<!-- die neusten Beiträge  -->
<style>
.activme {background: #e9e9e9; color:#383838; padding: 5px 0 5px 30px !important; text-align:left; border-top:1px solid #aaaaaa; cursor:pointer;}
.activl {margin: 10px 0 10px 5px !important; text-align:left;}
.activl img {padding-right:5px;}
#xActivityFeed {overflow: auto;  max-height:135pt !important;} 
</style>
 
<script>
//// AktivityFeed ////
document.addEventListener('DOMContentLoaded', function() {
 
$("#xActivityFeed").append('<div class="activl"><img src="//img.homepagemodules.de/ds/static/feedicons/post.png"> <i>Hier geht es zu:</i> <a href="/forum.php?show=last">Letzte Beiträge! </a></div>').closest('.boxcontent').append('<div class="activme">Mehr anzeigen...</div>');
$(".activme").toggle(function(){
$('#xActivityFeed').attr('style', 'max-height:100% !important');
$(this).html('Schließen');
}, function() {
$('#xActivityFeed').attr('style', 'max-height:135pt !important');
$(this).html('Mehr anzeigen');
parent.location='#obere_leiste';
});
 
});
</script>
 

<style>
.real-user-pic {display: inline-block !important; height:25px;width:25px;object-fit:contain;padding:1px;margin-right:7px;border-radius:50%;border:1px solid #ccc;cursor:pointer;vertical-align:middle;transition:all .45s ease,box-shadow .45s ease,border-color .45s ease;}
.real-user-pic:hover {transform:scale(2.0) translateX(5px);background:#eee;border-color:#aaa!important;border-radius:4px!important;box-shadow:0 0 15px #3c6cce;position:relative;z-index:9999;}
.userlink, .xFeedContainer a[href^="u"], #xActivityFeed a[href^="u"], .feedrow a[href^="u"], .cmhsp a[href^="u"], a[href^="u"].userlink{display:inline-flex!important;align-items:center!important;vertical-align:middle!important;}
#foverview_stat1 a {display: inline-block;}
.fstat > img {display:none !important;}
.fstat img {margin-right:5px!important;}
.view_table td.fstat{text-align:left;padding:5px 10px 5px 2vw!important;}
.lastactions .rating .cmhsp img{margin:0 7px auto auto!important;}
</style>
 
<script>
document.addEventListener("DOMContentLoaded", () => {
  // --- Lokaler Avatar-Cache ---
  const CACHE_KEY = "avatarMiniCache_v2.3"; let cache = JSON.parse(localStorage.getItem(CACHE_KEY) || "{}"); const save = () => localStorage.setItem(CACHE_KEY, JSON.stringify(cache));
 
  // --- Alle Userlinks ---
  const SEL = 'a[href^="u"]:not(.sidebar a, .user_online a, .umavatar a, .page_gallery a)', CLASS = "real-user-pic";
 
  // --- Lazy-Load: nur sichtbare Elemente laden---
  function isVisible(el){const r = el.getBoundingClientRect(); return r.top < window.innerHeight && r.bottom > 0; }
 
  // --- Avatar direkt aus dem DOM holen (Listen, Beiträge, überall) ---
  function domAvatar($el){let $root = $el.closest("tr, div, li"); let $img = $root.find(".avatar img").first(); return $img.length ? $img.attr("src") : null;}
 
  // --- Avatar aus Profilseite laden (Fallback) ---
  function loadAvatar(url, cb){let key = url.toLowerCase(); if(cache[key]) return cb(cache[key]); $.get(url, html => {let doc = new DOMParser().parseFromString(html, "text/html"); let img = doc.querySelector(".avatar img"); let src = img ? img.src : null; cache[key] = src; save(); cb(src); }).fail(() => cb(null));}
 
  // --- Avatar einfügen ---
  function addAvatar(src, $target){if(!src) return; if($target.find("img."+CLASS).length) return; $target.prepend($("<img>", {src, class:CLASS}));}
 
  // --- Hauptlogik, Lazy, Dom-Avatare zuerst, Fallback ---
  function inject(){$(SEL).each(function(){let $a = $(this); if($a.data("done")) return; if(!isVisible(this)) return; $a.data("done", true); let url = this.href.split("#")[0]; let src = domAvatar($a); if(src) return addAvatar(src, $a); loadAvatar(url, s => addAvatar(s, $a));});}
 
  // --- Initial + Lazy-Load beim Scrollen ---
  setTimeout(inject, 150); $(window).add('ul#xActivityFeed').on("scroll", inject); 
});
</script>
 

 <style>
/* Filter-Leiste */
.activity-filter-bar {font: 15px arial !important; box-shadow: 0 8px 20px rgba(0, 0, 144, 0.6); position: sticky; top: 0; z-index: 50; padding:8px 10px; background:#f5f5f5; display:flex; flex-wrap:wrap; gap:15px; margin-bottom:10px;}
.activity-filter-bar label { cursor:pointer; user-select:none; }
.activity-filter-bar label input { width:auto; height: auto;}
.activity-filter-bar #bewertung {  transition:.5s; text-decoration: underline !important; box-shadow:none;}
.activity-filter-bar #bewertung:hover {background:#4B6BCE !important; color:#ffffff !important; text-decoration:none !important; box-shadow:0 8px 20px rgba(0,0,144,.6); padding: 2px 9px 4px 9px;}
 
/* Kategorien im Activity Feed ausblenden */
.activityfeed-container.hide-themen .forum_topic,.activityfeed-container.hide-beitraege [class*="forum_"]:not(.forum_topic), .activityfeed-container.hide-bewertungen .rsummary, .activityfeed-container.hide-bewertungen .rating, .activityfeed-container.hide-bewertungen .summarized,.activityfeed-container.hide-bilder [class*="gallery_"],.activityfeed-container.hide-blog [class*="blog_"],.activityfeed-container.hide-treetalk [class*="treetalk_"],.activityfeed-container.hide-kalender [class*="calendar_"],.activityfeed-container.hide-gaestebuch [class*="usergbook_"],.activityfeed-container.hide-standorte [class*="geomap"],.activityfeed-container.hide-wiki [class*="wiki"],.activityfeed-container.hide-integrationen [class*="integration_"]{display:none!important;}
 
/* Höhe Activity Feed */
.lastactions {max-height: 300px !important;}
 
/* Mobil */
@media (max-width: 768px) {
  .activity-filter-bar { position: relative; left: 0; right: 0; font: 13px arial !important;}
}
</style>
 

<script>
document.addEventListener("DOMContentLoaded", () => {
  const feed = document.querySelector(".feed #activity_feed .card-body, #xActivityFeed:not(.page_user #xActivityFeed)"); if (!feed || feed.dataset.filterInit) return; feed.dataset.filterInit = 1; feed.classList.add("activityfeed-container"); 
  const storageKey = "activityFeedCategoryHider";
  const saved = JSON.parse(localStorage.getItem(storageKey) || "{}");
  const categories = [["Themen","themen",c=>c==="forum_topic"],["Beiträge","beitraege",c=>c.startsWith("forum_") && c!=="forum_topic"],["Blog","blog",c=>c.startsWith("blog_")],["TreeTalk","treetalk",c=>c.startsWith("treetalk_")],["Bilder","bilder",c=>c.startsWith("gallery_")],["Kalender","kalender",c=>c.startsWith("calendar_")],["Gästebuch","gaestebuch",c=>c.startsWith("usergbook_")],["<a id='bewertung' href='{{link_myratings}}'>Bewertungen</a>","bewertungen",c=>["rsummary","rating","summarized"].includes(c)],["Standorte","standorte",c=>c.startsWith("geomap")],["Wiki","wiki",c=>c.startsWith("wiki")],["Integrationen","integrationen",c=>c.startsWith("integration_")]];
 
  // Kategorien erkennen
  const found = new Set();feed.querySelectorAll("li, .feedentry").forEach(e => e.className.split(/\s+/).forEach(c => categories.forEach(([n,_,m]) => m(c) && found.add(n))));
 
  // Filterleiste
  const bar = document.createElement("div"); bar.className = "activity-filter-bar";
  categories.forEach(([name,key]) => {if (!found.has(name)) return;const checked = saved[key] !== false; const label = document.createElement("label");label.innerHTML = `<input type="checkbox" ${checked?"checked":""}> ${name}`;label.firstChild.onchange = e => {saved[key] = e.target.checked; localStorage.setItem(storageKey, JSON.stringify(saved)); applyCSS();}; bar.appendChild(label);});
  feed.insertBefore(bar, feed.firstChild);
  function applyCSS(){ categories.forEach(([_,key]) => feed.classList.toggle("hide-"+key, saved[key] === false));}applyCSS();
 
  new MutationObserver(applyCSS).observe(feed, {childList:true, subtree:true});
});
</script>