<!DOCTYPE html>
<html lang="de" class="h-100" data-bs-theme="light">
<head>
    <!-- Google Tag Manager (DSGVO compliant) -->
    <script>
    window.isLocalDev = false;
    (function() {
        window.dataLayer = window.dataLayer || [];
        
        window.initGoogleTagManager = function() {
            if (window.gtmLoaded) return;
            
            // Bypass tracking in local development environments to prevent console errors
            const hostname = window.location.hostname;
            if (window.isLocalDev ||
                hostname === 'localhost' || 
                hostname === '127.0.0.1' || 
                hostname.endsWith('.local') ||
                hostname.startsWith('192.168.') || 
                hostname.startsWith('10.') || 
                hostname.startsWith('172.')) {
                console.log('[Analytics] GTM bypassed in local development.');
                return;
            }
            
            window.gtmLoaded = true;
            
            // Push GTM start event
            window.dataLayer.push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
            
            // Create script element to load GTM
            var script = document.createElement('script');
            script.async = true;
            script.src = 'https://www.googletagmanager.com/gtm.js?id=GTM-WDVFLQ';
            document.head.appendChild(script);
        };
        
        if (localStorage.getItem('dbde_forum_consent') === 'granted') {
            window.initGoogleTagManager();
        }
    })();
    </script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
        <title>A New Career In A New Town | SdT 01.01.2021 - David Bowie Forum</title>
    <meta name="description" content="A New Career In A New Town odera new year in an old townda isses,das neue jahr...und?das gute an einem neuen jahr ist,dass es auch stets mit hoffnungen ...">
    <link rel="canonical" href="https://www.davidbowieforum.de/index.php?action=topic&amp;id=8641">

    <!-- Credibility & Timeliness Metadata for AI & GEO crawlers -->
    <meta name="author" content="David Bowie Forum Community">
    <meta name="date" content="2026-08-16" scheme="YYYY-MM-DD">
    <meta name="last-modified" content="2026-08-16" scheme="YYYY-MM-DD">

    
        <!-- Open Graph / Facebook for Topics -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="A New Career In A New Town | SdT 01.01.2021 - David Bowie Forum">
    <meta property="og:description" content="A New Career In A New Town odera new year in an old townda isses,das neue jahr...und?das gute an einem neuen jahr ist,dass es auch stets mit hoffnungen ...">
    <meta property="og:image" content="https://www.davidbowieforum.de/assets/images/david-bowie-square.png">
    <meta property="og:url" content="https://www.davidbowieforum.de/index.php?action=topic&amp;id=8641">

    <!-- Twitter for Topics -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="A New Career In A New Town | SdT 01.01.2021 - David Bowie Forum">
    <meta name="twitter:description" content="A New Career In A New Town odera new year in an old townda isses,das neue jahr...und?das gute an einem neuen jahr ist,dass es auch stets mit hoffnungen ...">
    <meta name="twitter:image" content="https://www.davidbowieforum.de/assets/images/david-bowie-square.png">
            <!-- 01 & 02: Validierte Schema.org JSON-LD Auszeichnung -->
            <script type="application/ld+json">
            {
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": "Organization",
            "@id": "https://davidbowieforum.de/#organization",
            "name": "David Bowie Forum Deutschland",
            "url": "https://davidbowieforum.de",
            "logo": {
                "@type": "ImageObject",
                "url": "https://davidbowieforum.de/assets/icons/icon-512.png",
                "width": 512,
                "height": 512
            },
            "sameAs": [
                "https://www.facebook.com/groups/davidbowiede?locale=de_DE",
                "https://www.instagram.com/davidbowieforum.de/",
                "https://www.wikidata.org/wiki/Q5383"
            ]
        },
        {
            "@type": "WebSite",
            "@id": "https://davidbowieforum.de/#website",
            "url": "https://davidbowieforum.de",
            "name": "David Bowie Forum",
            "description": "Unabhängige Community, Archiv und Diskografie rund um David Bowie.",
            "publisher": {
                "@id": "https://davidbowieforum.de/#organization"
            },
            "potentialAction": {
                "@type": "SearchAction",
                "target": {
                    "@type": "EntryPoint",
                    "urlTemplate": "https://davidbowieforum.de/index.php?action=search&q={search_term_string}"
                },
                "query-input": "required name=search_term_string"
            }
        }
    ]
}        </script>
    
            <script type="application/ld+json">
            {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Forum",
            "item": "https://www.davidbowieforum.de/index.php?action=board"
        }
    ]
}        </script>
    
    <!-- 08: Discovery Links für Crawler und KI-Agenten -->
    <link rel="alternate" type="text/markdown" href="/board/assets/images/index.php?format=md&amp;topic=8641.0&amp;format=md" title="Markdown Repräsentation">
    <link rel="help" href="/llms.txt" type="text/plain" title="LLM Agent Manifest">

    <!-- ====================================================
         PWA: Web App Manifest + Meta Tags
         ==================================================== -->
    <link rel="manifest" href="/manifest.json">
    <meta name="theme-color" content="#111622" media="(prefers-color-scheme: dark)">
    <meta name="theme-color" content="#111622">
    <meta name="mobile-web-app-capable" content="yes">

    <!-- Apple PWA (iOS Safari) -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="BowieForum">
    <link rel="apple-touch-icon" sizes="152x152" href="/assets/icons/icon-152.png">
    <link rel="apple-touch-icon" sizes="192x192" href="/assets/icons/icon-192.png">
    <link rel="apple-touch-icon" sizes="512x512" href="/assets/icons/icon-512.png">

    <!-- Favicon -->
    <link rel="icon" type="image/png" sizes="32x32"  href="/assets/icons/icon-96.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/assets/icons/icon-192.png">
    <link rel="shortcut icon" href="/assets/icons/icon-96.png">

    <!-- MS Tiles (Windows / Edge) -->
    <meta name="msapplication-TileColor" content="#0f172a">
    <meta name="msapplication-TileImage" content="/assets/icons/icon-144.png">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
    <link href="/assets/css/style.css?v=1784471912" rel="stylesheet">
    
    <style>
        html {
            scrollbar-gutter: stable;
        }
        
        :root {
            --bowie-red: #b41414;
            --bowie-dark: #0f172a;
            --bowie-nav-bg: #111622;
        }
        
        body {
            margin: 0;
            padding-top: 56px;
            padding-bottom: 65px;
            background-color: #f8fafc;
        }

        @media (min-width: 768px) {
            body { padding-bottom: 0; }
        }

        .navbar-nav .nav-link {
            padding: 0.5rem 0.8rem;
            border-radius: 20px;
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            font-weight: 550;
            display: flex;
            align-items: center;
        }
        .navbar-nav .nav-link:hover {
            background-color: rgba(255, 255, 255, 0.08);
            color: #ffffff !important;
        }
        .navbar-nav .nav-link:hover .bi {
            transform: scale(1.15);
        }
        .navbar-nav .nav-link .bi {
            transition: transform 0.2s ease-in-out;
            display: inline-block;
        }
        .navbar-nav .nav-link.active-core {
            background-color: var(--bowie-red) !important;
            color: #ffffff !important;
            box-shadow: 0 4px 12px rgba(180, 20, 20, 0.35);
        }

        .pwa-bottom-nav {
            background-color: rgba(15, 23, 42, 0.85); /* var(--bowie-dark) at 85% */
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            height: 60px;
            box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);
        }

        .pwa-nav-item {
            color: #94a3b8;
            font-size: 11px;
            text-decoration: none;
            transition: color 0.15s ease-in-out, opacity 0.1s ease-in-out;
            -webkit-tap-highlight-color: transparent;
        }

        .pwa-nav-item:active {
            opacity: 0.6;
        }

        .pwa-nav-item.active {
            color: #ffffff;
            font-weight: bold;
        }

        .pwa-nav-item .bi {
            font-size: 20px;
            display: block;
            margin-bottom: 2px;
        }

        .pwa-nav-item.active .bi {
            color: var(--bowie-red);
        }
        
        .text-truncate-1 {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        @keyframes pulse-danger {
            0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7); }
            70% { transform: scale(1.1); box-shadow: 0 0 0 8px rgba(220, 53, 69, 0); }
            100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); }
        }
        .badge-pulse {
            animation: pulse-danger 2s infinite ease-in-out;
            border: 2px solid var(--bowie-dark);
        }

        /* Puls-Effekt für das Live-Label in der Navbar */
        @keyframes navPulse {
            0% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.6; transform: scale(0.95); }
            100% { opacity: 1; transform: scale(1); }
        }
        .animate-pulse {
            animation: navPulse 2s infinite ease-in-out;
        }

        .text-muted-gold { color: #cbd5e1 !important; }
        .xsmall { font-size: 11px; }
        .uppercase { text-transform: uppercase; letter-spacing: 0.5px; }
        .tracking-wider { letter-spacing: 1px; }
        .track-row:hover { background-color: #f8fafc; }
        
        .nav-glass {
            background-color: rgba(17, 22, 34, 0.75) !important;
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
            transition: all 0.3s ease;
        }

        .dropdown-menu-dark {
            border-radius: 12px;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            padding: 0.5rem;
        }
        .dropdown-menu-dark .dropdown-item {
            border-radius: 8px;
            padding: 0.5rem 1rem;
            transition: all 0.2s ease;
        }
        .dropdown-menu-dark .dropdown-item:hover {
            background-color: rgba(255, 255, 255, 0.08) !important;
            transform: translateX(4px);
        }
        .dropdown-menu-dark .dropdown-item .bi {
            transition: transform 0.2s ease-in-out;
            display: inline-block;
        }
        .dropdown-menu-dark .dropdown-item:hover .bi {
            transform: scale(1.15) rotate(5deg);
        }
        .dropdown-menu-dark .dropdown-item.active {
            background-color: var(--bowie-red) !important;
        }

        /* ====================================================
           Responsive Breakpoints & Accessibility Overrides
           ==================================================== */
        
        /* Accessibility Contrast Enhancements (WCAG 2.1 Compliance) */
        body {
            color: #1e293b !important; /* Slate 800 (Excellent contrast on light backgrounds) */
            font-size: 15px;
            line-height: 1.6;
        }

        .text-muted, 
        .text-secondary {
            color: #475569 !important; /* Slate 600 (contrast ratio > 4.5:1 on light backgrounds) */
        }
        
        /* Override for elements inside dark-themed containers */
        .bg-dark .text-muted,
        .bg-dark .text-secondary,
        .bg-dark .text-muted *,
        .bg-dark .text-secondary *,
        .user-sidebar .text-muted,
        .user-sidebar .text-secondary,
        .user-sidebar .text-muted *,
        .user-sidebar .text-secondary *,
        .modal-content.bg-dark .text-muted,
        .modal-content.bg-dark .text-secondary,
        .pwa-bottom-nav .text-muted,
        .pwa-bottom-nav .text-secondary,
        .pwa-bottom-nav .pwa-nav-item,
        footer.bg-dark .text-white-50,
        footer.bg-dark a.text-white-50,
        .dropdown-menu-dark .dropdown-item.active {
            color: #cbd5e1 !important; /* Light Slate Gray (contrast ratio > 4.5:1 on dark backgrounds) */
        }

        /* Link readability & focus indicators */
        main a:not(.btn):not(.nav-link):not(.pwa-nav-item):not(.dropdown-item):not(.badge):not(.page-link) {
            color: #0b5ed7;
            text-decoration: underline;
            text-underline-offset: 2px;
        }
        main a:not(.btn):not(.nav-link):not(.pwa-nav-item):not(.dropdown-item):not(.badge):not(.page-link):hover {
            color: #b41414 !important;
            text-decoration: underline;
        }
        .hover-info-link:hover {
            color: #097d95 !important;
        }
        .hover-underline:hover {
            text-decoration: underline !important;
        }

        /* Better contrast for navbar items */
        .navbar-dark .navbar-nav .nav-link.text-white-50 {
            color: #cbd5e1 !important; /* MUCH higher contrast than text-white-50 (rgba(255,255,255,0.5)) */
        }
        .navbar-dark .navbar-nav .nav-link.text-white-50:hover {
            color: #ffffff !important;
        }
        .dropdown-menu-dark .dropdown-item {
            color: #e2e8f0 !important;
        }
        .dropdown-menu-dark .dropdown-item:hover {
            color: #ffffff !important;
            background-color: rgba(255, 255, 255, 0.1) !important;
        }
        
        /* Better contrast for PWA bottom navigation active/inactive items */
        .pwa-bottom-nav .pwa-nav-item {
            color: #cbd5e1 !important;
        }
        .pwa-bottom-nav .pwa-nav-item.active {
            color: #ffffff !important;
        }
        .pwa-bottom-nav .pwa-nav-item.active .bi {
            color: #ef4444 !important;
        }

        /* Input fields and placeholder contrast */
        .form-control::placeholder {
            color: #64748b !important;
            opacity: 1;
        }
        .form-control {
            border-color: #cbd5e1 !important;
            color: #1e293b !important;
        }
        .form-control:focus {
            border-color: #b41414 !important;
            box-shadow: 0 0 0 0.25rem rgba(180, 20, 20, 0.25) !important;
        }

        /* Breadcrumb styling for higher visibility */
        .breadcrumb-item a {
            color: #475569 !important;
        }
        .breadcrumb-item a:hover {
            color: #b41414 !important;
        }
        .breadcrumb-item.active {
            color: #1e293b !important;
            font-weight: 500;
        }

        /* Einheitliche Typografie-Definitionen */
        .xsmall, small, .font-monospace.x-small {
            font-size: 0.75rem !important; /* Entspricht 12px bei 16px Basis */
            line-height: 1.4;
        }
        
        /* Desktop Hover Effects (Only active on pointer devices with hover support) */
        @media (hover: hover) {
            .card:hover, .stat-card:hover, .board-card:hover, .topic-card:hover, .disco-card:hover, .transition-card:hover { 
                transform: translateY(-4px) !important; 
                box-shadow: 0 12px 24px rgba(0,0,0,0.1) !important; 
                transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s ease-in-out !important;
            }
        }

        /* Mobile/Tablet Touch Interaction (Active state instead of hover) */
        @media (hover: none) {
            .card:active, .stat-card:active, .board-card:active, .topic-card:active, .disco-card:active, .transition-card:active {
                transform: scale(0.98) !important;
                transition: transform 0.1s ease-in-out !important;
            }
        }

        /* Mobile Viewport Optimizations (< 768px) */
        @media (max-width: 767.98px) {
            /* Solve the h-100 height trap on mobile single column layout */
            .card, .stat-card, .board-card, .topic-card, .disco-card {
                height: auto !important;
            }
            
            /* Minimum touch target size (44px x 44px) for touch interfaces on buttons and nav elements */
            .btn, 
            .nav-link, 
            .pwa-nav-item, 
            .pagination a, 
            .btn-group a, 
            .dropdown-item, 
            .sidebar-link {
                min-height: 44px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding-top: 10px !important;
                padding-bottom: 10px !important;
            }
        }

        /* Mobile collapse menu background & spacing for high contrast */
        @media (max-width: 991.98px) {
            .navbar-collapse {
                background-color: #111622 !important;
                padding: 1.25rem;
                border-radius: 12px;
                border: 1px solid rgba(255, 255, 255, 0.1);
                margin-top: 10px;
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
            }
            .navbar-collapse .nav-link {
                padding: 0.75rem 1rem !important;
                color: #cbd5e1 !important;
            }
            .navbar-collapse .nav-link:hover,
            .navbar-collapse .nav-link.active-core {
                background-color: var(--bowie-red) !important;
                color: #ffffff !important;
            }
        }
    </style>
</head>
<body class="d-flex flex-column h-100">
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WDVFLQ"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <nav class="navbar navbar-expand-lg navbar-dark fixed-top py-2 shadow-sm nav-glass">
        <div class="container" style="max-width: 1248px;">
            <a class="navbar-brand d-flex align-items-center gap-1 fw-bold font-monospace text-uppercase tracking-wider" href="/index.php?action=home">
                <span class="text-white">David Bowie</span><span style="color: var(--bowie-red);"><i class="bi bi-lightning-fill text-warning mx-1"></i>Forum</span>
            </a>
            <button class="navbar-toggler border-0 p-1" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Navigation umschalten">
                <span class="navbar-toggler-icon"></span>
            </button>
            
            <div class="collapse navbar-collapse" id="mainNavbar">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0 mt-2 mt-lg-0 gap-1 small">
                    
                    <!-- 1. Foren & Austausch -->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle text-white-50" 
                           href="#" id="forumDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            <i class="bi bi-chat-left-text me-1"></i> Foren & Austausch
                        </a>
                        <ul class="dropdown-menu dropdown-menu-dark border-secondary shadow mt-1" aria-labelledby="forumDropdown" style="background-color: var(--bowie-dark);">
                            <li>
                                <a class="dropdown-item py-2 small " href="/index.php?action=forum">
                                     <i class="bi bi-layers me-2 text-info"></i> Foren-Übersicht
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item py-2 small " href="/index.php?action=unread">
                                     <i class="bi bi-newspaper me-2 text-danger"></i> Neue & Ungelesene Beiträge
                                </a>
                            </li>
                                                        <li><hr class="dropdown-divider border-secondary"></li>
                            <li>
                                <a class="dropdown-item py-2 small " href="/index.php?action=memberlist">
                                     <i class="bi bi-people-fill me-2 text-primary"></i> Mitgliederverzeichnis
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item py-2 small " href="/index.php?action=search">
                                     <i class="bi bi-search me-2 text-warning"></i> Foren-Suche
                                </a>
                            </li>
                        </ul>
                    </li>

                    <!-- 2. Magazin & Info -->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle text-white-50" 
                           href="#" id="blogDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            <i class="bi bi-journal-text me-1"></i> Magazin & Info
                        </a>
                        <ul class="dropdown-menu dropdown-menu-dark border-secondary shadow mt-1" aria-labelledby="blogDropdown" style="background-color: var(--bowie-dark);">
                            <li>
                                <a class="dropdown-item py-2 small " href="/index.php?action=blog">
                                     <i class="bi bi-journal-text me-2 text-info"></i> Das Magazin
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item py-2 small " href="/index.php?action=about">
                                     <i class="bi bi-person-bounding-box me-2 text-warning"></i> Über das Projekt
                                </a>
                            </li>
                        </ul>
                    </li>

                    <!-- 3. Archiv-Zentrale -->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle text-white-50" 
                           href="#" id="archiveDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            <i class="bi bi-archive me-1"></i> Archiv-Zentrale
                        </a>
                        <ul class="dropdown-menu dropdown-menu-dark border-secondary shadow mt-1" aria-labelledby="archiveDropdown" style="background-color: var(--bowie-dark);">
                            <li>
                                <a class="dropdown-item py-2 small " 
                                   href="/index.php?action=archive&sa=discography">
                                     <i class="bi bi-disc-fill me-2 text-info"></i> Chronologische Diskografie
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item py-2 small " 
                                   href="/index.php?action=lineups">
                                     <i class="bi bi-people-fill text-warning me-2"></i> Besetzungshistorie (Line-ups)
                                 </a>
                             </li>
                            <li>
                                <a class="dropdown-item py-2 small " 
                                   href="/index.php?action=archive&sa=concerts">
                                     <i class="bi bi-calendar3 me-2 text-success"></i> Tour-Archiv (Setlist.fm)
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item py-2 small " 
                                   href="/index.php?action=archive&sa=history">
                                     <i class="bi bi-clock-fill text-warning me-2"></i> "Living History" Chronik
                                 </a>
                             </li>
                             <li>
                                 <a class="dropdown-item py-2 small " 
                                    href="/index.php?action=va_archive">
                                       <i class="bi bi-bank me-2 text-danger"></i> V&A David Bowie Archiv
                                  </a>
                             </li>
                            <li>
                                <a class="dropdown-item py-2 small " 
                                   href="/index.php?action=va_archive&sa=gallery">
                                     <i class="bi bi-images me-2 text-warning"></i> V&A Online-Galerie (Live)
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item py-2 small " 
                                   href="/index.php?action=books">
                                     <i class="bi bi-book-fill me-2 text-warning"></i> Bowies Top 100 Bücher
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item py-2 small " 
                                   href="/index.php?action=genius">
                                     <i class="bi bi-music-note-list me-2 text-danger"></i> Songtexte
                                </a>
                            </li>
                        </ul>
                    </li>

                    <!-- 4. Entertainment & Interaktion -->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle text-white-50" 
                           href="#" id="funDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            <i class="bi bi-play-circle me-1"></i> Entertainment
                        </a>
                        <ul class="dropdown-menu dropdown-menu-dark border-secondary shadow mt-1" aria-labelledby="funDropdown" style="background-color: var(--bowie-dark);">
                            <li>
                                <a class="dropdown-item py-2 small d-flex align-items-center gap-1 " 
                                   href="#" 
                                   onclick="window.open('/index.php?action=radio', 'BowieRadio', 'width=500,height=600,scrollbars=no,resizable=no,status=no,menubar=no'); return false;">
                                    <span class="badge bg-danger me-1 tracking-wider text-uppercase animate-pulse" style="font-size: 0.65rem; padding: 3px 5px;">Live</span>
                                    <i class="bi bi-radio me-2 text-danger"></i> Bowie-Radio (Pop-up)
                                </a>
                            </li>

                            <li>
                                <a class="dropdown-item py-2 small " href="/index.php?action=chat">
                                     <i class="bi bi-chat-dots me-2 text-success"></i> Live Chat & PM
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item py-2 small " href="/index.php?action=video_lounge">
                                     <i class="bi bi-camera-video-fill me-2 text-danger"></i> Video-Stammtisch
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item py-2 small " href="/index.php?action=calendar">
                                     <i class="bi bi-calendar-event me-2 text-danger"></i> Live-Kalender
                                </a>
                            </li>
                        </ul>
                    </li>

                    <!-- 5. Support & Statistiken -->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle text-white-50" 
                           href="#" id="supportDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            <i class="bi bi-info-circle me-1"></i> Support & Infos
                        </a>
                        <ul class="dropdown-menu dropdown-menu-dark border-secondary shadow mt-1" aria-labelledby="supportDropdown" style="background-color: var(--bowie-dark);">
                            <li>
                                <a class="dropdown-item py-2 small " href="/index.php?action=help">
                                     <i class="bi bi-question-circle me-2 text-info"></i> Hilfe & FAQ
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item py-2 small " href="/index.php?action=stats">
                                     <i class="bi bi-graph-up me-2 text-success"></i> Forum-Statistik
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item py-2 small " href="/index.php?action=handbuch">
                                     <i class="bi bi-book me-2 text-warning"></i> Benutzerhandbuch
                                </a>
                            </li>
                            <li><hr class="dropdown-divider border-secondary"></li>
                            <li class="dropdown-header text-uppercase tracking-wider text-muted-gold xsmall">Social Media</li>
                            <li>
                                <a class="dropdown-item py-2 small" href="https://www.instagram.com/davidbowieforum/" target="_blank" rel="noopener noreferrer">
                                     <i class="bi bi-instagram me-2" style="color: #e1306c !important;"></i> Instagram (@davidbowieforum)
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item py-2 small" href="https://www.facebook.com/profile.php?id=61592906173847" target="_blank" rel="noopener noreferrer">
                                     <i class="bi bi-facebook me-2" style="color: #1877f2 !important;"></i> Facebook-Seite
                                </a>
                            </li>
                        </ul>
                    </li>

                </ul>
                
                <div class="d-flex align-items-center gap-3 mt-3 mt-lg-0">
                                            <div class="d-none d-lg-flex align-items-center gap-2">
                            <a class="btn btn-sm btn-outline-light px-3" href="/index.php?action=login">Anmelden</a>
                            <a class="btn btn-sm btn-danger px-3 text-white" href="/index.php?action=register">Registrieren</a>
                        </div>
                                    </div>

                <!-- Mobile Action Buttons inside collapse -->
                <div class="d-flex d-lg-none flex-column gap-2 mt-3 w-100 border-top border-secondary pt-3">
                                            <a class="btn btn-outline-light w-100" href="/index.php?action=login">Anmelden</a>
                        <a class="btn btn-danger w-100 text-white" href="/index.php?action=register">Registrieren</a>
                                    </div>
            </div>
        </div>
    </nav>

    <!-- ====================================================
         MODIFIZIERT: PWA Bottom Nav für Mobilgeräte
         ==================================================== -->
    <div class="pwa-bottom-nav fixed-bottom d-md-none z-3">
        <div class="container h-100 px-0">
            <div class="row h-100 g-0 text-center align-items-center">
                <div class="col">
                    <a href="/index.php?action=forum" class="pwa-nav-item d-block ">
                        <i class="bi bi-layers"></i>
                        <span class="text-truncate-1">Foren</span>
                    </a>
                </div>
                <div class="col">
                    <a href="/index.php?action=unread" class="pwa-nav-item d-block ">
                        <i class="bi bi-clock-history"></i>
                        <span class="text-truncate-1">Neu</span>
                    </a>
                </div>
                <div class="col">
                    <!-- Öffnet das Radio auf Smartphones als neues, isoliertes Browser-Tab ohne Foren-Ballast -->
                    <a href="#" 
                       onclick="window.open('/index.php?action=radio', '_blank'); return false;" 
                       class="pwa-nav-item d-block ">
                        <i class="bi bi-radio"></i>
                        <span class="text-truncate-1">Radio</span>
                    </a>
                </div>
                                <div class="col">
                                            <a href="/index.php?action=login" class="pwa-nav-item d-block ">
                            <i class="bi bi-box-arrow-in-right"></i>
                            <span class="text-truncate-1">Login</span>
                        </a>
                                    </div>
            </div>
        </div>
    </div>

    <main class="flex-shrink-0">

<div class="container py-2">
    
    <div class="mb-4">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-2">
                <li class="breadcrumb-item">
                    <a href="index.php?action=board" class="text-decoration-none text-muted">
                        <i class="bi bi-house-door-fill me-1"></i>Forum
                    </a>
                </li>
                <li class="breadcrumb-item">
                    <a href="/board/0-beitraege" class="text-decoration-none text-danger fw-semibold">
                        Beiträge                    </a>
                </li>
                <li class="breadcrumb-item active text-truncate" aria-current="page" style="max-width: 300px;">
                    A New Career In A New Town | SdT 01.01.2021                </li>
            </ol>
        </nav>
        <h1 class="h3 fw-bold text-dark m-0 mt-1 d-flex flex-wrap align-items-center gap-2">
            A New Career In A New Town | SdT 01.01.2021                                </h1>
                    </div>

    
    
                                    
            <div class="card border-0 shadow-sm mb-4 overflow-hidden forum-post-card " id="msg-240222">
                <div class="row g-0 align-items-stretch">
                    <div class="col-lg-3 col-md-4 text-white p-3 border-end border-secondary d-flex flex-column justify-content-between user-sidebar" style="background-color: #1a1e29 !important;">
                        <div class="text-center text-md-start">
                            <div class="fw-bold text-info h5 mb-1 text-truncate font-monospace d-flex align-items-center justify-content-between" title="mrs.stardust">
                                <span class="text-truncate" style="max-width: 85%;">mrs.stardust</span>
                                                            </div>
                            
                             <div class="small mb-3">
                                                                  <span class="badge rounded-pill px-2 py-1 text-white" style="background-color: #6c757d; font-size: 0.65rem; border: 1px solid rgba(0,0,0,0.15); letter-spacing: 0.03em;">
                                     SdT Orga                                 </span>
                             </div>
                            
                             <div class="my-3 d-none d-md-block text-center">
                                                                      <div class="d-inline-flex align-items-center justify-content-center rounded-circle bg-secondary text-white fw-bold shadow-sm" style="width: 80px; height: 80px; font-size: 2rem; font-family: var(--bs-font-monospace);">
                                         M                                     </div>
                                                              </div>
                        </div>
                        
                        <div class="small text-secondary pt-2 border-top border-secondary mt-3 d-flex flex-column gap-1">
                            <span class="d-block"><i class="bi bi-pencil-square text-muted me-1"></i>Beiträge: <strong class="text-light">2.410</strong></span>
                                                            <span class="d-block"><i class="bi bi-calendar3 text-muted me-1"></i>Registriert: <strong class="text-light">02.01.2020</strong></span>
                                                    </div>
                    </div>
                    
                    <div class="col-lg-9 col-md-8 bg-white p-4 d-flex flex-column justify-content-between">
                        <div>
                            <div class="text-muted border-bottom pb-2 mb-3 d-flex justify-content-between align-items-center style-date" style="font-size: 0.8rem;">
                                <span>
                                    <i class="bi bi-clock-history me-1 text-danger"></i> 
                                    01.01.2021, 12:06 Uhr
                                </span>
                                <div class="d-flex align-items-center gap-2">
                                                                        <a href="#msg-240222" class="text-decoration-none text-muted small hover-red fw-bold">
                                        <i class="bi bi-hash"></i>240222                                    </a>
                                </div>
                            </div>
                            
                            <div class="card-text text-dark lh-base font-text-content rich-text-output">
                                <br /><strong><br />A New Career In A New Town</strong><br /><br />oder<br />a new year in an old town<br /><br />da isses,das neue jahr...und?<br />das gute an einem neuen jahr ist,dass es auch stets mit hoffnungen verbunden ist und dieses mal klammern wir uns wohl alle an dieselbe..<br />das der spuk hoffentlich bald ein ende hat!!!<br />und manchmal nimmt man sich auch persönliches vor,wie z.b.einen umzug?<br />ach,wie gerne hätte ich euch alle hier in der alten ,und immer wieder neuen stadt berlin!!!<br />so mancher von euch zieht dieses ja tatsächlich in betracht und ich kann nur sagen,los!!!<br />starten wir das neue jahr mit einem song von low...<br />low ist auch noch der gesamte organismus der misses nach viel champagner und mampe...<br />ganz gezielt wurde low gewählt,ein album,was man sehr gut,auch mit katze uffm kopp,hören kann...<br /><br />a new carreer in a new town<br /><br />noch im chateau aufgenommen,steht doch der entschluss bereits fest,dass unser freund nebst gesamter entourage nach west berlin ziehen wird.<br />wieder ein instrumental,wie so viele auf low..<br />was hören wir?<br />ruhige elektronische klänge am start,doch bald verwandelt sich der song in ein vorwärtstreibendes umzugskommando!<br />wieder ein synthie break und weiter gehts!<br />david moves on,again...<br />wunderbar das zusammenspiel des zukünftigen sounds durch synthesizer und dadurch entwickelte klanglandschaften von tüfftler eno,gepaart mit old fashioned instrumenten wie klavier und mundharmonika..<br />aufbruchstimmung...<br />das alte leben verlassen,die alten sounds verlassen...<br />neues schaffen...<br />und dies gelingt ganz wunderbar,da diese old/new symbiose ganz speziell dargestellt wird.<br />hugo wilcken,der das kleine,feine 33 1/3 büchlein über low schrieb,nannte a new carreer in a new town auch:es klingt wie abfahren und ankommen zur selben zeit...<br />das gefällt mir!<br />ob wir uns heute mit low oder all saints,der ganz ganz exquisiten compilation der instrumental songs unseres freundes,entkatern,darf natürlich jeder selbst bestimmen...<br />und wie heisst es doch so schön?<br />starte den tag mit dem getränk,mit dem du den vorherigen geendet hast...<br />ok,champagner ist noch da,das geht,mampe wäre mir jetzt echt zu hart!!!<br />gläschen eingiessen und oogie zur übergabe zuprosten!!!<br /><br />und euch allen!!<br />raise you glass high oogie baby!<br />unser letzter streich in der oogie/misses week!<br />ladies and gentlemen,the curtain will fall later on                            </div>

                                                         
                                                            <div class="mt-4 pt-3 text-muted signature-block" style="font-style: italic; font-size: 0.85rem;">
                                    Cat People                                </div>
                                                    </div>

                        <div class="border-top pt-3 mt-4 d-flex flex-wrap justify-content-between align-items-center bg-light p-2 rounded chat-action-toolbar">
                                                                                        <div class="w-100 d-flex flex-wrap gap-1 mb-2 px-2 mt-2 reactions-badges-container" data-msg-id="240222"></div>
                            
                            <div class="w-100 border-top my-2 d-none d-md-block" style="border-top-style: dashed !important;"></div>

                            <div class="w-100 d-flex flex-column flex-sm-row justify-content-between align-items-stretch align-items-sm-center gap-2">
                                <div class="d-flex flex-wrap gap-2">
                                    <a href="index.php?action=post_reply&topic=8641&quote=240222" class="btn btn-danger btn-sm fw-semibold px-3 shadow-sm text-nowrap">
                                        <i class="bi bi-quote me-1"></i> Zitieren / Beantworten
                                    </a>
                                                                    </div>
                                
                                <div class="d-flex align-items-center justify-content-between justify-content-sm-end gap-2">
                                    <div class="position-relative reaction-container d-inline-block">
                                                                                <a href="index.php?action=like_message&id_msg=240222&reaction=1" class="btn btn-outline-secondary btn-sm px-3 fw-medium reaction-trigger-btn" data-msg-id="240222" data-current-reaction="">
                                                                                            <i class="bi bi-hand-thumbs-up me-1"></i> Gefällt mir
                                                                                    </a>
                                        <div class="reaction-popover position-absolute" style="bottom: 100%; left: 50%; transform: translateX(-50%); z-index: 1000; padding-bottom: 8px;">
                                            <div class="shadow border rounded bg-white p-2 d-flex gap-2" style="white-space: nowrap;">
                                                                                                    <a href="index.php?action=like_message&id_msg=240222&reaction=1" class="reaction-emoji-btn text-decoration-none" title="Gefällt mir" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240222" data-reaction="1">
                                                        👍                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240222&reaction=2" class="reaction-emoji-btn text-decoration-none" title="Liebe" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240222" data-reaction="2">
                                                        ❤️                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240222&reaction=3" class="reaction-emoji-btn text-decoration-none" title="Haha" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240222" data-reaction="3">
                                                        😄                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240222&reaction=4" class="reaction-emoji-btn text-decoration-none" title="Wow" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240222" data-reaction="4">
                                                        😮                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240222&reaction=5" class="reaction-emoji-btn text-decoration-none" title="Traurig" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240222" data-reaction="5">
                                                        😢                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240222&reaction=6" class="reaction-emoji-btn text-decoration-none" title="Wütend" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240222" data-reaction="6">
                                                        😡                                                    </a>
                                                                                            </div>
                                        </div>
                                    </div>
                                
                                    <div class="dropdown">
                                        <button class="btn btn-link text-muted btn-sm p-1 text-decoration-none dropdown-toggle" type="button" id="moreActions-240222" data-bs-toggle="dropdown" aria-expanded="false">
                                            <i class="bi bi-three-dots-vertical me-1"></i> Mehr
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-end shadow border-secondary" aria-labelledby="moreActions-240222">
                                                                                        
                                                    
                                            <li>
                                                <a class="dropdown-item small" href="/index.php?action=post_reply&topic=8641">
                                                    <i class="bi bi-chat-left-quote me-2 text-success"></i> Zitat-Thema
                                                </a>
                                            </li>
                                            
                                                    
                                            <li><hr class="dropdown-divider border-light"></li>
                                            <li>
                                                <a class="dropdown-item small text-secondary" href="/index.php?action=report_message&id_msg=240222">
                                                    <i class="bi bi-exclamation-triangle-fill me-2 text-danger"></i> Beitrag melden
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
                                
            <div class="card border-0 shadow-sm mb-4 overflow-hidden forum-post-card " id="msg-240223">
                <div class="row g-0 align-items-stretch">
                    <div class="col-lg-3 col-md-4 text-white p-3 border-end border-secondary d-flex flex-column justify-content-between user-sidebar" style="background-color: #1a1e29 !important;">
                        <div class="text-center text-md-start">
                            <div class="fw-bold text-info h5 mb-1 text-truncate font-monospace d-flex align-items-center justify-content-between" title="Ulli">
                                <span class="text-truncate" style="max-width: 85%;">Ulli</span>
                                                            </div>
                            
                             <div class="small mb-3">
                                                                  <span class="badge rounded-pill px-2 py-1 text-white" style="background-color: #6c757d; font-size: 0.65rem; border: 1px solid rgba(0,0,0,0.15); letter-spacing: 0.03em;">
                                     SdT Orga                                 </span>
                             </div>
                            
                             <div class="my-3 d-none d-md-block text-center">
                                                                      <div class="d-inline-flex align-items-center justify-content-center rounded-circle bg-secondary text-white fw-bold shadow-sm" style="width: 80px; height: 80px; font-size: 2rem; font-family: var(--bs-font-monospace);">
                                         U                                     </div>
                                                              </div>
                        </div>
                        
                        <div class="small text-secondary pt-2 border-top border-secondary mt-3 d-flex flex-column gap-1">
                            <span class="d-block"><i class="bi bi-pencil-square text-muted me-1"></i>Beiträge: <strong class="text-light">1.859</strong></span>
                                                            <span class="d-block"><i class="bi bi-calendar3 text-muted me-1"></i>Registriert: <strong class="text-light">13.10.2017</strong></span>
                                                    </div>
                    </div>
                    
                    <div class="col-lg-9 col-md-8 bg-white p-4 d-flex flex-column justify-content-between">
                        <div>
                            <div class="text-muted border-bottom pb-2 mb-3 d-flex justify-content-between align-items-center style-date" style="font-size: 0.8rem;">
                                <span>
                                    <i class="bi bi-clock-history me-1 text-danger"></i> 
                                    01.01.2021, 12:11 Uhr
                                </span>
                                <div class="d-flex align-items-center gap-2">
                                                                        <a href="#msg-240223" class="text-decoration-none text-muted small hover-red fw-bold">
                                        <i class="bi bi-hash"></i>240223                                    </a>
                                </div>
                            </div>
                            
                            <div class="card-text text-dark lh-base font-text-content rich-text-output">
                                Prost misses 🍾🥂!! Jetzt ist es also da, dieses 🎊Zweitausendeinundzwanzig🥳. Machen wir was draus, Peoploids! <br /><br />Schönes Stück heute. Zum Nachdenken und Überlegen, was wir aus 2020 gelernt haben. Eine ganze Menge und irgendwie ist ja auch alles immer für was gut.<br /><br />Und es geht heute nach Berlin. Sehnsuchtsort. Gefällt mir:<br /><br />Der Titel dieses wunderschönen Instrumentalstücks deutet eine Aussage über Bowies kreative Umsiedlung nach Berlin an; tatsächlich wurde &quot;A New Career In A New Town&quot; in Frankreich in der Anfangsphase der Low-Sessions aufgenommen, aber was zählt, ist der Übergangscharakter der Musik. Es gibt eine fesselnde Reibung zwischen all dem, was Davids Mundharmonika-Solo über die Authentizität der Staaten und ihre R&amp;B-Wurzeln aussagt, einerseits und dem glänzenden, roboterhaften Puls einer besonders kraftwerk-artigen Synthesizer-Unterstützung andererseits: Das elektronische Schlagzeug zu Beginn ist eine direkte Anlehnung an den Titeltrack der Radio-Activity von 1975. Mehr als 25 Jahre nach der Veröffentlichung von Low gab &quot;A New Career In A New Town&quot; sein Live-Debüt auf der Heathen-Tournee und tauchte anschließend auf der A Reality-Tournee wieder auf.<br /><br />Schön war die Runde mit der Misses.Sehr schön. Dieser Senf ist unnachahmlich 🌟 und einzigartig wie vieles hier. Das war No. 205 und wir geben fröhlich ab an…..ja, an wen eigentlich 🤔? <br /><br />Kommt gut rein in dieses 2021,<br />&quot;A New Year in A New World&quot; - immerhin ist Donald bald wieder nur eine 🦆.<br /><br />Misses 🤡 empfehlen sich...😘😘<br />                            </div>

                                                         
                                                            <div class="mt-4 pt-3 text-muted signature-block" style="font-style: italic; font-size: 0.85rem;">
                                    LG<br />Oogie                                </div>
                                                    </div>

                        <div class="border-top pt-3 mt-4 d-flex flex-wrap justify-content-between align-items-center bg-light p-2 rounded chat-action-toolbar">
                                                                                        <div class="w-100 d-flex flex-wrap gap-1 mb-2 px-2 mt-2 reactions-badges-container" data-msg-id="240223"></div>
                            
                            <div class="w-100 border-top my-2 d-none d-md-block" style="border-top-style: dashed !important;"></div>

                            <div class="w-100 d-flex flex-column flex-sm-row justify-content-between align-items-stretch align-items-sm-center gap-2">
                                <div class="d-flex flex-wrap gap-2">
                                    <a href="index.php?action=post_reply&topic=8641&quote=240223" class="btn btn-danger btn-sm fw-semibold px-3 shadow-sm text-nowrap">
                                        <i class="bi bi-quote me-1"></i> Zitieren / Beantworten
                                    </a>
                                                                    </div>
                                
                                <div class="d-flex align-items-center justify-content-between justify-content-sm-end gap-2">
                                    <div class="position-relative reaction-container d-inline-block">
                                                                                <a href="index.php?action=like_message&id_msg=240223&reaction=1" class="btn btn-outline-secondary btn-sm px-3 fw-medium reaction-trigger-btn" data-msg-id="240223" data-current-reaction="">
                                                                                            <i class="bi bi-hand-thumbs-up me-1"></i> Gefällt mir
                                                                                    </a>
                                        <div class="reaction-popover position-absolute" style="bottom: 100%; left: 50%; transform: translateX(-50%); z-index: 1000; padding-bottom: 8px;">
                                            <div class="shadow border rounded bg-white p-2 d-flex gap-2" style="white-space: nowrap;">
                                                                                                    <a href="index.php?action=like_message&id_msg=240223&reaction=1" class="reaction-emoji-btn text-decoration-none" title="Gefällt mir" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240223" data-reaction="1">
                                                        👍                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240223&reaction=2" class="reaction-emoji-btn text-decoration-none" title="Liebe" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240223" data-reaction="2">
                                                        ❤️                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240223&reaction=3" class="reaction-emoji-btn text-decoration-none" title="Haha" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240223" data-reaction="3">
                                                        😄                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240223&reaction=4" class="reaction-emoji-btn text-decoration-none" title="Wow" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240223" data-reaction="4">
                                                        😮                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240223&reaction=5" class="reaction-emoji-btn text-decoration-none" title="Traurig" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240223" data-reaction="5">
                                                        😢                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240223&reaction=6" class="reaction-emoji-btn text-decoration-none" title="Wütend" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240223" data-reaction="6">
                                                        😡                                                    </a>
                                                                                            </div>
                                        </div>
                                    </div>
                                
                                    <div class="dropdown">
                                        <button class="btn btn-link text-muted btn-sm p-1 text-decoration-none dropdown-toggle" type="button" id="moreActions-240223" data-bs-toggle="dropdown" aria-expanded="false">
                                            <i class="bi bi-three-dots-vertical me-1"></i> Mehr
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-end shadow border-secondary" aria-labelledby="moreActions-240223">
                                                                                        
                                                    
                                            <li>
                                                <a class="dropdown-item small" href="/index.php?action=post_reply&topic=8641">
                                                    <i class="bi bi-chat-left-quote me-2 text-success"></i> Zitat-Thema
                                                </a>
                                            </li>
                                            
                                                    
                                            <li><hr class="dropdown-divider border-light"></li>
                                            <li>
                                                <a class="dropdown-item small text-secondary" href="/index.php?action=report_message&id_msg=240223">
                                                    <i class="bi bi-exclamation-triangle-fill me-2 text-danger"></i> Beitrag melden
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
                                
            <div class="card border-0 shadow-sm mb-4 overflow-hidden forum-post-card " id="msg-240224">
                <div class="row g-0 align-items-stretch">
                    <div class="col-lg-3 col-md-4 text-white p-3 border-end border-secondary d-flex flex-column justify-content-between user-sidebar" style="background-color: #1a1e29 !important;">
                        <div class="text-center text-md-start">
                            <div class="fw-bold text-info h5 mb-1 text-truncate font-monospace d-flex align-items-center justify-content-between" title="Simone">
                                <span class="text-truncate" style="max-width: 85%;">Simone</span>
                                                            </div>
                            
                             <div class="small mb-3">
                                                                  <span class="badge rounded-pill px-2 py-1 text-white" style="background-color: #6c757d; font-size: 0.65rem; border: 1px solid rgba(0,0,0,0.15); letter-spacing: 0.03em;">
                                     SdT Orga                                 </span>
                             </div>
                            
                             <div class="my-3 d-none d-md-block text-center">
                                                                      <img src="http://abload.de/img/avatar6nxg0.jpg" alt="Avatar" class="img-thumbnail rounded-circle bg-secondary border-0 shadow-sm" style="width: 80px; height: 80px; object-fit: cover;">
                                                              </div>
                        </div>
                        
                        <div class="small text-secondary pt-2 border-top border-secondary mt-3 d-flex flex-column gap-1">
                            <span class="d-block"><i class="bi bi-pencil-square text-muted me-1"></i>Beiträge: <strong class="text-light">17.891</strong></span>
                                                            <span class="d-block"><i class="bi bi-calendar3 text-muted me-1"></i>Registriert: <strong class="text-light">05.12.2003</strong></span>
                                                    </div>
                    </div>
                    
                    <div class="col-lg-9 col-md-8 bg-white p-4 d-flex flex-column justify-content-between">
                        <div>
                            <div class="text-muted border-bottom pb-2 mb-3 d-flex justify-content-between align-items-center style-date" style="font-size: 0.8rem;">
                                <span>
                                    <i class="bi bi-clock-history me-1 text-danger"></i> 
                                    01.01.2021, 12:35 Uhr
                                </span>
                                <div class="d-flex align-items-center gap-2">
                                                                        <a href="#msg-240224" class="text-decoration-none text-muted small hover-red fw-bold">
                                        <i class="bi bi-hash"></i>240224                                    </a>
                                </div>
                            </div>
                            
                            <div class="card-text text-dark lh-base font-text-content rich-text-output">
                                Ah, da seid ihr ja 🙂 Hatte eben schon einmal vergeblich geschaut!<br />Allen nochmal eine schönes neues Jahr 🤗<br /><br />Der erste Song des neuen Jahres ist mein Lieblingsinstrumentalstück.<br />Während ich mit den meisten anderen erst nach und nach anfreunden musste (vor allem da mir einfach seine Stimme fehlte) hab ich dieses beschwingte Stück schon immer geliebt.<br />Und es im Rahmen von der Heathen Tour einige Male live erlebt.<br />Hmm...bei Reality sicher auch aber das ist mir irgendwie nicht ganz so präsent 🤔<br /><br />Bei Heathen fällt mir dabei insbesondere das Konzert bei der Area2 Tour nahe Seattle ein, The Gorge.<br />Hach...das war eins meiner absoluten Lieblingskonzerte.<br />Leider gibt es kein Video davon. Ansonsten würde man David bei &quot;A New Career In A New Town&quot; mit einem Kleidchen im Arm herumtanzen sehen, welches ich ihm schon bei &quot;Cactus&quot; auf die Bühne geworfen habe.<br />Das war ein Anblick, haaach. 😍😍😍<br />Ich bedauere nur bis heute, dass ich das Kleid nicht wiederbekommen habe sondern ne Tussi ein paar Meter rechts von mir. Heeeuuuul. Das muss so gut nach ihm geduftet haben danach. 😭😭😭<br /><br />Hm ich habe gerade mal gezählt - A New Career In A New Town hat er ganze 11 Songs nach Cactus gebracht - erstaunlich, dass er da nochmal nach dem Gimmick griff, was soviel früher schon kam...<br /><br />Tja...soviel zu persönlichem Senf. Lyrics erübrigen sich heute ja. <br />Und Tubies folgen gleich noch 🙂<br /><br />LG Simone<br /><br />Albumversion<br /><div class="ratio ratio-16x9 my-3"><iframe src="https://www.youtube-nocookie.com/embed/JhZqsYkl1zI" allowfullscreen></iframe></div><br /><br />1999 Remaster<br /><div class="ratio ratio-16x9 my-3"><iframe src="https://www.youtube-nocookie.com/embed/_pfiOwh431M" allowfullscreen></iframe></div><br /><br />2017 Remaster<br /><div class="ratio ratio-16x9 my-3"><iframe src="https://www.youtube-nocookie.com/embed/kZssy0IiyMA" allowfullscreen></iframe></div><br /><br />Roseland 2002<br /><div class="ratio ratio-16x9 my-3"><iframe src="https://www.youtube-nocookie.com/embed/tIPMslmtuwE" allowfullscreen></iframe></div><br /><br />Meltdown 2002 (ab 32:45)<br /><div class="ratio ratio-16x9 my-3"><iframe src="https://www.youtube-nocookie.com/embed/sDWOvTABmD0" allowfullscreen></iframe></div><br /><br />Montreux 2002<br /><div class="ratio ratio-16x9 my-3"><iframe src="https://www.youtube-nocookie.com/embed/h4vL0PUpUeA" allowfullscreen></iframe></div><br /><br />The Gorge 2002 (Audio; ab 1:08:47- oh was für eine schöne Stelle! 😍 - und das ist das von mir erwähnte Konzert. Genau davor sang er übrigens auch die beiden Elvis Songs)<br /><div class="ratio ratio-16x9 my-3"><iframe src="https://www.youtube-nocookie.com/embed/gbtnhzRK04A" allowfullscreen></iframe></div><br /><br />Paris 2002 (Audio)<br /><div class="ratio ratio-16x9 my-3"><iframe src="https://www.youtube-nocookie.com/embed/WeNd5LI954I" allowfullscreen></iframe></div><br /><br />Australia 2004 (Audio)<br /><div class="ratio ratio-16x9 my-3"><iframe src="https://www.youtube-nocookie.com/embed/vn638D-tB0U" allowfullscreen></iframe></div><br /><br />Tokyo 2004<br /><div class="ratio ratio-16x9 my-3"><iframe src="https://www.youtube-nocookie.com/embed/T7KSM5j4-Zg" allowfullscreen></iframe></div><br /><br />TourDeForce 2012<br /><div class="ratio ratio-16x9 my-3"><iframe src="https://www.youtube-nocookie.com/embed/N2JyjCe4v0c" allowfullscreen></iframe></div><br />                            </div>

                                                         
                                                    </div>

                        <div class="border-top pt-3 mt-4 d-flex flex-wrap justify-content-between align-items-center bg-light p-2 rounded chat-action-toolbar">
                                                                                        <div class="w-100 d-flex flex-wrap gap-1 mb-2 px-2 mt-2 reactions-badges-container" data-msg-id="240224"></div>
                            
                            <div class="w-100 border-top my-2 d-none d-md-block" style="border-top-style: dashed !important;"></div>

                            <div class="w-100 d-flex flex-column flex-sm-row justify-content-between align-items-stretch align-items-sm-center gap-2">
                                <div class="d-flex flex-wrap gap-2">
                                    <a href="index.php?action=post_reply&topic=8641&quote=240224" class="btn btn-danger btn-sm fw-semibold px-3 shadow-sm text-nowrap">
                                        <i class="bi bi-quote me-1"></i> Zitieren / Beantworten
                                    </a>
                                                                    </div>
                                
                                <div class="d-flex align-items-center justify-content-between justify-content-sm-end gap-2">
                                    <div class="position-relative reaction-container d-inline-block">
                                                                                <a href="index.php?action=like_message&id_msg=240224&reaction=1" class="btn btn-outline-secondary btn-sm px-3 fw-medium reaction-trigger-btn" data-msg-id="240224" data-current-reaction="">
                                                                                            <i class="bi bi-hand-thumbs-up me-1"></i> Gefällt mir
                                                                                    </a>
                                        <div class="reaction-popover position-absolute" style="bottom: 100%; left: 50%; transform: translateX(-50%); z-index: 1000; padding-bottom: 8px;">
                                            <div class="shadow border rounded bg-white p-2 d-flex gap-2" style="white-space: nowrap;">
                                                                                                    <a href="index.php?action=like_message&id_msg=240224&reaction=1" class="reaction-emoji-btn text-decoration-none" title="Gefällt mir" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240224" data-reaction="1">
                                                        👍                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240224&reaction=2" class="reaction-emoji-btn text-decoration-none" title="Liebe" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240224" data-reaction="2">
                                                        ❤️                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240224&reaction=3" class="reaction-emoji-btn text-decoration-none" title="Haha" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240224" data-reaction="3">
                                                        😄                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240224&reaction=4" class="reaction-emoji-btn text-decoration-none" title="Wow" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240224" data-reaction="4">
                                                        😮                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240224&reaction=5" class="reaction-emoji-btn text-decoration-none" title="Traurig" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240224" data-reaction="5">
                                                        😢                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240224&reaction=6" class="reaction-emoji-btn text-decoration-none" title="Wütend" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240224" data-reaction="6">
                                                        😡                                                    </a>
                                                                                            </div>
                                        </div>
                                    </div>
                                
                                    <div class="dropdown">
                                        <button class="btn btn-link text-muted btn-sm p-1 text-decoration-none dropdown-toggle" type="button" id="moreActions-240224" data-bs-toggle="dropdown" aria-expanded="false">
                                            <i class="bi bi-three-dots-vertical me-1"></i> Mehr
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-end shadow border-secondary" aria-labelledby="moreActions-240224">
                                                                                        
                                                    
                                            <li>
                                                <a class="dropdown-item small" href="/index.php?action=post_reply&topic=8641">
                                                    <i class="bi bi-chat-left-quote me-2 text-success"></i> Zitat-Thema
                                                </a>
                                            </li>
                                            
                                                    
                                            <li><hr class="dropdown-divider border-light"></li>
                                            <li>
                                                <a class="dropdown-item small text-secondary" href="/index.php?action=report_message&id_msg=240224">
                                                    <i class="bi bi-exclamation-triangle-fill me-2 text-danger"></i> Beitrag melden
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
                                
            <div class="card border-0 shadow-sm mb-4 overflow-hidden forum-post-card " id="msg-240228">
                <div class="row g-0 align-items-stretch">
                    <div class="col-lg-3 col-md-4 text-white p-3 border-end border-secondary d-flex flex-column justify-content-between user-sidebar" style="background-color: #1a1e29 !important;">
                        <div class="text-center text-md-start">
                            <div class="fw-bold text-info h5 mb-1 text-truncate font-monospace d-flex align-items-center justify-content-between" title="mrs.stardust">
                                <span class="text-truncate" style="max-width: 85%;">mrs.stardust</span>
                                                            </div>
                            
                             <div class="small mb-3">
                                                                  <span class="badge rounded-pill px-2 py-1 text-white" style="background-color: #6c757d; font-size: 0.65rem; border: 1px solid rgba(0,0,0,0.15); letter-spacing: 0.03em;">
                                     SdT Orga                                 </span>
                             </div>
                            
                             <div class="my-3 d-none d-md-block text-center">
                                                                      <div class="d-inline-flex align-items-center justify-content-center rounded-circle bg-secondary text-white fw-bold shadow-sm" style="width: 80px; height: 80px; font-size: 2rem; font-family: var(--bs-font-monospace);">
                                         M                                     </div>
                                                              </div>
                        </div>
                        
                        <div class="small text-secondary pt-2 border-top border-secondary mt-3 d-flex flex-column gap-1">
                            <span class="d-block"><i class="bi bi-pencil-square text-muted me-1"></i>Beiträge: <strong class="text-light">2.410</strong></span>
                                                            <span class="d-block"><i class="bi bi-calendar3 text-muted me-1"></i>Registriert: <strong class="text-light">02.01.2020</strong></span>
                                                    </div>
                    </div>
                    
                    <div class="col-lg-9 col-md-8 bg-white p-4 d-flex flex-column justify-content-between">
                        <div>
                            <div class="text-muted border-bottom pb-2 mb-3 d-flex justify-content-between align-items-center style-date" style="font-size: 0.8rem;">
                                <span>
                                    <i class="bi bi-clock-history me-1 text-danger"></i> 
                                    01.01.2021, 12:38 Uhr
                                </span>
                                <div class="d-flex align-items-center gap-2">
                                                                        <a href="#msg-240228" class="text-decoration-none text-muted small hover-red fw-bold">
                                        <i class="bi bi-hash"></i>240228                                    </a>
                                </div>
                            </div>
                            
                            <div class="card-text text-dark lh-base font-text-content rich-text-output">
                                <blockquote class="blockquote border border-start border-3 border-danger p-3 bg-light rounded text-muted my-3"><strong>Simone schrieb am 01.01.2021, 12:35 <a href="index.php?msg=240224" class="small text-decoration-none text-info" title="Zum Beitrag"><i class="bi bi-arrow-up-right-square"></i></a>: </strong><br><br /><br /><br />Tja...soviel zu persönlichem Senf. Lyrics erübrigen sich heute ja. </blockquote> <br /> <br />oh girl😍🤩was für eine schöne geschichte❣️bin hin und weg!!!                            </div>

                                                         
                                                            <div class="mt-4 pt-3 text-muted signature-block" style="font-style: italic; font-size: 0.85rem;">
                                    Cat People                                </div>
                                                    </div>

                        <div class="border-top pt-3 mt-4 d-flex flex-wrap justify-content-between align-items-center bg-light p-2 rounded chat-action-toolbar">
                                                                                        <div class="w-100 d-flex flex-wrap gap-1 mb-2 px-2 mt-2 reactions-badges-container" data-msg-id="240228"></div>
                            
                            <div class="w-100 border-top my-2 d-none d-md-block" style="border-top-style: dashed !important;"></div>

                            <div class="w-100 d-flex flex-column flex-sm-row justify-content-between align-items-stretch align-items-sm-center gap-2">
                                <div class="d-flex flex-wrap gap-2">
                                    <a href="index.php?action=post_reply&topic=8641&quote=240228" class="btn btn-danger btn-sm fw-semibold px-3 shadow-sm text-nowrap">
                                        <i class="bi bi-quote me-1"></i> Zitieren / Beantworten
                                    </a>
                                                                    </div>
                                
                                <div class="d-flex align-items-center justify-content-between justify-content-sm-end gap-2">
                                    <div class="position-relative reaction-container d-inline-block">
                                                                                <a href="index.php?action=like_message&id_msg=240228&reaction=1" class="btn btn-outline-secondary btn-sm px-3 fw-medium reaction-trigger-btn" data-msg-id="240228" data-current-reaction="">
                                                                                            <i class="bi bi-hand-thumbs-up me-1"></i> Gefällt mir
                                                                                    </a>
                                        <div class="reaction-popover position-absolute" style="bottom: 100%; left: 50%; transform: translateX(-50%); z-index: 1000; padding-bottom: 8px;">
                                            <div class="shadow border rounded bg-white p-2 d-flex gap-2" style="white-space: nowrap;">
                                                                                                    <a href="index.php?action=like_message&id_msg=240228&reaction=1" class="reaction-emoji-btn text-decoration-none" title="Gefällt mir" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240228" data-reaction="1">
                                                        👍                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240228&reaction=2" class="reaction-emoji-btn text-decoration-none" title="Liebe" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240228" data-reaction="2">
                                                        ❤️                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240228&reaction=3" class="reaction-emoji-btn text-decoration-none" title="Haha" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240228" data-reaction="3">
                                                        😄                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240228&reaction=4" class="reaction-emoji-btn text-decoration-none" title="Wow" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240228" data-reaction="4">
                                                        😮                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240228&reaction=5" class="reaction-emoji-btn text-decoration-none" title="Traurig" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240228" data-reaction="5">
                                                        😢                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240228&reaction=6" class="reaction-emoji-btn text-decoration-none" title="Wütend" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240228" data-reaction="6">
                                                        😡                                                    </a>
                                                                                            </div>
                                        </div>
                                    </div>
                                
                                    <div class="dropdown">
                                        <button class="btn btn-link text-muted btn-sm p-1 text-decoration-none dropdown-toggle" type="button" id="moreActions-240228" data-bs-toggle="dropdown" aria-expanded="false">
                                            <i class="bi bi-three-dots-vertical me-1"></i> Mehr
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-end shadow border-secondary" aria-labelledby="moreActions-240228">
                                                                                        
                                                    
                                            <li>
                                                <a class="dropdown-item small" href="/index.php?action=post_reply&topic=8641">
                                                    <i class="bi bi-chat-left-quote me-2 text-success"></i> Zitat-Thema
                                                </a>
                                            </li>
                                            
                                                    
                                            <li><hr class="dropdown-divider border-light"></li>
                                            <li>
                                                <a class="dropdown-item small text-secondary" href="/index.php?action=report_message&id_msg=240228">
                                                    <i class="bi bi-exclamation-triangle-fill me-2 text-danger"></i> Beitrag melden
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
                                
            <div class="card border-0 shadow-sm mb-4 overflow-hidden forum-post-card " id="msg-240231">
                <div class="row g-0 align-items-stretch">
                    <div class="col-lg-3 col-md-4 text-white p-3 border-end border-secondary d-flex flex-column justify-content-between user-sidebar" style="background-color: #1a1e29 !important;">
                        <div class="text-center text-md-start">
                            <div class="fw-bold text-info h5 mb-1 text-truncate font-monospace d-flex align-items-center justify-content-between" title="sway99">
                                <span class="text-truncate" style="max-width: 85%;">sway99</span>
                                                            </div>
                            
                             <div class="small mb-3">
                                                                  <span class="badge rounded-pill px-2 py-1 text-white" style="background-color: #6c757d; font-size: 0.65rem; border: 1px solid rgba(0,0,0,0.15); letter-spacing: 0.03em;">
                                     SdT Orga                                 </span>
                             </div>
                            
                             <div class="my-3 d-none d-md-block text-center">
                                                                      <div class="d-inline-flex align-items-center justify-content-center rounded-circle bg-secondary text-white fw-bold shadow-sm" style="width: 80px; height: 80px; font-size: 2rem; font-family: var(--bs-font-monospace);">
                                         S                                     </div>
                                                              </div>
                        </div>
                        
                        <div class="small text-secondary pt-2 border-top border-secondary mt-3 d-flex flex-column gap-1">
                            <span class="d-block"><i class="bi bi-pencil-square text-muted me-1"></i>Beiträge: <strong class="text-light">1.326</strong></span>
                                                            <span class="d-block"><i class="bi bi-calendar3 text-muted me-1"></i>Registriert: <strong class="text-light">20.06.2017</strong></span>
                                                    </div>
                    </div>
                    
                    <div class="col-lg-9 col-md-8 bg-white p-4 d-flex flex-column justify-content-between">
                        <div>
                            <div class="text-muted border-bottom pb-2 mb-3 d-flex justify-content-between align-items-center style-date" style="font-size: 0.8rem;">
                                <span>
                                    <i class="bi bi-clock-history me-1 text-danger"></i> 
                                    01.01.2021, 16:14 Uhr
                                </span>
                                <div class="d-flex align-items-center gap-2">
                                                                        <a href="#msg-240231" class="text-decoration-none text-muted small hover-red fw-bold">
                                        <i class="bi bi-hash"></i>240231                                    </a>
                                </div>
                            </div>
                            
                            <div class="card-text text-dark lh-base font-text-content rich-text-output">
                                Alles neu, eine neue Karriere und eine neue Stadt und somit ist „A New Career In A New Town“ der einzige Titel, der mir einfällt, der zweimal das Wort „new“ beinhaltet. Der doppelte Neustart also, als Abschluss der großartigen ersten Seite des Low-Albums. Ein hoffnungsvoller Soundtrack für alles was noch kommen mag. <br /><br />Im Bilde meine erste Low-Scheibe (11,95 DM) vermutlich bei Karstadt, Hertie oder Kaufhof erstanden. Am 08.01.2018 habe ich mir diese im neuen Ufer von Eduard Meyer signieren lassen. <br /><br />Eduard widmete sie mir mit den Worten: „Best wishes and good luck!” und genau das wünsche ich uns allen für 2021 und für alles was noch kommen mag.&nbsp; <br />                            </div>

                                                             <div class="mt-4 pt-3 border-top border-light-subtle attachment-section">
                                                                            <div class="message-images mb-3 d-flex flex-column gap-3">
                                                                                            <div class="position-relative d-inline-block text-start bg-light p-1 border rounded shadow-sm" style="max-width: 100%;">
                                                    <a href="index.php?action=dlattach&amp;attach=2133" target="_blank" class="d-block">
                                                        <img src="index.php?action=dlattach&amp;attach=2133" alt="low.jpg" class="img-fluid rounded" style="max-height: 600px; object-fit: contain;">
                                                    </a>
                                                    <div class="mt-1 px-1 d-flex justify-content-between align-items-center text-muted small" style="font-size: 0.75rem;">
                                                        <span class="text-truncate fw-semibold text-dark" style="max-width: 250px;">low.jpg</span>
                                                        <span>
                                                            <span class="me-2">575,6 KB</span>
                                                            <span><i class="bi bi-download me-1"></i>183</span>
                                                        </span>
                                                    </div>
                                                </div>
                                                                                    </div>
                                    
                                                                    </div>
                                                        
                                                    </div>

                        <div class="border-top pt-3 mt-4 d-flex flex-wrap justify-content-between align-items-center bg-light p-2 rounded chat-action-toolbar">
                                                                                        <div class="w-100 d-flex flex-wrap gap-1 mb-2 px-2 mt-2 reactions-badges-container" data-msg-id="240231"></div>
                            
                            <div class="w-100 border-top my-2 d-none d-md-block" style="border-top-style: dashed !important;"></div>

                            <div class="w-100 d-flex flex-column flex-sm-row justify-content-between align-items-stretch align-items-sm-center gap-2">
                                <div class="d-flex flex-wrap gap-2">
                                    <a href="index.php?action=post_reply&topic=8641&quote=240231" class="btn btn-danger btn-sm fw-semibold px-3 shadow-sm text-nowrap">
                                        <i class="bi bi-quote me-1"></i> Zitieren / Beantworten
                                    </a>
                                                                    </div>
                                
                                <div class="d-flex align-items-center justify-content-between justify-content-sm-end gap-2">
                                    <div class="position-relative reaction-container d-inline-block">
                                                                                <a href="index.php?action=like_message&id_msg=240231&reaction=1" class="btn btn-outline-secondary btn-sm px-3 fw-medium reaction-trigger-btn" data-msg-id="240231" data-current-reaction="">
                                                                                            <i class="bi bi-hand-thumbs-up me-1"></i> Gefällt mir
                                                                                    </a>
                                        <div class="reaction-popover position-absolute" style="bottom: 100%; left: 50%; transform: translateX(-50%); z-index: 1000; padding-bottom: 8px;">
                                            <div class="shadow border rounded bg-white p-2 d-flex gap-2" style="white-space: nowrap;">
                                                                                                    <a href="index.php?action=like_message&id_msg=240231&reaction=1" class="reaction-emoji-btn text-decoration-none" title="Gefällt mir" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240231" data-reaction="1">
                                                        👍                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240231&reaction=2" class="reaction-emoji-btn text-decoration-none" title="Liebe" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240231" data-reaction="2">
                                                        ❤️                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240231&reaction=3" class="reaction-emoji-btn text-decoration-none" title="Haha" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240231" data-reaction="3">
                                                        😄                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240231&reaction=4" class="reaction-emoji-btn text-decoration-none" title="Wow" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240231" data-reaction="4">
                                                        😮                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240231&reaction=5" class="reaction-emoji-btn text-decoration-none" title="Traurig" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240231" data-reaction="5">
                                                        😢                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240231&reaction=6" class="reaction-emoji-btn text-decoration-none" title="Wütend" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240231" data-reaction="6">
                                                        😡                                                    </a>
                                                                                            </div>
                                        </div>
                                    </div>
                                
                                    <div class="dropdown">
                                        <button class="btn btn-link text-muted btn-sm p-1 text-decoration-none dropdown-toggle" type="button" id="moreActions-240231" data-bs-toggle="dropdown" aria-expanded="false">
                                            <i class="bi bi-three-dots-vertical me-1"></i> Mehr
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-end shadow border-secondary" aria-labelledby="moreActions-240231">
                                                                                        
                                                    
                                            <li>
                                                <a class="dropdown-item small" href="/index.php?action=post_reply&topic=8641">
                                                    <i class="bi bi-chat-left-quote me-2 text-success"></i> Zitat-Thema
                                                </a>
                                            </li>
                                            
                                                    
                                            <li><hr class="dropdown-divider border-light"></li>
                                            <li>
                                                <a class="dropdown-item small text-secondary" href="/index.php?action=report_message&id_msg=240231">
                                                    <i class="bi bi-exclamation-triangle-fill me-2 text-danger"></i> Beitrag melden
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
                                
            <div class="card border-0 shadow-sm mb-4 overflow-hidden forum-post-card " id="msg-240232">
                <div class="row g-0 align-items-stretch">
                    <div class="col-lg-3 col-md-4 text-white p-3 border-end border-secondary d-flex flex-column justify-content-between user-sidebar" style="background-color: #1a1e29 !important;">
                        <div class="text-center text-md-start">
                            <div class="fw-bold text-info h5 mb-1 text-truncate font-monospace d-flex align-items-center justify-content-between" title="sway99">
                                <span class="text-truncate" style="max-width: 85%;">sway99</span>
                                                            </div>
                            
                             <div class="small mb-3">
                                                                  <span class="badge rounded-pill px-2 py-1 text-white" style="background-color: #6c757d; font-size: 0.65rem; border: 1px solid rgba(0,0,0,0.15); letter-spacing: 0.03em;">
                                     SdT Orga                                 </span>
                             </div>
                            
                             <div class="my-3 d-none d-md-block text-center">
                                                                      <div class="d-inline-flex align-items-center justify-content-center rounded-circle bg-secondary text-white fw-bold shadow-sm" style="width: 80px; height: 80px; font-size: 2rem; font-family: var(--bs-font-monospace);">
                                         S                                     </div>
                                                              </div>
                        </div>
                        
                        <div class="small text-secondary pt-2 border-top border-secondary mt-3 d-flex flex-column gap-1">
                            <span class="d-block"><i class="bi bi-pencil-square text-muted me-1"></i>Beiträge: <strong class="text-light">1.326</strong></span>
                                                            <span class="d-block"><i class="bi bi-calendar3 text-muted me-1"></i>Registriert: <strong class="text-light">20.06.2017</strong></span>
                                                    </div>
                    </div>
                    
                    <div class="col-lg-9 col-md-8 bg-white p-4 d-flex flex-column justify-content-between">
                        <div>
                            <div class="text-muted border-bottom pb-2 mb-3 d-flex justify-content-between align-items-center style-date" style="font-size: 0.8rem;">
                                <span>
                                    <i class="bi bi-clock-history me-1 text-danger"></i> 
                                    01.01.2021, 16:19 Uhr
                                </span>
                                <div class="d-flex align-items-center gap-2">
                                                                        <a href="#msg-240232" class="text-decoration-none text-muted small hover-red fw-bold">
                                        <i class="bi bi-hash"></i>240232                                    </a>
                                </div>
                            </div>
                            
                            <div class="card-text text-dark lh-base font-text-content rich-text-output">
                                Habe mich übrigens im letzten Jahr mal intensiv mit dem Star Club und den Beatles in Hamburg befasst. Da spielte der Pianist Roy Young eine wichtige Rolle und war einer Hauptprotagonisten dieser Zeit. Auf &quot;Low&quot; spielt Roy Piano auf diversen Stücken unter anderem auf „A New Career In A New Town“. Ich frage mich, ob John Lennon Bowie den Tipp gegeben hat, Roy Young als Pianisten zu engagieren. Das wäre für mich die einzige logische Verbindungslinie zwischen Bowie und Roy Young.<br /><br /><a href="https://en.wikipedia.org/wiki/Roy_Young_" target="_blank" rel="noopener">Roy Young - Wikipedia</a>(musician)<br /><br />                            </div>

                                                         
                                                    </div>

                        <div class="border-top pt-3 mt-4 d-flex flex-wrap justify-content-between align-items-center bg-light p-2 rounded chat-action-toolbar">
                                                                                        <div class="w-100 d-flex flex-wrap gap-1 mb-2 px-2 mt-2 reactions-badges-container" data-msg-id="240232"></div>
                            
                            <div class="w-100 border-top my-2 d-none d-md-block" style="border-top-style: dashed !important;"></div>

                            <div class="w-100 d-flex flex-column flex-sm-row justify-content-between align-items-stretch align-items-sm-center gap-2">
                                <div class="d-flex flex-wrap gap-2">
                                    <a href="index.php?action=post_reply&topic=8641&quote=240232" class="btn btn-danger btn-sm fw-semibold px-3 shadow-sm text-nowrap">
                                        <i class="bi bi-quote me-1"></i> Zitieren / Beantworten
                                    </a>
                                                                    </div>
                                
                                <div class="d-flex align-items-center justify-content-between justify-content-sm-end gap-2">
                                    <div class="position-relative reaction-container d-inline-block">
                                                                                <a href="index.php?action=like_message&id_msg=240232&reaction=1" class="btn btn-outline-secondary btn-sm px-3 fw-medium reaction-trigger-btn" data-msg-id="240232" data-current-reaction="">
                                                                                            <i class="bi bi-hand-thumbs-up me-1"></i> Gefällt mir
                                                                                    </a>
                                        <div class="reaction-popover position-absolute" style="bottom: 100%; left: 50%; transform: translateX(-50%); z-index: 1000; padding-bottom: 8px;">
                                            <div class="shadow border rounded bg-white p-2 d-flex gap-2" style="white-space: nowrap;">
                                                                                                    <a href="index.php?action=like_message&id_msg=240232&reaction=1" class="reaction-emoji-btn text-decoration-none" title="Gefällt mir" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240232" data-reaction="1">
                                                        👍                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240232&reaction=2" class="reaction-emoji-btn text-decoration-none" title="Liebe" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240232" data-reaction="2">
                                                        ❤️                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240232&reaction=3" class="reaction-emoji-btn text-decoration-none" title="Haha" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240232" data-reaction="3">
                                                        😄                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240232&reaction=4" class="reaction-emoji-btn text-decoration-none" title="Wow" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240232" data-reaction="4">
                                                        😮                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240232&reaction=5" class="reaction-emoji-btn text-decoration-none" title="Traurig" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240232" data-reaction="5">
                                                        😢                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240232&reaction=6" class="reaction-emoji-btn text-decoration-none" title="Wütend" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240232" data-reaction="6">
                                                        😡                                                    </a>
                                                                                            </div>
                                        </div>
                                    </div>
                                
                                    <div class="dropdown">
                                        <button class="btn btn-link text-muted btn-sm p-1 text-decoration-none dropdown-toggle" type="button" id="moreActions-240232" data-bs-toggle="dropdown" aria-expanded="false">
                                            <i class="bi bi-three-dots-vertical me-1"></i> Mehr
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-end shadow border-secondary" aria-labelledby="moreActions-240232">
                                                                                        
                                                    
                                            <li>
                                                <a class="dropdown-item small" href="/index.php?action=post_reply&topic=8641">
                                                    <i class="bi bi-chat-left-quote me-2 text-success"></i> Zitat-Thema
                                                </a>
                                            </li>
                                            
                                                    
                                            <li><hr class="dropdown-divider border-light"></li>
                                            <li>
                                                <a class="dropdown-item small text-secondary" href="/index.php?action=report_message&id_msg=240232">
                                                    <i class="bi bi-exclamation-triangle-fill me-2 text-danger"></i> Beitrag melden
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
                                
            <div class="card border-0 shadow-sm mb-4 overflow-hidden forum-post-card " id="msg-240234">
                <div class="row g-0 align-items-stretch">
                    <div class="col-lg-3 col-md-4 text-white p-3 border-end border-secondary d-flex flex-column justify-content-between user-sidebar" style="background-color: #1a1e29 !important;">
                        <div class="text-center text-md-start">
                            <div class="fw-bold text-info h5 mb-1 text-truncate font-monospace d-flex align-items-center justify-content-between" title="sway99">
                                <span class="text-truncate" style="max-width: 85%;">sway99</span>
                                                            </div>
                            
                             <div class="small mb-3">
                                                                  <span class="badge rounded-pill px-2 py-1 text-white" style="background-color: #6c757d; font-size: 0.65rem; border: 1px solid rgba(0,0,0,0.15); letter-spacing: 0.03em;">
                                     SdT Orga                                 </span>
                             </div>
                            
                             <div class="my-3 d-none d-md-block text-center">
                                                                      <div class="d-inline-flex align-items-center justify-content-center rounded-circle bg-secondary text-white fw-bold shadow-sm" style="width: 80px; height: 80px; font-size: 2rem; font-family: var(--bs-font-monospace);">
                                         S                                     </div>
                                                              </div>
                        </div>
                        
                        <div class="small text-secondary pt-2 border-top border-secondary mt-3 d-flex flex-column gap-1">
                            <span class="d-block"><i class="bi bi-pencil-square text-muted me-1"></i>Beiträge: <strong class="text-light">1.326</strong></span>
                                                            <span class="d-block"><i class="bi bi-calendar3 text-muted me-1"></i>Registriert: <strong class="text-light">20.06.2017</strong></span>
                                                    </div>
                    </div>
                    
                    <div class="col-lg-9 col-md-8 bg-white p-4 d-flex flex-column justify-content-between">
                        <div>
                            <div class="text-muted border-bottom pb-2 mb-3 d-flex justify-content-between align-items-center style-date" style="font-size: 0.8rem;">
                                <span>
                                    <i class="bi bi-clock-history me-1 text-danger"></i> 
                                    01.01.2021, 16:24 Uhr
                                </span>
                                <div class="d-flex align-items-center gap-2">
                                                                        <a href="#msg-240234" class="text-decoration-none text-muted small hover-red fw-bold">
                                        <i class="bi bi-hash"></i>240234                                    </a>
                                </div>
                            </div>
                            
                            <div class="card-text text-dark lh-base font-text-content rich-text-output">
                                <blockquote class="blockquote border border-start border-3 border-danger p-3 bg-light rounded text-muted my-3"><strong>Oogie schrieb am 31.12.2020, 17:09 <a href="index.php?msg=240180" class="small text-decoration-none text-info" title="Zum Beitrag"><i class="bi bi-arrow-up-right-square"></i></a>: </strong><br><br /> Das Hörspiel gestern hatte natürlich auch was. Abgespeichert für nächstes Jahr 👍. </blockquote><br />Liebe <a href="index.php?action=profile&id=6326" class="fw-bold text-danger text-decoration-none"><a href="index.php?action=profile&id=6326" class="fw-bold text-danger text-decoration-none">@Ulli</a></a> : Das ist kein Hörspiel, sondern eine neunteilige (!) Sendereihe des NDR. 🙂<br /><br />Hier nochmal für alle: <a href="https://www.ndr.de/Der-Favorit-David-Bowie-Stationen-einer-Karriere,bowie204.html" target="_blank" rel="noopener">Der Favorit: David Bowie - Stationen einer Karriere | NDR.de</a><br /><br />Mag vielleicht ein wenig aus der Zeit gefallen sein, ist aber mühevoll und richtig toll gemacht. <br /><br />                            </div>

                                                         
                                                    </div>

                        <div class="border-top pt-3 mt-4 d-flex flex-wrap justify-content-between align-items-center bg-light p-2 rounded chat-action-toolbar">
                                                                                        <div class="w-100 d-flex flex-wrap gap-1 mb-2 px-2 mt-2 reactions-badges-container" data-msg-id="240234"></div>
                            
                            <div class="w-100 border-top my-2 d-none d-md-block" style="border-top-style: dashed !important;"></div>

                            <div class="w-100 d-flex flex-column flex-sm-row justify-content-between align-items-stretch align-items-sm-center gap-2">
                                <div class="d-flex flex-wrap gap-2">
                                    <a href="index.php?action=post_reply&topic=8641&quote=240234" class="btn btn-danger btn-sm fw-semibold px-3 shadow-sm text-nowrap">
                                        <i class="bi bi-quote me-1"></i> Zitieren / Beantworten
                                    </a>
                                                                    </div>
                                
                                <div class="d-flex align-items-center justify-content-between justify-content-sm-end gap-2">
                                    <div class="position-relative reaction-container d-inline-block">
                                                                                <a href="index.php?action=like_message&id_msg=240234&reaction=1" class="btn btn-outline-secondary btn-sm px-3 fw-medium reaction-trigger-btn" data-msg-id="240234" data-current-reaction="">
                                                                                            <i class="bi bi-hand-thumbs-up me-1"></i> Gefällt mir
                                                                                    </a>
                                        <div class="reaction-popover position-absolute" style="bottom: 100%; left: 50%; transform: translateX(-50%); z-index: 1000; padding-bottom: 8px;">
                                            <div class="shadow border rounded bg-white p-2 d-flex gap-2" style="white-space: nowrap;">
                                                                                                    <a href="index.php?action=like_message&id_msg=240234&reaction=1" class="reaction-emoji-btn text-decoration-none" title="Gefällt mir" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240234" data-reaction="1">
                                                        👍                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240234&reaction=2" class="reaction-emoji-btn text-decoration-none" title="Liebe" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240234" data-reaction="2">
                                                        ❤️                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240234&reaction=3" class="reaction-emoji-btn text-decoration-none" title="Haha" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240234" data-reaction="3">
                                                        😄                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240234&reaction=4" class="reaction-emoji-btn text-decoration-none" title="Wow" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240234" data-reaction="4">
                                                        😮                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240234&reaction=5" class="reaction-emoji-btn text-decoration-none" title="Traurig" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240234" data-reaction="5">
                                                        😢                                                    </a>
                                                                                                    <a href="index.php?action=like_message&id_msg=240234&reaction=6" class="reaction-emoji-btn text-decoration-none" title="Wütend" style="font-size: 1.35rem; transition: transform 0.2s ease; display: inline-block;" data-msg-id="240234" data-reaction="6">
                                                        😡                                                    </a>
                                                                                            </div>
                                        </div>
                                    </div>
                                
                                    <div class="dropdown">
                                        <button class="btn btn-link text-muted btn-sm p-1 text-decoration-none dropdown-toggle" type="button" id="moreActions-240234" data-bs-toggle="dropdown" aria-expanded="false">
                                            <i class="bi bi-three-dots-vertical me-1"></i> Mehr
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-end shadow border-secondary" aria-labelledby="moreActions-240234">
                                                                                        
                                                    
                                            <li>
                                                <a class="dropdown-item small" href="/index.php?action=post_reply&topic=8641">
                                                    <i class="bi bi-chat-left-quote me-2 text-success"></i> Zitat-Thema
                                                </a>
                                            </li>
                                            
                                                    
                                            <li><hr class="dropdown-divider border-light"></li>
                                            <li>
                                                <a class="dropdown-item small text-secondary" href="/index.php?action=report_message&id_msg=240234">
                                                    <i class="bi bi-exclamation-triangle-fill me-2 text-danger"></i> Beitrag melden
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            
            <div class="card my-5 border-0 shadow-sm overflow-hidden" style="border-radius: 12px;">
            <div class="row g-0">
                <div class="col-md-1 bg-danger d-none d-md-flex align-items-center justify-content-center text-white">
                    <i class="bi bi-patch-question-fill fs-2"></i>
                </div>
                <div class="col-md-11 bg-white p-4">
                    <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-3">
                        <div>
                            <h3 class="h5 text-dark fw-bold mb-2">Informationen zur Diskussion</h3>
                            <p class="text-muted small mb-0">
                                Die Registrierung im <strong>David Bowie Forum</strong> ermöglicht es, Wissen zu teilen, seltene Bootlegs zu diskutieren und Teil der aktivsten Sammler-Community zu werden.
                            </p>
                        </div>
                        <div class="d-flex gap-2 shrink-0">
                            <a href="index.php?action=login" class="btn btn-sm btn-outline-dark px-3 fw-semibold">Zur Anmeldung</a>
                            <a href="index.php?action=register" class="btn btn-sm btn-danger px-4 fw-bold shadow-sm">Zur Registrierung</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    
</div>

<style>
    /* CSS für kompromisslose UI-Robustheit */
    .font-text-content {
        font-size: 0.975rem;
        word-break: break-word;
    }
    .style-date {
        letter-spacing: 0.2px;
    }
    .hover-red:hover {
        color: #dc3545 !important;
    }
    .chat-action-toolbar {
        border: 1px solid #e3e6f0;
    }
    /* Erzwingt gleiche Spaltenhöhe im Desktop-Grid */
    @media (min-width: 768px) {
        .forum-post-card .row {
            display: flex;
        }
        .user-sidebar {
            height: 100%;
        }
    }
    /* Integration für Quill-Editor HTML-Output */
    .rich-text-output p {
        margin-bottom: 1rem;
    }
    .rich-text-output p:last-child {
        margin-bottom: 0;
    }
    .signature-block {
        border-top: 1px dashed #dee2e6 !important;
    }
    .reaction-popover {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.2s ease, visibility 0.2s ease;
    }
    .reaction-container:hover .reaction-popover {
        opacity: 1;
        visibility: visible;
    }
    .reaction-emoji-btn:hover {
        transform: scale(1.3);
    }
    .transition-all {
        transition: all 0.2s ease-in-out;
    }
    .hover-bg-dark-accent:hover {
        background-color: rgba(255, 255, 255, 0.1) !important;
    }
</style>


<!-- Modal für die Likes/Reaktionen-Ansicht -->
<div class="modal fade" id="postLikesModal" tabindex="-1" aria-labelledby="postLikesModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-sm">
        <div class="modal-content border-0 shadow-lg bg-dark text-white">
            <div class="modal-header border-secondary">
                <h5 class="modal-title fw-bold" id="postLikesModalLabel">
                    <i class="bi bi-heart-fill text-danger me-2"></i>Reaktionen
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Schließen"></button>
            </div>
            <div class="modal-body p-3" id="postLikesModalBody" style="max-height: 400px; overflow-y: auto;">
                <!-- Spinner oder Liste -->
                <div class="text-center py-4 spinner-container">
                    <div class="spinner-border text-info" role="status">
                        <span class="visually-hidden">Wird geladen...</span>
                    </div>
                </div>
                <div class="likes-list d-flex flex-column gap-3" style="display: none;"></div>
            </div>
        </div>
    </div>
</div>

<script>
        document.addEventListener('DOMContentLoaded', function () {
    const likesModalEl = document.getElementById('postLikesModal');
    if (!likesModalEl) return;
    
    const modalBody = document.getElementById('postLikesModalBody');
    const likesList = modalBody.querySelector('.likes-list');
    const spinner = modalBody.querySelector('.spinner-container');
    const postLikesModal = new bootstrap.Modal(likesModalEl);
    const reactionsList = {"1":{"emoji":"\ud83d\udc4d","label":"Gef\u00e4llt mir"},"2":{"emoji":"\u2764\ufe0f","label":"Liebe"},"3":{"emoji":"\ud83d\ude04","label":"Haha"},"4":{"emoji":"\ud83d\ude2e","label":"Wow"},"5":{"emoji":"\ud83d\ude22","label":"Traurig"},"6":{"emoji":"\ud83d\ude21","label":"W\u00fctend"}};

    // --- Facebook-style Custom Hover Tooltips ---
    let activeTooltip = null;
    function showCustomTooltip(element, text) {
        if (!text) return;
        removeCustomTooltip();
        
        const tooltip = document.createElement('div');
        tooltip.className = 'custom-likes-tooltip shadow-sm bg-dark text-white p-2 rounded position-absolute';
        tooltip.style.zIndex = '1000';
        tooltip.style.fontSize = '0.75rem';
        tooltip.style.pointerEvents = 'none';
        tooltip.style.whiteSpace = 'nowrap';
        tooltip.innerText = text;
        
        document.body.appendChild(tooltip);
        activeTooltip = tooltip;
        
        const rect = element.getBoundingClientRect();
        const scrollX = window.pageXOffset || document.documentElement.scrollLeft;
        const scrollY = window.pageYOffset || document.documentElement.scrollTop;
        
        tooltip.style.left = (rect.left + scrollX + (rect.width / 2) - (tooltip.offsetWidth / 2)) + 'px';
        tooltip.style.top = (rect.top + scrollY - tooltip.offsetHeight - 6) + 'px';
    }
    
    function removeCustomTooltip() {
        if (activeTooltip) {
            activeTooltip.remove();
            activeTooltip = null;
        }
    }

    // --- Helper to escape HTML ---
    function escapeHtml(text) {
        if (!text) return '';
        return text
            .replace(/&/g, "&amp;")
            .replace(/</g, "&lt;")
            .replace(/>/g, "&gt;")
            .replace(/"/g, "&quot;")
            .replace(/'/g, "&#039;");
    }

    // --- Binden der Click-Events für Modal-Öffnung und Hover-Tooltips ---
    function bindLikesViewTriggers() {
        document.querySelectorAll('.likes-view-trigger').forEach(trigger => {
            // Hover Tooltips
            trigger.addEventListener('mouseenter', function() {
                const titleText = this.getAttribute('title') || this.getAttribute('data-original-title');
                if (titleText) {
                    this.setAttribute('data-original-title', titleText);
                    this.removeAttribute('title'); // Prevent default browser tooltip
                    showCustomTooltip(this, titleText);
                }
            });
            trigger.addEventListener('mouseleave', removeCustomTooltip);
            
            // Modal click
            // Remove previous event listeners to avoid duplicates
            trigger.replaceWith(trigger.cloneNode(true));
        });

        // Re-get elements after replacement and bind click
        document.querySelectorAll('.likes-view-trigger').forEach(trigger => {
            trigger.addEventListener('click', function () {
                removeCustomTooltip();
                const msgId = this.getAttribute('data-msg-id');
                if (!msgId) return;

                spinner.style.display = 'block';
                likesList.style.display = 'none';
                likesList.innerHTML = '';
                postLikesModal.show();

                fetch('index.php?action=api_post_likes&id_msg=' + msgId)
                    .then(response => {
                        if (!response.ok) throw new Error('Netzwerk-Antwort war nicht ok');
                        return response.json();
                    })
                    .then(data => {
                        spinner.style.display = 'none';
                        likesList.style.display = 'flex';

                        if (data.length === 0) {
                            likesList.innerHTML = '<div class="text-center text-muted py-3">Keine Reaktionen gefunden.</div>';
                            return;
                        }

                        data.forEach(like => {
                            const reactionInfo = reactionsList[like.action] || { emoji: '👍', label: 'Gefällt mir' };
                            const avatarSrc = like.avatar && like.avatar.trim() !== '' ? like.avatar : '/assets/images/david-bowie-square.png';
                            
                            const item = document.createElement('div');
                            item.className = 'd-flex align-items-center justify-content-between p-2 rounded bg-secondary bg-opacity-25 hover-bg-dark-accent transition-all';
                            
                            item.innerHTML = `
                                <div class="d-flex align-items-center gap-3">
                                    <img src="${escapeHtml(avatarSrc)}" class="rounded-circle shadow-sm border border-secondary" style="width: 38px; height: 38px; object-fit: cover;" alt="${escapeHtml(like.real_name)}">
                                    <div>
                                        <a href="index.php?action=profile&u=${like.id_member}" class="fw-bold text-info text-decoration-none text-truncate d-inline-block font-monospace" style="max-width: 140px;" title="${escapeHtml(like.real_name)}">${escapeHtml(like.real_name)}</a>
                                        <div class="text-muted" style="font-size: 0.7rem;">${escapeHtml(like.time_formatted)}</div>
                                    </div>
                                </div>
                                <span class="fs-4" title="${escapeHtml(reactionInfo.label)}">${reactionInfo.emoji}</span>
                            `;
                            likesList.appendChild(item);
                        });
                    })
                    .catch(error => {
                        console.error('Fehler beim Laden der Reaktionen:', error);
                        spinner.style.display = 'none';
                        likesList.style.display = 'flex';
                        likesList.innerHTML = '<div class="text-center text-danger py-3">Reaktionen konnten nicht geladen werden.</div>';
                    });
            });
        });
    }

    // --- AJAX Liking & Reaction handler ---
    function handleLikeToggle(msgId, reactionType) {
        fetch(`index.php?action=like_message&id_msg=${msgId}&reaction=${reactionType}&format=json`)
            .then(res => {
                if (!res.ok) throw new Error('Reaction failed');
                return res.json();
            })
            .then(data => {
                if (data.success) {
                    // 1. Update main Like Button
                    const likeBtn = document.querySelector(`.reaction-trigger-btn[data-msg-id="${msgId}"]`);
                    if (likeBtn) {
                        if (data.user_reaction) {
                            likeBtn.className = 'btn btn-info text-white btn-sm px-3 fw-medium reaction-trigger-btn';
                            const info = reactionsList[data.user_reaction] || { emoji: '👍', label: 'Gefällt mir' };
                            likeBtn.innerHTML = `<span class="me-1">${info.emoji}</span> ${info.label}`;
                            likeBtn.setAttribute('data-current-reaction', data.user_reaction);
                        } else {
                            likeBtn.className = 'btn btn-outline-secondary btn-sm px-3 fw-medium reaction-trigger-btn';
                            likeBtn.innerHTML = `<i class="bi bi-hand-thumbs-up me-1"></i> Gefällt mir`;
                            likeBtn.setAttribute('data-current-reaction', '');
                        }
                    }

                    // 2. Update Badges list
                    const badgesContainer = document.querySelector(`.reactions-badges-container[data-msg-id="${msgId}"]`);
                    if (badgesContainer) {
                        let html = '';
                        for (const [type, count] of Object.entries(data.reactions)) {
                            if (count > 0 && reactionsList[type]) {
                                const names = data.reactions_detail[type] || [];
                                let tooltip = reactionsList[type].label;
                                if (names.length > 0) {
                                    tooltip += ': ' + names.join(', ');
                                }
                                html += `
                                    <span class="badge rounded-pill bg-white text-dark border px-2 py-1 d-inline-flex align-items-center gap-1 shadow-sm likes-view-trigger" style="font-size: 0.8rem; cursor: pointer;" title="${escapeHtml(tooltip)}" data-msg-id="${msgId}">
                                        <span>${reactionsList[type].emoji}</span>
                                        <span class="fw-bold">${count}</span>
                                    </span>
                                `;
                            }
                        }
                        badgesContainer.innerHTML = html;
                        bindLikesViewTriggers();
                    }
                }
            })
            .catch(err => console.error('AJAX Liking Error:', err));
    }

    // --- Interaktives AJAX Liken per Button ---
    document.addEventListener('click', function(e) {
        // Popover Emoji klick
        const emojiBtn = e.target.closest('.reaction-emoji-btn');
        if (emojiBtn) {
            e.preventDefault();
            const msgId = emojiBtn.getAttribute('data-msg-id');
            const reaction = emojiBtn.getAttribute('data-reaction');
            if (msgId && reaction) {
                handleLikeToggle(msgId, reaction);
            }
            return;
        }

        // Haupt-Like-Button klick
        const likeBtn = e.target.closest('.reaction-trigger-btn');
        if (likeBtn) {
            e.preventDefault();
            const msgId = likeBtn.getAttribute('data-msg-id');
            const current = likeBtn.getAttribute('data-current-reaction');
            // Wenn schon ein Like da ist -> entfernen, andernfalls standardmäßig Daumen hoch ('1')
            const reaction = current ? current : '1';
            if (msgId) {
                handleLikeToggle(msgId, reaction);
            }
        }
    });

    // --- Instagram-style Double Click Heart Animation ---
    document.querySelectorAll('.forum-post-card').forEach(card => {
        card.addEventListener('dblclick', function(e) {
            // Nicht feuern, wenn der Klick auf ein interaktives Element ging
            if (e.target.closest('a, button, input, textarea, select, .reaction-popover')) {
                return;
            }
            
            const cardIdAttr = this.getAttribute('id');
            if (!cardIdAttr || !cardIdAttr.startsWith('msg-')) return;
            const msgId = cardIdAttr.replace('msg-', '');
            
            // Herz-Animationselement erstellen
            const heart = document.createElement('div');
            heart.innerHTML = '❤️';
            heart.style.position = 'absolute';
            heart.style.top = '50%';
            heart.style.left = '50%';
            heart.style.transform = 'translate(-50%, -50%) scale(0)';
            heart.style.fontSize = '8rem';
            heart.style.zIndex = '100';
            heart.style.pointerEvents = 'none';
            heart.style.opacity = '0';
            heart.style.transition = 'transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s';
            
            // Sicherstellen, dass das Elternelement relative positioniert ist
            const originalPosition = window.getComputedStyle(this).position;
            if (originalPosition === 'static') {
                this.style.position = 'relative';
            }
            
            this.appendChild(heart);
            
            // Animation ausführen
            setTimeout(() => {
                heart.style.transform = 'translate(-50%, -50%) scale(1.3)';
                heart.style.opacity = '0.9';
            }, 10);
            
            // Nach 800ms wieder ausblenden und entfernen
            setTimeout(() => {
                heart.style.transform = 'translate(-50%, -50%) scale(0.6)';
                heart.style.opacity = '0';
                setTimeout(() => {
                    heart.remove();
                }, 400);
            }, 800);
            
            // Liebe-Reaktion (❤️ = '2') über AJAX auslösen
            handleLikeToggle(msgId, '2');
        });
    });

    // --- Split Topic trigger binding ---
    document.querySelectorAll('.btn-split-topic-trigger').forEach(trigger => {
        trigger.addEventListener('click', function (e) {
            e.preventDefault();
            const msgId = this.getAttribute('data-msg-id');
            const splitInput = document.getElementById('split_msg_id_input');
            if (splitInput) {
                splitInput.value = msgId;
            }
        });
    });

    // Initiales Binding
    bindLikesViewTriggers();
});
</script>    </main>

    <footer class="footer mt-auto py-4 bg-dark text-white-50 border-top border-secondary">
        <div class="container text-center" style="max-width: 1248px;">
            <div class="row align-items-center g-3">
                
                <div class="col-md-6 text-md-start small">
                    <span class="d-block">&copy; 2026 <strong class="text-white">David Bowie Forum</strong></span>
                    <span class="xsmall text-white-50">Powered by ADR-Framework &bull; Service Worker Active</span>
                </div>
                
                <div class="col-md-6 text-md-end mt-2 mt-md-0 small">
                    <a href="/index.php?action=board" class="text-white-50 text-decoration-none me-3 hover-link">Forum</a>
                    <a href="/index.php?action=about" class="text-white-50 text-decoration-none me-3 hover-link">Über mich & das Projekt</a>
                    <a href="/index.php?action=impressum" class="text-white-50 text-decoration-none me-3 hover-link">Impressum</a>
                    <a href="/index.php?action=datenschutz" class="text-white-50 text-decoration-none hover-link">Datenschutz</a>
                </div>
                
            </div>
            <div class="row mt-3 border-top border-secondary border-opacity-25 pt-2">
                <div class="col-12 text-center xsmall text-white-50">
                    Diese Website steht in keiner Verbindung zum Bowie-Nachlass (Bowie Estate) oder dessen Vertretern.
                </div>
            </div>
        </div>
    </footer>

    <div id="cookie-consent-banner" class="cookie-banner fixed-bottom p-3 bg-dark text-white border-top border-secondary shadow-lg d-none animate-fade-in" style="z-index: 1060;">
        <div class="container">
            <div class="row align-items-center g-3">
                <div class="col-12 col-md-8 col-lg-9">
                    <h5 class="h6 text-warning mb-1 uppercase tracking-wider">
                        <i class="bi bi-shield-check me-2"></i>Datenschutz & Sammler-Privatsphäre
                    </h5>
                    <div class="xsmall text-muted mb-0">
                        Dieses Archiv nutzt Cookies und Dienste zur Optimierung der Performance und Sammler-Privatsphäre:
                        <ul class="mb-0 mt-1 ps-3 text-start" style="list-style-type: disc;">
                            <li><strong>Technisch notwendig:</strong> Sichern des Login-Status und Betrieb des schnellen ADR-Frameworks.</li>
                            <li><strong>Spam-Schutz:</strong> Cloudflare Turnstile zur Absicherung von Formularen.</li>
                            <li><strong>Reichweitenmessung (Optional):</strong> Google Analytics zur anonymen Reichweitenmessung (nur bei Einwilligung).</li>
                        </ul>
                    </div>
                </div>
                <div class="col-12 col-md-4 col-lg-3 text-md-end d-grid d-md-block">
                    <button id="btn-accept-cookies" class="btn btn-sm btn-outline-warning uppercase xsmall tracking-wider px-3 py-2 w-100 w-md-auto transition-card">
                        Einverstanden
                    </button>
                </div>
            </div>
        </div>
    </div>

<style>
/* Consolidated Velvet-Gold & Blackstar UI Core Styles */
.cookie-banner {
    background-color: rgba(15, 23, 42, 0.95) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.tracking-wider { 
    letter-spacing: 1px; 
}
.uppercase { 
    text-transform: uppercase; 
}
.cookie-banner .text-muted { 
    color: #cbd5e1 !important; 
}
.hover-link:hover {
    color: #0dcaf0 !important;
    text-decoration: underline !important;
}
.animate-fade-in {
    animation: fadeInCookie 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes fadeInCookie {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
</style>
 
<script>
document.addEventListener('DOMContentLoaded', function () {
    const consentStorageKey = 'dbde_forum_consent';
    const banner = document.getElementById('cookie-consent-banner');
    const acceptBtn = document.getElementById('btn-accept-cookies');

    if (!localStorage.getItem(consentStorageKey) && banner) {
        setTimeout(() => {
            banner.classList.remove('d-none');
        }, 800);
    }

    if (acceptBtn && banner) {
        acceptBtn.addEventListener('click', function (e) {
            e.preventDefault();
            localStorage.setItem(consentStorageKey, 'granted');

            // Google Tag Manager nach Einwilligung laden
            if (typeof window.initGoogleTagManager === 'function') {
                window.initGoogleTagManager();
            }

            banner.style.transition = 'transform 0.3s ease, opacity 0.3s ease';
            banner.style.transform = 'translateY(100%)';
            banner.style.opacity = '0';

            setTimeout(() => {
                banner.remove();
            }, 300);
        });
    }
});
</script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

<script src="/assets/js/app.js"></script>
<script src="/assets/js/upload.js"></script>
<script src="/assets/js/composer.js"></script>

<!-- ============================================================
     PWA: Service Worker Registration + Install Prompt
     ============================================================ -->
<script>
(function () {
    'use strict';

    // --- 1. Service Worker registrieren ---
    if ('serviceWorker' in navigator) {
        window.addEventListener('load', function () {
            navigator.serviceWorker.register('/service-worker.js', { scope: '/' })
                .then(function (reg) {
                    console.log('[PWA] Service Worker registriert:', reg.scope);

                    // Auf neue Version prüfen
                    reg.addEventListener('updatefound', function () {
                        const newWorker = reg.installing;
                        if (!newWorker) return;
                        newWorker.addEventListener('statechange', function () {
                            if (newWorker.state === 'installed' && navigator.serviceWorker.controller) {
                                // Neues Update verfügbar – Toast anzeigen
                                showUpdateToast();
                            }
                        });
                    });
                })
                .catch(function (err) {
                    console.warn('[PWA] Service Worker Fehler:', err);
                });

            // SW-Nachrichten empfangen (z.B. SYNC_COMPLETE)
            navigator.serviceWorker.addEventListener('message', function (event) {
                if (event.data && event.data.type === 'SYNC_COMPLETE') {
                    console.log('[PWA] Offline-Sync abgeschlossen.');
                }
            });
        });
    }

    // --- 2. PWA Install Prompt ---
    let deferredInstallPrompt = null;
    const INSTALL_DISMISSED_KEY = 'bowie_pwa_install_dismissed';

    window.addEventListener('beforeinstallprompt', function (e) {
        e.preventDefault();
        deferredInstallPrompt = e;

        // Nur zeigen wenn nicht bereits dismissed
        const dismissed = localStorage.getItem(INSTALL_DISMISSED_KEY);
        if (!dismissed) {
            setTimeout(showInstallBanner, 3000);
        }
    });

    window.addEventListener('appinstalled', function () {
        deferredInstallPrompt = null;
        hideInstallBanner();
        localStorage.setItem(INSTALL_DISMISSED_KEY, 'installed');
        console.log('[PWA] App erfolgreich installiert!');
    });

    function showInstallBanner() {
        const banner = document.getElementById('pwa-install-banner');
        if (banner) {
            banner.classList.remove('d-none');
            setTimeout(() => banner.classList.add('pwa-banner-visible'), 50);
        }
    }

    function hideInstallBanner() {
        const banner = document.getElementById('pwa-install-banner');
        if (banner) {
            banner.classList.remove('pwa-banner-visible');
            setTimeout(() => banner.classList.add('d-none'), 350);
        }
    }

    // Install-Button Click
    document.addEventListener('DOMContentLoaded', function () {
        const btnInstall = document.getElementById('btn-pwa-install');
        if (btnInstall) {
            btnInstall.addEventListener('click', function () {
                if (!deferredInstallPrompt) return;
                deferredInstallPrompt.prompt();
                deferredInstallPrompt.userChoice.then(function (choice) {
                    if (choice.outcome === 'accepted') {
                        console.log('[PWA] Nutzer hat Installation bestätigt.');
                    } else {
                        localStorage.setItem(INSTALL_DISMISSED_KEY, 'dismissed');
                    }
                    deferredInstallPrompt = null;
                    hideInstallBanner();
                });
            });
        }

        const btnDismiss = document.getElementById('btn-pwa-dismiss');
        if (btnDismiss) {
            btnDismiss.addEventListener('click', function () {
                localStorage.setItem(INSTALL_DISMISSED_KEY, 'dismissed');
                hideInstallBanner();
            });
        }
    });

    // --- 3. Update-Toast ---
    function showUpdateToast() {
        const toast = document.getElementById('pwa-update-toast');
        if (toast && window.bootstrap) {
            const bsToast = new bootstrap.Toast(toast, { autohide: false });
            bsToast.show();
        }
    }

    document.addEventListener('DOMContentLoaded', function () {
        const btnUpdate = document.getElementById('btn-pwa-update');
        if (btnUpdate) {
            btnUpdate.addEventListener('click', function () {
                navigator.serviceWorker.getRegistration().then(function (reg) {
                    if (reg && reg.waiting) {
                        reg.waiting.postMessage({ type: 'SKIP_WAITING' });
                    }
                    window.location.reload();
                });
            });
        }
    });
}());
</script>

<!-- PWA Install Banner -->
<div id="pwa-install-banner" class="d-none" style="
    position: fixed; bottom: 70px; left: 50%; transform: translateX(-50%);
    width: calc(100% - 2rem); max-width: 420px;
    background: linear-gradient(135deg, #111622 0%, #1e293b 100%);
    border: 1px solid rgba(180,20,20,0.4);
    border-radius: 16px; padding: 1rem 1.25rem;
    box-shadow: 0 8px 32px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.05);
    z-index: 2000;
    transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.16,1,0.3,1);
    opacity: 0; transform: translateX(-50%) translateY(20px);">
    <style>
        #pwa-install-banner.pwa-banner-visible {
            opacity: 1 !important;
            transform: translateX(-50%) translateY(0) !important;
        }
    </style>
    <div class="d-flex align-items-center gap-3">
        <img src="/assets/icons/icon-72.png" width="48" height="48"
             alt="BowieForum Icon" style="border-radius:12px; flex-shrink:0;">
        <div class="flex-grow-1 min-w-0">
            <div class="fw-bold text-white" style="font-size:.9rem;">
                ⚡ BowieForum als App installieren
            </div>
            <div class="text-white-50 xsmall mt-1">
                Schneller Zugriff, Offline-Modus & Push-Benachrichtigungen
            </div>
        </div>
        <button id="btn-pwa-dismiss" class="btn-close btn-close-white flex-shrink-0"
                aria-label="Schließen" style="font-size:.7rem;"></button>
    </div>
    <div class="d-flex gap-2 mt-3">
        <button id="btn-pwa-install"
                class="btn btn-danger btn-sm flex-grow-1 fw-semibold"
                style="border-radius:10px;">
            <i class="bi bi-download me-1"></i> Jetzt installieren
        </button>
        <button onclick="document.getElementById('pwa-install-banner').classList.add('d-none')"
                class="btn btn-outline-secondary btn-sm"
                style="border-radius:10px; color:#94a3b8; border-color:rgba(255,255,255,0.15);">
            Später
        </button>
    </div>
</div>

<!-- PWA Update Toast -->
<div id="pwa-update-toast" class="toast align-items-center text-white border-0"
     role="alert" aria-live="assertive" aria-atomic="true"
     style="position:fixed; bottom:80px; right:1rem; z-index:2001;
            background: linear-gradient(135deg,#111622,#1e293b);
            border:1px solid rgba(180,20,20,0.4) !important; border-radius:12px;">
    <div class="d-flex">
        <div class="toast-body xsmall">
            <i class="bi bi-arrow-clockwise me-1 text-warning"></i>
            <strong>Neue Version verfügbar!</strong><br>
            <span class="text-white-50">Forum-Update bereit zum Laden.</span>
        </div>
        <div class="d-flex align-items-center me-2 ms-auto flex-column gap-1 justify-content-center">
            <button id="btn-pwa-update" type="button"
                    class="btn btn-warning btn-sm fw-semibold" style="font-size:11px; border-radius:8px; white-space:nowrap;">
                Neu laden
            </button>
            <button type="button" class="btn btn-sm btn-outline-secondary"
                    data-bs-dismiss="toast" aria-label="Close"
                    style="font-size:10px; border-radius:8px; color:#94a3b8; border-color:rgba(255,255,255,0.15); white-space:nowrap;">
                Später
            </button>
        </div>
    </div>
</div>

<!-- Cloudflare Web Analytics -->
<script type="module">
(function() {
    const hostname = window.location.hostname;
    if (window.isLocalDev ||
        hostname === 'localhost' || 
        hostname === '127.0.0.1' || 
        hostname.endsWith('.local') ||
        hostname.startsWith('192.168.') || 
        hostname.startsWith('10.') || 
        hostname.startsWith('172.')) {
        console.log('[Analytics] Cloudflare Web Analytics bypassed in local development.');
        return;
    }
    const script = document.createElement('script');
    script.type = 'module';
    script.src = 'https://static.cloudflareinsights.com/beacon.min.js';
    script.setAttribute('data-cf-beacon', '{"token": "898cc0a551964fdb8ec83eb20cfacb70"}');
    document.head.appendChild(script);
})();
</script>
<!-- End Cloudflare Web Analytics -->

</body>
</html>