:root{--bg:#f3f5f8;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--brand:#111827;--accent:#ff245b;--danger:#b91c1c}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text)}a{color:inherit;text-decoration:none}button{border:0;border-radius:14px;background:var(--brand);color:#fff;padding:12px 16px;font-weight:800;cursor:pointer}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 14px;background:#fff;font:inherit}textarea{min-height:120px;resize:vertical}label{display:block;margin:12px 0 6px;font-weight:800}.check{display:flex;gap:10px;align-items:flex-start;font-weight:600}.check input{width:auto;margin-top:4px}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.topbar nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.topbar a{color:var(--muted);font-weight:800}.feed{max-width:760px;margin:0 auto;padding:12px 0 90px}.post{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0;padding:14px}.post-head{display:flex;gap:12px;align-items:center}.post-head span,.comment span,small{display:block;color:var(--muted);font-size:12px}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#111827,#4b5563);color:#fff;font-weight:900;overflow:hidden;flex:0 0 auto}.avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar.small{width:34px;height:34px;font-size:13px}.post-content{font-size:18px;line-height:1.45;margin:16px 0;white-space:pre-wrap}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions button{background:#f3f4f6;color:#111827;padding:10px 12px;border-radius:999px}.actions form{margin:0}.like-btn,.comment-like{color:var(--accent)!important}.comments{display:none;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.comments.open{display:block}.comment-form,.reply-form,.message-form,.inline{display:flex;gap:8px;align-items:flex-start}.comment-form input,.reply-form input,.inline input{flex:1}.comment{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #f1f5f9}.comment-body{flex:1}.comment p{margin:6px 0 10px}.compact button{font-size:12px;padding:7px 9px}.reply-form{display:none;margin-top:8px}.reply-form.open{display:flex}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#dbeafe,#f8fafc 45%,#f3f4f6)}.login-card,.card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 60px rgba(15,23,42,.08);padding:22px}.login-card{width:min(440px,100%)}.login-card h1{margin-top:0}.alert{background:#fee2e2;color:#991b1b;border-radius:16px;padding:12px;margin:10px 0}.alert.ok{background:#dcfce7;color:#166534}.textlink{display:block;margin-top:14px;color:#2563eb;font-weight:800}.page{max-width:980px;margin:0 auto;padding:18px 14px 100px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.group-card h2{margin-top:0}.fab-wrap{position:fixed;right:18px;bottom:18px;z-index:50}.fab-main{width:64px;height:64px;border-radius:50%;font-size:36px;line-height:1;background:#111827;box-shadow:0 16px 40px rgba(0,0,0,.35)}.fab-menu{position:absolute;right:0;bottom:78px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:0 18px 60px rgba(0,0,0,.22);display:none;min-width:230px}.fab-menu.open{display:grid;gap:8px}.fab-menu button,.fab-menu a{display:block;text-align:left;background:#f8fafc;color:#111827;border-radius:16px;padding:13px 14px;font-weight:900}.modal{position:fixed;inset:0;background:rgba(15,23,42,.62);display:none;align-items:center;justify-content:center;z-index:60;padding:18px}.modal.open{display:flex}.modal-card{background:#fff;border-radius:26px;max-width:560px;width:100%;padding:22px;position:relative}.modal-close{position:absolute;right:12px;top:12px;border-radius:50%;width:42px;height:42px;padding:0}.mail-float{position:fixed;right:22px;top:78px;z-index:45;background:#fff;border:1px solid var(--line);border-radius:999px;width:58px;height:58px;display:grid;place-items:center;box-shadow:0 14px 40px rgba(0,0,0,.18);font-size:24px}.mail-float span{position:absolute;right:-3px;top:-5px;background:var(--accent);color:#fff;border-radius:999px;font-size:12px;font-weight:900;padding:4px 7px}.profile-hero{height:230px;border-radius:28px;background:linear-gradient(135deg,#111827,#93c5fd);background-size:cover;background-position:center;position:relative;margin-bottom:58px}.profile-avatar{position:absolute;left:24px;bottom:-54px;width:108px;height:108px;border-radius:50%;border:6px solid #fff;background:#111827;color:#fff;display:grid;place-items:center;font-size:42px;font-weight:900;overflow:hidden}.danger button{background:var(--danger)}.messages-layout{max-width:1100px;margin:0 auto;padding:18px 14px 100px;display:grid;grid-template-columns:290px 1fr;gap:14px}.user-row{display:flex;align-items:center;gap:9px;padding:10px;border-radius:16px;color:#111827}.user-row.active,.user-row:hover{background:#f3f4f6}.chat-box{height:55vh;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:10px;background:#f8fafc;border-radius:20px}.bubble{max-width:76%;padding:12px 14px;border-radius:18px;background:#fff;border:1px solid var(--line)}.bubble.me{align-self:flex-end;background:#111827;color:#fff}.bubble.me small{color:#d1d5db}.bubble.other{align-self:flex-start}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats b{font-size:32px;display:block}.tabs{display:flex;gap:10px;flex-wrap:wrap}.tabs a{background:#f3f4f6;border-radius:999px;padding:10px 12px;font-weight:900}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left}td select{min-width:110px}.heart{position:fixed;z-index:9999;color:#ef123f;font-size:30px;pointer-events:none;animation:flyHeart 2.2s ease-out forwards;text-shadow:0 10px 18px rgba(239,18,63,.35)}@keyframes flyHeart{0%{transform:translateY(0) scale(.7) rotate(0);opacity:0}12%{opacity:1}100%{transform:translateY(-260px) scale(1.9) rotate(28deg);opacity:0}}@media(max-width:760px){.topbar{align-items:flex-start;gap:8px;flex-direction:column}.topbar nav{font-size:14px}.feed{max-width:none;padding:0 0 90px}.post{border-left:0;border-right:0;border-radius:0;margin:0}.post-content{font-size:17px}.messages-layout{grid-template-columns:1fr}.user-list{max-height:190px;overflow:auto}.stats{grid-template-columns:repeat(2,1fr)}.comment-form,.reply-form,.message-form,.inline{flex-direction:column}.fab-main{width:68px;height:68px}.profile-hero{border-radius:0;margin-left:-14px;margin-right:-14px}}

.post-media{margin:12px -14px 14px;background:#000;overflow:hidden}.post-media img,.post-media video{display:block;width:100%;max-height:72vh;object-fit:contain;background:#000}.embed{position:relative;width:100%;padding-top:56.25%;margin:12px 0;border-radius:20px;overflow:hidden;background:#000}.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.link-card{display:block;margin:12px 0;padding:15px;border:1px solid var(--line);border-radius:20px;background:#f8fafc}.link-card span{display:block;color:var(--muted);font-weight:800;margin-bottom:5px}.link-card b{display:block;font-size:16px}.link-card small{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-card small{color:var(--muted);display:block;margin:6px 0 12px}
@media(max-width:760px){.post-media{margin-left:-14px;margin-right:-14px;border-radius:0}.embed{border-radius:0;margin-left:-14px;width:calc(100% + 28px)}}

.delete-post-form{display:inline-flex;margin:0}.danger{background:#ffe7e7!important;color:#b00020!important;border-color:#ffc5c5!important}.small-danger{font-size:.92rem}.settings-form input[type=number]{width:100%;max-width:260px;padding:12px;border-radius:14px;border:1px solid #ddd}.settings-form label{display:block;font-weight:700;margin:12px 0 6px}.settings-form small{display:block;color:#666;margin:8px 0 14px}

/* Version 1.1.0 Upload-Manager */
.upload-panel{position:fixed;left:18px;bottom:18px;z-index:55;width:min(360px,calc(100vw - 110px));background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 55px rgba(15,23,42,.22);overflow:hidden;display:none}.upload-panel.open{display:block}.upload-panel.minimized .upload-list{display:none}.upload-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#111827;color:#fff}.upload-panel-head button{width:32px;height:32px;border-radius:999px;padding:0;background:rgba(255,255,255,.16)}.upload-list{max-height:260px;overflow:auto;padding:10px}.upload-item{border:1px solid var(--line);border-radius:16px;padding:10px 11px;margin-bottom:8px;background:#f8fafc}.upload-title{display:flex;justify-content:space-between;gap:12px;font-weight:900}.upload-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-title strong{color:var(--accent)}.upload-bar{height:10px;border-radius:999px;background:#e5e7eb;margin:8px 0;overflow:hidden}.upload-bar i{display:block;height:100%;width:0;background:var(--accent);border-radius:999px;transition:width .18s ease}.upload-item small{font-size:12px}.upload-error{background:#fff1f2;border-color:#fecdd3}.upload-error .upload-bar i{background:#b91c1c}@media(max-width:760px){.upload-panel{left:10px;bottom:96px;width:calc(100vw - 20px)}}

/* Version 1.2.4 Reaktionen */
.reaction-form{position:relative;display:inline-flex!important;align-items:center;z-index:20}.reaction-form:before{content:"";position:absolute;left:-14px;right:-14px;bottom:28px;height:34px;background:transparent}.reaction-picker{position:absolute;left:-8px;bottom:50px;display:flex;gap:8px;background:rgba(255,255,255,.96);border:1px solid rgba(226,232,240,.95);border-radius:999px;padding:8px 10px;box-shadow:0 22px 60px rgba(15,23,42,.26);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.94);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;backdrop-filter:blur(12px)}.reaction-form.open .reaction-picker,.reaction-form.hovering .reaction-picker,.reaction-form:hover .reaction-picker{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}.reaction-choice{background:#fff!important;color:#111!important;border-radius:999px!important;width:41px;height:41px;padding:0!important;font-size:24px!important;line-height:1;box-shadow:0 8px 22px rgba(15,23,42,.10);transition:transform .16s cubic-bezier(.2,1.6,.3,1),background .16s ease,box-shadow .16s ease;transform-origin:center}.reaction-choice:hover{transform:translateY(-8px) scale(1.32) rotate(-7deg);background:#fff7ed!important;box-shadow:0 16px 32px rgba(15,23,42,.20)}.reaction-choice:active{transform:translateY(-4px) scale(1.12)}.reaction-trigger{min-width:88px}.reaction-trigger.reacted{animation:reactionButtonPop .55s cubic-bezier(.2,1.7,.3,1)}.reaction-summary{font-size:13px;color:var(--muted);font-weight:800;margin:6px 0 10px}.floating-reaction{position:fixed;z-index:9999;font-size:24px;pointer-events:none;animation:floatReactionDelight var(--dur,3.8s) cubic-bezier(.16,.84,.27,1) forwards;filter:drop-shadow(0 12px 18px rgba(0,0,0,.18));will-change:transform,opacity}.reaction-spark{position:fixed;z-index:9998;width:8px;height:8px;border-radius:999px;background:radial-gradient(circle,#fff 0,#ffd166 38%,#ff4d6d 74%,transparent 75%);pointer-events:none;animation:sparkPop var(--dur,.9s) ease-out forwards;will-change:transform,opacity}@keyframes reactionButtonPop{0%{transform:scale(1)}38%{transform:scale(1.28) rotate(-3deg)}68%{transform:scale(.94) rotate(2deg)}100%{transform:scale(1)}}@keyframes floatReactionDelight{0%{transform:translate(0,0) scale(.45) rotate(0deg);opacity:0}10%{opacity:1;transform:translate(0,-22px) scale(1.08) rotate(var(--rot-start,-8deg))}34%{transform:translate(calc(var(--drift,60px)*.32),-105px) scale(1.35) rotate(calc(var(--rot,28deg)*.45));opacity:1}72%{opacity:.88}100%{transform:translate(var(--drift,60px),-390px) scale(1.85) rotate(var(--rot,28deg));opacity:0}}@keyframes sparkPop{0%{transform:translate(0,0) scale(.2);opacity:1}100%{transform:translate(var(--sx,20px),var(--sy,-35px)) scale(1.2);opacity:0}}@media(max-width:760px){.reaction-picker{bottom:48px;left:-18px}.reaction-choice{width:44px;height:44px;font-size:26px!important}.reaction-trigger{min-width:auto}}
/* Version 1.2.4: robuste Icon-Ausgabe ohne rohe Emoji-Zeichen im Quelltext */
.reaction-choice{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif!important;}
.actions button,.actions a,.reaction-trigger{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}

/* Version 1.2.4: reine Emoji-Reaktionen und einheitliche Aktionsleiste */
.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.actions button,.actions a,.actions .like-btn{min-height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;font-weight:800}
.actions.compact button,.actions.compact a,.actions.compact .like-btn{min-height:36px;padding:0 12px;font-size:14px}
.reaction-trigger{min-width:64px!important;color:#111827!important}
.reaction-trigger .reaction-main{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif!important;font-size:22px;line-height:1}
.reaction-trigger .reaction-count{font-size:15px;font-weight:900;color:#111827}
.reaction-choice{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif!important;text-indent:0!important;overflow:hidden}
.reaction-summary{display:none!important}
.small-danger{background:#fee2e2!important;color:#b91c1c!important;min-width:48px!important;padding:0 14px!important}
@media(max-width:760px){.actions{gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.actions button,.actions a,.actions .like-btn{min-height:40px;padding:0 12px}.reaction-trigger{min-width:52px!important}.reaction-trigger .reaction-main{font-size:20px}.reaction-trigger .reaction-count{font-size:13px}.small-danger{min-width:42px!important}}

/* v1.2.5 reaction breakdown and user modal */
.reaction-breakdown{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:8px 0 2px;padding:0 2px}
.reaction-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(226,232,240,.95);background:rgba(255,255,255,.96);border-radius:999px;min-height:30px;padding:4px 9px;box-shadow:0 6px 18px rgba(15,23,42,.07);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}
.reaction-chip:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 10px 25px rgba(15,23,42,.13);background:#fff7ed}
.reaction-chip-emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:18px;line-height:1}
.reaction-chip-count{font-size:13px;font-weight:900;color:#111827}
.reaction-users-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:10000;display:none;align-items:flex-end;justify-content:center;backdrop-filter:blur(6px)}
.reaction-users-backdrop.open{display:flex}
.reaction-users-modal{width:min(480px,100%);max-height:78vh;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -20px 60px rgba(15,23,42,.28);overflow:hidden;animation:reactionSheetIn .24s ease-out}
.reaction-users-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e5e7eb;font-weight:900;color:#111827}
.reaction-users-head strong{display:flex;align-items:center;gap:8px;font-size:17px}.reaction-users-head .emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:24px}
.reaction-users-close{border:0;background:#f3f4f6;border-radius:999px;width:36px;height:36px;font-size:20px;cursor:pointer}
.reaction-users-list{padding:10px 12px 16px;overflow:auto;max-height:calc(78vh - 70px)}
.reaction-user-row{display:flex;align-items:center;gap:12px;padding:10px 6px;border-radius:14px}.reaction-user-row:hover{background:#f8fafc}
.reaction-user-row .avatar{width:42px;height:42px;min-width:42px}.reaction-user-row b{display:block;color:#111827}.reaction-user-row small{color:#64748b;font-weight:700}
.reaction-empty{padding:24px;text-align:center;color:#64748b;font-weight:800}
@keyframes reactionSheetIn{from{transform:translateY(24px);opacity:.35}to{transform:translateY(0);opacity:1}}
@media(min-width:761px){.reaction-users-backdrop{align-items:center}.reaction-users-modal{border-radius:24px;max-height:70vh}.reaction-users-list{max-height:calc(70vh - 70px)}}


/* v1.2.8 grouped reactions above action field */
.reaction-cluster{position:relative;display:inline-flex;align-items:center;margin:10px 0 8px;z-index:18}
.reaction-cluster-main{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(226,232,240,.95);background:rgba(255,255,255,.98);border-radius:999px;min-height:32px;padding:4px 10px;box-shadow:0 7px 20px rgba(15,23,42,.08);cursor:pointer;transition:transform .16s ease, box-shadow .16s ease;background-clip:padding-box}
.reaction-cluster-main:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.16)}
.reaction-cluster-detail{position:absolute;left:0;bottom:40px;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.98);border:1px solid rgba(226,232,240,.95);border-radius:999px;padding:7px 9px;box-shadow:0 22px 60px rgba(15,23,42,.22);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.94);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;white-space:nowrap;backdrop-filter:blur(12px)}
.reaction-cluster:hover .reaction-cluster-detail,.reaction-cluster:focus-within .reaction-cluster-detail,.reaction-cluster.open .reaction-cluster-detail{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}
.reaction-cluster .reaction-chip{margin:0}.reaction-cluster .reaction-chip:hover{transform:translateY(-4px) scale(1.08)}
.reaction-breakdown{display:none!important}
.group-card.clickable{display:block;text-decoration:none;color:inherit;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.group-card.clickable:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(15,23,42,.13);border-color:rgba(37,99,235,.25)}
.group-feed-head{margin-bottom:14px}.group-feed-head a{text-decoration:none;font-weight:900;color:var(--accent)}.group-feed-head h1{margin:10px 0 4px}
@media(max-width:760px){.reaction-cluster{margin-left:2px}.reaction-cluster-detail{bottom:38px;max-width:calc(100vw - 30px);overflow-x:auto}.group-feed-head{border-radius:0;margin-left:-14px;margin-right:-14px}}


/* v1.2.8: Reaktionen entfernt, klares Herz-Like mit Avatar-Leiste */
.reaction-form,.reaction-picker,.reaction-cluster,.reaction-breakdown{display:none!important}
.like-avatar-bar{display:flex;align-items:center;gap:6px;margin:2px 0 12px;padding:4px 2px;min-height:34px}
.like-avatar-label{font-size:12px;font-weight:900;color:var(--muted);margin-right:2px}
.like-user-avatar{width:30px;height:30px;border-radius:999px;background:linear-gradient(135deg,var(--accent),#ec4899);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;border:2px solid #fff;box-shadow:0 7px 16px rgba(15,23,42,.14);margin-left:-7px;overflow:hidden;cursor:pointer;transition:transform .14s ease, box-shadow .14s ease}
.like-user-avatar:first-of-type{margin-left:0}.like-user-avatar:hover{transform:translateY(-2px) scale(1.08);z-index:2;box-shadow:0 12px 24px rgba(15,23,42,.18)}
.like-user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.heart-like-form{display:inline-flex!important;align-items:center;margin:0}.heart-like-btn{min-width:66px!important;min-height:44px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 16px!important;font-weight:900!important;background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important;box-shadow:0 4px 14px rgba(15,23,42,.06);cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.heart-like-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.12);background:#fff5f5!important}.heart-like-btn.is-liked{color:#e11d48!important;background:#fff1f2!important;border-color:#fecdd3!important}.heart-icon{font-size:25px;line-height:1;color:#cbd5e1;transition:color .16s ease,transform .16s ease;text-shadow:0 2px 8px rgba(225,29,72,.18)}.heart-like-btn.is-liked .heart-icon{color:#e11d48}.heart-count{font-size:15px;font-weight:950;color:inherit}.heart-like-btn.heart-pop .heart-icon{animation:heartLikePop .55s cubic-bezier(.2,1.7,.3,1)}.floating-heart{position:fixed;z-index:9999;color:#e11d48;font-size:24px;line-height:1;pointer-events:none;animation:floatHeartSoft var(--dur,3.8s) cubic-bezier(.16,.84,.27,1) forwards;filter:drop-shadow(0 10px 16px rgba(225,29,72,.24));will-change:transform,opacity}.heart-spark{position:fixed;z-index:9998;width:7px;height:7px;border-radius:999px;background:radial-gradient(circle,#fff 0,#fecdd3 35%,#e11d48 72%,transparent 75%);pointer-events:none;animation:sparkPop var(--dur,.8s) ease-out forwards;will-change:transform,opacity}@keyframes heartLikePop{0%{transform:scale(1)}36%{transform:scale(1.46) rotate(-7deg)}62%{transform:scale(.88) rotate(3deg)}100%{transform:scale(1) rotate(0)}}@keyframes floatHeartSoft{0%{transform:translate(0,0) scale(.42) rotate(0);opacity:0}12%{opacity:1;transform:translate(0,-26px) scale(1.05) rotate(var(--rot-start,-6deg))}45%{opacity:.96;transform:translate(calc(var(--drift,60px)*.44),-150px) scale(1.32) rotate(calc(var(--rot,30deg)*.55))}100%{transform:translate(var(--drift,70px),-430px) scale(1.78) rotate(var(--rot,30deg));opacity:0}}
@media(max-width:760px){.like-avatar-bar{overflow-x:auto;padding-left:2px}.heart-like-btn{min-width:56px!important;min-height:40px!important;padding:0 12px!important}.heart-icon{font-size:22px}.heart-count{font-size:13px}}
/* Gruppenverwaltung 1.2.9 */
.group-list-cover{height:120px;margin:-20px -20px 14px;background-size:cover;background-position:center;border-radius:22px 22px 0 0;background-color:#e5e7eb}
.group-list-head{display:flex;align-items:center;gap:12px}.group-list-head h2{margin:0}.group-list-avatar{width:54px;height:54px;border-radius:16px;object-fit:cover;background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.group-list-avatar.fallback{background:linear-gradient(135deg,var(--accent),#ec4899)}
.group-feed-head{overflow:hidden;background-size:cover;background-position:center;position:relative}.group-feed-head.has-cover{color:#fff;min-height:250px;display:flex;flex-direction:column;justify-content:flex-end}.group-feed-head.has-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.66));z-index:0}.group-feed-head>*{position:relative;z-index:1}.group-feed-head .back-link{display:inline-block;margin-bottom:14px;color:inherit;font-weight:900}.group-hero-content{display:flex;align-items:flex-end;gap:16px}.group-avatar-large{width:94px;height:94px;border-radius:24px;object-fit:cover;border:4px solid #fff;background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.18)}.group-avatar-large.fallback{background:linear-gradient(135deg,var(--accent),#ec4899)}
.group-join-panel{margin-top:16px;padding:14px;border-radius:18px;background:rgba(255,255,255,.88);color:#111827;border:1px solid rgba(226,232,240,.9)}.group-join-panel form{display:inline}.group-join-panel p{margin:0 0 10px}.group-admin-panel{margin-top:-6px}.group-admin-panel summary{cursor:pointer;font-size:18px;font-weight:900}.group-edit-form{display:grid;gap:9px;margin-top:14px}.request-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:16px;margin:8px 0;background:#f8fafc}.request-row form{display:flex;gap:8px;margin-left:auto}.secondary{background:#e5e7eb!important;color:#111827!important}.muted-note{color:var(--muted);font-weight:800}.fab-hint{display:block;background:#fff7ed;color:#9a3412;border-radius:16px;padding:13px 14px;font-weight:900}
@media(max-width:760px){.group-hero-content{align-items:flex-start}.group-avatar-large{width:78px;height:78px;border-radius:20px}.request-row{align-items:flex-start;flex-direction:column}.request-row form{margin-left:0}.group-feed-head.has-cover{min-height:220px}}


/* v1.3.0: Medien erst laden, wenn sie im Browserfenster sichtbar werden */
.lazy-media-wrap { position: relative; background: #f3f4f6; overflow: hidden; }
.lazy-media-wrap .lazy-media-hint { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 8px 12px; border-radius: 999px; background: rgba(255,255,255,.88); color:#6b7280; font-size: 13px; pointer-events:none; box-shadow: 0 6px 18px rgba(0,0,0,.08); }
.lazy-media-wrap.is-loaded .lazy-media-hint { display:none; }
.lazy-embed { min-height: 320px; background:#f3f4f6; }
.lazy-video { background:#111; }

/* v1.3.1: Medien-Galerie im Post mit Wischpunkten */
.media-carousel{position:relative;margin:12px -14px 14px;background:#000;overflow:hidden;touch-action:pan-y}.media-carousel .media-track{display:flex;transition:transform .28s ease;will-change:transform}.media-carousel .media-slide{min-width:100%;display:block}.media-carousel .post-media{margin:0;background:#000}.media-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:7px;z-index:5;pointer-events:auto}.media-dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.55);box-shadow:0 1px 5px rgba(0,0,0,.35);cursor:pointer}.media-dot.active{width:18px;background:#fff}.media-carousel::after{content:'Wischen';position:absolute;right:12px;bottom:28px;color:#fff;font-size:11px;font-weight:800;background:rgba(0,0,0,.35);border-radius:999px;padding:4px 8px;opacity:.75}.media-carousel.is-single::after{display:none}@media(max-width:760px){.media-carousel{margin-left:-14px;margin-right:-14px;border-radius:0}.media-carousel::after{display:none}.media-dot{width:6px;height:6px}.media-dot.active{width:16px}}

/* Version 1.3.2: Medienausrichtung und Repost-Button */
.post-media img,.post-media video{image-orientation:from-image;width:100%;height:auto;max-height:86vh;object-fit:contain;background:#000}
.media-carousel .media-slide{display:flex;align-items:center;justify-content:center;background:#000}
.media-carousel .post-media{width:100%;display:flex;align-items:center;justify-content:center}
.media-carousel .post-media img,.media-carousel .post-media video{width:100%;height:auto;max-height:86vh;object-fit:contain}
.repost-form{margin:0;display:inline-flex}
.repost-form button{background:#f3f4f6;color:#111827;padding:10px 12px;border-radius:999px}
@media(max-width:760px){.post-media img,.post-media video,.media-carousel .post-media img,.media-carousel .post-media video{max-height:none}.media-carousel .media-slide{align-items:flex-start}}

/* v1.3.4 */
.media-carousel{cursor:grab;user-select:none;-webkit-user-select:none;}
.media-carousel:active{cursor:grabbing;}
.media-carousel img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;}
@media(max-width:760px){body{overscroll-behavior-x:contain;}.media-carousel{touch-action:pan-y;}}

/* v1.3.6: verhindert störendes vertikales Mit-Scrollen während horizontaler Seitenwischgeste */
html.sn-horizontal-swipe-lock,
html.sn-horizontal-swipe-lock body{
  overscroll-behavior: none;
}
@media (max-width:760px){
  main.feed, main.page{
    overscroll-behavior-y: contain;
  }
}

/* v1.3.8: einzelne E-Mail-Benachrichtigungen im Profil */
.notification-settings{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:#f8fafc}
.notification-settings h3{margin:0 0 6px;font-size:17px}
.notification-settings .check{margin:10px 0;display:flex;align-items:center;gap:9px;font-weight:800}

/* 1.3.9 Moderation */
.moderation-edit{display:inline-block;position:relative}.moderation-edit summary{cursor:pointer;list-style:none;border:1px solid #e5e7eb;border-radius:999px;padding:8px 10px;background:#fff}.moderation-edit form{margin-top:8px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:10px;box-shadow:0 12px 30px rgba(0,0,0,.10);min-width:240px}.moderation-edit textarea{width:100%;min-height:80px}.muted-note{color:#6b7280}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.role-badge{display:inline-flex;border-radius:999px;background:#f3f4f6;padding:3px 8px;font-size:12px}

.expiry-note{display:block;margin-top:3px;color:#777;font-size:12px}.inline-check{display:flex;gap:8px;align-items:center;margin:8px 0}.inline-check input{width:auto}


/* Version 1.4.1 - Funktionsübersicht nach Login */
.feature-modal{position:fixed;inset:0;z-index:9998;background:rgba(12,16,28,.58);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px}
.feature-card{width:min(760px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.32);padding:22px;color:#111}
.feature-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:10px}.feature-head h2{margin:.15rem 0 0;font-size:clamp(1.4rem,4vw,2.2rem)}
.feature-kicker{display:inline-block;background:#111;color:#fff;border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:700;letter-spacing:.02em}.feature-close{border:0;background:#f2f3f7;border-radius:999px;width:42px;height:42px;font-size:28px;line-height:1;cursor:pointer}.feature-intro{color:#50596b;margin:0 0 14px}.feature-list{display:grid;gap:10px;margin:14px 0 16px}.feature-item{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:start;border-radius:18px;padding:14px;border:1px solid #e8ebf2;background:linear-gradient(135deg,#fff,#f8fbff)}.feature-item p{margin:4px 0 0;color:#566074;line-height:1.35}.feature-item.new{border-color:#ffd1dc;background:linear-gradient(135deg,#fff,#fff4f7)}.feature-item.read{opacity:.48;background:#f5f6f8}.feature-status{align-self:start;text-align:center;border-radius:999px;padding:6px 8px;background:#ff2f6d;color:#fff;font-size:.78rem;font-weight:800}.feature-item.read .feature-status{background:#d3d7df;color:#657080}.feature-ack-form{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #edf0f5;padding-top:14px}.feature-check{margin:0;flex:1 1 360px}.feature-ack-form button{min-width:140px}
@media(max-width:640px){.feature-modal{align-items:flex-end;padding:0}.feature-card{width:100%;max-height:92vh;border-radius:26px 26px 0 0;padding:18px}.feature-item{grid-template-columns:46px 1fr;padding:12px}.feature-ack-form button{width:100%}}


/* Version 1.4.4 - Gruppenseite: Meine Gruppen oben, darunter Suche und alle Gruppen */
.groups-page .groups-section{margin-bottom:16px}.section-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.section-title-row h1{margin:.1rem 0}.section-title-row p{margin:.25rem 0 0;color:var(--muted);font-weight:700}.section-mini-link{white-space:nowrap;background:#f3f4f6;border-radius:999px;padding:10px 13px;font-weight:900;color:#111827}.my-groups-strip{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 2px 8px;margin:0 -2px}.my-groups-strip .my-group-card{min-width:230px;max-width:260px;scroll-snap-align:start;box-shadow:none}.my-group-card .group-list-cover{height:78px}.empty-state{border:1px dashed var(--line);border-radius:18px;padding:16px;background:#f8fafc}.empty-state p{margin:.35rem 0 0;color:var(--muted)}.group-search-form{margin-top:10px}.search-reset{display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:14px;padding:12px 14px;font-weight:900}.groups-grid{align-items:stretch}.groups-grid .group-card{display:block;height:100%}
@media(max-width:760px){.section-title-row{display:block}.section-mini-link{display:inline-block;margin-top:10px}.my-groups-strip{margin-left:-6px;margin-right:-6px;padding-left:6px;padding-right:6px}.my-groups-strip .my-group-card{min-width:78%;}.group-search-form{display:flex;flex-direction:row}.group-search-form input{min-width:0}.search-reset{width:100%}}

/* Version 1.4.6 - Folgen/Entfolgen direkt im Feed */
.post-author-block{flex:1;min-width:0}
.post-author-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
.follow-form{margin:0;display:inline-flex;align-items:center}
.follow-btn{border:0;border-radius:999px;padding:7px 13px;font-weight:800;font-size:13px;line-height:1;background:linear-gradient(135deg,#111827,#374151);color:#fff;box-shadow:0 6px 16px rgba(17,24,39,.18);cursor:pointer;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,opacity .15s ease}
.follow-btn:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(17,24,39,.24)}
.follow-btn.is-following{background:#eef2f7;color:#334155;box-shadow:inset 0 0 0 1px #cbd5e1}
.follow-btn[data-busy="1"]{opacity:.65;pointer-events:none}
@media(max-width:520px){.post-author-row{gap:6px}.follow-btn{padding:7px 10px;font-size:12px}.post-head{align-items:flex-start}}

/* Version 1.4.8: Mobile Video-Darstellung und Ton-Umschalter */
.video-wrap{position:relative;}
.video-sound-toggle{position:absolute;top:12px;right:12px;z-index:5;width:42px;height:42px;border-radius:999px;padding:0;display:grid;place-items:center;background:rgba(0,0,0,.58)!important;color:#fff!important;backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(0,0,0,.25);font-size:18px;}
.video-sound-toggle:hover{background:rgba(0,0,0,.78)!important;}
.lazy-video{background:#000;}
@media(max-width:760px){
  .video-wrap{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:100vw;border-radius:0;}
  .video-wrap video.mobile-full-video{width:100vw!important;max-width:100vw!important;max-height:100vh!important;height:auto!important;object-fit:contain!important;background:#000;}
}


/* Version 1.4.8: Nachrichten im Plus-Menü und einheitliche Menüpunktgrößen */
.fab-menu{
  min-width:260px;
  gap:8px;
}
.fab-menu .fab-menu-item,
.fab-menu button.fab-menu-item,
.fab-menu a.fab-menu-item,
.fab-menu span.fab-menu-item{
  width:100%;
  min-height:52px;
  display:grid;
  grid-template-columns:32px 1fr;
  align-items:center;
  gap:10px;
  text-align:left;
  background:#f8fafc;
  color:#111827;
  border-radius:16px;
  padding:13px 14px;
  font-weight:900;
  line-height:1.15;
  font-size:15px;
}
.fab-menu button.fab-menu-item{
  border:0;
  cursor:pointer;
}
.fab-menu .fab-icon{
  width:32px;
  min-width:32px;
  height:28px;
  display:grid;
  place-items:center;
  font-size:20px;
  line-height:1;
}
.fab-hint{background:#fff7ed!important;color:#9a3412!important;cursor:default;}
@media(max-width:760px){
  .fab-wrap{right:14px;bottom:14px;}
  .fab-menu{right:0;bottom:74px;min-width:min(300px,calc(100vw - 28px));}
  .fab-menu .fab-menu-item,
  .fab-menu button.fab-menu-item,
  .fab-menu a.fab-menu-item,
  .fab-menu span.fab-menu-item{
    min-height:54px;
    grid-template-columns:34px 1fr;
    padding:14px 15px;
    font-size:15px;
  }
}


/* Version 1.5.0: verschlankter Header */
.topbar-slim{flex-direction:row!important;align-items:center!important;padding:10px 14px!important;min-height:58px}
.topbar-slim .brand-link{display:flex;align-items:center;font-weight:950;color:var(--text);min-width:0}
.topbar-slim .brand-link strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 150px)}
.topbar-slim .header-icons{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;margin-left:auto}
.header-icon{position:relative;width:44px;height:44px;border-radius:999px;background:#f3f4f6;color:#111827!important;display:grid;place-items:center;font-size:22px;font-weight:900}
.header-icon span{position:absolute;right:-4px;top:-5px;background:var(--accent);color:#fff;border-radius:999px;font-size:11px;font-weight:950;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px;border:2px solid #fff}
.header-icon:hover{background:#e5e7eb;transform:translateY(-1px)}
@media(max-width:760px){.topbar-slim{flex-direction:row!important;align-items:center!important}.topbar-slim .header-icons{font-size:18px}.header-icon{width:42px;height:42px}.topbar-slim .brand-link strong{max-width:calc(100vw - 125px)}}

/* KI-Unterstützung 1.6.90 */
.ai-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.ai-toolbar button,.ai-group-summary-btn{border:0;border-radius:999px;padding:9px 12px;background:#111;color:#fff;font-weight:700}.ai-result,.ai-search-results,.ai-group-summary-result{margin-top:10px;color:#333}.ai-text{background:#f6f7fb;border:1px solid #e6e8f0;border-radius:16px;padding:14px;line-height:1.45}.ai-hit{display:block;text-decoration:none;color:inherit;border:1px solid #e6e8f0;border-radius:14px;padding:12px;margin:8px 0;background:#fff}.ai-hit b{display:block}.ai-hit small{opacity:.7}.ai-hit p{margin:6px 0 0}.ai-group-card{border:1px solid #e8defe;background:linear-gradient(135deg,#fff,#f7f1ff)}
@media(max-width:640px){.ai-toolbar button{flex:1 1 calc(50% - 8px);font-size:13px}.ai-search-form{display:grid;gap:10px}}

/* 1.6.90 OpenAI Admin */
.button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.button-row .secondary{background:#eef2ff;color:#1f2a44}.notice.ai-test-result{margin:12px 0;padding:12px 14px;border-radius:12px;background:#f5f7fb;border:1px solid #d8e0ee;font-weight:700}

/* KennDich Landingpage 1.6.90 */
.landing-body{min-height:100vh;margin:0;background:radial-gradient(circle at top left,#eaf1ff 0,#f7f7fb 38%,#ffffff 100%);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827}
.landing-page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:38px 0 60px}
.landing-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch}
.landing-copy,.landing-panel,.landing-grid article{background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border:1px solid rgba(17,24,39,.08);box-shadow:0 18px 60px rgba(17,24,39,.08);border-radius:30px;padding:32px}
.brand-pill{display:inline-flex;padding:8px 14px;border-radius:999px;background:#111827;color:white;font-weight:800;font-size:.88rem;margin-bottom:18px}
.landing-copy h1{font-size:clamp(2.1rem,5vw,4.5rem);line-height:.98;margin:0 0 18px;letter-spacing:-.06em}
.landing-copy .lead{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.5;color:#4b5563;margin:0 0 28px}
.landing-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.primary-btn,.secondary-btn{border-radius:999px;padding:14px 21px;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;justify-content:center;min-width:150px}.primary-btn{background:#111827;color:white}.secondary-btn{background:#eef2ff;color:#111827;border:1px solid #dbe3ff}.forgot-link{display:inline-block;margin-top:18px;color:#4b5563;text-decoration:none;font-weight:700}.forgot-link:hover{text-decoration:underline}
.landing-panel h2{margin-top:0;font-size:1.45rem}.benefit-list{padding:0;margin:0;list-style:none;display:grid;gap:14px}.benefit-list li{padding:14px;border-radius:18px;background:#f9fafb;border:1px solid #eef0f4;color:#374151;line-height:1.42}.benefit-list strong{color:#111827}.landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.landing-grid article{padding:22px}.landing-grid h3{margin:0 0 8px}.landing-grid p{margin:0;color:#4b5563;line-height:1.45}
.notice{background:#ecfdf5;border:1px solid #bbf7d0;color:#14532d;border-radius:14px;padding:12px;margin:12px 0}
@media(max-width:820px){.landing-page{width:min(100% - 22px,760px);padding:18px 0 34px}.landing-hero,.landing-grid{grid-template-columns:1fr}.landing-copy,.landing-panel,.landing-grid article{border-radius:24px;padding:22px}.primary-btn,.secondary-btn{width:100%;}.landing-actions{gap:10px}}


/* Version 1.6.90 - Hypermodernes KennDich KI-Design */
:root{
  --bg:#f6f3ff;
  --card:rgba(255,255,255,.82);
  --text:#111827;
  --muted:#64748b;
  --line:rgba(99,102,241,.16);
  --brand:#5b21b6;
  --accent:#ff2f75;
  --accent2:#06b6d4;
  --ai:#7c3aed;
  --danger:#ef4444;
  --glow:0 24px 70px rgba(91,33,182,.16);
  --softGlow:0 14px 44px rgba(6,182,212,.12);
}
html{background:#f6f3ff;}
body{
  background:
    radial-gradient(circle at 12% 6%,rgba(124,58,237,.20),transparent 32%),
    radial-gradient(circle at 88% 4%,rgba(6,182,212,.22),transparent 30%),
    radial-gradient(circle at 55% 100%,rgba(255,47,117,.13),transparent 42%),
    linear-gradient(135deg,#f8fbff 0%,#f7f0ff 46%,#eefaff 100%);
  background-attachment:fixed;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 72%);
}
a{transition:color .18s ease,transform .18s ease,background .18s ease,box-shadow .18s ease}
button,.primary-btn{
  background:linear-gradient(135deg,#7c3aed 0%,#ec4899 50%,#06b6d4 100%);
  box-shadow:0 14px 34px rgba(124,58,237,.25);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
button:hover,.primary-btn:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 18px 42px rgba(124,58,237,.32)}
input,textarea,select{
  border-color:rgba(124,58,237,.16);
  background:rgba(255,255,255,.82);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
input:focus,textarea:focus,select:focus{outline:3px solid rgba(6,182,212,.18);border-color:#22d3ee}
.topbar,.topbar-slim{
  background:rgba(255,255,255,.66)!important;
  backdrop-filter:blur(22px) saturate(1.25);
  -webkit-backdrop-filter:blur(22px) saturate(1.25);
  border-bottom:1px solid rgba(124,58,237,.14)!important;
  box-shadow:0 10px 34px rgba(15,23,42,.06);
}
.topbar-slim .brand-link strong{
  background:linear-gradient(90deg,#5b21b6,#ec4899,#0891b2);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  letter-spacing:-.03em;
}
.header-icon{
  background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(238,242,255,.85));
  color:#4c1d95!important;
  border:1px solid rgba(124,58,237,.16);
  box-shadow:0 10px 28px rgba(91,33,182,.10);
}
.header-icon:hover{background:linear-gradient(135deg,#fff,#ecfeff);box-shadow:0 14px 36px rgba(6,182,212,.18)}
.header-icon span,.mail-float span{background:linear-gradient(135deg,#ff2f75,#7c3aed)}
.feed{max-width:790px}.post,.card,.login-card,.modal-card,.landing-copy,.landing-panel,.landing-grid article{
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(124,58,237,.14)!important;
  box-shadow:var(--glow);
  backdrop-filter:blur(18px) saturate(1.2);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
}
.post{
  border-radius:30px;
  margin:16px 10px;
  padding:16px;
  overflow:hidden;
}
.post:hover{box-shadow:0 28px 80px rgba(91,33,182,.20)}
.avatar,.profile-avatar{
  background:linear-gradient(135deg,#7c3aed,#ec4899 55%,#06b6d4);
  box-shadow:0 12px 28px rgba(124,58,237,.24);
}
.post-content{color:#172033}.actions{padding-top:4px}.actions button,.actions a,.compact button,.tabs a,.section-mini-link,.secondary-btn{
  background:rgba(255,255,255,.72)!important;
  color:#4c1d95!important;
  border:1px solid rgba(124,58,237,.14)!important;
  box-shadow:0 8px 22px rgba(91,33,182,.08);
}
.actions button:hover,.tabs a:hover,.section-mini-link:hover,.secondary-btn:hover{background:#fff!important;color:#7c3aed!important;transform:translateY(-1px)}
.like-btn,.comment-like{color:#ff2f75!important;background:rgba(255,47,117,.10)!important;border-color:rgba(255,47,117,.18)!important}.heart{text-shadow:0 18px 28px rgba(255,47,117,.42)}
.comments{border-top:1px solid rgba(124,58,237,.12)}.comment{border-bottom:1px solid rgba(124,58,237,.10)}
.post-media,.embed{border-radius:26px;background:#080713;box-shadow:0 20px 50px rgba(2,6,23,.20)}
.video-sound-toggle{background:linear-gradient(135deg,rgba(124,58,237,.88),rgba(6,182,212,.76))!important;border:1px solid rgba(255,255,255,.24)}
.fab-main{
  background:conic-gradient(from 180deg,#06b6d4,#7c3aed,#ec4899,#06b6d4);
  box-shadow:0 18px 54px rgba(124,58,237,.42),0 0 0 8px rgba(255,255,255,.45);
}
.fab-main:hover{transform:translateY(-2px) rotate(8deg)}
.fab-menu{
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(22px) saturate(1.25);
  border:1px solid rgba(124,58,237,.16)!important;
  box-shadow:0 22px 74px rgba(91,33,182,.22)!important;
}
.fab-menu .fab-menu-item,.fab-menu button.fab-menu-item,.fab-menu a.fab-menu-item,.fab-menu span.fab-menu-item{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,246,255,.78))!important;
  border:1px solid rgba(124,58,237,.12);
}
.fab-menu .fab-menu-item:hover{background:linear-gradient(135deg,#fff,#f5f3ff)!important;transform:translateX(-2px)}
.ai-toolbar button,.ai-group-summary-btn,.ai-search-form button{
  background:linear-gradient(135deg,#7c3aed,#06b6d4)!important;
  box-shadow:0 14px 34px rgba(6,182,212,.22);
  position:relative;
  overflow:hidden;
}
.ai-toolbar button:before,.ai-group-summary-btn:before,.ai-search-form button:before{
  content:"✦";margin-right:6px;color:#fff;opacity:.9;
}
.ai-text,.ai-hit,.ai-group-card{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(245,243,255,.82))!important;
  border:1px solid rgba(124,58,237,.18)!important;
  box-shadow:0 12px 34px rgba(124,58,237,.10);
}
.ai-group-card{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(236,254,255,.82))!important}.profile-hero{background:linear-gradient(135deg,#4c1d95,#7c3aed 45%,#06b6d4 100%)}
.mail-float{background:rgba(255,255,255,.82);border-color:rgba(124,58,237,.14);box-shadow:0 18px 48px rgba(91,33,182,.18)}
.stats .card b{background:linear-gradient(135deg,#7c3aed,#ec4899,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}.bubble.me{background:linear-gradient(135deg,#7c3aed,#0891b2)!important}.bubble.other{background:rgba(255,255,255,.86)!important}.chat-box{background:rgba(238,242,255,.55)}
.alert{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.notice{background:#ecfeff;border:1px solid #a5f3fc;color:#155e75}
/* Landingpage KI-Look */
.landing-body{
  background:
    radial-gradient(circle at 14% 10%,rgba(124,58,237,.28),transparent 34%),
    radial-gradient(circle at 86% 8%,rgba(6,182,212,.27),transparent 30%),
    radial-gradient(circle at 50% 100%,rgba(236,72,153,.18),transparent 42%),
    linear-gradient(135deg,#f8fbff,#f5f0ff 48%,#ecfeff 100%);
}
.brand-pill{background:linear-gradient(135deg,#7c3aed,#ec4899,#06b6d4);box-shadow:0 14px 36px rgba(124,58,237,.28)}
.landing-copy h1{background:linear-gradient(90deg,#2e1065 0%,#7c3aed 34%,#ec4899 62%,#0891b2 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 18px 60px rgba(124,58,237,.10)}
.benefit-list li{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(240,249,255,.72));border-color:rgba(124,58,237,.12)}
.landing-grid article:nth-child(1){background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(245,243,255,.8))!important}.landing-grid article:nth-child(2){background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(236,254,255,.82))!important}.landing-grid article:nth-child(3){background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(253,242,248,.82))!important}
.feature-card{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(245,243,255,.88))!important;border:1px solid rgba(124,58,237,.16)}
.feature-icon{background:linear-gradient(135deg,#7c3aed,#06b6d4);box-shadow:0 10px 24px rgba(124,58,237,.22)}
.feature-status{background:linear-gradient(135deg,#ff2f75,#7c3aed)}
@media(max-width:760px){
  .post{border-radius:24px;margin:10px 8px;border-left:1px solid rgba(124,58,237,.14)!important;border-right:1px solid rgba(124,58,237,.14)!important}
  .post-media{border-radius:22px;margin-left:-10px;margin-right:-10px}
  .topbar-slim{margin:8px;border-radius:24px;top:8px;width:calc(100% - 16px);left:8px}
  .feed{padding-top:2px}
  .login-body{background:linear-gradient(135deg,#f8fbff,#f5f0ff,#ecfeff)}
}


/* KennDich 1.6.90 - Mobile-first Plus-Menü / Bottom-Sheet */
:root{
  --kd-menu-safe-bottom: env(safe-area-inset-bottom, 0px);
}
.kd-plus-menu,
.plus-menu,
.fab-menu,
.sn-plus-menu,
#plus-menu,
#fab-menu,
#kd-plus-menu{
  max-height: min(75vh, 620px);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.kd-plus-menu a,
.kd-plus-menu button,
.plus-menu a,
.plus-menu button,
.fab-menu a,
.fab-menu button,
.sn-plus-menu a,
.sn-plus-menu button,
#plus-menu a,
#plus-menu button,
#fab-menu a,
#fab-menu button,
#kd-plus-menu a,
#kd-plus-menu button{
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 12px;
  touch-action: manipulation;
}
@media (max-width: 640px){
  .kd-plus-menu,
  .plus-menu,
  .fab-menu,
  .sn-plus-menu,
  #plus-menu,
  #fab-menu,
  #kd-plus-menu{
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: calc(78px + var(--kd-menu-safe-bottom)) !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(82vh - var(--kd-menu-safe-bottom)) !important;
    padding: 14px !important;
    border-radius: 24px !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    transform-origin: bottom center !important;
  }
  .kd-plus-menu::before,
  .plus-menu::before,
  .fab-menu::before,
  .sn-plus-menu::before,
  #plus-menu::before,
  #fab-menu::before,
  #kd-plus-menu::before{
    content: "";
    display: block;
    width: 44px;
    height: 5px;
    border-radius: 999px;
    margin: 0 auto 12px auto;
    background: rgba(255,255,255,.55);
  }
  .kd-plus-menu a,
  .kd-plus-menu button,
  .plus-menu a,
  .plus-menu button,
  .fab-menu a,
  .fab-menu button,
  .sn-plus-menu a,
  .sn-plus-menu button,
  #plus-menu a,
  #plus-menu button,
  #fab-menu a,
  #fab-menu button,
  #kd-plus-menu a,
  #kd-plus-menu button{
    width: 100% !important;
    min-height: 54px !important;
    justify-content: flex-start !important;
    border-radius: 16px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }
}
body.kd-plus-menu-open,
body.plus-menu-open{
  overscroll-behavior: contain;
}


/* KennDich 1.6.90 - Rechtliche Seiten */
.legal-page{max-width:980px;margin:0 auto;padding:24px 16px 90px}
.legal-card{line-height:1.65}
.legal-card h1{font-size:clamp(2rem,5vw,3.4rem);margin-bottom:.35em}
.legal-card h2{margin-top:1.6rem;padding-top:.4rem;font-size:1.25rem}
.legal-card ul{padding-left:1.2rem}
.legal-card li{margin:.35rem 0}
.legal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:2rem}
.legal-settings label{display:block;margin:12px 0}
.legal-settings input,.legal-settings textarea{width:100%;box-sizing:border-box}
.landing-footer{margin:36px auto 18px;text-align:center;opacity:.86}
.landing-footer a{color:inherit;text-decoration:none;font-weight:700}
.landing-footer a:hover{text-decoration:underline}

/* KennDich 1.6.90 - öffentliche Rechteseiten */
.legal-public-nav{position:sticky;top:0;z-index:50;padding:14px 18px;text-align:center;background:rgba(255,255,255,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.35)}
.legal-public-nav a{font-weight:800;text-decoration:none;color:inherit}

/* 1.6.90 Logo im Header */
.brand-logo{display:flex;align-items:center}
.brand-logo img{height:42px;width:auto;display:block}
@media (max-width:640px){
 .brand-logo img{height:36px}
}

/* 1.6.90 Doppelte Lautsprecher verhindern */
.video-mute-toggle + .video-mute-toggle,
.video-sound-btn + .video-sound-btn,
.kd-video-sound + .kd-video-sound{display:none!important;}


/* KennDich 1.6.90 - genau ein moderner Video-Lautsprecherbutton */
.video-sound-toggle{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  z-index:9!important;
  width:48px!important;
  height:48px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.35)!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,rgba(76,52,220,.82),rgba(0,160,220,.72))!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1!important;
  box-shadow:0 10px 28px rgba(30,20,100,.35)!important;
  backdrop-filter:blur(14px)!important;
}
.video-muted-toggle,
.video-mute-toggle,
.video-sound-btn,
.kd-video-sound{display:none!important;}
.video-sound-toggle ~ .video-sound-toggle{display:none!important;}


/* KennDich 1.6.90 - Performance-Fix Video-Button */
.video-muted-toggle,
.video-mute-toggle,
.video-sound-btn,
.kd-video-sound{display:none!important;}

/* KennDich 1.6.90 - klickbarer Video-Tonbutton */
.video-sound-toggle{
  pointer-events:auto!important;
  cursor:pointer!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}

/* KennDich 1.6.90 - Admin-Einstellungen Speichern-Button */
.settings-save-row{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.22);display:flex;justify-content:flex-end}
.settings-save-row .primary-btn{min-width:220px}
@media (max-width:640px){.settings-save-row{justify-content:stretch}.settings-save-row .primary-btn{width:100%;min-height:52px}}


/* KennDich 1.6.90 */
.ai-assistant-toggle{width:100%;min-height:48px;border-radius:14px;font-weight:700}
.ai-helper-panel{display:none}
@media (max-width:640px){
.composer-modal,.post-modal,.create-post-modal,.post-dialog,.post-popup{
position:fixed!important;inset:8px!important;max-height:calc(100vh - 16px)!important;
overflow-y:auto!important;border-radius:18px!important}
.ai-tools button,.ai-helper-panel button{width:100%;min-height:46px;margin-bottom:8px}
}


/* KennDich 1.6.90 - Post-Popup mobil bedienbar + KI-Assistent gruppiert */
.ai-assistant-box{margin:10px 0}
.ai-assistant-toggle{
  width:100%;
  min-height:50px;
  border-radius:16px;
  font-size:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.ai-assistant-toggle::after{content:"▾";font-size:14px;opacity:.8}
.ai-assistant-toggle.is-open::after{content:"▴"}
.ai-assistant-panel[hidden]{display:none!important}
.ai-assistant-panel{
  margin-top:10px;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.ai-assistant-panel .ai-post-btn{
  width:100%;
  min-height:44px;
  padding:10px 12px;
  border-radius:14px;
}
.modal-card .ai-result{max-height:160px;overflow:auto}

@media (max-width:640px){
  .modal{
    align-items:flex-end!important;
    padding:0!important;
  }
  .modal-card{
    position:fixed!important;
    left:6px!important;
    right:6px!important;
    bottom:6px!important;
    top:auto!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - 12px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    border-radius:24px!important;
    padding:16px!important;
    box-sizing:border-box!important;
  }
  .modal-card h2{
    font-size:20px!important;
    margin:0 44px 12px 0!important;
    line-height:1.2!important;
  }
  .modal-close{
    position:sticky!important;
    top:0!important;
    margin-left:auto!important;
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    z-index:5!important;
  }
  .post-form textarea{
    min-height:96px!important;
    max-height:34vh!important;
  }
  .post-form input,
  .post-form select,
  .post-form textarea{
    min-height:46px!important;
    font-size:16px!important;
  }
  .post-form button,
  .post-form .ai-post-btn{
    min-height:48px!important;
  }
  .ai-assistant-panel{
    grid-template-columns:1fr!important;
  }
}


/* KennDich 1.6.90 - Nachrichten */
.user-row.message-unread{
  background:linear-gradient(135deg,rgba(85,120,255,.18),rgba(0,210,255,.10))!important;
  border-left:4px solid #5578ff!important;
}
.message-user-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.new-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:3px 8px;
  border-radius:999px;
  background:linear-gradient(135deg,#5578ff,#00c2ff);
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.new-badge.inline{margin-bottom:6px}
.bubble.message-new{
  outline:2px solid rgba(85,120,255,.42);
  background:linear-gradient(135deg,rgba(85,120,255,.18),rgba(0,210,255,.10))!important;
}
.delete-message-form{
  margin-top:6px;
  display:flex;
  justify-content:flex-end;
}
.delete-message-form button{
  width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  border-radius:999px;
  background:rgba(185,28,28,.12);
  color:#b91c1c;
}


/* KennDich 1.6.90 - Nachrichtenverlauf, Gruppenbeitritt, mobiles Editfenster */
.chat-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.delete-conversation-form button{background:rgba(185,28,28,.12)!important;color:#b91c1c!important;border:1px solid rgba(185,28,28,.18)!important}
.group-card{display:flex;flex-direction:column;gap:12px}
.group-card-main{display:block}
.group-card-actions{display:flex;justify-content:flex-end;padding-top:4px}
.group-card-actions button{min-height:42px;border-radius:999px}
.group-pending-note{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;background:rgba(79,124,255,.12);font-weight:800;color:#3355cc}
.group-join-panel{margin-top:14px;padding:14px;border-radius:18px;background:rgba(79,124,255,.12);border:1px solid rgba(79,124,255,.18)}
.group-join-panel form{margin-top:10px}

.moderation-edit[open]{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(620px,calc(100vw - 24px))!important;
  max-height:calc(100vh - 24px)!important;
  overflow-y:auto!important;
  z-index:3000!important;
  padding:18px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(20px)!important;
}
.moderation-edit[open] summary{font-size:0;list-style:none;text-align:right;cursor:pointer}
.moderation-edit[open] summary::after{content:"×";font-size:30px;font-weight:900;color:#111}
.moderation-edit[open] form{display:flex;flex-direction:column;gap:12px}
.moderation-edit[open] textarea{min-height:180px}
@media (max-width:640px){
  .moderation-edit[open]{
    left:6px!important;right:6px!important;bottom:6px!important;top:auto!important;
    transform:none!important;width:auto!important;max-height:calc(100dvh - 12px)!important;
    border-radius:24px!important;padding:16px!important;
  }
  .moderation-edit[open] textarea{min-height:42vh!important;font-size:16px!important}
  .moderation-edit[open] button{min-height:52px!important;width:100%!important}
  .chat-title-row{align-items:stretch}
  .delete-conversation-form,.delete-conversation-form button{width:100%}
}


/* KennDich 1.6.90 */
.profile-stat-link{
 cursor:pointer;
 text-decoration:none;
}
.follow-list-modal{
 position:fixed;
 inset:20px;
 max-width:700px;
 margin:auto;
 overflow:auto;
 z-index:4000;
}
.group-leave-btn{
 background:#b91c1c!important;
 color:#fff!important;
}
.avatar a,.post-head a,.comment a{
 text-decoration:none;
}


/* KennDich 1.6.90 - Profile, Avatarlinks, Followerlisten, Gruppen verlassen */
.profile-avatar-link,.profile-name-link,.profile-link-row{color:inherit;text-decoration:none}
.profile-avatar-link{display:grid}
.profile-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
.profile-stat-link{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px;border-radius:18px;background:linear-gradient(135deg,rgba(85,120,255,.14),rgba(0,210,255,.10));text-decoration:none}
.profile-stat-link strong{font-size:24px}
.profile-stat-link span{font-weight:800;opacity:.75}
.profile-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.private-profile-note{margin-top:14px;padding:14px;border-radius:16px;background:rgba(17,24,39,.08);font-weight:800}
.follow-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08)}
.profile-link-row{display:flex;align-items:center;gap:12px;min-width:0}
.profile-link-row small{display:block;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-post-preview{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08)}
.profile-post-preview a{text-decoration:none;font-weight:800}
.group-member-actions{margin-top:14px;display:flex;justify-content:flex-end}
.group-leave-btn{background:#b91c1c!important;color:#fff!important}
@media(max-width:640px){
  .profile-title-row,.follow-list-row{align-items:stretch}
  .follow-list-row{flex-direction:column}
  .follow-list-row .follow-form,.follow-list-row .follow-btn{width:100%}
  .group-member-actions,.group-member-actions form,.group-member-actions button{width:100%}
}


/* KennDich 1.6.90 - echtes Edit-Modal für Posts */
.edit-post-open{
  min-width:44px;
  min-height:44px;
  padding:0 14px;
  border-radius:999px;
}
.edit-post-modal{
  position:fixed!important;
  inset:0!important;
  z-index:5000!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
}
.edit-post-modal.is-open,
.edit-post-modal.active,
.edit-post-modal[open]{
  display:flex!important;
}
.edit-post-card{
  width:min(680px,calc(100vw - 28px))!important;
  max-height:calc(100vh - 36px)!important;
  overflow-y:auto!important;
}
.edit-post-form textarea{
  min-height:260px!important;
}
@media(max-width:640px){
  .edit-post-modal{
    align-items:flex-end!important;
    padding:0!important;
  }
  .edit-post-card{
    position:fixed!important;
    left:6px!important;
    right:6px!important;
    bottom:6px!important;
    width:auto!important;
    max-height:calc(100dvh - 12px)!important;
    border-radius:24px!important;
    padding:16px!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .edit-post-form textarea{
    min-height:50vh!important;
    font-size:16px!important;
  }
  .edit-post-form button{
    width:100%!important;
    min-height:52px!important;
  }
}


/* KennDich 1.6.90 - robuste Bearbeitungsseite statt fehleranfälligem Inline-Modal */
.edit-post-page{max-width:760px;margin:0 auto;padding:16px 12px 90px}
.edit-post-card-page textarea{min-height:45vh;font-size:16px}
.edit-post-form-page{display:flex;flex-direction:column;gap:14px}
.edit-post-link{
  display:inline-grid;
  place-items:center;
  min-width:44px;
  min-height:44px;
  padding:0 14px;
  border-radius:999px;
  background:var(--brand,#111827);
  color:#fff!important;
  font-weight:900;
  text-decoration:none!important;
}
.profile-stat-link.active{outline:2px solid rgba(85,120,255,.45)}
.follow-list-section h2 small{font-size:14px;color:var(--muted,#6b7280)}

@media(max-width:640px){
.swipe-hint-overlay{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:rgba(0,0,0,.35);color:#fff;padding:10px 14px;border-radius:999px;z-index:2000;pointer-events:none}
}
.message-user-btn{display:inline-flex;padding:10px 14px;border-radius:999px;text-decoration:none;margin-right:8px}


/* KennDich 1.6.90 - Wischhinweis bei jedem Seitenwechsel */
@media(max-width:768px){
  .swipe-hint-overlay{
    position:fixed;
    left:50%;
    bottom:92px;
    transform:translateX(-50%);
    z-index:2500;
    display:flex;
    align-items:center;
    gap:10px;
    max-width:calc(100vw - 28px);
    padding:10px 16px;
    border-radius:999px;
    background:rgba(18,24,38,.42);
    color:#fff;
    font-weight:800;
    font-size:13px;
    line-height:1;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    box-shadow:0 12px 36px rgba(0,0,0,.18);
    pointer-events:none;
    opacity:1;
    transition:opacity .7s ease, transform .7s ease;
  }
  .swipe-hint-overlay .dot{opacity:.65}
  .swipe-hint-overlay.is-fading{
    opacity:0;
    transform:translateX(-50%) translateY(8px);
  }
}


/* KennDich 1.6.90 - richtungsabhängiger Wischhinweis */
@media(max-width:768px){
  .swipe-hint-overlay.swipe-right-only span:last-child{
    animation:swipeHintPulseRight 1.4s ease-in-out infinite;
  }
  .swipe-hint-overlay.swipe-left-only span:first-child{
    animation:swipeHintPulseLeft 1.4s ease-in-out infinite;
  }
  .swipe-hint-overlay.swipe-both span:first-child{
    animation:swipeHintPulseLeft 1.4s ease-in-out infinite;
  }
  .swipe-hint-overlay.swipe-both span:last-child{
    animation:swipeHintPulseRight 1.4s ease-in-out infinite;
  }
}
@keyframes swipeHintPulseLeft{
  0%,100%{transform:translateX(0);opacity:1}
  50%{transform:translateX(-5px);opacity:.82}
}
@keyframes swipeHintPulseRight{
  0%,100%{transform:translateX(0);opacity:1}
  50%{transform:translateX(5px);opacity:.82}
}

@media(max-width:768px){
.swipe-hint-overlay{pointer-events:auto!important}
.swipe-hint-overlay a{
color:#fff!important;
text-decoration:none;
font-weight:800;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:0 4px;
}
}


/* KennDich 1.6.90 - kompaktere Wischhinweise */
@media(max-width:768px){
  .swipe-hint-overlay{
    font-size:11px !important;
    font-weight:600 !important;
    padding:6px 10px !important;
    border-radius:20px !important;
    background:rgba(18,24,38,.25) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
    gap:6px !important;
    bottom:88px !important;
  }

  .swipe-hint-overlay a{
    min-height:28px !important;
    padding:0 2px !important;
    font-weight:600 !important;
  }

  .swipe-hint-overlay .dot{
    opacity:.5 !important;
  }
}


/* KennDich 1.6.90 - schöner animierter Nachrichtenbutton im Profil */
.profile-message-btn{
  position:relative;
  overflow:hidden;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:10px 16px!important;
  border-radius:999px!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:800!important;
  background:linear-gradient(135deg,#5b7cff,#00c2ff 55%,#8b5cf6)!important;
  box-shadow:0 10px 28px rgba(80,110,255,.28);
  transform:translateZ(0);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.profile-message-btn::before{
  content:"";
  position:absolute;
  inset:-60%;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.38),transparent 65%);
  transform:translateX(-70%) rotate(12deg);
  transition:transform .65s ease;
}
.profile-message-btn:hover::before,
.profile-message-btn:focus-visible::before,
.profile-message-btn.kd-message-pop::before{
  transform:translateX(70%) rotate(12deg);
}
.profile-message-btn:hover,
.profile-message-btn:focus-visible{
  transform:translateY(-1px) scale(1.02);
  box-shadow:0 14px 34px rgba(80,110,255,.38);
  filter:saturate(1.08);
}
.profile-message-btn:active,
.profile-message-btn.kd-message-pop{
  animation:kdMessageTap .46s cubic-bezier(.2,1.4,.35,1);
}
.profile-message-btn .msg-icon,
.profile-message-btn .msg-label{
  position:relative;
  z-index:1;
}
.profile-message-btn .msg-icon{
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);
}
.profile-message-btn.kd-message-pop .msg-icon{
  animation:kdEnvelopeFly .46s ease;
}
@keyframes kdMessageTap{
  0%{transform:scale(1)}
  38%{transform:scale(.94)}
  70%{transform:scale(1.06)}
  100%{transform:scale(1)}
}
@keyframes kdEnvelopeFly{
  0%{transform:translateY(0) rotate(0)}
  45%{transform:translateY(-5px) rotate(-10deg)}
  100%{transform:translateY(0) rotate(0)}
}
@media(max-width:640px){
  .profile-message-btn{
    width:100%;
    min-height:48px;
    margin:4px 0 8px 0!important;
  }
}

/* KennDich 1.6.90 - Nachrichten bearbeiten */
.bubble{position:relative}
.message-own-tools{display:flex;justify-content:flex-end;margin-top:4px}
.message-edit-toggle{
  width:32px;height:32px;min-height:32px;padding:0;border-radius:999px;
  background:rgba(85,120,255,.12)!important;color:#3355cc!important;
}
.message-edit-form{display:none;margin-top:8px}
.message-edit-form.is-open{display:block}
.message-edit-form textarea{width:100%;min-height:96px;font-size:15px}
.message-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
.message-edit-actions button{min-height:38px}
@media(max-width:640px){
  .message-edit-actions{flex-direction:column}
  .message-edit-actions button{width:100%;min-height:46px}
}

.message-edit-toggle{margin-top:6px}
.message-edit-form{display:none;margin-top:8px}
.message-edit-form.open{display:block}
.message-edit-form textarea{width:100%;min-height:80px}


/* KennDich 1.6.90 - Nachrichten-Bearbeitenbutton deutlich sichtbar */
.message-edit-toggle{
  display:inline-grid !important;
  place-items:center !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  padding:0 !important;
  margin:8px 6px 0 0 !important;
  border:1px solid rgba(255,255,255,.45) !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#5b7cff,#00c2ff) !important;
  color:#fff !important;
  font-size:17px !important;
  line-height:1 !important;
  box-shadow:0 8px 20px rgba(60,100,220,.35) !important;
  cursor:pointer !important;
  opacity:1 !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.message-edit-toggle:hover,
.message-edit-toggle:focus-visible{
  transform:translateY(-1px) scale(1.06);
  box-shadow:0 12px 28px rgba(60,100,220,.45) !important;
  filter:saturate(1.12);
}

.message-edit-toggle:active{
  transform:scale(.92);
}

.bubble.me .message-edit-toggle{
  background:linear-gradient(135deg,#ffffff,#dff5ff) !important;
  color:#2457ff !important;
  border-color:rgba(36,87,255,.22) !important;
}

.message-edit-form.open{
  padding:10px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.18) !important;
  backdrop-filter:blur(8px);
}

.message-edit-form button{
  margin-top:8px;
}

/* KennDich 1.6.90 - WhatsApp-/Signal-Stil für Nachrichtenoptionen */
.bubble.me{
  position:relative;
}
.message-own-tools{
  position:absolute;
  top:6px;
  right:6px;
  margin:0!important;
  z-index:4;
}
.message-menu-toggle{
  display:inline-grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.28)!important;
  color:inherit!important;
  box-shadow:0 4px 14px rgba(0,0,0,.12)!important;
  opacity:.72!important;
}
.message-menu-toggle:hover,
.message-menu-toggle:focus-visible,
.message-menu-toggle.is-open{
  opacity:1!important;
  transform:scale(1.05);
}
.message-context-menu{
  display:none;
  position:absolute;
  top:34px;
  right:0;
  min-width:168px;
  padding:8px;
  border-radius:16px;
  background:rgba(255,255,255,.96);
  color:#111827;
  box-shadow:0 18px 48px rgba(0,0,0,.22);
  backdrop-filter:blur(14px);
  z-index:20;
}
.message-context-menu.is-open{
  display:grid;
  gap:6px;
  animation:kdMessageMenuIn .16s ease-out;
}
.message-context-menu button{
  width:100%;
  min-height:40px;
  border-radius:12px;
  justify-content:flex-start;
  background:transparent!important;
  color:#111827!important;
  text-align:left;
}
.message-context-menu button:hover{
  background:rgba(85,120,255,.10)!important;
}
.message-context-menu .message-menu-delete:hover{
  background:rgba(185,28,28,.10)!important;
  color:#b91c1c!important;
}
.message-edit-form{
  border-radius:18px!important;
  padding:10px!important;
  background:rgba(255,255,255,.22)!important;
}
.message-edit-form.is-editing,
.message-edit-form.open{
  animation:kdMessageEditIn .18s ease-out;
}
.message-edit-form textarea{
  border-radius:16px!important;
}
.delete-message-form{
  display:none!important;
}
@keyframes kdMessageMenuIn{
  from{opacity:0;transform:translateY(-4px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes kdMessageEditIn{
  from{opacity:.2;transform:scale(.98)}
  to{opacity:1;transform:scale(1)}
}
@media(max-width:640px){
  .message-context-menu{
    right:0;
    min-width:178px;
  }
  .message-context-menu button{
    min-height:46px;
  }
}

/* KennDich 1.6.90 professional message menu */
.message-context-menu{
  border:1px solid rgba(0,0,0,.08)!important;
  border-radius:18px!important;
  overflow:hidden;
  min-width:190px!important;
  padding:6px!important;
}
.message-context-menu button{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  font-weight:600!important;
  padding:10px 12px!important;
  border-radius:12px!important;
}
.message-menu-toggle{
  background:rgba(255,255,255,.55)!important;
}


/* KennDich 1.6.90 - professionelles Messenger-Kontextmenü */
.bubble.me{position:relative!important;padding-right:42px!important}
.message-menu-toggle{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  gap:2px!important;
  width:30px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.38)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.38)!important;
  color:inherit!important;
  box-shadow:0 8px 22px rgba(15,23,42,.14)!important;
  backdrop-filter:blur(12px)!important;
  opacity:.86!important;
}
.message-menu-toggle span{
  display:block;
  width:4px;
  height:4px;
  border-radius:999px;
  background:currentColor;
}
.message-menu-toggle:hover,
.message-menu-toggle:focus-visible,
.message-menu-toggle.is-open{
  opacity:1!important;
  transform:scale(1.06)!important;
  background:rgba(255,255,255,.72)!important;
}
.message-context-menu{
  display:none;
  position:absolute!important;
  top:42px!important;
  right:8px!important;
  min-width:210px!important;
  padding:8px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.96)!important;
  color:#111827!important;
  box-shadow:0 22px 60px rgba(15,23,42,.24)!important;
  backdrop-filter:blur(18px)!important;
  z-index:100!important;
}
.message-context-menu.is-open{
  display:grid!important;
  gap:4px!important;
  animation:kdMessageMenuProIn .16s ease-out;
}
.message-context-menu::before{
  content:"";
  position:absolute;
  top:-7px;
  right:13px;
  width:14px;
  height:14px;
  transform:rotate(45deg);
  background:rgba(255,255,255,.96);
  border-left:1px solid rgba(15,23,42,.08);
  border-top:1px solid rgba(15,23,42,.08);
}
.message-menu-item{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  min-height:42px!important;
  padding:9px 12px!important;
  border:0!important;
  border-radius:13px!important;
  background:transparent!important;
  color:#111827!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.1!important;
  text-align:left!important;
  box-shadow:none!important;
}
.message-menu-item .menu-ico{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(91,124,255,.16),rgba(0,194,255,.12));
  flex:0 0 auto;
}
.message-menu-item:hover,
.message-menu-item:focus-visible{
  background:linear-gradient(135deg,rgba(91,124,255,.12),rgba(0,194,255,.08))!important;
}
.message-menu-delete:hover,
.message-menu-delete:focus-visible{
  background:rgba(185,28,28,.10)!important;
  color:#b91c1c!important;
}
.message-menu-delete .menu-ico{background:rgba(185,28,28,.10)}
.delete-message-form{display:none!important}
@keyframes kdMessageMenuProIn{
  from{opacity:0;transform:translateY(-5px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:640px){
  .message-context-menu{
    min-width:220px!important;
    right:4px!important;
  }
  .message-menu-item{min-height:48px!important}
}


/* KennDich 1.6.90 - Kontextmenü für alle Nachrichten + Feature-Popup Fix */
.bubble{position:relative!important;padding-right:42px!important}
.bubble.other .message-menu-toggle{
  color:#334155!important;
  background:rgba(255,255,255,.72)!important;
}
.bubble.other .message-context-menu{
  left:8px!important;
  right:auto!important;
}
.bubble.other .message-context-menu::before{
  left:13px!important;
  right:auto!important;
}
.feature-modal.is-closing{
  animation:featureFadeOut .22s ease forwards;
}
@keyframes featureFadeOut{
  to{opacity:0;transform:scale(.98)}
}


/* KennDich 1.6.90 - echte stabile Chat-Position unten */
.messages-layout .chat{
  display:flex;
  flex-direction:column;
  min-height:calc(100vh - 120px);
}
.chat-box{
  flex:1 1 auto;
  overflow-y:auto;
  scroll-behavior:auto!important;
  overscroll-behavior:contain;
}
.message-form{
  position:sticky;
  bottom:0;
  z-index:5;
  background:inherit;
  padding-top:10px;
}
@media(max-width:640px){
  .messages-layout .chat{
    min-height:calc(100dvh - 96px);
  }
  .message-form textarea{
    font-size:16px;
  }
}


/* KennDich 1.6.90 - Mobile Chat: letzte Nachricht nicht vom Eingabefeld überdecken */
.messages-layout .chat{
  position:relative;
}
.chat-box{
  padding-bottom:18px;
}
.chat-input-spacer{
  height:96px;
  flex:0 0 96px;
}
.message-form{
  box-shadow:0 -10px 26px rgba(15,23,42,.08);
  border-top:1px solid rgba(15,23,42,.08);
}
@media(max-width:640px){
  .messages-layout{
    min-height:100dvh;
  }
  .messages-layout .chat{
    min-height:calc(100dvh - 88px)!important;
    padding-bottom:0!important;
  }
  .chat-box{
    padding-bottom:126px!important;
  }
  .chat-input-spacer{
    height:126px!important;
    flex-basis:126px!important;
  }
  .message-form{
    position:sticky!important;
    bottom:0!important;
    margin-left:-12px;
    margin-right:-12px;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom)) 12px!important;
    border-radius:18px 18px 0 0;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .message-form textarea{
    max-height:112px;
  }
}


/* KennDich 1.6.90 - Profilaktionen Folgen/Nachricht */
.profile-action-buttons{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.profile-action-buttons .follow-form{
  margin:0!important;
}
.profile-action-buttons .follow-form button,
.profile-action-buttons .follow-btn{
  min-height:44px!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  font-weight:800!important;
  background:linear-gradient(135deg,#111827,#334155)!important;
  color:#fff!important;
}
@media(max-width:640px){
  .profile-action-buttons{
    width:100%;
    flex-direction:column;
    align-items:stretch;
  }
  .profile-action-buttons .follow-form,
  .profile-action-buttons .follow-form button,
  .profile-action-buttons .follow-btn,
  .profile-action-buttons .profile-message-btn{
    width:100%!important;
  }
}


/* KennDich 1.6.90 - echter sichtbarer Folgen-Button im Profil */
.profile-action-buttons{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:4px!important;
}
.profile-follow-form{
  display:inline-flex!important;
  margin:0!important;
  padding:0!important;
}
.profile-follow-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:10px 18px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#111827,#334155)!important;
  color:#fff!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(15,23,42,.22)!important;
  cursor:pointer!important;
  opacity:1!important;
  visibility:visible!important;
}
.profile-follow-btn.is-following{
  background:linear-gradient(135deg,#eef2ff,#dbeafe)!important;
  color:#1d4ed8!important;
  box-shadow:inset 0 0 0 1px rgba(29,78,216,.18),0 8px 18px rgba(29,78,216,.12)!important;
}
.profile-follow-btn:hover,
.profile-follow-btn:focus-visible{
  transform:translateY(-1px) scale(1.02);
}
@media(max-width:640px){
  .profile-action-buttons{
    width:100%!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .profile-action-buttons .profile-message-btn,
  .profile-action-buttons .profile-follow-form,
  .profile-action-buttons .profile-follow-btn{
    width:100%!important;
  }
}


/* KennDich 1.6.90 - Profil Folgen Button zuverlässig klickbar */
.profile-follow-direct,
.profile-follow-direct .profile-follow-btn{
  pointer-events:auto!important;
}
.profile-follow-direct .profile-follow-btn{
  position:relative;
  z-index:2;
}


/* KennDich 1.6.90 - Header Profilicon entfernt, Nachrichtenumschlag animiert */
.header-mail{
  position:relative;
}
.header-mail .mail-envelope{
  display:inline-block;
  transform-origin:50% 55%;
}
.header-mail.has-unread .mail-envelope{
  animation:kdEnvelopeOpenClose 1.65s ease-in-out infinite;
}
@keyframes kdEnvelopeOpenClose{
  0%,100%{transform:scale(1) rotate(0deg)}
  22%{transform:scale(1.08) rotate(-7deg)}
  44%{transform:scale(1.02) rotate(7deg)}
  66%{transform:scale(1.1) rotate(-3deg)}
}

/* KennDich 1.6.90 - Chat stabil unten, Desktop und Mobile */
.messages-layout .chat{
  display:flex!important;
  flex-direction:column!important;
  min-height:calc(100vh - 120px);
  position:relative;
}
.chat-box{
  flex:1 1 auto!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding-bottom:120px!important;
  scroll-behavior:auto!important;
}
.chat-input-spacer{
  height:120px!important;
  flex:0 0 120px!important;
}
.message-form{
  position:sticky!important;
  bottom:0!important;
  z-index:20!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 -10px 28px rgba(15,23,42,.10);
  border-top:1px solid rgba(15,23,42,.08);
  padding-top:10px!important;
}
.bubble.sending{
  opacity:.76;
}
@media(max-width:640px){
  .messages-layout .chat{
    min-height:calc(100dvh - 88px)!important;
  }
  .chat-box{
    padding-bottom:142px!important;
  }
  .chat-input-spacer{
    height:142px!important;
    flex-basis:142px!important;
  }
  .message-form{
    margin-left:-12px;
    margin-right:-12px;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom)) 12px!important;
    border-radius:18px 18px 0 0;
  }
  .message-form textarea{
    font-size:16px;
    max-height:112px;
  }
}


/* KennDich 1.6.90 - hochwertiger animierter Briefumschlag */
.header-mail{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(91,124,255,.14),rgba(0,194,255,.10))!important;
  box-shadow:inset 0 0 0 1px rgba(91,124,255,.14);
  overflow:visible!important;
}
.header-mail:hover,
.header-mail:focus-visible{
  background:linear-gradient(135deg,rgba(91,124,255,.22),rgba(0,194,255,.16))!important;
}
.mail-icon-pro{
  position:relative;
  display:block;
  width:24px;
  height:18px;
  transform:translateZ(0);
}
.mail-back,
.mail-front,
.mail-flap{
  position:absolute;
  inset:0;
  display:block;
  border-radius:5px;
}
.mail-back{
  background:linear-gradient(135deg,#5b7cff,#00b7ff);
  box-shadow:0 7px 18px rgba(60,100,220,.28);
}
.mail-front{
  top:5px;
  height:13px;
  background:
    linear-gradient(145deg,transparent 49%,rgba(255,255,255,.82) 50%,transparent 52%),
    linear-gradient(35deg,transparent 49%,rgba(255,255,255,.82) 50%,transparent 52%),
    linear-gradient(135deg,#f8fbff,#dbeafe);
  clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);
  border-radius:0 0 5px 5px;
}
.mail-flap{
  height:13px;
  top:0;
  background:linear-gradient(135deg,#eef6ff,#c7ddff);
  clip-path:polygon(0 0,100% 0,50% 78%);
  transform-origin:50% 0%;
  z-index:2;
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset;
}
.header-mail.has-unread .mail-icon-pro{
  animation:kdMailSoftPulse 2.4s ease-in-out infinite;
}
.header-mail.has-unread .mail-flap{
  animation:kdMailFlap 2.4s ease-in-out infinite;
}
.header-mail.has-unread::after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:999px;
  border:1px solid rgba(91,124,255,.28);
  animation:kdMailRing 2.4s ease-out infinite;
  pointer-events:none;
}
.mail-badge{
  position:absolute!important;
  top:2px!important;
  right:2px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#ff3b57,#ff7a45)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 4px 12px rgba(255,59,87,.35),0 0 0 2px rgba(255,255,255,.9)!important;
}
@keyframes kdMailFlap{
  0%,72%,100%{transform:rotateX(0deg)}
  12%,26%{transform:rotateX(68deg) translateY(-1px)}
  40%{transform:rotateX(0deg)}
}
@keyframes kdMailSoftPulse{
  0%,100%{transform:translateY(0) scale(1)}
  18%{transform:translateY(-1px) scale(1.04)}
  36%{transform:translateY(0) scale(1)}
}
@keyframes kdMailRing{
  0%{opacity:.48;transform:scale(.88)}
  70%{opacity:0;transform:scale(1.28)}
  100%{opacity:0;transform:scale(1.28)}
}
@media (prefers-reduced-motion: reduce){
  .header-mail.has-unread .mail-icon-pro,
  .header-mail.has-unread .mail-flap,
  .header-mail.has-unread::after{
    animation:none!important;
  }
}


/* KennDich 1.6.90 - Messenger-Premium-Icon statt Briefumschlag */
.header-mail.chat-icon-premium{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(91,124,255,.16),rgba(0,194,255,.10))!important;
  box-shadow:inset 0 0 0 1px rgba(91,124,255,.16),0 8px 22px rgba(15,23,42,.08)!important;
  overflow:visible!important;
}
.header-mail.chat-icon-premium:hover,
.header-mail.chat-icon-premium:focus-visible{
  background:linear-gradient(135deg,rgba(91,124,255,.25),rgba(0,194,255,.18))!important;
  transform:translateY(-1px);
}
.chat-bubble-icon{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  width:25px;
  height:20px;
  border-radius:10px 10px 10px 5px;
  background:linear-gradient(135deg,#5b7cff,#00b7ff);
  box-shadow:0 8px 18px rgba(60,100,220,.28);
}
.chat-bubble-icon::after{
  content:"";
  position:absolute;
  left:4px;
  bottom:-4px;
  width:9px;
  height:9px;
  background:linear-gradient(135deg,#5b7cff,#00b7ff);
  clip-path:polygon(0 0,100% 0,0 100%);
  border-radius:0 0 0 3px;
}
.chat-dot{
  position:relative;
  z-index:2;
  width:4px;
  height:4px;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  box-shadow:0 1px 2px rgba(0,0,0,.10);
}
.header-mail.chat-icon-premium.has-unread{
  animation:kdChatIconGlow 2.4s ease-in-out infinite;
}
.header-mail.chat-icon-premium.has-unread .chat-bubble-icon{
  animation:kdChatBubbleBounce 2.4s ease-in-out infinite;
}
.header-mail.chat-icon-premium.has-unread .chat-dot:nth-child(1){animation:kdChatTyping 1.2s ease-in-out infinite}
.header-mail.chat-icon-premium.has-unread .chat-dot:nth-child(2){animation:kdChatTyping 1.2s ease-in-out .15s infinite}
.header-mail.chat-icon-premium.has-unread .chat-dot:nth-child(3){animation:kdChatTyping 1.2s ease-in-out .3s infinite}
.header-mail.chat-icon-premium.has-unread::after{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:999px;
  border:1px solid rgba(91,124,255,.32);
  animation:kdChatPulseRing 2.4s ease-out infinite;
  pointer-events:none;
}
.mail-badge{
  position:absolute!important;
  top:1px!important;
  right:1px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#ff345f,#ff7a45)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 4px 12px rgba(255,52,95,.35),0 0 0 2px rgba(255,255,255,.95)!important;
}
@keyframes kdChatBubbleBounce{
  0%,100%{transform:translateY(0) scale(1)}
  15%{transform:translateY(-2px) scale(1.04)}
  30%{transform:translateY(0) scale(1)}
}
@keyframes kdChatTyping{
  0%,100%{opacity:.55;transform:translateY(0)}
  45%{opacity:1;transform:translateY(-2px)}
}
@keyframes kdChatIconGlow{
  0%,100%{box-shadow:inset 0 0 0 1px rgba(91,124,255,.16),0 8px 22px rgba(15,23,42,.08)}
  20%{box-shadow:inset 0 0 0 1px rgba(91,124,255,.28),0 12px 28px rgba(91,124,255,.25)}
}
@keyframes kdChatPulseRing{
  0%{opacity:.5;transform:scale(.88)}
  70%{opacity:0;transform:scale(1.28)}
  100%{opacity:0;transform:scale(1.28)}
}
@media (prefers-reduced-motion: reduce){
  .header-mail.chat-icon-premium.has-unread,
  .header-mail.chat-icon-premium.has-unread .chat-bubble-icon,
  .header-mail.chat-icon-premium.has-unread .chat-dot,
  .header-mail.chat-icon-premium.has-unread::after{
    animation:none!important;
  }
}


/* KennDich 1.6.90 - sauberes einzelnes Nachrichtenicon ohne Überlagerungen */
.header-icons .kd-mail-clean{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(91,124,255,.13),rgba(0,194,255,.09))!important;
  color:inherit!important;
  text-decoration:none!important;
  box-shadow:inset 0 0 0 1px rgba(91,124,255,.13),0 8px 22px rgba(15,23,42,.08)!important;
  overflow:visible!important;
  line-height:1!important;
}
.header-icons .kd-mail-clean::before,
.header-icons .kd-mail-clean::after{
  content:none!important;
  display:none!important;
}
.header-icons .kd-mail-clean .mail-icon-pro,
.header-icons .kd-mail-clean .mail-envelope,
.header-icons .kd-mail-clean .chat-bubble-icon,
.header-icons .kd-mail-clean .mail-back,
.header-icons .kd-mail-clean .mail-front,
.header-icons .kd-mail-clean .mail-flap{
  display:none!important;
}
.kd-mail-svg{
  width:27px!important;
  height:27px!important;
  display:block!important;
  overflow:visible!important;
  filter:drop-shadow(0 7px 14px rgba(60,100,220,.20));
}
.kd-chat-shape{
  fill:url(#kdDummyGradient);
}
.kd-mail-svg .kd-chat-shape{
  fill:#4f7cff!important;
}
.kd-mail-svg circle{
  fill:#fff!important;
  opacity:.96!important;
}
.kd-mail-clean:hover,
.kd-mail-clean:focus-visible{
  background:linear-gradient(135deg,rgba(91,124,255,.22),rgba(0,194,255,.15))!important;
  transform:translateY(-1px);
}
.kd-mail-clean.has-unread .kd-mail-svg{
  animation:kdCleanChatBounce 2.2s ease-in-out infinite;
}
.kd-mail-clean.has-unread .kd-mail-svg circle:nth-of-type(1){animation:kdCleanDot 1.15s ease-in-out infinite}
.kd-mail-clean.has-unread .kd-mail-svg circle:nth-of-type(2){animation:kdCleanDot 1.15s ease-in-out .15s infinite}
.kd-mail-clean.has-unread .kd-mail-svg circle:nth-of-type(3){animation:kdCleanDot 1.15s ease-in-out .3s infinite}
.kd-mail-badge{
  position:absolute!important;
  top:1px!important;
  right:1px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#ff345f,#ff7a45)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 4px 12px rgba(255,52,95,.35),0 0 0 2px rgba(255,255,255,.95)!important;
}
@keyframes kdCleanChatBounce{
  0%,100%{transform:translateY(0) scale(1)}
  16%{transform:translateY(-2px) scale(1.04)}
  32%{transform:translateY(0) scale(1)}
}
@keyframes kdCleanDot{
  0%,100%{opacity:.55;transform:translateY(0)}
  45%{opacity:1;transform:translateY(-1.8px)}
}
@media (prefers-reduced-motion: reduce){
  .kd-mail-clean.has-unread .kd-mail-svg,
  .kd-mail-clean.has-unread .kd-mail-svg circle{
    animation:none!important;
  }
}


/* KennDich 1.6.90 - Premium Nachrichtenbutton */
.header-icons .kd-mail-clean{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  background:linear-gradient(135deg,#5b7cff 0%,#00b7ff 55%,#00d4aa 100%)!important;
  box-shadow:
    0 10px 28px rgba(91,124,255,.28),
    0 4px 14px rgba(0,183,255,.22)!important;
}
.header-icons .kd-mail-clean:hover,
.header-icons .kd-mail-clean:focus-visible{
  transform:translateY(-2px) scale(1.04)!important;
  box-shadow:
    0 14px 34px rgba(91,124,255,.35),
    0 8px 22px rgba(0,183,255,.28)!important;
}
.kd-mail-svg{
  width:31px!important;
  height:31px!important;
}
.kd-mail-clean.has-unread{
  animation:kdMailPremiumGlow 2.6s ease-in-out infinite;
}
.kd-mail-clean.has-unread .kd-mail-badge{
  animation:kdBadgePulse 2s ease-in-out infinite;
}
@keyframes kdMailPremiumGlow{
  0%,100%{
    box-shadow:
      0 10px 28px rgba(91,124,255,.28),
      0 4px 14px rgba(0,183,255,.22);
  }
  50%{
    box-shadow:
      0 16px 40px rgba(91,124,255,.42),
      0 10px 28px rgba(0,212,170,.34);
  }
}
@keyframes kdBadgePulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.12)}
}


/* KennDich 1.6.90 - moderne Funktionskarten */
.feature-card-list{
  display:grid!important;
  gap:12px!important;
}
.feature-card-list li{
  list-style:none!important;
  padding:14px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,
    rgba(91,124,255,.10),
    rgba(0,183,255,.08)
  )!important;
  border:1px solid rgba(91,124,255,.12)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
}


/* KennDich 1.6.90 - Nachrichtenbutton identisch zum Plus-Menü */
.header-icons .kd-mail-clean{
  background:linear-gradient(135deg,#7c3aed 0%,#5b7cff 40%,#00b7ff 72%,#00d4aa 100%)!important;
  box-shadow:
    0 12px 30px rgba(124,58,237,.30),
    0 8px 22px rgba(0,183,255,.24)!important;
}
.header-icons .kd-mail-clean:hover,
.header-icons .kd-mail-clean:focus-visible{
  background:linear-gradient(135deg,#8b5cf6 0%,#6d8dff 40%,#1ac7ff 72%,#1de0b8 100%)!important;
}


/* KennDich 1.6.90 - echte Kartenansicht der Funktionsübersicht */
.kd-feature-sections{
  margin-top:14px;
}
.kd-feature-section{
  margin-bottom:18px;
}
.kd-feature-section h3{
  margin:0 0 10px 0;
  font-size:16px;
}
.kd-feature-grid{
  display:grid;
  gap:10px;
}
.kd-feature-card{
  padding:14px;
  border-radius:18px;
  background:linear-gradient(135deg,
    rgba(124,58,237,.10),
    rgba(91,124,255,.10),
    rgba(0,183,255,.08));
  border:1px solid rgba(91,124,255,.14);
  box-shadow:0 8px 22px rgba(15,23,42,.08);
}
.kd-feature-card strong{
  display:block;
  margin-bottom:4px;
}
.kd-feature-card span{
  opacity:.85;
  font-size:13px;
}


/* KennDich 1.6.90 - Nachrichtenbutton exakt wie Plus-Menü */
.header-icons .kd-mail-clean{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,246,255,.78))!important!important;
  box-shadow:0 14px 34px rgba(124,58,237,.30),0 8px 22px rgba(0,194,255,.22)!important;
}
.header-icons .kd-mail-clean:hover,
.header-icons .kd-mail-clean:focus-visible{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,246,255,.78))!important!important;
  filter:saturate(1.12) brightness(1.04);
}
.header-icons .kd-mail-clean .kd-mail-svg .kd-chat-shape{
  fill:rgba(255,255,255,.98)!important;
}
.header-icons .kd-mail-clean .kd-mail-svg circle{
  fill:#5b2cff!important;
  opacity:.92!important;
}


/* KennDich 1.6.90 - Funktionsübersicht komplett als moderne Kartenansicht */
.kd-feature-modern .feature-intro,
.kd-feature-modern .feature-list{
  display:none!important;
}
.kd-feature-modern{
  max-width:760px!important;
}
.kd-feature-sections{
  display:grid!important;
  gap:18px!important;
  margin:18px 0!important;
}
.kd-feature-section h3{
  margin:0 0 10px 0!important;
  font-size:16px!important;
}
.kd-feature-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.kd-feature-card{
  padding:15px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(91,124,255,.10),rgba(0,194,255,.08))!important;
  border:1px solid rgba(91,124,255,.15)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
}
.kd-feature-card strong{
  display:block!important;
  margin-bottom:6px!important;
}
.kd-feature-card span{
  display:block!important;
  font-size:13px!important;
  line-height:1.35!important;
  opacity:.84!important;
}
@media(max-width:720px){
  .kd-feature-grid{
    grid-template-columns:1fr!important;
  }
}


/* KennDich 1.6.90 - robuste vollständige Follower-/Gefolgt-Liste */
.kd-follow-list{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
}
.kd-follow-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px 0!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  position:relative!important;
}
.kd-follow-row .profile-link-row{
  flex:1 1 auto!important;
  min-width:0!important;
}
.kd-follow-row-form{
  flex:0 0 auto!important;
  margin:0!important;
}
@media(max-width:640px){
  .kd-follow-row{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .kd-follow-row-form,
  .kd-follow-row-form button{
    width:100%!important;
  }
}


/* 1.6.90 UX Refresh */
.group-card,.group-item{
 border-radius:18px!important;
 box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
}
.group-members-count{
 font-weight:800!important;
 font-size:14px!important;
}
.message-edited-badge{
 display:inline-block;
 opacity:.7;
 font-size:11px;
 margin-left:6px;
}
.reaction-bar{
 display:flex;
 gap:6px;
 margin-top:6px;
}
.reaction-btn{
 border-radius:999px;
 padding:4px 8px;
}


/* KennDich 1.6.90 - Funktionsübersicht schließen und nicht-mehr-anzeigen */
.feature-modal{
  position:fixed!important;
  inset:0!important;
  z-index:12000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(15,23,42,.36)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.feature-modal.is-closing{
  opacity:0!important;
  transition:opacity .2s ease;
}
.feature-modal .feature-card{
  max-height:calc(100dvh - 36px)!important;
  overflow-y:auto!important;
}
.feature-close{
  width:42px!important;
  height:42px!important;
  min-height:42px!important;
  border-radius:999px!important;
  font-size:26px!important;
  line-height:1!important;
}
.feature-check{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin:14px 0!important;
}
.feature-check input{
  margin-top:3px!important;
}
.feature-ack-form button{
  width:100%!important;
  min-height:46px!important;
}


/* 1.6.90 Premium Nachrichtenbutton */
.header-icons .kd-mail-clean{
 background:linear-gradient(135deg,#111827,#93c5fd)!important;
}
.header-icons .kd-mail-clean:hover,
.header-icons .kd-mail-clean:focus-visible{
 background:linear-gradient(135deg,#111827,#93c5fd)!important;
 filter:brightness(1.05) saturate(1.08);
}

/* 1.6.90 Gruppen */
.group-card,.group-item,.group-box{
 border-radius:18px!important;
 box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
 transition:all .2s ease!important;
}
.group-card:hover,.group-item:hover{
 transform:translateY(-2px);
}
.group-status-public{
 background:#dcfce7!important;
 color:#166534!important;
 padding:4px 10px!important;
 border-radius:999px!important;
 font-weight:700!important;
}
.group-status-private{
 background:#fee2e2!important;
 color:#991b1b!important;
 padding:4px 10px!important;
 border-radius:999px!important;
 font-weight:700!important;
}
.group-status-pending{
 background:#fef3c7!important;
 color:#92400e!important;
 padding:4px 10px!important;
 border-radius:999px!important;
 font-weight:700!important;
}
.group-members-count{
 font-size:14px!important;
 font-weight:800!important;
 padding:4px 10px!important;
 border-radius:999px!important;
 background:rgba(91,124,255,.12)!important;
}
/* UX */
.feature-modal,.modal,.dialog{
 transition:opacity .25s ease,transform .25s ease!important;
}
button,.btn,a.btn{
 transition:all .18s ease!important;
}
.profile-header,.profile-card,.profile-content{
 word-break:break-word;
}
@media(max-width:640px){
 .profile-card,.profile-content{
   padding-left:14px!important;
   padding-right:14px!important;
 }
}


/* KennDich 1.6.90 - Nachrichtenbutton exakt im Stil des Plus-Menü-Buttons */
.header-icons .kd-mail-clean{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  background:conic-gradient(from 180deg,#06b6d4,#7c3aed,#ec4899,#06b6d4)!important;
  box-shadow:0 18px 54px rgba(124,58,237,.42),0 0 0 8px rgba(255,255,255,.45)!important;
  border-radius:999px!important;
  color:#fff!important;
  filter:none!important;
}
.header-icons .kd-mail-clean:hover,
.header-icons .kd-mail-clean:focus-visible{
  background:conic-gradient(from 180deg,#06b6d4,#7c3aed,#ec4899,#06b6d4)!important;
  box-shadow:0 18px 54px rgba(124,58,237,.42),0 0 0 8px rgba(255,255,255,.45)!important;
  transform:translateY(-2px) rotate(8deg)!important;
  filter:none!important;
}
.header-icons .kd-mail-clean .kd-mail-svg{
  width:30px!important;
  height:30px!important;
  filter:none!important;
}
.header-icons .kd-mail-clean .kd-mail-svg .kd-chat-shape{
  fill:rgba(255,255,255,.96)!important;
}
.header-icons .kd-mail-clean .kd-mail-svg circle{
  fill:#7c3aed!important;
  opacity:1!important;
}
.header-icons .kd-mail-clean.has-unread .kd-mail-svg{
  animation:kdCleanChatBounce 2.2s ease-in-out infinite;
}
.header-icons .kd-mail-clean.has-unread:hover .kd-mail-svg{
  animation:kdCleanChatBounce 2.2s ease-in-out infinite;
}


/* 1.6.90 Gruppen-Mitgliedschaft */
.group-membership-required{
 padding:10px 14px;
 border-radius:12px;
 background:rgba(251,191,36,.12);
 border:1px solid rgba(251,191,36,.25);
 margin:10px 0;
}

/* KennDich 1.6.90 - Admin Backup-System */
.backup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:16px 0}
.backup-box,.backup-cron-box{padding:16px;border-radius:18px;background:rgba(91,124,255,.08);border:1px solid rgba(91,124,255,.14)}
.backup-cron-box code{display:block;white-space:normal;word-break:break-all;background:#0f172a;color:#e0f2fe;padding:12px;border-radius:12px}
.admin-backup-panel .secondary{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;text-decoration:none;background:#eef2ff;font-weight:800;margin-right:6px}
@media(max-width:640px){.admin-backup-panel table td{font-size:13px}.backup-grid{grid-template-columns:1fr}}


/* KennDich 1.6.90 - Gruppen-Titelbild in Detailansicht zuverlässig anzeigen */
.group-feed-head.has-cover{
  position:relative!important;
  overflow:hidden!important;
  min-height:250px!important;
  background:none!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
}
.group-feed-cover-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  transform:scale(1.01);
}
.group-feed-head.has-cover::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.70))!important;
}
.group-feed-head.has-cover > *:not(.group-feed-cover-bg){
  position:relative!important;
  z-index:2!important;
}
@media(max-width:760px){
  .group-feed-head.has-cover{min-height:220px!important}
}

/* KennDich 1.6.90 - KennDich Shield Firewall */
.admin-firewall-panel textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.firewall-log-table .fw-blocked td{background:rgba(239,68,68,.08)}
.firewall-log-table .fw-passed td{background:rgba(34,197,94,.04)}
.admin-firewall-panel .backup-box h3{margin-top:0}


/* KennDich 1.6.90 - öffentliche Gruppenposts im Feed */
.group-source-note{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:4px;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(91,124,255,.10);
  color:#334155;
  font-weight:800;
}
.group-source-note a{
  color:#2563eb;
  text-decoration:none;
  font-weight:900;
}
.group-comment-locked{
  padding:10px 12px;
  border-radius:14px;
  background:rgba(251,191,36,.12);
  border:1px solid rgba(251,191,36,.25);
}
.group-comment-locked a{
  font-weight:900;
}


/* 1.6.90 Gruppenkarte im Feed */
.group-source-card{
 display:flex;
 align-items:center;
 gap:10px;
 margin:8px 0 12px;
 padding:8px 12px;
 border-radius:14px;
 background:rgba(91,124,255,.08);
 border:1px solid rgba(91,124,255,.14);
}
.group-source-avatar{
 width:40px;
 height:40px;
 border-radius:50%;
 overflow:hidden;
 display:flex;
 align-items:center;
 justify-content:center;
 text-decoration:none;
 background:#eef2ff;
 flex-shrink:0;
}
.group-source-avatar img{
 width:100%;
 height:100%;
 object-fit:cover;
}
.group-source-info{
 display:flex;
 flex-direction:column;
}
.group-source-name{
 font-weight:800;
 text-decoration:none;
}
.group-source-status{
 font-size:12px;
 opacity:.8;
}


/* 1.6.90 TikTok-Style Videos */
@media (max-width:768px){
.post video,
.post .media-video,
.post .post-video{
 width:100vw!important;
 max-width:100vw!important;
 height:92vh!important;
 min-height:92vh!important;
 object-fit:cover!important;
 border-radius:0!important;
 margin-left:calc(50% - 50vw)!important;
 margin-right:calc(50% - 50vw)!important;
 background:#000!important;
 display:block!important;
}
}
@media (min-width:769px){
.post video,
.post .media-video,
.post .post-video{
 max-height:80vh!important;
 object-fit:contain!important;
}
}


/* KennDich 1.6.90 - Sprachnachrichten und Mitgliedersuche */
.voice-controls{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:8px 0;
}
.voice-record-btn,.voice-upload-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(124,58,237,.14),rgba(0,183,255,.12));
  font-weight:900;
  cursor:pointer;
}
.voice-status{font-size:12px;font-weight:800;opacity:.75}
.message-audio,.post-audio-card{
  display:flex;
  align-items:center;
  gap:10px;
  margin:8px 0;
  padding:10px;
  border-radius:16px;
  background:rgba(91,124,255,.10);
  border:1px solid rgba(91,124,255,.14);
}
.message-audio audio,.post-audio-card audio{width:100%;max-width:320px}
.voice-icon{font-size:24px}
.voice-info{flex:1}
.member-search-box{position:relative;margin:8px 0 12px}
.member-search-box input{width:100%;min-height:42px;border-radius:999px;padding:8px 14px}
.member-search-results{
  display:grid;
  gap:6px;
  margin-top:8px;
}
.member-search-result{
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px;
  border-radius:14px;
  background:rgba(15,23,42,.04);
  text-decoration:none;
  color:inherit;
  font-weight:800;
}
.member-search-empty{padding:8px;font-size:13px;opacity:.7}
.conversation-heading{font-size:13px;text-transform:uppercase;letter-spacing:.05em;opacity:.65;margin:12px 0 8px}
@media(max-width:640px){
  .message-audio{align-items:stretch;flex-direction:column}
  .message-audio audio,.post-audio-card audio{max-width:100%}
}


/* KennDich 1.6.90 - Feed-Sprachnachrichten */
.post-voice-controls .voice-status:not(:empty){
  padding:6px 10px;
  border-radius:999px;
  background:rgba(34,197,94,.12);
  color:#166534;
}


/* KennDich 1.6.90 - Sprachnachrichten in Kommentaren und Antworten */
.comment-audio{
  display:flex;
  align-items:center;
  gap:8px;
  margin:7px 0;
  padding:8px;
  border-radius:14px;
  background:rgba(91,124,255,.10);
  border:1px solid rgba(91,124,255,.14);
}
.comment-audio audio{
  width:100%;
  max-width:280px;
}
.comment-voice-controls,
.reply-voice-controls{
  margin:6px 0;
}
.comment-voice-controls .voice-record-btn,
.reply-voice-controls .voice-record-btn{
  min-width:42px;
  padding:7px 10px;
}
@media(max-width:640px){
  .comment-audio{
    align-items:stretch;
    flex-direction:column;
  }
  .comment-audio audio{
    max-width:100%;
  }
}


/* KennDich 1.6.90 - Kommentar-/Antwortzeile kompakt auf einer Höhe */
.comment-form,
.reply-form{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}

.comment-form input[name="content"],
.reply-form input[name="content"]{
  flex:1 1 auto!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
}

.comment-form .voice-controls,
.reply-form .voice-controls{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}

.comment-form .voice-record-btn,
.reply-form .voice-record-btn,
.comment-form .voice-upload-label,
.reply-form .voice-upload-label,
.comment-form > button,
.reply-form > button{
  height:44px!important;
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  border-radius:999px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.comment-form .voice-record-btn,
.reply-form .voice-record-btn{
  min-width:44px!important;
  padding:0 12px!important;
}

.comment-form .voice-upload-label,
.reply-form .voice-upload-label{
  padding:0 12px!important;
  background:rgba(91,124,255,.10)!important;
  border:1px solid rgba(91,124,255,.14)!important;
}

.comment-form .voice-status,
.reply-form .voice-status{
  position:absolute!important;
  left:0!important;
  top:calc(100% + 4px)!important;
  font-size:11px!important;
  max-width:100%!important;
}

.comment-form,
.reply-form{
  position:relative!important;
  margin-bottom:18px!important;
}

/* Private Nachrichten ebenfalls kompakter ausrichten */
.message-form{
  display:grid!important;
  grid-template-columns:1fr auto auto!important;
  align-items:center!important;
  gap:8px!important;
}

.message-form textarea{
  grid-row:1 / span 2;
  min-height:46px!important;
}

.message-form .voice-controls{
  grid-column:2;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
}

.message-form > button{
  grid-column:3;
  height:44px!important;
  min-height:44px!important;
  border-radius:999px!important;
}

@media(max-width:640px){
  .comment-form,
  .reply-form{
    gap:6px!important;
  }

  .comment-form .voice-upload-label,
  .reply-form .voice-upload-label{
    width:44px!important;
    min-width:44px!important;
    padding:0!important;
    overflow:hidden!important;
    font-size:0!important;
  }

  .comment-form .voice-upload-label::before,
  .reply-form .voice-upload-label::before{
    content:"📎";
    font-size:18px;
  }

  .comment-form > button,
  .reply-form > button{
    min-width:58px!important;
    padding:0 12px!important;
  }

  .message-form{
    grid-template-columns:1fr auto!important;
  }

  .message-form textarea{
    grid-column:1 / -1;
    grid-row:auto;
  }

  .message-form .voice-controls{
    grid-column:1;
  }

  .message-form > button{
    grid-column:2;
  }
}


/* KennDich 1.6.90 - Teilen-Button Desktop-Fallback */
.share-btn.share-copied{
  background:rgba(34,197,94,.16)!important;
  color:#166534!important;
  min-width:112px!important;
}


/* KennDich 1.6.90 - automatische Löschung privater Nachrichten */
.message-retention-settings,
.message-retention-profile{
  margin-top:16px;
  padding:14px;
  border-radius:18px;
  background:rgba(91,124,255,.08);
  border:1px solid rgba(91,124,255,.14);
}
.message-retention-settings h2,
.message-retention-profile h3{
  margin-top:0;
}
.message-retention-profile select,
.message-retention-settings select{
  width:100%;
}


/* KennDich 1.6.90 - einheitliche Icon-Buttons für Sprachnachrichten */
.voice-record-btn,
.voice-upload-label{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:18px!important;
  line-height:1!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}

.voice-record-btn{
  background:linear-gradient(135deg,#06b6d4,#7c3aed,#ec4899)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(124,58,237,.22)!important;
}

.voice-upload-label{
  background:rgba(91,124,255,.10)!important;
  color:#1f2937!important;
  border:1px solid rgba(91,124,255,.18)!important;
}

.voice-record-btn:hover,
.voice-upload-label:hover{
  transform:translateY(-1px);
}

.voice-record-btn.is-recording,
.voice-record-btn.recording{
  animation:kdVoicePulse 1.1s ease-in-out infinite;
}

@keyframes kdVoicePulse{
  0%,100%{box-shadow:0 8px 20px rgba(124,58,237,.22)}
  50%{box-shadow:0 0 0 6px rgba(236,72,153,.18),0 12px 28px rgba(124,58,237,.32)}
}


/* KennDich 1.6.90 - Büroklammer als allgemeiner Dateianhang */
.attachment-card{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  margin:8px 0;
  border-radius:16px;
  background:rgba(91,124,255,.10);
  border:1px solid rgba(91,124,255,.15);
  text-decoration:none;
  color:inherit;
}
.attachment-card:hover{
  transform:translateY(-1px);
}
.attachment-icon{
  font-size:24px;
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#fff;
}
.attachment-meta{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.attachment-meta b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.attachment-meta small{
  opacity:.7;
  font-weight:800;
}
.message-attachment-image img,
.comment-attachment-image img{
  display:block;
  max-width:240px;
  max-height:240px;
  border-radius:14px;
  object-fit:cover;
}
.message-attachment-video video,
.comment-attachment-video video{
  display:block;
  max-width:280px;
  width:100%;
  border-radius:14px;
  background:#000;
}
@media(max-width:640px){
  .message-attachment-image img,
  .comment-attachment-image img,
  .message-attachment-video video,
  .comment-attachment-video video{
    max-width:100%;
  }
}


/* KennDich 1.6.90 - Mediengalerie Pfeile auf Laptop/PC */
.media-carousel{
  position:relative!important;
}

.media-arrow{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:12!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  border:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#fff!important;
  background:conic-gradient(from 180deg,#06b6d4,#7c3aed,#ec4899,#06b6d4)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.25)!important;
  cursor:pointer!important;
  opacity:.88!important;
  transition:opacity .18s ease, transform .18s ease, box-shadow .18s ease!important;
}

.media-arrow-prev{left:14px!important}
.media-arrow-next{right:14px!important}

.media-arrow:hover,
.media-arrow:focus-visible{
  opacity:1!important;
  transform:translateY(-50%) scale(1.06)!important;
  box-shadow:0 16px 38px rgba(15,23,42,.32)!important;
}

@media(hover:hover) and (pointer:fine){
  .media-carousel .media-arrow{
    opacity:.72!important;
  }
  .media-carousel:hover .media-arrow,
  .media-carousel:focus-within .media-arrow{
    opacity:.95!important;
  }
}

@media(max-width:760px){
  .media-arrow{
    display:none!important;
  }
}


/* KennDich 1.6.90 - Kommentar- und Antwortfelder sofort bedienbar */
.comment-form input[name="content"],
.reply-form input[name="content"]{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-user-select:text!important;
  user-select:text!important;
}

.comments.open,
.reply-form.open{
  pointer-events:auto!important;
}

.comment-form,
.reply-form{
  will-change:auto!important;
}


/* KennDich 1.6.90 - sichtbarer Desktop-Fokus für Kommentare/Antworten */
.comment-form input[name="content"]:focus,
.reply-form input[name="content"]:focus{
  outline:3px solid rgba(37,99,235,.35)!important;
  border-color:#2563eb!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.12)!important;
  background:#fff!important;
}

.comment-form input[name="content"],
.reply-form input[name="content"]{
  cursor:text!important;
}


/* KennDich 1.6.90 - Kommentarbereich Firefox-freundlich und sofort klickbar */
.comments{contain:layout paint;}
.comments.open{display:block;}
.toggle-comments,.reply-btn{touch-action:manipulation;}
.comment-form input[name="content"],
.reply-form input[name="content"]{pointer-events:auto!important;}


/* KennDich 1.6.90 - Kommentare ohne Firefox-Erstöffnungsbremse */
.comments{
  display:block!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
  contain:layout paint style!important;
}
.comments.open{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px solid var(--line)!important;
}
.reply-form{
  display:flex!important;
  height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  margin-top:0!important;
}
.reply-form.open{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  margin-top:8px!important;
}
.toggle-comments,.reply-btn{touch-action:manipulation!important;}


/* KennDich 1.6.90 - Erstöffnung der Kommentare beschleunigt
   Kommentarformular wird sofort angezeigt; die vorhandene Kommentarliste
   wird erst nach dem ersten Browser-Paint eingeblendet. */
.comments-list[hidden]{
  display:none!important;
}
.comments-list{
  content-visibility:auto;
  contain-intrinsic-size:1px 420px;
}
.comments.open > .comment-form{
  display:flex!important;
}


/* KennDich 1.6.90 - vollständige Kommentare sofort verfügbar, Firefox-Layout vorwärmen */
.comments-list{
  display:block!important;
  content-visibility:visible!important;
  contain-intrinsic-size:auto!important;
}
.comments.sn-prewarm{
  position:absolute!important;
  left:-100000px!important;
  top:0!important;
  width:min(720px, calc(100vw - 32px))!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px solid var(--line)!important;
  contain:none!important;
}
.comments.sn-prewarm .comments-list,
.comments.sn-prewarm .comment-form,
.comments.sn-prewarm .voice-controls{
  display:flex!important;
  visibility:hidden!important;
}
.comments.sn-prewarm .comments-list{
  display:block!important;
}


/* KennDich 1.6.90 - Firefox: Kommentare vollständig vorlayouten, aber ohne sichtbaren Platzverbrauch.
   Der erste Klick muss nur visibility/position umschalten; Kommentare und Spracheingabe sind sofort komplett da. */
.post{position:relative;}
.comments:not(.open){
  display:block!important;
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  top:auto!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px solid var(--line)!important;
  contain:none!important;
  content-visibility:visible!important;
}
.comments.open{
  display:block!important;
  position:static!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px solid var(--line)!important;
  contain:none!important;
  content-visibility:visible!important;
}
.reply-form:not(.open){
  display:flex!important;
  position:absolute!important;
  left:-100000px!important;
  width:1px!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.reply-form.open{
  display:flex!important;
  position:static!important;
  width:auto!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}


/* KennDich 1.6.91 - Mobile Kommentar-Sprachbuttons nicht abschneiden
   Auf kleinen Displays liegt das Kommentarformular bewusst mehrzeilig: Eingabe oben,
   Sprache/Anhang/Senden darunter. Die Icon-Buttons bekommen eigenen vertikalen Raum,
   damit iOS/Safari/Firefox die runden Buttons und Emojis nicht oben beschneiden. */
@media(max-width:640px){
  .comments.open,
  .comments:not(.open){
    overflow:visible!important;
  }

  .comments.open .comment-form,
  .reply-form.open{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:center!important;
    gap:10px!important;
    overflow:visible!important;
    padding-top:2px!important;
    padding-bottom:8px!important;
    margin-bottom:14px!important;
  }

  .comments.open .comment-form input[name="content"],
  .reply-form.open input[name="content"]{
    grid-column:1 / -1!important;
    width:100%!important;
  }

  .comments.open .comment-form .voice-controls,
  .reply-form.open .voice-controls{
    grid-column:1 / -1!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:54px!important;
    padding-top:6px!important;
    margin-top:0!important;
    overflow:visible!important;
  }

  .comments.open .comment-form .voice-record-btn,
  .reply-form.open .voice-record-btn,
  .comments.open .comment-form .voice-upload-label,
  .reply-form.open .voice-upload-label{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    line-height:48px!important;
    overflow:visible!important;
    transform:translateZ(0)!important;
    -webkit-transform:translateZ(0)!important;
  }

  .comments.open .comment-form .voice-record-btn,
  .reply-form.open .voice-record-btn{
    font-size:20px!important;
  }

  .comments.open .comment-form > button,
  .reply-form.open > button{
    justify-self:center!important;
    min-width:112px!important;
    height:48px!important;
    min-height:48px!important;
    margin-top:0!important;
  }

  .comments.open .comment-form .voice-status,
  .reply-form.open .voice-status{
    position:static!important;
    flex-basis:100%!important;
    text-align:center!important;
    margin-top:2px!important;
  }
}



/* KennDich 1.6.95 - Startseitenlogo sichtbar 150px ohne Schatten */
.landing-logo-wrap{margin-bottom:12px;display:inline-flex;flex-direction:column;align-items:flex-start}
.landing-logo-wrap .kd-home-logo{width:150px!important;max-width:150px!important;height:auto!important;display:block!important;margin:0 0 12px 0!important;filter:none!important;box-shadow:none!important;}

.auth-logo{display:block;width:150px;height:auto;margin:0 auto 14px auto}.login-card{text-align:center}.login-card form{text-align:left}.login-card h1{margin:0 0 8px 0}.login-card p{text-align:center}


/* KennDich 1.7.6 - Instagram-Embeds vollständig deaktiviert, Post-Sprachbutton stabil */
.post-voice-controls{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  margin:10px 0 12px!important;
}
.post-voice-controls .voice-record-btn{
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0!important;
  flex:0 0 46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  font-size:22px!important;
  line-height:1!important;
  aspect-ratio:1/1!important;
  white-space:nowrap!important;
}
.post-voice-controls .voice-record-btn.is-recording,
.post-voice-controls .voice-record-btn.recording{
  font-size:18px!important;
}
.post-voice-controls .voice-status{
  flex:1 1 auto!important;
  min-width:0!important;
}
@media(max-width:760px){
  .post-voice-controls .voice-record-btn{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    flex-basis:48px!important;
  }
}


/* KennDich 1.7.6 - Sicherheit: alte Instagram-Embed-Container nie anzeigen */
.embed-instagram{display:none!important;}


/* KennDich 1.7.15 - Firefox: Formulare sofort beschreibbar, Sprachbutton blockiert keine Eingaben */
input, textarea, select{
  pointer-events:auto!important;
  -moz-user-select:text!important;
  user-select:text!important;
}
.post-form textarea,
.comment-form input[name="content"],
.reply-form input[name="content"],
.message-form textarea{
  position:relative!important;
  z-index:2!important;
  pointer-events:auto!important;
}
.voice-controls{
  contain:layout style!important;
  pointer-events:auto!important;
}
.voice-status{
  pointer-events:none!important;
}
.voice-record-btn,
.voice-upload-label{
  flex-shrink:0!important;
  user-select:none!important;
}
.modal.open .modal-card,
.comments.open,
.reply-form.open{
  pointer-events:auto!important;
}


/* KennDich 1.7.15 - konservativer Firefox-Fix
   Keine unsichtbaren absolut positionierten Kommentarbereiche mehr.
   Das hatte in Firefox beim ersten Öffnen den Fokus blockiert und konnte Eingaben verzögern. */
.comments:not(.open){
  display:none!important;
  position:static!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
  contain:none!important;
  content-visibility:visible!important;
}
.comments.open{
  display:block!important;
  position:static!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px solid var(--line)!important;
  contain:none!important;
  content-visibility:visible!important;
}
.reply-form:not(.open){
  display:none!important;
  position:static!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.reply-form.open{
  display:flex!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  max-height:none!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.comment-form input[name="content"],
.reply-form input[name="content"],
.post-form textarea,
.ajax-upload-form textarea{
  pointer-events:auto!important;
  user-select:text!important;
  -moz-user-select:text!important;
  -webkit-user-select:text!important;
  touch-action:auto!important;
}


/* KennDich 1.7.15 - Firefox Sofortmodus FINAL
   Beim ersten Öffnen wird ausschließlich das Eingabeformular sichtbar und fokussierbar.
   Die vorhandene Kommentarliste und Voice-Leiste werden erst nach dem ersten Paint freigegeben,
   damit Firefox nicht den Fokus blockiert. Diese Regeln stehen absichtlich am Dateiende. */
.comments.open:not(.sn-comments-ready){
  display:block!important;
  position:static!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px solid var(--line)!important;
  contain:layout paint!important;
}
.comments.open:not(.sn-comments-ready) > .comment-form{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.comments.open:not(.sn-comments-ready) > .comments-list,
.comments.open:not(.sn-comments-ready) .comment-voice-controls{
  display:none!important;
}
.comments.open.sn-comments-ready > .comments-list{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.comments.open.sn-comments-ready .comment-voice-controls{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
.comment-form input[name="content"],
.reply-form input[name="content"],
.post-form textarea,
.ajax-upload-form textarea{
  pointer-events:auto!important;
  user-select:text!important;
  -moz-user-select:text!important;
  -webkit-user-select:text!important;
  touch-action:auto!important;
  position:relative!important;
  z-index:20!important;
}
.modal.open .post-form textarea,
.modal.open .ajax-upload-form textarea{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.modal.open .post-voice-controls{
  contain:layout paint!important;
}
@media(max-width:640px){
  .comments.open:not(.sn-comments-ready) > .comment-form{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}


/* KennDich 1.7.15 - FINAL: echte Lazy-Kommentare, kein Vorlayout-Patch mehr.
   Kommentare enthalten beim Seitenaufbau nur das Formular. Die Liste wird erst nach dem Öffnen geladen. */
.comments{
  display:none!important;
  position:static!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px solid var(--line)!important;
  contain:none!important;
  content-visibility:visible!important;
}
.comments.open{display:block!important;}
.comments:not(.open){display:none!important;}
.comments.open > .comment-form{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  contain:layout!important;
}
.comments.open > .comments-list{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  content-visibility:auto!important;
  contain-intrinsic-size:1px 360px!important;
  margin-top:12px!important;
}
.comments-loading,.muted-note{color:var(--muted);font-size:14px;padding:10px 0;}
.comment-form input[name="content"],
.reply-form input[name="content"],
.post-form textarea,
.ajax-upload-form textarea{
  pointer-events:auto!important;
  user-select:text!important;
  -moz-user-select:text!important;
  -webkit-user-select:text!important;
  touch-action:auto!important;
  position:relative!important;
  z-index:20!important;
}
@media(max-width:640px){
  .comments.open > .comment-form{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}


/* KennDich 1.7.16 - Mobile Fix für Kommentar-/Antwort-Löschbutton */
.moderation-edit form button.danger,
.moderation-edit form .small-danger{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  position:relative!important;
  z-index:5!important;
  cursor:pointer!important;
}
@media(max-width:640px){
  .moderation-edit[open] form[action*="actions.php"]{
    pointer-events:auto!important;
  }
  .moderation-edit[open] form button.danger,
  .moderation-edit[open] form .small-danger{
    min-height:54px!important;
    width:100%!important;
    font-size:20px!important;
  }
}

/* KennDich 1.7.18 - Portrait-Mobile: Direkt-Löschbutton außerhalb des Details-Overlays.
   Ursache: im Hochkant-Layout kann das native <details>-Bearbeiten-Popup den Delete-Tap überlagern.
   Der direkte Button liegt in der normalen Action-Zeile und funktioniert auch bei Lazy-Kommentaren. */
.mobile-comment-delete-direct{display:none;margin:0!important;position:relative!important;z-index:60!important;pointer-events:auto!important;}
.mobile-comment-delete-direct button{pointer-events:auto!important;touch-action:manipulation!important;min-width:42px!important;min-height:42px!important;padding:9px 12px!important;border-radius:999px!important;}
@media(max-width:640px) and (orientation:portrait){
  .comment .actions.compact{position:relative!important;z-index:80!important;overflow:visible!important;align-items:center!important;}
  .mobile-comment-delete-direct{display:inline-flex!important;}
  .mobile-comment-delete-direct button{width:46px!important;height:46px!important;font-size:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
  .comment .actions.compact .moderation-edit{position:relative!important;z-index:40!important;}
}

/* KennDich 1.7.18 - Kommentar-Aktionsleiste: Löschen ist letzter Funktionsbutton */
.comment-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
}
.comment-actions .comment-delete-last,
.comment-actions .mobile-comment-delete-direct{
  display:inline-flex!important;
  order:99!important;
  margin:0!important;
  position:relative!important;
  z-index:90!important;
  pointer-events:auto!important;
  flex:0 0 auto!important;
}
.comment-actions .comment-delete-last button,
.comment-actions .mobile-comment-delete-direct button{
  min-width:44px!important;
  min-height:44px!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  touch-action:manipulation!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:91!important;
}
.comment-actions .moderation-edit{order:50!important;}
.comment-actions .heart-like-form{order:10!important;}
.comment-actions .reply-btn{order:20!important;}
.comment-actions .repost-form{order:30!important;}
.comment-actions .share-btn{order:40!important;}
@media(max-width:640px){
  .comment-actions{
    flex-wrap:nowrap!important;
    gap:6px!important;
    width:100%!important;
  }
  .comment-actions > *{flex:0 0 auto!important;}
  .comment-actions .comment-delete-last,
  .comment-actions .mobile-comment-delete-direct{margin-left:auto!important;}
  .comment-actions button,
  .comment-actions a,
  .comment-actions summary{
    min-width:40px!important;
    min-height:40px!important;
    padding-left:9px!important;
    padding-right:9px!important;
    white-space:nowrap!important;
  }
  .comment-actions .comment-delete-last button,
  .comment-actions .mobile-comment-delete-direct button{
    min-width:46px!important;
    min-height:46px!important;
    width:46px!important;
    height:46px!important;
    font-size:18px!important;
  }
}


/* v1.7.20 button alignment fix */
.sn-action-btn,
.sn-edit-btn,
.sn-delete-btn,
.comment-action-btn,
.comment-edit-btn,
.comment-delete-btn{
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:0!important;
box-sizing:border-box!important;
border-radius:50%!important;
}


/* KennDich 1.7.21 - echte Vereinheitlichung der Kommentar-Aktionsbuttons
   Trifft die tatsächlich verwendeten Elemente: button, form>button und details>summary. */
.comment-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
}
.comment-actions > *,
.comment-actions > form,
.comment-actions > details{
  flex:0 0 auto!important;
  margin:0!important;
}
.comment-actions .comment-delete-last,
.comment-actions .mobile-comment-delete-direct{
  order:99!important;
  margin-left:0!important;
  display:inline-flex!important;
}
.comment-actions .heart-like-form{order:10!important;}
.comment-actions .reply-btn{order:20!important;}
.comment-actions .repost-form{order:30!important;}
.comment-actions .share-btn{order:40!important;}
.comment-actions .moderation-edit{order:50!important;}
.comment-actions > button,
.comment-actions > a,
.comment-actions > form > button,
.comment-actions > details > summary{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  font-size:18px!important;
  box-sizing:border-box!important;
  vertical-align:middle!important;
  touch-action:manipulation!important;
}
.comment-actions > details > summary{
  list-style:none!important;
  cursor:pointer!important;
}
.comment-actions > details > summary::-webkit-details-marker{display:none!important;}
.comment-actions .small-danger,
.comment-actions .danger,
.comment-actions .comment-delete-last button,
.comment-actions .mobile-comment-delete-direct button{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  padding:0!important;
  margin:0!important;
  font-size:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
.comment-actions .moderation-edit summary{
  transform:none!important;
  background-position:center center!important;
}
@media(max-width:640px){
  .comment-actions{gap:8px!important;width:100%!important;}
  .comment-actions .comment-delete-last,
  .comment-actions .mobile-comment-delete-direct{margin-left:0!important;}
  .comment-actions > button,
  .comment-actions > a,
  .comment-actions > form > button,
  .comment-actions > details > summary,
  .comment-actions .comment-delete-last button,
  .comment-actions .mobile-comment-delete-direct button{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    padding:0!important;
  }
}


/* KennDich 1.7.22 - kleinere Kommentar-/Antwortbuttons für Mobilgeräte */
@media(max-width:640px){
  .comment-actions{
    gap:4px!important;
  }
  .comment-actions > button,
  .comment-actions > a,
  .comment-actions > form > button,
  .comment-actions > details > summary,
  .comment-actions .comment-delete-last button,
  .comment-actions .mobile-comment-delete-direct button,
  .comment-action-btn,
  .comment-edit-btn,
  .comment-delete-btn,
  .sn-action-btn,
  .sn-edit-btn,
  .sn-delete-btn{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    font-size:15px!important;
  }
}


/* KennDich 1.7.27 - Smarteres, flüssigeres Kommentar-/Antwort-Ausklappen ohne Eingabe-/Lazyload-Logik zu verändern */
.comments.sn-smooth-toggle,
.reply-form.sn-smooth-toggle{
  display:block!important;
  will-change:height, opacity, transform!important;
  transition:height .18s ease, opacity .18s ease, transform .18s ease!important;
  contain:layout paint!important;
}
.reply-form.sn-smooth-toggle{
  display:flex!important;
}
.comments.open > .comments-list{
  content-visibility:auto!important;
  contain-intrinsic-size:1px 320px!important;
}
@media (prefers-reduced-motion: reduce){
  .comments.sn-smooth-toggle,
  .reply-form.sn-smooth-toggle{
    transition:none!important;
  }
}


/* KennDich 1.7.28 - echte aktive Kommentar-Animation, überschreibt ältere harte display-Regeln */
.comments.sn-animating{
  display:block!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:auto!important;
  visibility:visible!important;
  pointer-events:auto!important;
  will-change:height, opacity, transform!important;
  transition:height .28s cubic-bezier(.22,.61,.36,1), opacity .24s ease, transform .28s cubic-bezier(.22,.61,.36,1)!important;
  contain:layout paint!important;
}
.reply-form.sn-animating{
  display:flex!important;
  visibility:visible!important;
  pointer-events:auto!important;
  will-change:height, opacity, transform!important;
  transition:height .24s cubic-bezier(.22,.61,.36,1), opacity .2s ease, transform .24s cubic-bezier(.22,.61,.36,1)!important;
}
.comments.open{
  display:block!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:auto!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
.comments:not(.open):not(.sn-animating){
  display:none!important;
}
.comments.sn-animating > .comment-form,
.comments.open > .comment-form{
  display:flex!important;
}
.comments.sn-animating > .comments-list,
.comments.open > .comments-list{
  display:block!important;
}
@media (prefers-reduced-motion: reduce){
  .comments.sn-animating,.reply-form.sn-animating{transition:none!important;}
}

/* 1.7.33 Link-Vorschau für normale Webseitenlinks im Post */
.link-preview-card{display:flex;gap:12px;align-items:stretch;padding:10px;text-decoration:none;overflow:hidden}
.link-preview-image{display:block;flex:0 0 132px;height:96px;border-radius:14px;overflow:hidden;background:#e5e7eb;margin:0}
.link-preview-image img{display:block;width:100%;height:100%;object-fit:cover}
.link-preview-body{display:flex!important;flex-direction:column;justify-content:center;min-width:0;margin:0}
.link-preview-body b{line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.link-preview-body small{display:block;max-width:100%}
@media(max-width:560px){.link-preview-card{gap:10px}.link-preview-image{flex-basis:104px;height:82px}.link-preview-body b{font-size:15px}}


/* 1.7.34 Barrierefreiheit - pro Nutzer im Profil zuschaltbar */
.accessibility-settings{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:20px;background:#f8fafc}
.accessibility-settings h3{margin-top:0}.accessibility-settings .muted{color:var(--muted);margin-top:-4px}.accessibility-settings small{display:block;color:var(--muted);margin-top:10px}
body.a11y-font-large{font-size:18px}body.a11y-font-xlarge{font-size:20px}body.a11y-font-large .post-content{font-size:20px}body.a11y-font-xlarge .post-content{font-size:23px}
body.a11y-readable-font{font-family:Arial,Verdana,Tahoma,sans-serif;letter-spacing:.01em;line-height:1.7}body.a11y-readable-font p,body.a11y-readable-font .post-content,body.a11y-readable-font .comment p,body.a11y-readable-font .message-body-text{line-height:1.75}
body.a11y-large-controls button,body.a11y-large-controls .actions button,body.a11y-large-controls input,body.a11y-large-controls textarea,body.a11y-large-controls select,body.a11y-large-controls .fab-menu a{min-height:52px;font-size:1.05em}body.a11y-large-controls .heart-like-btn{min-height:52px!important;min-width:74px!important}
body.a11y-focus-outline :focus-visible,body.a11y-focus-outline input:focus,body.a11y-focus-outline textarea:focus,body.a11y-focus-outline select:focus{outline:4px solid #f59e0b!important;outline-offset:3px!important;box-shadow:0 0 0 6px rgba(245,158,11,.22)!important}
body.a11y-link-underline a{text-decoration:underline;text-underline-offset:3px}body.a11y-link-underline button{text-decoration:none}
body.a11y-reduce-motion *,body.a11y-reduce-motion *::before,body.a11y-reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.a11y-reduce-motion .heart,body.a11y-reduce-motion .floating-heart,body.a11y-reduce-motion .heart-spark{display:none!important}
body.a11y-simple-layout .card,body.a11y-simple-layout .post,body.a11y-simple-layout .modal-card,body.a11y-simple-layout .bubble{box-shadow:none!important;border-width:2px!important}body.a11y-simple-layout .post,body.a11y-simple-layout .comment{padding-top:20px;padding-bottom:20px}body.a11y-simple-layout .actions{gap:12px}body.a11y-simple-layout .topbar{backdrop-filter:none;background:#fff}
body.a11y-contrast-high{--bg:#fff;--card:#fff;--text:#000;--muted:#111827;--line:#000;--brand:#000;--accent:#b00020;background:#fff;color:#000}body.a11y-contrast-high .card,body.a11y-contrast-high .post,body.a11y-contrast-high .modal-card,body.a11y-contrast-high .bubble,body.a11y-contrast-high input,body.a11y-contrast-high textarea,body.a11y-contrast-high select{border:2px solid #000!important;background:#fff!important;color:#000!important;box-shadow:none!important}body.a11y-contrast-high button{background:#000!important;color:#fff!important;border:2px solid #000!important}body.a11y-contrast-high .actions button,body.a11y-contrast-high .secondary{background:#fff!important;color:#000!important;border:2px solid #000!important}body.a11y-contrast-high a{color:#000!important}
body.a11y-contrast-dark{--bg:#000;--card:#0b0b0b;--text:#fff;--muted:#facc15;--line:#fff;--brand:#fff;--accent:#facc15;background:#000;color:#fff}body.a11y-contrast-dark .topbar,body.a11y-contrast-dark .card,body.a11y-contrast-dark .post,body.a11y-contrast-dark .modal-card,body.a11y-contrast-dark .bubble,body.a11y-contrast-dark .fab-menu,body.a11y-contrast-dark input,body.a11y-contrast-dark textarea,body.a11y-contrast-dark select{background:#000!important;color:#fff!important;border:2px solid #fff!important;box-shadow:none!important}body.a11y-contrast-dark button{background:#fff!important;color:#000!important;border:2px solid #fff!important}body.a11y-contrast-dark .actions button,body.a11y-contrast-dark .secondary{background:#000!important;color:#fff!important;border:2px solid #fff!important}body.a11y-contrast-dark a,body.a11y-contrast-dark small,body.a11y-contrast-dark .muted,body.a11y-contrast-dark .post-head span,body.a11y-contrast-dark .comment span{color:#facc15!important}


/* KennDich 1.7.37 - zusätzliche optionale Barrierefreiheitsfunktionen */
.a11y-tools{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0 10px}.a11y-tool-btn{background:#eef2ff!important;color:#111827!important;border:1px solid #c7d2fe!important;border-radius:999px!important;padding:7px 10px!important;font-size:13px!important;font-weight:900!important}.a11y-easy-box{margin:8px 0 12px;padding:12px 14px;border-radius:16px;background:#fff7ed;border:2px solid #fed7aa;white-space:pre-line;line-height:1.55;font-weight:700}.a11y-img-desc{display:none;margin:8px 0 0;padding:10px 12px;border-radius:14px;background:#f8fafc;border:1px solid #dbe3ee;color:#334155;font-weight:800}.a11y-image-descriptions .a11y-img-desc{display:block}.a11y-comm-panel{display:none;max-width:760px;margin:10px auto;padding:12px 14px;border:2px solid #dbe3ee;border-radius:18px;background:#fff}.a11y-comm-panel b{display:block;margin-bottom:8px}.a11y-comm-panel div{display:flex;gap:8px;flex-wrap:wrap}.a11y-comm-panel button{background:#111827;color:#fff;border-radius:999px;padding:9px 12px}.a11y-comm-helper .a11y-comm-panel{display:block}.a11y-colorblind{--accent:#005fcc;--danger:#111827}.a11y-colorblind .heart-like-btn,.a11y-colorblind .like-btn,.a11y-colorblind .comment-like{border:2px solid #005fcc!important}.a11y-colorblind .danger,.a11y-colorblind .small-danger{background:#111827!important;color:#fff!important;border:3px dashed #fff!important}.a11y-screenreader .post,.a11y-screenreader .bubble,.a11y-screenreader .comment{outline:1px solid rgba(17,24,39,.18)}.a11y-screenreader button,.a11y-screenreader a,.a11y-screenreader input,.a11y-screenreader textarea,.a11y-screenreader select{scroll-margin:90px}.a11y-section-divider{border:0;border-top:1px solid var(--line);margin:18px 0}.accessibility-settings h4{margin:18px 0 6px}

/* KennDich 1.7.42 - weiches Cookie-Fenster nur zur rechtlichen Absicherung. Keine Inhalts-/Profilsteuerung. */
.sn-cookie-consent{position:fixed;left:0;right:0;bottom:0;z-index:9999;padding:16px;background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.18));pointer-events:none}
.sn-cookie-box{max-width:860px;margin:0 auto;background:#fff;border:1px solid rgba(15,23,42,.12);box-shadow:0 18px 48px rgba(15,23,42,.22);border-radius:22px;padding:18px;pointer-events:auto;color:#102033}
.sn-cookie-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sn-cookie-head h2{margin:0;font-size:1.22rem}.sn-cookie-close{border:0;background:#f2f5f8;border-radius:999px;width:34px;height:34px;font-size:22px;line-height:1;cursor:pointer}.sn-cookie-box p{margin:10px 0;line-height:1.45}.sn-cookie-links a{font-weight:700}.sn-cookie-settings{background:#f7f9fc;border:1px solid #e5ebf2;border-radius:16px;padding:10px;margin:12px 0}.sn-cookie-settings label{display:block;margin:8px 0;font-weight:700}.sn-cookie-settings span{font-weight:400;color:#667085;margin-left:6px}.sn-cookie-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.sn-cookie-actions button{cursor:pointer}.sn-cookie-reopen{position:fixed;right:14px;bottom:14px;z-index:9998;border:0;border-radius:999px;background:#102033;color:#fff;padding:9px 13px;box-shadow:0 10px 30px rgba(15,23,42,.25);font-size:.88rem;cursor:pointer;opacity:.9}.sn-cookie-reopen:hover{opacity:1}@media(max-width:760px){.sn-cookie-consent{padding:10px}.sn-cookie-box{border-radius:18px;padding:15px}.sn-cookie-actions{justify-content:stretch}.sn-cookie-actions button{flex:1 1 145px}.sn-cookie-reopen{display:none!important}}

/* KennDich 1.7.43 - Mobile Full Width Feed
   Nur mobile Darstellung: Feed- und Gruppenbeiträge nutzen die volle Displaybreite.
   Bestehende Funktionen, Profile, Kommentare, Gruppenlogik und Cookieverwaltung bleiben unverändert. */
@media (max-width: 760px){
  .feed{
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .feed .post,
  .group-feed .post,
  .post{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
  }
  .post-media{
    margin-left: -14px !important;
    margin-right: -14px !important;
    border-radius: 0 !important;
  }
  .embed{
    margin-left: -14px !important;
    margin-right: -14px !important;
    width: calc(100% + 28px) !important;
    border-radius: 0 !important;
  }
}


/* KennDich 1.7.46: Datenschutz-Einstellungen nur im Profil/DSGVO-Bereich. Kein Plus-Menü- oder Floating-Button. */
.sn-cookie-reopen{display:none!important;}

.floating-keywords{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1}.floating-keywords span{position:absolute;opacity:.18;font-weight:700;animation:floatkw 18s linear infinite}.floating-keywords span:nth-child(1){top:8%;left:-20%}.floating-keywords span:nth-child(2){top:18%;left:-25%;animation-delay:2s}.floating-keywords span:nth-child(3){top:32%;left:-15%;animation-delay:4s}.floating-keywords span:nth-child(4){top:45%;left:-30%;animation-delay:6s}.floating-keywords span:nth-child(5){top:60%;left:-20%;animation-delay:8s}.floating-keywords span:nth-child(6){top:72%;left:-25%;animation-delay:10s}.floating-keywords span:nth-child(7){top:22%;left:-35%;animation-delay:12s}.floating-keywords span:nth-child(8){top:52%;left:-35%;animation-delay:14s}.floating-keywords span:nth-child(9){top:82%;left:-35%;animation-delay:16s}.floating-keywords span:nth-child(10){top:12%;left:-35%;animation-delay:18s}@keyframes floatkw{0%{transform:translateX(0);opacity:0}15%{opacity:.18}85%{opacity:.18}100%{transform:translateX(140vw);opacity:0}}
/* KennDich 1.7.48 - Premium Landing Page */
.kd-premium-landing{
  min-height:100vh;
  background:
    linear-gradient(120deg,rgba(255,255,255,.92),rgba(239,246,255,.82)),
    radial-gradient(circle at 12% 18%,rgba(59,130,246,.20),transparent 32%),
    radial-gradient(circle at 88% 18%,rgba(34,197,94,.16),transparent 30%),
    radial-gradient(circle at 50% 105%,rgba(124,58,237,.13),transparent 38%),
    linear-gradient(135deg,#f8fbff,#eef7ff 52%,#f7fbf7);
  overflow-x:hidden;
}
.kd-premium-page{position:relative;z-index:1;width:min(1220px,calc(100% - 32px));padding:34px 0 44px;}
.kd-premium-page .floating-keywords{display:none!important}
.premium-keyword-stage{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.premium-keyword-stage span{position:absolute;left:8%;top:14%;font-size:clamp(3.6rem,11vw,10.5rem);font-weight:950;letter-spacing:-.08em;color:rgba(15,23,42,.105);white-space:nowrap;opacity:0;filter:blur(.2px);transform:translate3d(-12vw,0,0) rotate(-5deg);animation:kdPremiumWord 70s linear infinite;}
.premium-keyword-stage span:nth-child(2){animation-delay:7s;top:22%;left:18%;color:rgba(37,99,235,.11);}
.premium-keyword-stage span:nth-child(3){animation-delay:14s;top:12%;left:35%;color:rgba(22,101,52,.105);}
.premium-keyword-stage span:nth-child(4){animation-delay:21s;top:28%;left:8%;color:rgba(88,28,135,.105);}
.premium-keyword-stage span:nth-child(5){animation-delay:28s;top:18%;left:28%;color:rgba(190,24,93,.095);}
.premium-keyword-stage span:nth-child(6){animation-delay:35s;top:25%;left:14%;color:rgba(21,128,61,.10);}
.premium-keyword-stage span:nth-child(7){animation-delay:42s;top:16%;left:24%;color:rgba(14,116,144,.10);}
.premium-keyword-stage span:nth-child(8){animation-delay:49s;top:30%;left:12%;color:rgba(124,58,237,.10);}
.premium-keyword-stage span:nth-child(9){animation-delay:56s;top:20%;left:20%;color:rgba(37,99,235,.10);}
.premium-keyword-stage span:nth-child(10){animation-delay:63s;top:10%;left:16%;color:rgba(234,88,12,.10);}
@keyframes kdPremiumWord{0%,8%{opacity:0;transform:translate3d(-14vw,0,0) rotate(-7deg) scale(.94)}12%,28%{opacity:1}40%{opacity:.78;transform:translate3d(18vw,7vh,0) rotate(4deg) scale(1.03)}48%,100%{opacity:0;transform:translate3d(44vw,-3vh,0) rotate(8deg) scale(1.06)}}
.premium-hero{position:relative;min-height:520px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:center;padding:48px 44px;border-radius:36px;background:rgba(255,255,255,.64);border:1px solid rgba(148,163,184,.30);box-shadow:0 24px 80px rgba(15,23,42,.10);backdrop-filter:blur(18px);overflow:hidden;}
.premium-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.46)),radial-gradient(circle at 80% 18%,rgba(34,197,94,.15),transparent 28%),radial-gradient(circle at 18% 78%,rgba(59,130,246,.14),transparent 28%);z-index:-1;}
.premium-copy{max-width:760px;}
.premium-logo-wrap{display:flex!important;align-items:flex-start!important;gap:0!important;margin-bottom:20px!important;}
.premium-copy h1{font-size:clamp(3.1rem,7vw,6.4rem);line-height:.92;margin:0 0 18px;letter-spacing:-.075em;color:#0f172a;background:none!important;-webkit-text-fill-color:initial;text-shadow:none!important;}
.premium-slogan{font-size:clamp(1.28rem,2.8vw,2.05rem);line-height:1.22;margin:0 0 20px;color:#0f172a;font-weight:850;max-width:840px;}
.premium-slogan strong:nth-child(1){color:#2563eb}.premium-slogan strong:nth-child(2){color:#15803d}.premium-slogan strong:nth-child(3){color:#ea580c}
.premium-lead{font-size:clamp(1.02rem,1.6vw,1.22rem);line-height:1.65;color:#334155;max-width:740px;margin:0 0 28px;}
.premium-actions .primary-btn{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 14px 34px rgba(22,163,74,.22)}
.premium-actions .secondary-btn{background:rgba(255,255,255,.86);border:1px solid rgba(15,23,42,.22);color:#0f172a}
.premium-trust-card{align-self:end;display:flex;gap:16px;align-items:center;background:rgba(255,255,255,.88);border:1px solid rgba(148,163,184,.35);border-radius:22px;padding:18px;box-shadow:0 18px 48px rgba(15,23,42,.10);}
.premium-trust-icon{font-size:42px;line-height:1}.premium-trust-card strong{display:block;margin-bottom:5px;color:#0f172a}.premium-trust-card span{display:block;color:#475569;line-height:1.42;font-size:.96rem}
.premium-main-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;}
.premium-main-card{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:start;padding:28px;border-radius:28px;background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.30);box-shadow:0 20px 60px rgba(15,23,42,.09);backdrop-filter:blur(14px);}
.premium-card-icon{grid-row:1 / span 2;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:35px;background:#eef6ff;box-shadow:inset 0 0 0 1px rgba(37,99,235,.10),0 16px 36px rgba(15,23,42,.10)}
.premium-main-card h2{margin:0 0 10px;font-size:1.4rem}.premium-main-card ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;color:#334155;line-height:1.45}.premium-main-card li:before{content:"✓";font-weight:950;margin-right:8px}.premium-main-card.ai h2,.premium-main-card.ai li:before{color:#2563eb}.premium-main-card.access h2,.premium-main-card.access li:before{color:#15803d}.premium-main-card.community h2,.premium-main-card.community li:before{color:#6d28d9}
.premium-benefits{margin-top:18px;padding:26px;border-radius:28px;background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.28);box-shadow:0 18px 54px rgba(15,23,42,.08);backdrop-filter:blur(14px)}
.premium-benefits h2{text-align:center;margin:0 0 22px;font-size:1.8rem;color:#0f172a}.premium-benefit-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.premium-benefit-grid article{padding:8px 14px;text-align:center;border-left:1px solid rgba(148,163,184,.26)}.premium-benefit-grid article:first-child{border-left:0}.premium-benefit-grid span{font-size:32px;display:block;margin-bottom:8px}.premium-benefit-grid strong{display:block;color:#0f172a;margin-bottom:6px}.premium-benefit-grid p{margin:0;color:#475569;font-size:.92rem;line-height:1.42}
.premium-values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px}.premium-values article{display:flex;align-items:center;gap:16px;padding:20px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(148,163,184,.26)}.premium-values span{font-size:32px}.premium-values strong{display:block;color:#0f172a}.premium-values p{margin:4px 0 0;color:#475569;line-height:1.45}.premium-footer{position:relative;z-index:2}
@media(max-width:980px){.premium-hero{grid-template-columns:1fr;min-height:0;padding:34px 26px}.premium-trust-card{max-width:520px}.premium-main-cards{grid-template-columns:1fr}.premium-benefit-grid{grid-template-columns:repeat(2,1fr)}.premium-benefit-grid article{border-left:0;border-top:1px solid rgba(148,163,184,.22)}.premium-benefit-grid article:nth-child(-n+2){border-top:0}.premium-values{grid-template-columns:1fr}}
@media(max-width:640px){.kd-premium-page{width:min(100% - 20px,760px);padding:16px 0 30px}.premium-keyword-stage span{font-size:clamp(3.1rem,20vw,6.8rem);top:18%!important;left:0!important;color:rgba(15,23,42,.075)}.premium-hero{border-radius:26px;padding:26px 20px}.premium-copy h1{font-size:clamp(2.8rem,15vw,4.5rem)}.premium-slogan{font-size:1.3rem}.premium-lead{font-size:1rem}.premium-main-card{grid-template-columns:1fr;padding:22px}.premium-card-icon{grid-row:auto;margin-bottom:12px}.premium-benefit-grid{grid-template-columns:1fr}.premium-benefit-grid article:nth-child(n){border-top:1px solid rgba(148,163,184,.22)}.premium-benefit-grid article:first-child{border-top:0}.premium-actions .primary-btn,.premium-actions .secondary-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.premium-keyword-stage span{animation:none!important;opacity:.08!important;transform:none!important}.premium-keyword-stage span:not(:first-child){display:none!important}}

/* KennDich 1.7.48 - mobiles Bearbeiten-Fenster für Kommentare und Antworten mittig */
@media(max-width:760px){
  .moderation-edit[open]{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:calc(100vw - 22px)!important;
    max-width:560px!important;
    max-height:calc(100dvh - 28px)!important;
    overflow:auto!important;
    padding:16px!important;
    border-radius:24px!important;
    background:#fff!important;
    z-index:5000!important;
    box-shadow:0 24px 80px rgba(15,23,42,.34)!important;
  }
  .moderation-edit[open] form{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;min-width:0!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;background:transparent!important;}
  .moderation-edit[open] textarea{width:100%!important;max-width:100%!important;min-height:38dvh!important;font-size:16px!important;line-height:1.45!important;}
  .moderation-edit[open] button{width:100%!important;min-height:50px!important;}
}

/* KennDich 1.7.49 - Mobile Kommentar-/Antwort-Bearbeiten wirklich zentriert
   Trifft den tatsächlich verwendeten <details class="moderation-edit"> Dialog in Kommentar- und Antwort-Actions. */
@media (max-width: 760px){
  .comment-actions .moderation-edit[open]{
    position: static !important;
    z-index: 10000 !important;
  }
  .comment-actions .moderation-edit[open]::before{
    content:"" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 9997 !important;
    background: rgba(15,23,42,.58) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    pointer-events: none !important;
  }
  .comment-actions .moderation-edit[open] > form{
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%,-50%) !important;
    z-index: 9999 !important;
    width: min(92vw, 420px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100svh - 48px) !important;
    overflow: auto !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 18px !important;
    margin: 0 !important;
    border: 1px solid rgba(15,23,42,.14) !important;
    border-radius: 22px !important;
    background: #fff !important;
    color: #111827 !important;
    box-shadow: 0 24px 70px rgba(15,23,42,.36) !important;
  }
  .comment-actions .moderation-edit[open] > form::before{
    content:"Kommentar bearbeiten";
    display:block !important;
    font-size: 1.05rem !important;
    font-weight: 900 !important;
    color:#111827 !important;
    margin: 0 0 2px !important;
  }
  .comment-actions .moderation-edit[open] > form input[name="content"],
  .comment-actions .moderation-edit[open] > form textarea[name="content"]{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-height: 52px !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
  }
  .comment-actions .moderation-edit[open] > form button{
    width: 100% !important;
    min-height: 52px !important;
    border-radius: 16px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* KennDich 1.7.50 - Mobile Kommentar-/Antwortbearbeitung als großes, unabhängiges Modal wie Postbearbeitung */
@media (max-width: 760px){
  .sn-comment-edit-modal-open{overflow:hidden!important;}
  .sn-comment-edit-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:20000!important;
    background:rgba(15,23,42,.62)!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:14px!important;
    box-sizing:border-box!important;
  }
  .sn-comment-edit-modal{
    width:min(94vw,560px)!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 28px)!important;
    overflow:auto!important;
    box-sizing:border-box!important;
    background:#fff!important;
    color:#111827!important;
    border-radius:24px!important;
    box-shadow:0 28px 90px rgba(15,23,42,.42)!important;
    padding:18px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    position:relative!important;
  }
  .sn-comment-edit-modal-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0!important;
  }
  .sn-comment-edit-modal-title{
    margin:0!important;
    font-size:1.25rem!important;
    line-height:1.2!important;
    font-weight:900!important;
    color:#111827!important;
  }
  .sn-comment-edit-close{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    font-size:22px!important;
    line-height:1!important;
    background:#f1f5f9!important;
    color:#0f172a!important;
    border:0!important;
  }
  .sn-comment-edit-modal form{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .sn-comment-edit-modal textarea[name="content"],
  .sn-comment-edit-modal input[name="content"]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:42dvh!important;
    max-height:58dvh!important;
    resize:vertical!important;
    box-sizing:border-box!important;
    border-radius:18px!important;
    padding:14px!important;
    font-size:16px!important;
    line-height:1.45!important;
    color:#111827!important;
    background:#fff!important;
  }
  .sn-comment-edit-modal button[type="submit"],
  .sn-comment-edit-modal form > button:not(.sn-comment-edit-close){
    width:100%!important;
    min-height:52px!important;
    border-radius:16px!important;
    font-size:16px!important;
    font-weight:900!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .comment-actions .moderation-edit[open]::before,
  .comment-actions .moderation-edit[open] > form::before{content:none!important;display:none!important;}
}

/* KennDich 1.7.52 - responsive Hero-Keywords */
.kd-premium-landing{
  background:
    radial-gradient(circle at 10% 8%,rgba(59,130,246,.26),transparent 28%),
    radial-gradient(circle at 92% 12%,rgba(20,184,166,.20),transparent 30%),
    radial-gradient(circle at 48% 94%,rgba(168,85,247,.16),transparent 36%),
    linear-gradient(145deg,#eaf4ff 0%,#f7fbff 40%,#eefdf7 100%)!important;
}
.kd-premium-page{width:min(1240px,calc(100% - 32px));}
.premium-hero{
  z-index:1;
  background:
    linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.50)),
    radial-gradient(circle at 14% 18%,rgba(37,99,235,.15),transparent 36%),
    radial-gradient(circle at 86% 22%,rgba(20,184,166,.14),transparent 34%)!important;
  box-shadow:0 28px 90px rgba(15,23,42,.13)!important;
  border:1px solid rgba(255,255,255,.70)!important;
}
.premium-hero:before{background:none!important;}
.premium-hero .premium-copy,
.premium-hero .premium-trust-card{position:relative;z-index:3;}
.premium-keyword-stage.premium-hero-word{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.premium-keyword-stage.premium-hero-word span{
  top:8%!important;
  left:50%!important;
  font-size:clamp(4.2rem,11vw,9.5rem)!important;
  letter-spacing:-.085em!important;
  color:rgba(15,23,42,.075)!important;
  filter:blur(.35px)!important;
  transform:translate3d(-50%,10px,0) scale(.96)!important;
  animation:kdHeroSingleWord 36s ease-in-out infinite!important;
}
.premium-keyword-stage.premium-hero-word span:nth-child(2){animation-delay:7.2s!important;color:rgba(22,101,52,.075)!important;}
.premium-keyword-stage.premium-hero-word span:nth-child(3){animation-delay:14.4s!important;color:rgba(37,99,235,.070)!important;}
.premium-keyword-stage.premium-hero-word span:nth-child(4){animation-delay:21.6s!important;color:rgba(109,40,217,.068)!important;}
.premium-keyword-stage.premium-hero-word span:nth-child(5){animation-delay:28.8s!important;color:rgba(234,88,12,.070)!important;}
@keyframes kdHeroSingleWord{
  0%,13%{opacity:0;transform:translate3d(-58%,20px,0) scale(.94)}
  18%,31%{opacity:1;transform:translate3d(-50%,0,0) scale(1)}
  39%,100%{opacity:0;transform:translate3d(-42%,-14px,0) scale(1.03)}
}
.premium-orb{position:absolute;z-index:1;border-radius:999px;pointer-events:none;filter:blur(1px);opacity:.75;}
.premium-orb-one{width:220px;height:220px;right:8%;top:8%;background:radial-gradient(circle,rgba(20,184,166,.24),rgba(20,184,166,0) 70%);}
.premium-orb-two{width:260px;height:260px;left:6%;bottom:5%;background:radial-gradient(circle,rgba(59,130,246,.20),rgba(59,130,246,0) 70%);}
.premium-copy h1{color:#0b1220!important;text-shadow:0 1px 0 rgba(255,255,255,.55)!important;}
.premium-slogan strong:nth-child(1){color:#1d4ed8!important}.premium-slogan strong:nth-child(2){color:#047857!important}.premium-slogan strong:nth-child(3){color:#c2410c!important}
.premium-main-card,
.premium-benefits,
.premium-values article,
.premium-trust-card{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 22px 70px rgba(15,23,42,.10)!important;
}
.premium-main-card{transition:transform .22s ease,box-shadow .22s ease;background .22s ease;}
.premium-main-card:hover{transform:translateY(-4px);box-shadow:0 28px 80px rgba(15,23,42,.14)!important;background:rgba(255,255,255,.84)!important;}
.premium-card-icon{width:82px!important;height:82px!important;font-size:39px!important;background:linear-gradient(145deg,#ffffff,#eef7ff)!important;}
.premium-main-card.ai .premium-card-icon{box-shadow:inset 0 0 0 1px rgba(37,99,235,.15),0 18px 44px rgba(37,99,235,.16)!important;}
.premium-main-card.access .premium-card-icon{background:linear-gradient(145deg,#ffffff,#ecfdf5)!important;box-shadow:inset 0 0 0 1px rgba(22,163,74,.16),0 18px 44px rgba(22,163,74,.14)!important;}
.premium-main-card.community .premium-card-icon{background:linear-gradient(145deg,#ffffff,#f5f3ff)!important;box-shadow:inset 0 0 0 1px rgba(124,58,237,.15),0 18px 44px rgba(124,58,237,.14)!important;}
.premium-benefit-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;}
.premium-benefit-grid article{
  border:0!important;
  border-radius:20px!important;
  padding:18px 14px!important;
  background:rgba(248,250,252,.72)!important;
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.18)!important;
}
.premium-benefit-grid span{font-size:36px!important;}
@media(max-width:980px){.premium-benefit-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:900px){
  .premium-keyword-stage.premium-hero-word span{
    font-size:clamp(2.8rem,10vw,5.2rem)!important;
    max-width:82vw!important;
    line-height:.92!important;
    white-space:normal!important;
    text-align:center!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    top:5%!important;
    left:50%!important;
    letter-spacing:-.055em!important;
  }
}
@media(max-width:640px){
  .kd-premium-page{width:min(100% - 20px,760px)!important;}
  .premium-keyword-stage.premium-hero-word span{
    font-size:clamp(1.85rem,9.5vw,3.25rem)!important;
    max-width:78vw!important;
    line-height:1!important;
    top:3%!important;
    left:50%!important;
    letter-spacing:-.035em!important;
    filter:blur(.15px)!important;
  }
  .premium-keyword-stage.premium-hero-word span:nth-child(1),
  .premium-keyword-stage.premium-hero-word span:nth-child(3),
  .premium-keyword-stage.premium-hero-word span:nth-child(5){
    font-size:clamp(1.65rem,8.4vw,2.75rem)!important;
    max-width:74vw!important;
  }
  .premium-orb-one{width:150px;height:150px;right:-20px;top:30px}.premium-orb-two{width:180px;height:180px;left:-40px;bottom:40px}
  .premium-benefit-grid{grid-template-columns:1fr!important;}
  .premium-main-card:hover{transform:none;}
}
@media(max-width:390px){
  .premium-keyword-stage.premium-hero-word span{
    font-size:clamp(1.45rem,8.8vw,2.35rem)!important;
    max-width:72vw!important;
    top:2%!important;
  }
}
@media(prefers-reduced-motion:reduce){.premium-keyword-stage.premium-hero-word span{animation:none!important;opacity:.055!important}.premium-keyword-stage.premium-hero-word span:not(:first-child){display:none!important}}


/* KennDich 1.7.53 - Mobile Hero-Einblendungen nicht mehr vom Logo verdecken */
@media(max-width:640px){
  .premium-hero{
    display:block!important;
    overflow:hidden!important;
  }
  .premium-keyword-stage.premium-hero-word{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:46px!important;
    margin:0 0 10px 0!important;
    z-index:4!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  .premium-keyword-stage.premium-hero-word span{
    top:50%!important;
    left:50%!important;
    max-width:92%!important;
    width:auto!important;
    font-size:clamp(1.05rem,5.8vw,1.55rem)!important;
    line-height:1.05!important;
    letter-spacing:-.018em!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    color:rgba(15,23,42,.30)!important;
    filter:none!important;
    text-shadow:0 1px 0 rgba(255,255,255,.65)!important;
    animation:kdHeroMobileWord 36s ease-in-out infinite!important;
  }
  .premium-keyword-stage.premium-hero-word span:nth-child(1),
  .premium-keyword-stage.premium-hero-word span:nth-child(3),
  .premium-keyword-stage.premium-hero-word span:nth-child(5){
    font-size:clamp(.98rem,5.2vw,1.38rem)!important;
    max-width:94%!important;
  }
  .premium-copy{
    position:relative!important;
    z-index:5!important;
  }
  .premium-logo-wrap{
    margin-top:0!important;
  }
  .premium-trust-card{
    margin-top:18px!important;
  }
}
@keyframes kdHeroMobileWord{
  0%,15%{opacity:0;transform:translate3d(-50%,-38%,0) scale(.96)}
  22%,45%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}
  55%,100%{opacity:0;transform:translate3d(-50%,-62%,0) scale(1.02)}
}
@media(max-width:390px){
  .premium-keyword-stage.premium-hero-word{height:40px!important;margin-bottom:8px!important;}
  .premium-keyword-stage.premium-hero-word span{font-size:clamp(.92rem,5.5vw,1.25rem)!important;}
}

/* KennDich 1.7.54 - Inklusion & mobile lesbare Hero-Rotationszeile */
.premium-slogan strong:nth-child(1){color:#047857!important}
.premium-slogan strong:nth-child(2){color:#6d28d9!important}
.premium-slogan strong:nth-child(3){color:#1d4ed8!important}
.premium-slogan strong:nth-child(4){color:#15803d!important}
.premium-inclusion{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:20px;
  align-items:start;
  margin-top:18px;
  padding:28px;
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(236,253,245,.72));
  border:1px solid rgba(255,255,255,.74);
  box-shadow:0 22px 70px rgba(15,23,42,.10);
  backdrop-filter:blur(14px);
}
.premium-inclusion-icon{
  width:78px;
  height:78px;
  border-radius:24px;
  display:grid;
  place-items:center;
  font-size:38px;
  background:linear-gradient(145deg,#ffffff,#ecfdf5);
  box-shadow:inset 0 0 0 1px rgba(22,163,74,.16),0 18px 44px rgba(22,163,74,.14);
}
.premium-inclusion h2{margin:0 0 10px;color:#047857;font-size:1.8rem;letter-spacing:-.02em}
.premium-inclusion p{margin:0 0 10px;color:#334155;line-height:1.6;font-size:1.04rem}.premium-inclusion p:last-child{margin-bottom:0}
.premium-keyword-stage.premium-hero-word span:nth-child(6){animation-delay:36s!important;color:rgba(15,118,110,.070)!important;}
@media(max-width:640px){
  .premium-keyword-stage.premium-hero-word{
    height:64px!important;
    min-height:64px!important;
    margin:0 0 14px 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .premium-keyword-stage.premium-hero-word span{
    top:50%!important;
    left:50%!important;
    max-width:88%!important;
    font-size:clamp(1rem,5.1vw,1.38rem)!important;
    line-height:1.22!important;
    letter-spacing:-.01em!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
    hyphens:auto!important;
    padding:4px 12px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.58)!important;
    color:rgba(15,23,42,.58)!important;
    text-shadow:none!important;
    filter:none!important;
    box-shadow:inset 0 0 0 1px rgba(148,163,184,.18)!important;
    animation:kdHeroMobilePillWord 42s ease-in-out infinite!important;
  }
  .premium-keyword-stage.premium-hero-word span:nth-child(1),
  .premium-keyword-stage.premium-hero-word span:nth-child(3),
  .premium-keyword-stage.premium-hero-word span:nth-child(5){
    font-size:clamp(.96rem,4.7vw,1.24rem)!important;
    max-width:90%!important;
  }
  .premium-inclusion{grid-template-columns:1fr;gap:14px;padding:22px;border-radius:24px}.premium-inclusion-icon{width:66px;height:66px;font-size:32px}.premium-inclusion h2{font-size:1.45rem}.premium-inclusion p{font-size:1rem}
}
@keyframes kdHeroMobilePillWord{
  0%,12%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.97)}
  18%,42%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}
  50%,100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(1.01)}
}
@media(max-width:390px){
  .premium-keyword-stage.premium-hero-word{height:60px!important;min-height:60px!important;margin-bottom:12px!important;}
  .premium-keyword-stage.premium-hero-word span{font-size:clamp(.9rem,4.8vw,1.12rem)!important;line-height:1.2!important;max-width:92%!important;padding:4px 10px!important;}
}

/* KennDich 1.7.55 - Mobile Clean Hero: Schlagwort-Animation auf Smartphones deaktiviert */
@media(max-width:640px){
  .premium-keyword-stage.premium-hero-word{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .premium-keyword-stage.premium-hero-word span{
    display:none!important;
    animation:none!important;
  }
}

.kd-premium-page h1{
background:linear-gradient(90deg,#7c4dff,#ff4fa3,#ff9f43,#ffd54f);
-webkit-background-clip:text;background-clip:text;color:transparent;
}
.premium-privacy{margin:30px auto;max-width:1100px;padding:24px;border-radius:24px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}

/* KennDich 1.7.59 - Vergängliche Inhalte als normale Funktionskachel */
.premium-main-cards{
  grid-template-columns:repeat(4,1fr);
}
.premium-main-card.retention{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:18px;
  align-items:start;
}
.premium-main-card.retention .premium-card-icon{
  grid-row:1 / span 2;
  background:linear-gradient(145deg,#ffffff,#f0fdf4)!important;
  box-shadow:inset 0 0 0 1px rgba(34,197,94,.16),0 18px 44px rgba(34,197,94,.14)!important;
}
.premium-main-card.retention h2,
.premium-main-card.retention li:before{
  color:#047857;
}
@media(max-width:1180px){
  .premium-main-cards{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:980px){
  .premium-main-cards{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .premium-main-card.retention{grid-template-columns:1fr;}
  .premium-main-card.retention .premium-card-icon{grid-row:auto;margin-bottom:12px;}
}


/* KennDich 1.7.62 - Firefox Landingpage Smooth-Scroll Soft-Fix
   Effekte bleiben sichtbar. Optimiert wird nur das Rendering in Firefox:
   - keine fixed-background Scroll-Bremse
   - weniger teure Repaints durch Containment
   - Animationen bleiben aktiv, aber werden sauber auf Compositing gelegt */
@-moz-document url-prefix(){
  html,
  body.landing-body,
  body.kd-premium-landing{
    scroll-behavior:auto!important;
    overflow-x:hidden!important;
  }

  body.kd-premium-landing{
    background-attachment:scroll!important;
  }

  .premium-landing,
  .premium-hero,
  .premium-main-card,
  .premium-benefits,
  .premium-values,
  .premium-inclusion,
  .premium-trust-card,
  .landing-copy,
  .landing-panel,
  .landing-grid article{
    contain:layout paint;
  }

  .premium-keyword-stage,
  .premium-keyword-stage.premium-hero-word,
  .premium-keyword-stage.premium-hero-word span,
  .floating-keywords,
  .floating-keywords span,
  .premium-orb,
  .premium-orb-one,
  .premium-orb-two{
    will-change:transform, opacity;
    backface-visibility:hidden;
    transform:translateZ(0);
  }

  .premium-main-card,
  .premium-values article,
  .premium-benefits,
  .premium-inclusion,
  .premium-trust-card{
    will-change:transform;
    transform:translateZ(0);
  }

  /* Blur bleibt erhalten, aber Firefox bekommt eine geringfügig leichtere Variante. */
  .premium-main-card,
  .premium-benefits,
  .premium-values article,
  .premium-inclusion,
  .premium-trust-card,
  .landing-copy,
  .landing-panel,
  .landing-grid article{
    backdrop-filter:blur(6px)!important;
    -webkit-backdrop-filter:blur(6px)!important;
  }
}


/* KennDich 1.7.64 - Zitatfeld innerhalb von Nachrichten */
.message-quote-preview{
  display:block;
  margin:0 0 10px 0;
  padding:10px 12px;
  border-radius:14px;
  border-left:4px solid rgba(255,255,255,.70);
  background:rgba(255,255,255,.22);
  color:inherit;
  font-size:.95em;
  line-height:1.35;
  font-weight:650;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
  word-break:break-word;
}
.bubble.other .message-quote-preview{
  border-left-color:rgba(91,124,255,.75);
  background:linear-gradient(135deg,rgba(91,124,255,.12),rgba(0,194,255,.08));
  color:#334155;
  box-shadow:inset 0 0 0 1px rgba(91,124,255,.16);
}
.bubble.me .message-quote-preview{
  border-left-color:rgba(255,255,255,.78);
  background:rgba(255,255,255,.20);
  color:#eef6ff;
}
.message-quote-preview + .message-body-text{
  margin-top:8px;
}

/* KennDich 1.7.65 - Kontextmenü über Zitatkarten klickbar halten */
.message-quote-preview{
  pointer-events:none;
}
.message-menu-toggle,
.message-context-menu,
.message-context-menu *{
  pointer-events:auto!important;
}
.message-context-menu{
  z-index:999!important;
}


/* KennDich 1.7.66 - Zitatkarte bleibt sichtbar, Kontextmenü klickbar */
.bubble .message-quote-preview{
  position:relative;
  z-index:1;
  pointer-events:none;
}
.bubble .message-menu-toggle,
.bubble .message-context-menu{
  position:absolute;
  z-index:1000!important;
}
.bubble .message-context-menu,
.bubble .message-context-menu *{
  pointer-events:auto!important;
}

/* KennDich 1.7.67 - Accessibility Fix Pack */
.a11y-focus-outline *:focus,
.a11y-focus-outline *:focus-visible,
.a11y-focus-outline input:focus,
.a11y-focus-outline textarea:focus,
.a11y-focus-outline select:focus,
.a11y-focus-outline button:focus,
.a11y-focus-outline a:focus{
  outline:4px solid #005fcc!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 7px rgba(0,95,204,.20)!important;
  border-color:#005fcc!important;
  background:#eff6ff!important;
}
.a11y-focus-outline textarea:focus,
.a11y-focus-outline input:focus{
  border-width:3px!important;
}

.a11y-img-desc{
  font-weight:850!important;
  color:#1f2937!important;
  background:#fff!important;
  border:2px solid #cbd5e1!important;
}

.a11y-easy-box{
  background:#fff8e1!important;
  border:3px solid #f59e0b!important;
  color:#111827!important;
  font-size:1.02rem!important;
  line-height:1.65!important;
  box-shadow:0 10px 30px rgba(15,23,42,.08)!important;
}
.a11y-easy-box::first-line{font-weight:950!important;}

.a11y-colorblind{
  --accent:#005fcc!important;
  --primary:#005fcc!important;
  --danger:#111827!important;
  --ok:#9a5b00!important;
  --line:#111827!important;
}
.a11y-colorblind .post,
.a11y-colorblind .comment,
.a11y-colorblind .bubble,
.a11y-colorblind .card{
  border:3px solid #111827!important;
}
.a11y-colorblind button,
.a11y-colorblind .btn,
.a11y-colorblind .header-icon,
.a11y-colorblind .fab-main,
.a11y-colorblind .tabs a{
  border:3px solid #111827!important;
  text-decoration:none!important;
}
.a11y-colorblind .heart-like-btn,
.a11y-colorblind .like-btn,
.a11y-colorblind .comment-like{
  background:#fff!important;
  color:#005fcc!important;
  border:3px solid #005fcc!important;
}
.a11y-colorblind .danger,
.a11y-colorblind .small-danger,
.a11y-colorblind .alert{
  background:#fff!important;
  color:#111827!important;
  border:4px dashed #111827!important;
}
.a11y-colorblind .new-badge,
.a11y-colorblind .notice{
  background:#fff!important;
  color:#9a5b00!important;
  border:3px solid #9a5b00!important;
}

/* Die Kommunikationshilfe liegt nicht mehr als Block über dem Feed, sondern als aufklappbare Schreibhilfe. */

/* KennDich 1.7.75 - Kommunikationshilfe komplett entfernt */
.a11y-comm-panel,.a11y-comm-toggle,.a11y-comm-field-wrap,.a11y-comm-field-panel{display:none!important;}

/* KennDich 1.7.79 - Professionelle Feed-/Gruppenpost-Filter als Pillen-Navigation */
.feed-filter-bar{
  width:100%;
  max-width:760px;
  margin:10px auto 16px;
  padding:0 4px;
}
.feed-filter-title{
  margin:0 0 8px 4px;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.02em;
  color:#64748b;
}
.feed-filter-pills{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:6px;
  border:1px solid rgba(148,163,184,.28);
  border-radius:999px;
  background:rgba(255,255,255,.76);
  box-shadow:0 10px 24px rgba(15,23,42,.07);
  backdrop-filter:blur(10px);
}
.feed-filter-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  color:#334155;
  text-decoration:none;
  font-weight:800;
  font-size:.92rem;
  line-height:1;
  white-space:nowrap;
  transition:background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.feed-filter-pill:hover,
.feed-filter-pill:focus-visible{
  background:rgba(14,165,233,.10);
  color:#075985;
  outline:none;
}
.feed-filter-pill.is-active{
  background:rgba(37,99,235,.12);
  color:#2563eb;
  border:1px solid rgba(37,99,235,.25);
  box-shadow:none;
}
.feed-filter-pill:hover,
.feed-filter-pill:focus-visible{
  background:rgba(37,99,235,.06);
  color:#2563eb;
  outline:none;
}
@media (max-width:640px){
  .feed-filter-bar{
    margin:8px auto 14px;
    padding:0;
  }
  .feed-filter-title{
    margin-left:2px;
  }
  .feed-filter-pills{
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    border-radius:22px;
    padding:6px;
    scrollbar-width:none;
  }
  .feed-filter-pills::-webkit-scrollbar{display:none;}
  .feed-filter-pill{
    flex:0 0 auto;
    min-height:38px;
    padding:9px 13px;
    font-size:.88rem;
  }
}

/* KennDich 1.7.81 - Mobiler Feedfilter kompakt, transparent und sticky */
.feed-filter-bar{
  position:sticky;
  top:72px;
  z-index:18;
}
.feed-filter-pills{
  background:rgba(255,255,255,.58);
  backdrop-filter:blur(18px) saturate(1.18);
  -webkit-backdrop-filter:blur(18px) saturate(1.18);
}
@media (max-width:640px){
  .feed-filter-bar{
    top:72px;
    margin:4px 8px 8px;
    padding:0;
    max-width:none;
  }
  .feed-filter-title{
    display:none;
  }
  .feed-filter-pills{
    gap:5px;
    padding:4px;
    border-radius:999px;
    background:rgba(255,255,255,.54);
    border-color:rgba(124,58,237,.13);
    box-shadow:0 10px 28px rgba(15,23,42,.08);
  }
  .feed-filter-pill{
    min-height:30px;
    padding:6px 10px;
    font-size:.76rem;
    font-weight:850;
    line-height:1;
  }
  .feed-filter-pill.is-active{
    background:rgba(37,99,235,.10);
    border-color:rgba(37,99,235,.20);
  }
}
@media (max-width:380px){
  .feed-filter-pill{
    min-height:28px;
    padding:6px 8px;
    font-size:.72rem;
  }
}


/* KennDich 1.7.82 - Filterleiste mobil randfrei, kompakter; Desktop ohne Titel */
.feed-filter-title{display:none!important;}
.feed-filter-bar,
.feed-filter-pills{
  box-sizing:border-box;
}
@media (max-width:640px){
  .feed-filter-bar{
    width:calc(100vw - 16px);
    max-width:calc(100vw - 16px);
    margin:4px auto 8px;
    left:auto;
    right:auto;
    overflow:hidden;
  }
  .feed-filter-pills{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
    flex-wrap:nowrap;
    gap:4px;
    padding:3px;
  }
  .feed-filter-pill{
    min-height:27px;
    padding:5px 8px;
    font-size:.70rem;
    letter-spacing:-.01em;
  }
}
@media (max-width:380px){
  .feed-filter-bar{
    width:calc(100vw - 12px);
    max-width:calc(100vw - 12px);
  }
  .feed-filter-pills{
    gap:3px;
    padding:3px;
  }
  .feed-filter-pill{
    min-height:26px;
    padding:5px 7px;
    font-size:.68rem;
  }
}

/* KennDich 1.7.83 - Schwebender transparenter Feedfilter mit Header-Abstand */
.feed-filter-bar{
  margin-top:8px;
}
.feed-filter-pills{
  background:rgba(255,255,255,.42);
  backdrop-filter:blur(12px) saturate(1.12);
  -webkit-backdrop-filter:blur(12px) saturate(1.12);
  box-shadow:none;
}
@media (max-width:640px){
  .feed-filter-bar{
    top:88px;
    margin-top:8px;
    margin-bottom:10px;
    overflow:visible;
  }
  .feed-filter-pills{
    background:rgba(255,255,255,.34);
    border-color:rgba(148,163,184,.18);
    box-shadow:none;
  }
}
@media (max-width:380px){
  .feed-filter-bar{
    top:86px;
  }
}


/* KennDich 1.7.84 - Filterleiste wirklich transparent und mit mehr Abstand zum Header */
.feed-filter-bar{
  position:sticky!important;
  top:86px!important;
  z-index:19!important;
  background:transparent!important;
}
.feed-filter-pills{
  background:transparent!important;
  background-color:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media (max-width:640px){
  .feed-filter-bar{
    top:104px!important;
    margin-top:10px!important;
    margin-bottom:10px!important;
    background:transparent!important;
  }
  .feed-filter-pills{
    background:transparent!important;
    background-color:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}
@media (max-width:380px){
  .feed-filter-bar{
    top:102px!important;
  }
}

/* KennDich 1.7.85 - Kompakter ausfahrender Feedfilter */
.feed-filter-bar{
  width:100%!important;
  max-width:760px!important;
  margin:10px auto 14px!important;
  padding:0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  background:transparent!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.feed-filter-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:8px 16px!important;
  border-radius:999px!important;
  border:1px solid rgba(37,99,235,.22)!important;
  background:rgba(37,99,235,.10)!important;
  color:#2563eb!important;
  font-size:.86rem!important;
  font-weight:850!important;
  line-height:1!important;
  box-shadow:none!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  transition:background .18s ease, transform .18s ease!important;
}
.feed-filter-toggle:hover,
.feed-filter-toggle:focus-visible{
  background:rgba(37,99,235,.16)!important;
  outline:none!important;
}
.feed-filter-pills{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  width:auto!important;
  max-width:0!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateX(-8px)!important;
  transition:max-width .26s ease, opacity .18s ease, transform .26s ease!important;
}
.feed-filter-bar.is-open .feed-filter-toggle{
  display:none!important;
}
.feed-filter-bar.is-open .feed-filter-pills{
  max-width:760px!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateX(0)!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
.feed-filter-bar.is-open .feed-filter-pills::-webkit-scrollbar{display:none!important;}
.feed-filter-pill{
  flex:0 0 auto!important;
  min-height:32px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  font-size:.80rem!important;
  font-weight:850!important;
  white-space:nowrap!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(148,163,184,.28)!important;
  color:#334155!important;
  box-shadow:none!important;
}
.feed-filter-pill.is-active{
  background:rgba(37,99,235,.12)!important;
  color:#2563eb!important;
  border-color:rgba(37,99,235,.25)!important;
}
@media (max-width:640px){
  .feed-filter-bar{
    position:sticky!important;
    top:92px!important;
    z-index:21!important;
    width:100%!important;
    max-width:100%!important;
    margin:6px 0 10px!important;
    padding:0 8px!important;
  }
  .feed-filter-toggle{
    min-height:30px!important;
    padding:7px 13px!important;
    font-size:.78rem!important;
    background:rgba(37,99,235,.12)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }
  .feed-filter-bar.is-open .feed-filter-pills{
    max-width:calc(100vw - 16px)!important;
  }
  .feed-filter-pill{
    min-height:29px!important;
    padding:6px 9px!important;
    font-size:.70rem!important;
    background:rgba(255,255,255,.70)!important;
  }
}
@media (max-width:380px){
  .feed-filter-bar{top:90px!important;padding:0 6px!important;}
  .feed-filter-bar.is-open .feed-filter-pills{max-width:calc(100vw - 12px)!important;}
  .feed-filter-pill{min-height:27px!important;padding:5px 7px!important;font-size:.67rem!important;}
}

/* KennDich 1.7.87 - Profilbild-/Titelbild-Zuschnitt */
.sn-image-upload-card{border:1px solid var(--line);border-radius:18px;padding:14px 14px 12px;margin:12px 0;background:rgba(248,250,252,.72)}
.sn-image-upload-card label:not(.check){margin:0 0 6px;display:block;font-weight:900}.sn-image-upload-card small{display:block;margin:0 0 10px;color:var(--muted);font-weight:700;line-height:1.35}.sn-delete-image-check{margin-top:10px!important;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:10px!important}
.sn-crop-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(15,23,42,.58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:18px}.sn-crop-modal.open{display:flex}.sn-crop-box{width:min(720px,100%);background:#fff;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.35);padding:18px;overflow:hidden}.sn-crop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.sn-crop-head h3{margin:0;font-size:21px}.sn-crop-head p{margin:4px 0 0;color:var(--muted);font-weight:700}.sn-crop-close{width:38px;height:38px;border-radius:999px;padding:0;background:#f1f5f9!important;color:#111827!important}.sn-crop-stage-wrap{display:flex;justify-content:center;background:#0f172a;border-radius:20px;padding:14px;overflow:hidden}.sn-crop-canvas{display:block;max-width:100%;height:auto;touch-action:none;border-radius:16px;background:#111827;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}.sn-crop-canvas.avatar{border-radius:999px}.sn-crop-tools{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:14px}.sn-crop-tools label{margin:0;font-weight:900}.sn-crop-tools input[type=range]{width:100%}.sn-crop-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.sn-crop-actions button{white-space:nowrap}.sn-crop-actions .secondary-btn{background:#f1f5f9!important;color:#111827!important}
@media(max-width:760px){.sn-crop-modal{padding:10px}.sn-crop-box{border-radius:20px;padding:13px}.sn-crop-head h3{font-size:18px}.sn-crop-stage-wrap{padding:8px;border-radius:16px}.sn-crop-tools{grid-template-columns:1fr}.sn-crop-actions{display:grid;grid-template-columns:1fr 1fr}.sn-crop-actions button{width:100%;padding-left:10px;padding-right:10px}.sn-image-upload-card{padding:12px}}

/* KennDich 1.7.88 - Titelbildanzeige exakt im Cropper-Seitenverhältnis */
.profile-hero{
  aspect-ratio:16 / 5 !important;
  height:auto !important;
  min-height:0 !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
@media(max-width:760px){
  .profile-hero{
    aspect-ratio:16 / 5 !important;
    height:auto !important;
    min-height:0 !important;
  }
}


/* KennDich 1.7.89 - Gruppenbilder wie Profil-/Titelbilder zuschneiden und exakt anzeigen */
.group-feed-head.has-cover{
  aspect-ratio:16 / 5 !important;
  height:auto !important;
  min-height:0 !important;
  background:none !important;
}
.group-feed-cover-bg{
  transform:none !important;
  background-size:cover !important;
  background-position:center center !important;
}
.group-list-cover{
  aspect-ratio:16 / 5 !important;
  height:auto !important;
  background-size:cover !important;
  background-position:center center !important;
}
.group-list-avatar,.group-avatar-large{object-fit:cover!important;object-position:center center!important;}
@media(max-width:760px){
  .group-feed-head.has-cover{aspect-ratio:16 / 5 !important;height:auto !important;min-height:0 !important;}
}

/* KennDich 1.7.95 - Mobile Glass Header */
@media (max-width: 760px){
  .topbar,
  .topbar.topbar-slim,
  .topbar-slim{
    min-height: 46px !important;
    padding: 6px 10px !important;
    margin: 6px 8px !important;
    width: calc(100% - 16px) !important;
    top: 6px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.66) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .topbar nav,
  .topbar-slim .header-icons{
    gap: 6px !important;
  }

  .topbar a{
    font-size: 13px !important;
  }

  .topbar-slim .brand-link strong{
    max-width: calc(100vw - 118px) !important;
  }

  .header-icon,
  .header-icons .kd-mail-clean{
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    font-size: 18px !important;
  }

  .header-icon span{
    min-width: 17px !important;
    height: 17px !important;
    font-size: 10px !important;
    padding: 0 4px !important;
    right: -3px !important;
    top: -4px !important;
  }

  .mail-float{
    width: 46px !important;
    height: 46px !important;
    font-size: 19px !important;
    top: 62px !important;
    right: 14px !important;
    background: rgba(255,255,255,.72) !important;
  }

  .mail-float span{
    font-size: 10px !important;
    padding: 3px 6px !important;
  }
}


/* KennDich 1.7.95 - stärkerer mobiler Glass-Header */
@media (max-width: 760px){
  .topbar,
  .topbar.topbar-slim,
  .topbar-slim{
    background: rgba(255,255,255,.55) !important;
    backdrop-filter: blur(18px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
    border-bottom: 1px solid rgba(255,255,255,.25) !important;
    box-shadow: 0 12px 32px rgba(15,23,42,.08) !important;
  }

  .mail-float{
    background: rgba(255,255,255,.55) !important;
    backdrop-filter: blur(18px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
    border: 1px solid rgba(255,255,255,.28) !important;
  }
}

/* KennDich 1.7.95 - leichtes natives horizontales Scrollen/Wischen auf Handy */
.my-groups-strip,
.actions,
.like-avatar-bar,
.reaction-cluster-detail,
.feed-filter-pills,
.tabs,
.table-wrap{
  -webkit-overflow-scrolling:touch!important;
  scroll-behavior:auto!important;
  overscroll-behavior-x:contain!important;
}
.my-groups-strip,
.feed-filter-pills,
.like-avatar-bar,
.reaction-cluster-detail,
.tabs{
  scrollbar-width:none!important;
  scroll-snap-type:none!important;
}
.my-groups-strip::-webkit-scrollbar,
.feed-filter-pills::-webkit-scrollbar,
.like-avatar-bar::-webkit-scrollbar,
.reaction-cluster-detail::-webkit-scrollbar,
.tabs::-webkit-scrollbar{display:none!important;}
.my-groups-strip{
  touch-action:pan-x pan-y pinch-zoom!important;
  will-change:auto!important;
}
.my-groups-strip .my-group-card{scroll-snap-align:none!important;scroll-snap-stop:normal!important;}
.media-carousel{
  touch-action:pan-y pinch-zoom!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  overscroll-behavior-x:contain!important;
}
.media-carousel .media-track{
  transition:transform .24s cubic-bezier(.18,.72,.22,1)!important;
  backface-visibility:hidden;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.media-carousel.is-dragging .media-track{transition:none!important;}
.media-carousel img{user-select:none!important;-webkit-user-drag:none!important;pointer-events:none;}
.sn-drag-scroll{cursor:grab;}
.sn-drag-scroll.is-dragging{cursor:grabbing;scroll-snap-type:none!important;}
.sn-drag-scroll.is-dragging *{user-select:none!important;}
@media (max-width:760px){
  .my-groups-strip{gap:12px;padding:8px 10px 12px!important;margin-left:-10px!important;margin-right:-10px!important;}
  .my-groups-strip .my-group-card{min-width:74%!important;}
  .feed-filter-pills,.like-avatar-bar,.reaction-cluster-detail,.tabs{touch-action:pan-x pan-y pinch-zoom!important;}
  .sn-drag-scroll{cursor:auto;}
  .media-carousel .media-track{transition-duration:.22s!important;}
}
@media (prefers-reduced-motion:reduce){
  .media-carousel .media-track{transition:none!important;}
}


/* KennDich 1.7.95 - Feed-/Gruppenpost-Bilder wie "Meine Gruppen" nativ und leicht horizontal wischen */
.media-carousel{
  touch-action:pan-x pan-y pinch-zoom!important;
  overscroll-behavior-x:contain!important;
}
.media-carousel .media-track{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
  touch-action:pan-x pan-y pinch-zoom!important;
  scrollbar-width:none!important;
}
.media-carousel .media-track::-webkit-scrollbar{display:none!important;}
.media-carousel .media-slide{
  min-width:100%!important;
  flex:0 0 100%!important;
  scroll-snap-align:none!important;
  scroll-snap-stop:normal!important;
}
.media-carousel.is-dragging .media-track{transition:none!important;}
@media (max-width:760px){
  .media-carousel,
  .media-carousel .media-track{
    touch-action:pan-x pan-y pinch-zoom!important;
  }
  .media-carousel img,
  .media-carousel video{
    user-select:none!important;
    -webkit-user-select:none!important;
    -webkit-user-drag:none!important;
  }
}


/* KennDich 1.7.95 - mobile YouTube-/Video-Embeds vollständig und zentriert anzeigen */
.embed,
.embed-youtube,
.embed-vimeo{
  position:relative!important;
  background:#000!important;
  overflow:hidden!important;
}
.embed .lazy-embed,
.embed iframe{
  min-height:0!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  border:0!important;
  transform:none!important;
}
@media (max-width:760px){
  .embed,
  .embed-youtube,
  .embed-vimeo{
    width:calc(100% + 28px)!important;
    margin-left:-14px!important;
    margin-right:-14px!important;
    padding-top:0!important;
    aspect-ratio:16/9!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .embed .lazy-media-hint{
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
}


/* KennDich 1.7.96 - Gruppe verlassen unter dem Gruppen-Cover auf Mobilgeräten */
@media (max-width: 760px){
  .group-member-actions{
    margin:12px 0 16px;
    padding:0 2px;
    justify-content:stretch;
  }
  .group-member-actions form,
  .group-member-actions .group-leave-btn{
    width:100%;
  }
}


/* KennDich 1.7.97 - Mobile Gruppenheader: Profilbild sichtbar, Buttons sauber getrennt */
@media (max-width: 760px){
  .group-feed-head.has-cover{
    aspect-ratio:auto !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    display:block !important;
    padding-top:calc((100vw - 28px) * 0.3125 + 18px) !important;
    color:#111827 !important;
    background:#fff !important;
  }
  .group-feed-head.has-cover .group-feed-cover-bg{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;
    width:100% !important;
    aspect-ratio:16 / 5 !important;
    height:auto !important;
    border-radius:inherit !important;
    z-index:0 !important;
  }
  .group-feed-head.has-cover::before{
    inset:0 0 auto 0 !important;
    height:calc((100vw - 28px) * 0.3125) !important;
    background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.34)) !important;
    pointer-events:none !important;
  }
  .group-feed-head.has-cover .back-link{
    position:absolute !important;
    top:12px !important;
    left:14px !important;
    color:#fff !important;
    text-shadow:0 2px 10px rgba(0,0,0,.45) !important;
  }
  .group-feed-head .group-hero-content{
    display:flex !important;
    align-items:flex-start !important;
    gap:12px !important;
  }
  .group-feed-head .group-avatar-large{
    width:76px !important;
    height:76px !important;
    min-width:76px !important;
    border-radius:20px !important;
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:0 0 76px !important;
  }
  .group-feed-head h1{margin-top:0 !important;}
  .group-feed-head p{margin-bottom:8px !important;}
  .group-member-actions{
    position:relative !important;
    z-index:3 !important;
    margin:14px 0 22px !important;
    padding:0 14px !important;
  }
  .group-member-actions form,
  .group-member-actions .group-leave-btn{
    width:100% !important;
  }
  .group-admin-panel{
    clear:both !important;
    margin-top:0 !important;
    position:relative !important;
    z-index:1 !important;
  }
}


/* KennDich 1.7.98 - Gruppenheader ohne Verdunkelung und saubere Desktop-Button-Abstände */
.group-feed-head.has-cover::before{
  content:none !important;
  display:none !important;
  background:none !important;
}
.group-feed-head.has-cover > *:not(.group-feed-cover-bg){
  z-index:2 !important;
}
.group-feed-head.has-cover .back-link,
.group-feed-head.has-cover h1,
.group-feed-head.has-cover p,
.group-feed-head.has-cover small{
  text-shadow:0 2px 12px rgba(0,0,0,.38) !important;
}
.group-member-actions{
  position:relative !important;
  z-index:1 !important;
  margin:16px 0 18px !important;
  display:flex !important;
  justify-content:flex-end !important;
  clear:both !important;
}
.group-member-actions form{margin:0 !important;}
.group-admin-panel{
  position:relative !important;
  z-index:1 !important;
  clear:both !important;
  margin-top:18px !important;
}
@media (min-width:761px){
  .group-member-actions .group-leave-btn{white-space:nowrap !important;}
}
@media (max-width:760px){
  .group-feed-head.has-cover::before{
    content:none !important;
    display:none !important;
    background:none !important;
  }
  .group-feed-head.has-cover .back-link{
    color:#fff !important;
    text-shadow:0 2px 10px rgba(0,0,0,.45) !important;
  }
  .group-member-actions{
    margin:14px 0 22px !important;
    padding:0 14px !important;
    justify-content:stretch !important;
    z-index:1 !important;
  }
  .group-admin-panel{margin-top:0 !important;}
}


/* KennDich 1.7.99 - Responsive Tabellen für Moderation/Admin auf Handys */
@media (max-width: 760px){
  main.page{
    width:100%;
    max-width:100%;
    padding-left:10px;
    padding-right:10px;
    overflow-x:hidden;
  }

  .tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .tabs a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    text-align:center;
    padding:9px 10px;
    white-space:normal;
  }

  .stats{
    grid-template-columns:1fr 1fr !important;
  }

  .sn-responsive-table{
    overflow:visible !important;
    width:100%;
  }
  .sn-responsive-table table,
  .sn-responsive-table tbody{
    display:block;
    width:100%;
  }
  .sn-responsive-table tr:first-child{
    display:none;
  }
  .sn-responsive-table tr{
    display:block;
    width:100%;
    margin:0 0 12px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 24px rgba(15,23,42,.06);
  }
  .sn-responsive-table tr form{
    display:contents;
  }
  .sn-responsive-table td{
    display:grid;
    grid-template-columns:minmax(96px,36%) minmax(0,1fr);
    gap:10px;
    align-items:start;
    width:100%;
    border:0;
    padding:8px 0;
    word-break:break-word;
  }
  .sn-responsive-table td::before{
    font-weight:900;
    color:var(--muted);
    font-size:13px;
    line-height:1.35;
  }
  .sn-responsive-table td:last-child{
    padding-bottom:0;
  }
  .sn-responsive-table td select,
  .sn-responsive-table td input,
  .sn-responsive-table td button,
  .sn-responsive-table td form,
  .sn-responsive-table td a{
    width:100%;
    max-width:100%;
  }
  .sn-responsive-table td a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    border-radius:14px;
    background:#f3f4f6;
    font-weight:900;
  }
  .sn-responsive-table .inline{
    width:100%;
  }

  .sn-table-mod-users td:nth-child(1)::before,
  .sn-table-admin-users td:nth-child(1)::before{content:"Name";}
  .sn-table-mod-users td:nth-child(2)::before,
  .sn-table-admin-users td:nth-child(2)::before{content:"E-Mail";}
  .sn-table-mod-users td:nth-child(3)::before,
  .sn-table-admin-users td:nth-child(3)::before{content:"Rolle";}
  .sn-table-mod-users td:nth-child(4)::before,
  .sn-table-admin-users td:nth-child(4)::before{content:"Status";}
  .sn-table-mod-users td:nth-child(5)::before{content:"Aktion";}
  .sn-table-admin-users td:nth-child(5)::before{content:"Speichern";}

  .sn-table-mod-posts td:nth-child(1)::before{content:"Autor";}
  .sn-table-mod-posts td:nth-child(2)::before{content:"Post";}
  .sn-table-mod-posts td:nth-child(3)::before{content:"Aktion";}

  .sn-table-admin-groups td:nth-child(1)::before{content:"Name";}
  .sn-table-admin-groups td:nth-child(2)::before{content:"Owner";}
  .sn-table-admin-groups td:nth-child(3)::before{content:"Sichtbarkeit";}
  .sn-table-admin-groups td:nth-child(4)::before{content:"Aktion";}
}


/* KennDich 1.7.100 - Suchfelder für Admin- und Moderationstabellen */
.sn-admin-search{
  margin: 10px 0 14px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.sn-admin-search label{
  font-weight:700;
  font-size:.95rem;
  color:#20304a;
}
.sn-admin-search input[type="search"]{
  width:100%;
  min-height:42px;
  border:1px solid rgba(32,48,74,.18);
  border-radius:14px;
  padding:10px 14px;
  font-size:1rem;
  background:rgba(255,255,255,.92);
  outline:none;
  box-shadow:0 6px 18px rgba(15,23,42,.06);
}
.sn-admin-search input[type="search"]:focus{
  border-color:rgba(37,99,235,.55);
  box-shadow:0 0 0 3px rgba(37,99,235,.13),0 6px 18px rgba(15,23,42,.06);
}
.sn-table-empty-row td{
  text-align:center;
  padding:18px!important;
  color:#64748b;
  font-weight:600;
}
@media (max-width:760px){
  .sn-admin-search{margin-top:8px;margin-bottom:12px;}
  .sn-admin-search input[type="search"]{
    min-height:46px;
    border-radius:16px;
    font-size:16px;
  }
}


/* KennDich 1.7.101 - Pagination für Admin- und Moderationstabellen */
.sn-table-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(148,163,184,.25);
}
.sn-table-pagination-info{
  color:#64748b;
  font-size:.92rem;
  font-weight:650;
}
.sn-table-pagination-controls{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.sn-table-pagination button{
  min-width:36px;
  height:36px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.22);
  background:rgba(255,255,255,.92);
  color:#1e3a8a;
  font-weight:750;
  cursor:pointer;
}
.sn-table-pagination button.is-active{
  background:#2563eb;
  color:#fff;
  border-color:#2563eb;
}
.sn-table-pagination button:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.sn-table-pagination-dots{
  padding:0 4px;
  color:#64748b;
  font-weight:800;
}
@media (max-width:760px){
  .sn-table-pagination{
    align-items:stretch;
    gap:10px;
  }
  .sn-table-pagination-info,
  .sn-table-pagination-controls{
    width:100%;
    justify-content:center;
    text-align:center;
  }
  .sn-table-pagination button{
    min-width:34px;
    height:34px;
    padding:0 9px;
  }
}




@media (max-width:760px){
  .messages-page-body .messages-layout{
    display:block;
    position:relative;
    padding-left:14px;
    padding-right:14px;
  }
  .messages-page-body .user-list{
    position:fixed !important;
    top:0;
    left:0;
    width:min(84vw,320px);
    height:100dvh;
    max-height:none !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    background:#fff;
    z-index:1200;
    transform:translate3d(-102%,0,0);
    transition:transform .28s ease;
    border-radius:0 20px 20px 0;
    box-shadow:0 0 34px rgba(0,0,0,.24);
    padding:72px 14px 18px;
  }
  .messages-page-body.chat-drawer-open .user-list{
    transform:translate3d(0,0,0);
  }
  .messages-page-body .chat-drawer-tab{
    display:block;
    position:fixed;
    left:0;
    top:48%;
    transform:translateY(-50%);
    width:30px;
    height:88px;
    padding:0;
    border:0;
    border-radius:0 16px 16px 0;
    background:rgba(17,24,39,.68);
    box-shadow:0 8px 24px rgba(0,0,0,.22);
    z-index:1300;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  .messages-page-body.chat-drawer-open .chat-drawer-tab{
    left:min(84vw,320px);
    background:rgba(17,24,39,.78);
  }
  .messages-page-body .chat-drawer-tab:before{
    content:"";
    position:absolute;
    right:9px;
    top:50%;
    width:7px;
    height:7px;
    border-right:2px solid rgba(255,255,255,.95);
    border-bottom:2px solid rgba(255,255,255,.95);
    transform:translateY(-50%) rotate(-45deg);
  }
  .messages-page-body.chat-drawer-open .chat-drawer-tab:before{
    transform:translateY(-50%) rotate(135deg);
  }
}

/* KennDich 1.7.124 - optisch verfeinerte mobile Chat-Einschubtafel */
@media (max-width:760px){
  .messages-page-body.chat-drawer-open::before{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.28);
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
    z-index:1190;
  }
  .messages-page-body .user-list{
    width:min(88vw,360px) !important;
    padding:22px 16px 18px !important;
    background:
      radial-gradient(circle at 24% 4%, rgba(99,102,241,.18), transparent 34%),
      linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96)) !important;
    border:1px solid rgba(226,232,240,.95) !important;
    border-left:0 !important;
    border-radius:0 28px 28px 0 !important;
    box-shadow:18px 0 48px rgba(15,23,42,.22) !important;
    color:#111827;
  }
  .messages-page-body .user-list::before{
    content:"";
    display:block;
    width:46px;
    height:5px;
    border-radius:999px;
    background:rgba(148,163,184,.55);
    margin:0 auto 16px;
  }
  .messages-page-body .user-list h2{
    margin:4px 2px 14px;
    font-size:28px;
    letter-spacing:-.03em;
  }
  .messages-page-body .member-search-box{
    position:relative;
    margin:0 0 16px;
  }
  .messages-page-body .member-search-box input{
    height:50px;
    border-radius:20px;
    background:rgba(255,255,255,.88);
    border:1px solid rgba(226,232,240,.95);
    box-shadow:0 8px 22px rgba(15,23,42,.07);
    padding-left:18px;
  }
  .messages-page-body .conversation-heading{
    margin:10px 2px 8px;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#64748b;
  }
  .messages-page-body .user-row{
    min-height:64px;
    border-radius:20px;
    padding:11px 12px;
    margin:4px 0;
    background:transparent;
    border:1px solid transparent;
    transition:background .18s ease, box-shadow .18s ease, transform .18s ease;
  }
  .messages-page-body .user-row.active,
  .messages-page-body .user-row:hover{
    background:linear-gradient(135deg, rgba(219,234,254,.96), rgba(238,242,255,.96));
    border-color:rgba(191,219,254,.86);
    box-shadow:0 10px 24px rgba(37,99,235,.12);
    transform:translateX(2px);
  }
  .messages-page-body .user-row .avatar.small{
    width:44px;
    height:44px;
    font-size:15px;
    box-shadow:0 5px 14px rgba(15,23,42,.14);
  }
  .messages-page-body .message-user-name{
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
    font-weight:800;
  }
  .messages-page-body .new-badge{
    border-radius:999px;
    background:#4f63e7;
    color:#fff;
    padding:3px 7px;
    font-size:11px;
    line-height:1;
    box-shadow:0 6px 14px rgba(79,99,231,.24);
  }
  .messages-page-body .chat-drawer-tab{
    width:40px !important;
    height:96px !important;
    border-radius:0 22px 22px 0 !important;
    background:linear-gradient(180deg, rgba(91,111,231,.96), rgba(46,84,220,.96)) !important;
    box-shadow:0 12px 30px rgba(37,99,235,.32) !important;
  }
  .messages-page-body.chat-drawer-open .chat-drawer-tab{
    left:min(88vw,360px) !important;
    background:linear-gradient(180deg, rgba(30,41,59,.82), rgba(15,23,42,.82)) !important;
  }
  .messages-page-body .chat-drawer-tab::before{
    content:"" !important;
    position:absolute;
    left:13px !important;
    right:auto !important;
    top:50% !important;
    width:14px !important;
    height:3px !important;
    border:0 !important;
    border-radius:999px;
    background:rgba(255,255,255,.96);
    transform:translateY(-50%) !important;
    box-shadow:0 -9px 0 rgba(255,255,255,.96),0 9px 0 rgba(255,255,255,.96);
  }
  .messages-page-body.chat-drawer-open .chat-drawer-tab::before{
    width:13px !important;
    height:13px !important;
    left:12px !important;
    background:transparent;
    box-shadow:none;
    border-left:3px solid rgba(255,255,255,.96) !important;
    border-bottom:3px solid rgba(255,255,255,.96) !important;
    border-radius:0;
    transform:translateY(-50%) rotate(45deg) !important;
  }
}


.chat-drawer-tab{display:none!important;}

@media (max-width:767px){
  .chat-drawer-tab{
    display:flex!important;
  }
}


/* KennDich 1.7.128 - Mobile Nachrichten: Senden-Button direkt neben Heftklammer, weg vom Plus-Menü */
@media (max-width: 767px){
  body.messages-page-body .message-form{
    display:grid!important;
    grid-template-columns:auto auto 1fr!important;
    grid-template-areas:
      "text text text"
      "tools send free"!important;
    align-items:center!important;
    justify-content:start!important;
    column-gap:8px!important;
    row-gap:8px!important;
  }

  body.messages-page-body .message-form textarea{
    grid-area:text!important;
    grid-column:1 / -1!important;
    grid-row:auto!important;
    width:100%!important;
    min-height:48px!important;
    margin:0!important;
  }

  body.messages-page-body .message-form .voice-controls{
    grid-area:tools!important;
    grid-column:auto!important;
    grid-row:auto!important;
    display:inline-flex!important;
    width:auto!important;
    min-width:0!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    margin:0!important;
  }

  body.messages-page-body .message-form .voice-status:empty{
    display:none!important;
  }

  body.messages-page-body .message-form > button{
    grid-area:send!important;
    grid-column:auto!important;
    grid-row:auto!important;
    position:static!important;
    justify-self:start!important;
    align-self:center!important;
    width:auto!important;
    min-width:74px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 14px!important;
    border-radius:999px!important;
  }
}

/* KennDich 1.7.135 - Nachrichten chronologisch korrekt: älteste oben, neueste unten */
body.messages-page-body .chat-box{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  overflow-y:auto!important;
  scroll-behavior:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
body.messages-page-body .chat-box .bubble,
body.messages-page-body .chat-box #chat-bottom,
body.messages-page-body .chat-box .chat-input-spacer{
  flex:0 0 auto;
}
body.messages-page-body .chat-input-spacer{
  height:8px!important;
  min-height:8px!important;
  flex-basis:8px!important;
}

/* KennDich 1.7.137 - responsive Bearbeitung von Posts/Gruppenposts inkl. Link und Medien */
.edit-page-body{min-height:100dvh;overflow-x:hidden;padding-bottom:calc(86px + env(safe-area-inset-bottom))}
.edit-page-body .fab-wrap{display:none!important}
.edit-page-body .mail-float{z-index:15}
.edit-post-page{max-width:780px;width:100%;margin:0 auto;padding:12px 12px calc(110px + env(safe-area-inset-bottom));box-sizing:border-box;overflow-x:hidden}
.edit-post-card-page{width:100%;max-width:100%;box-sizing:border-box;overflow:visible;padding:18px!important}
.edit-post-card-page h1{margin:8px 0 14px;font-size:clamp(1.35rem,5vw,2rem);line-height:1.1}
.edit-post-form-page{display:flex;flex-direction:column;gap:12px;min-width:0}
.edit-post-form-page label{font-weight:900;color:#111827;margin:8px 0 0;line-height:1.15}
.edit-post-form-page textarea,
.edit-post-form-page input[type="url"],
.edit-post-form-page input[type="file"],
.edit-post-form-page select{width:100%;max-width:100%;min-width:0;box-sizing:border-box;border-radius:18px;border:1px solid rgba(17,24,39,.14);background:#fff;padding:13px 14px;font-size:16px;color:#111827;line-height:1.25}
.edit-post-form-page input[type="file"]{font-size:15px;overflow:hidden}
.edit-post-form-page textarea{min-height:200px;max-height:34dvh;resize:vertical;line-height:1.45}
.edit-post-form-page small{color:var(--muted);font-weight:700;line-height:1.35;font-size:13px}
.edit-media-section{display:grid;gap:10px;min-width:0}
.edit-media-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;min-width:0}
.edit-media-item{border:1px solid rgba(17,24,39,.10);border-radius:18px;background:#f8fafc;padding:10px;display:grid;gap:10px;min-width:0}
.edit-media-preview{min-width:0;overflow:hidden;border-radius:14px;background:#111827;display:flex;align-items:center;justify-content:center}
.edit-media-preview img,.edit-media-preview video{width:100%;max-height:200px;object-fit:contain;display:block;background:#111827}
.edit-media-preview audio{width:100%;padding:12px;background:#fff}
.edit-media-preview .attachment-card{width:100%;box-sizing:border-box;margin:0;background:#fff}
.edit-media-remove{display:flex!important;align-items:center;gap:8px;font-weight:800!important;font-size:14px;color:#991b1b!important;line-height:1.25;margin:0!important}
.edit-media-remove input{width:20px!important;height:20px!important;flex:0 0 auto}
.edit-post-savebar{position:fixed;left:0;right:0;bottom:0;z-index:1000;width:100%;box-sizing:border-box;padding:10px max(12px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.98) 30%,#fff);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -14px 34px rgba(15,23,42,.12)}
.edit-post-savebar .secondary-btn,.edit-post-savebar button{width:100%;min-width:0;min-height:52px;border-radius:999px;font-weight:950;white-space:nowrap;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 12px;font-size:clamp(15px,4.2vw,18px);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}
.edit-post-savebar button{background:linear-gradient(135deg,#7c3aed,#ff245b,#06b6d4)!important;color:#fff!important}
.edit-save-btn .mobile-label{display:none}
@media(max-width:640px){
  .edit-page-body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .edit-page-body .topbar,.edit-page-body .kd-mobile-header{position:relative!important;top:auto!important}
  .edit-post-page{padding:8px 8px calc(104px + env(safe-area-inset-bottom))}
  .edit-post-card-page{border-radius:22px;padding:12px!important;box-shadow:0 14px 42px rgba(15,23,42,.07)}
  .edit-post-card-page h1{font-size:1.28rem;margin-bottom:8px}
  .edit-post-form-page{gap:9px}
  .edit-post-form-page label{font-size:1rem}
  .edit-post-form-page textarea{min-height:118px;max-height:22dvh}
  .edit-post-form-page small{font-size:12px}
  .edit-media-list{grid-template-columns:1fr;gap:9px}
  .edit-media-preview img,.edit-media-preview video{max-height:128px}
  .edit-save-btn .desktop-label{display:none}
  .edit-save-btn .mobile-label{display:inline}
}
@media(max-width:380px){
  .edit-post-savebar{grid-template-columns:1fr;gap:8px}
  .edit-post-savebar .secondary-btn,.edit-post-savebar button{min-height:48px;font-size:16px}
  .edit-post-page{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
}
@media(max-height:700px) and (max-width:640px){
  .edit-post-form-page textarea{min-height:92px;max-height:18dvh}
  .edit-media-preview img,.edit-media-preview video{max-height:96px}
  .edit-post-form-page input[type="url"],.edit-post-form-page input[type="file"],.edit-post-form-page select{padding-top:11px;padding-bottom:11px}
}


/* KennDich 1.7.138 - Bearbeiten kompakter: keine Medienvorschau, kein Überdecken der Löschlaufzeit */
.edit-page-body{padding-bottom:0!important}
.edit-post-page{padding:10px 10px 28px!important;max-width:720px!important}
.edit-post-card-page{padding:14px!important}
.edit-post-form-page{gap:9px!important}
.edit-post-form-page label{margin-top:6px!important}
.edit-post-form-page textarea{min-height:132px!important;max-height:24dvh!important}
.edit-media-compact-section{gap:7px!important}
.edit-media-compact-list{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
.edit-media-remove-compact{background:#fff7f7!important;border:1px solid rgba(153,27,27,.16)!important;border-radius:14px!important;padding:10px 12px!important;color:#991b1b!important;font-size:14px!important;line-height:1.2!important}
.edit-media-remove-compact input{width:18px!important;height:18px!important}
.edit-post-savebar{position:static!important;z-index:auto!important;margin-top:8px!important;padding:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}
.edit-post-savebar .secondary-btn,.edit-post-savebar button{min-height:48px!important;border-radius:999px!important;font-size:16px!important}
@media(max-width:640px){
  .edit-post-page{padding:6px 6px 18px!important}
  .edit-post-card-page{padding:10px!important;border-radius:20px!important}
  .edit-post-card-page h1{font-size:1.18rem!important;margin:4px 0 6px!important}
  .edit-post-form-page textarea{min-height:96px!important;max-height:18dvh!important}
  .edit-post-form-page input[type="url"],.edit-post-form-page input[type="file"],.edit-post-form-page select{padding:10px 12px!important;border-radius:16px!important}
  .edit-post-form-page small{font-size:12px!important;line-height:1.25!important}
  .edit-post-savebar{grid-template-columns:1fr 1fr!important;position:static!important}
}
@media(max-width:360px){
  .edit-post-savebar{grid-template-columns:1fr!important}
}

/* KennDich 1.7.150 - System-Benachrichtigungen */
.kd-notify-clean{position:relative;display:inline-flex;align-items:center;justify-content:center}
.kd-bell-svg{width:30px;height:30px}
.sn-inline-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;height:1.6em;margin-left:.35rem;padding:0 .45em;border-radius:999px;background:#e53935;color:#fff;font-size:.82rem;line-height:1;font-weight:800}
.sn-notification-entry-row,.sn-section-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.profile-notification-entry h2,.sn-notifications-card h2{margin-bottom:.25rem}
.sn-notification-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}
.sn-notification-row{display:grid;grid-template-columns:minmax(110px,150px) 1fr auto;align-items:center;gap:.75rem;padding:.85rem;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:rgba(255,255,255,.72)}
.sn-notification-row.is-unread{border-color:rgba(229,57,53,.35);box-shadow:0 0 0 2px rgba(229,57,53,.08);background:#fff}
.sn-notification-icon{font-size:.82rem;font-weight:800;border-radius:999px;padding:.35rem .65rem;background:rgba(0,0,0,.06);text-align:center;white-space:nowrap}
.sn-notification-body{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.sn-notification-body strong{overflow-wrap:anywhere}
.sn-notification-body small,.muted{opacity:.72}
.system-notification-settings-profile{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.08)}
.sn-system-notification-settings{margin:.5rem 0 1rem}
@media (max-width: 720px){
  .sn-notification-row{grid-template-columns:1fr;align-items:stretch}
  .sn-notification-row form{display:flex}
  .sn-notification-row button,.sn-notification-entry-row .secondary-btn{width:100%}
  .sn-notification-icon{text-align:left;white-space:normal}
}

/* KennDich 1.7.152 - Benachrichtigungen klickbar + Button wie Nachrichten */
.header-icons .kd-notify-clean{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
}
.kd-notify-clean .kd-bell-svg .kd-chat-shape{fill:#fff!important;opacity:.97!important}
.sn-notification-open-form{margin:0;display:block}
.sn-notification-open-form .sn-notification-row{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(0,0,0,.08);
  font:inherit;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.sn-notification-link:hover,
.sn-notification-link:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(79,124,255,.35)!important;
  box-shadow:0 10px 28px rgba(79,124,255,.14)!important;
  outline:none;
}
.sn-notification-link .profile-message-btn{pointer-events:none;white-space:nowrap}
@media (max-width:720px){
  .sn-notification-open-form .sn-notification-row{width:100%}
  .sn-notification-link .profile-message-btn{width:100%;justify-content:center}
}

/* KennDich 1.7.153 - Benachrichtigungs-Aktion im Nachrichtenbutton-Stil */
.profile-notification-jump-btn,
.profile-notification-open-btn{
  border:0!important;
  appearance:none;
  -webkit-appearance:none;
}
.sn-notification-link .profile-notification-jump-btn{
  pointer-events:none;
}

/* KennDich 1.7.154: endgültige Profil-Löschung */
.profile-delete-card hr{border:0;border-top:1px solid rgba(15,23,42,.10);margin:18px 0;}
.profile-delete-card h3{margin:0 0 8px;font-size:1.05rem;color:#991b1b;}
.profile-delete-card p{line-height:1.55;}
.profile-delete-form{display:grid;gap:10px;margin-top:12px;}
.profile-delete-form input[type="text"]{width:100%;max-width:360px;border:1px solid rgba(153,27,27,.35);border-radius:12px;padding:11px 12px;background:#fff;}
.profile-delete-form input[type="text"]:focus{outline:2px solid rgba(153,27,27,.25);border-color:#991b1b;}
.profile-delete-form .danger-delete-btn{background:#991b1b;color:#fff;border-color:#991b1b;box-shadow:none;}
.profile-delete-form .danger-delete-btn:hover{background:#7f1d1d;border-color:#7f1d1d;}
@media(max-width:640px){.profile-delete-form input[type="text"]{max-width:none}.profile-delete-form .danger-delete-btn{width:100%;}}


/* KennDich 1.7.155 - Benachrichtigungsbutton mobil exakt wie Nachrichtenbutton */
@media (max-width: 760px){
  .header-icons .kd-notify-clean{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    padding:0 !important;
    border-radius:999px !important;
    display:inline-grid !important;
    place-items:center !important;
  }

  .header-icons .kd-notify-clean .kd-bell-svg{
    width:28px !important;
    height:28px !important;
  }
}


/* KennDich 1.7.156 - Notification button uses exact message button metrics on mobile */
@media (max-width:767px){
  .kd-notification-button,
  .kd-notify-clean,
  .header-notification-btn{
      width:40px !important;
      height:40px !important;
      min-width:40px !important;
      min-height:40px !important;
      padding:0 !important;
      margin:0 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      border-radius:50% !important;
      flex:0 0 40px !important;
  }

  .kd-notification-button svg,
  .kd-notify-clean svg,
  .header-notification-btn svg{
      width:20px !important;
      height:20px !important;
      max-width:20px !important;
      max-height:20px !important;
  }
}



/* KennDich 1.7.157 - Mobil: äußerer Benachrichtigungsbutton exakt wie Nachrichtenbutton.
   Wichtig: höhere Spezifität als die ältere .header-icons .kd-notify-clean 52px-Regel. */
@media (max-width: 767px){
  .topbar-slim .header-icons a.header-icon.kd-mail-clean.kd-notify-clean,
  .header-icons a.header-icon.kd-mail-clean.kd-notify-clean,
  nav.header-icons a.header-icon.kd-mail-clean.kd-notify-clean{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    max-width:36px !important;
    max-height:36px !important;
    flex:0 0 36px !important;
    box-sizing:border-box !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:999px !important;
    display:inline-grid !important;
    place-items:center !important;
  }

  .topbar-slim .header-icons a.header-icon.kd-mail-clean.kd-notify-clean .kd-mail-svg,
  .topbar-slim .header-icons a.header-icon.kd-mail-clean.kd-notify-clean .kd-bell-svg,
  .header-icons a.header-icon.kd-mail-clean.kd-notify-clean .kd-mail-svg,
  .header-icons a.header-icon.kd-mail-clean.kd-notify-clean .kd-bell-svg{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
  }

  .topbar-slim .header-icons a.header-icon.kd-mail-clean.kd-notify-clean .kd-mail-badge,
  .header-icons a.header-icon.kd-mail-clean.kd-notify-clean .kd-mail-badge{
    top:-4px !important;
    right:-3px !important;
    min-width:17px !important;
    height:17px !important;
    font-size:10px !important;
    padding:0 4px !important;
  }
}


/* KennDich 1.7.158 - Mehr Abstand zwischen Nachrichten- und Benachrichtigungsbutton auf Mobilgeräten */
@media (max-width: 767px){
  .header-icons{
    gap: 8px !important;
  }

  .header-icons a.header-icon{
    margin: 0 !important;
  }
}


/* KennDich 1.7.159 - Abstand Nachrichten/Benachrichtigungen mobil wirklich erzwingen */
@media (max-width: 767px){
  .topbar-slim nav.header-icons,
  .topbar-slim .header-icons,
  header.topbar-slim .header-icons{
    gap: 14px !important;
    column-gap: 14px !important;
  }

  .topbar-slim .header-icons a.header-icon.kd-mail-clean + a.header-icon.kd-mail-clean.kd-notify-clean,
  header.topbar-slim nav.header-icons a.header-icon.kd-mail-clean.kd-notify-clean{
    margin-left: 6px !important;
  }
}

/* KennDich 1.7.161 - Landingpage Warnhinweis knallrot und animiert */
.kd-premium-landing .kd-important-notice,
.landing-body .kd-important-notice,
.kd-important-notice{
  display:block !important;
  width:fit-content !important;
  max-width:100% !important;
  margin:18px 0 22px 0 !important;
  padding:12px 18px !important;
  border:4px solid #ff0000 !important;
  border-radius:16px !important;
  background:#fff5f5 !important;
  color:#ff0000 !important;
  font-weight:1000 !important;
  font-size:clamp(1.25rem, 3vw, 2.1rem) !important;
  line-height:1.15 !important;
  letter-spacing:.02em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  box-shadow:0 0 0 4px rgba(255,0,0,.16), 0 0 24px rgba(255,0,0,.55) !important;
  text-shadow:0 0 9px rgba(255,0,0,.45) !important;
  transform-origin:center center !important;
  animation:kdImportantBlink 0.85s infinite alternate, kdImportantPulse 1.35s infinite ease-in-out !important;
}

@keyframes kdImportantBlink{
  0%{opacity:1;}
  100%{opacity:.38;}
}

@keyframes kdImportantPulse{
  0%{transform:scale(1);}
  50%{transform:scale(1.065);}
  100%{transform:scale(1);}
}

@media (max-width:640px){
  .kd-premium-landing .kd-important-notice,
  .landing-body .kd-important-notice,
  .kd-important-notice{
    width:100% !important;
    box-sizing:border-box !important;
    font-size:1.25rem !important;
    margin:16px 0 20px 0 !important;
    padding:12px 10px !important;
  }
}