fbdda98a1745008678c51df7da39699d18c28d1d48191fca36a2edffe9de1' => 
  array (
    'tempHex' => '89ffbdda98a1745008678c51df7da39699d18c28d1d48191fca36a2edffe9de1',
    'hex' => 'gast',
    'letzteInteraktion' => 1790405678,
    'angemeldet' => 'gast',
    'hashNutzernamePassw' => 'gast',
    'hashMailPassw' => 'gast',
    'hashMobilPassw' => 'gast',
    'hashKomplett' => '82c06e88d4ca459bf436e9f1527c2c339bafba1975de8eb8b2a90ba6206e1819',
    'hashIp' => 'b30ff29594670b78ae51783b698dfeaf4c41c06730317481d9e887fc897213d1',
    'hashBrowser' => '149432d92912ee8179a7a5759474ca94125bb305a68a285a9c80c7ae248935d9',
    'hashPlattform' => '277119d86e4b904becb3c8000295343a6ced979d7d995e737935ac2c45b8e936',
    'registerart' => 'gast',
  ),
  '7f156660e2c94f0c65e2e6104da61c760c3d45235f0721432bcf6aae7728536e' => 
  array (
    'tempHex' => '7f156660e2c94f0c65e2e6104da61c760c3d45235f0721432bcf6aae7728536e',
    'hex' => 'gast',
    'letzteInteraktion' => 1790405601,
    'angemeldet' => 'gast',
    'hashNutzernamePassw' => 'gast',
    'hashMailPassw' => 'gast',
    'hashMobilPassw' => 'gast',
    'hashKomplett' => '8940fcff442dfa83d7fc4fee947bb206449dc09789e33bc4be04ccf61321869e',
    'hashIp' => 'eca23f78ee9efe863b547c69b8fdb471b916f0fa016b238bd0deaa97d85562ce',
    'hashBrowser' => 'd18420734ebb79ab741c8f74335c82eb26c833425bc3da87911d23c2def57099',
    'hashPlattform' => '277119d86e4b904becb3c8000295343a6ced979d7d995e737935ac2c45b8e936',
    'registerart' => 'gast',
  ),
  'e45b8e34edef4ec0873d314fd2d13cc0a0aa96951fb33c22fd22aebe00b37480' => 
  array (
    'tempHex' => 'e45b8e34edef4ec0873d314fd2d13cc0a0aa96951fb33c22fd22aebe00b37480',
    'hex' => 'gast',
    'letzteInteraktion' => 1790405888,
    'angemeldet' => 'gast',
    'hashNutzernamePassw' => 'gast',
    'hashMailPassw' => 'gast',
    'hashMobilPassw' => 'gast',
    'hashKomplett' => 'e94eccd71e7e799bba21ae3be47f8e5f3fac2f282b3c34080b54e7a6a114e1ea',
    'hashIp' => '338d237877050311ec0ebb3594ffdd8890f747429901c5149c4caebb0c38af8f',
    'hashBrowser' => '149432d92912ee8179a7a5759474ca94125bb305a68a285a9c80c7ae248935d9',
    'hashPlattform' => '277119d86e4b904becb3c8000295343a6ced979d7d995e737935ac2c45b8e936',
    'registerart' => 'gast',
  ),
); 
?>
<link rel="stylesheet" href="/system-menu-css-fuer-alle.css">
<script src="/system-menu-js-fuer-alle.js" defer></script>

<nav class="topbar">

    <!-- LOGO -->
    <a href="/index.php?tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32" class="logo">
        <img src="/pwa-192.png" alt="Logo">
    </a>

    <div class="right-area">

<a href="/benutzer-anmeldung.php?tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32&tags%5B0%5D=11&tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32" class="logo"><img src="/login-weiss-transparent.png" alt="Login"></a>
    

        <!-- MENU BUTTON -->
        <div class="menuButton" id="menuButton">
            <div class="burger">
                <span></span>
                <span></span>
                <span></span>
            </div>
            
        </div>

        <!-- HELP -->
        <div class="help" id="helpButton">?</div>

        

    </div>

</nav>


<!-- OVERLAY -->
<div class="menuOverlay" id="menuOverlay"></div>


<!-- SIDE MENU -->
<div class="sideMenu" id="sideMenu">
 <span class="closeMenu">×</span> <!-- X-Button -->
<ul>

<li><a href="/normal-nachrichten-uebersicht.php?tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32">Nachrichten</a></li>
<li><a href="/normal-nachrichten-uebersicht_version2.php?tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32">Nachrichten, 2. Version</a></li>
<li><a href="/citymap-index.php?tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32">Karte</a></li>

<li class="submenu">
<span>Test-Übersichtsseiten</span>
<ul>
<li><a href="/mp-michael-index-v9.6.php">mp-ind 9.6</a></li>

<li><a href="/zeitstrahl-nachrichten-uebersicht-v2.php">zeitstrahl v2</a></li>
<li><a href="/zeitstrahl-nachrichten-uebersicht-v3.php">zeitstrahl v3</a></li>
<li><a href="/zeitstrahl-nachrichten-uebersicht_mobil.php">zeitstrahl mobil</a></li>

</ul>
</li>


<li class="submenu">
<span>Verein</span>
<ul>
<li><a href="verein.php">Über uns</a></li>
<li><a href="mitglieder.php">Mitglieder</a></li>
<li><a href="termine.php">Termine</a></li>
</ul>
</li>

<li class="submenu">
<span>Intern</span>
<ul>
<li><a href="login.php">Login</a></li>
<li><a href="registrieren.php">Registrieren</a></li>
</ul>
</li>

<li>
<a href="kontakt.php">Kontakt</a>
</li>

</ul>

</div>


<!-- Overlay für rechtes Menü -->
<div class="menuOverlayRight"></div>

<!-- Rechtes Side-Menu -->
<nav class="sideMenuRight">
	 <span class="closeMenuRight">×</span> <!-- X-Button -->
  <ul>
    <li><a href="datenschutzerklaerung.php">Datenschutz</a></li>
    <li><a href="faq.php">FAQ</a></li>
    <li><a href="faq.php#Zweck">Zweck</a></li>
    <li><a href="#">Anleitungen</a></li>
  </ul>
</nav>
<!DOCTYPE html>
<html lang="de">

<head>

<meta charset="utf-8">

<meta
    name="viewport"
    content="width=device-width, initial-scale=1.0"
>

<title>Drensteinfurt – Suche</title>


<script>

/* ============================================================
   SCROLLPOSITION
   ============================================================ */

const encodeMap = {

    "0":["M","V","P","R","C"],
    "1":["D","I","F"],
    "2":["S","H","E"],
    "3":["J","L"],
    "4":["W","N","O"],
    "5":["K","Q","B"],
    "6":["G","T"],
    "7":["Y"],
    "8":["A","X"],
    "9":["U","Z"]
};


function encodeNumber(num) {

    return String(num)
        .split("")
        .map(d => {

            const arr = encodeMap[d];

            return arr[
                Math.floor(
                    Math.random() *
                    arr.length
                )
            ];

        })
        .join("");
}


let $scrollPixel = 0;


function oeffneLink($url) {

    $scrollPixel =
        Math.round($scrollPixel);


    /*
     * Bestehende URL sauber erweitern.
     */
    const separator =
        $url.indexOf('?') === -1
            ? '?'
            : '&';


    const encoded =
        encodeNumber($scrollPixel);


    window.location.href =
        $url +
        separator +
        "pgeStell=" +
        encoded;
}


window.addEventListener(
    "load",
    () => {

        /*
         * pgeStell kann jetzt entweder als Query-Parameter
         * oder – falls alte Links existieren – im Hash kommen.
         */

        const params =
            new URLSearchParams(
                window.location.search
            );


        let encoded =
            params.get('pgeStell');


        if (!encoded) {

            const hash =
                window.location.hash;

            const match =
                hash.match(
                    /pgeStell=([A-Z]+)/i
                );

            if (match) {
                encoded = match[1];
            }
        }


        if (!encoded) {
            return;
        }


        const decodeMap = {};


        for (const digit in encodeMap) {

            encodeMap[digit].forEach(
                letter => {
                    decodeMap[letter] = digit;
                }
            );
        }


        let result = "";


        encoded
            .toUpperCase()
            .split("")
            .forEach(c => {

                if (
                    decodeMap[c] !== undefined
                ) {

                    result +=
                        decodeMap[c];
                }
            });


        const pos =
            parseInt(result);


        if (!isNaN(pos)) {

            window.scrollTo({

                top: pos,

                left: 0,

                behavior: "smooth"
            });
        }
    }
);

</script>

<!DOCTYPE html>
<html lang="de">

<head>

<meta charset="utf-8">

<meta
    name="viewport"
    content="width=device-width, initial-scale=1.0"
>

<title>Drensteinfurt – Suche</title>


<script>

/* ============================================================
   SCROLLPOSITION
   ============================================================ */

const encodeMap = {

    "0":["M","V","P","R","C"],
    "1":["D","I","F"],
    "2":["S","H","E"],
    "3":["J","L"],
    "4":["W","N","O"],
    "5":["K","Q","B"],
    "6":["G","T"],
    "7":["Y"],
    "8":["A","X"],
    "9":["U","Z"]
};


function encodeNumber(num) {

    return String(num)
        .split("")
        .map(d => {

            const arr = encodeMap[d];

            return arr[
                Math.floor(
                    Math.random() *
                    arr.length
                )
            ];

        })
        .join("");
}


let $scrollPixel = 0;


function oeffneLink($url) {

    $scrollPixel =
        Math.round($scrollPixel);


    /*
     * Bestehende URL sauber erweitern.
     */
    const separator =
        $url.indexOf('?') === -1
            ? '?'
            : '&';


    const encoded =
        encodeNumber($scrollPixel);


    window.location.href =
        $url +
        separator +
        "pgeStell=" +
        encoded;
}


window.addEventListener(
    "load",
    () => {

        /*
         * pgeStell kann jetzt entweder als Query-Parameter
         * oder – falls alte Links existieren – im Hash kommen.
         */

        const params =
            new URLSearchParams(
                window.location.search
            );


        let encoded =
            params.get('pgeStell');


        if (!encoded) {

            const hash =
                window.location.hash;

            const match =
                hash.match(
                    /pgeStell=([A-Z]+)/i
                );

            if (match) {
                encoded = match[1];
            }
        }


        if (!encoded) {
            return;
        }


        const decodeMap = {};


        for (const digit in encodeMap) {

            encodeMap[digit].forEach(
                letter => {
                    decodeMap[letter] = digit;
                }
            );
        }


        let result = "";


        encoded
            .toUpperCase()
            .split("")
            .forEach(c => {

                if (
                    decodeMap[c] !== undefined
                ) {

                    result +=
                        decodeMap[c];
                }
            });


        const pos =
            parseInt(result);


        if (!isNaN(pos)) {

            window.scrollTo({

                top: pos,

                left: 0,

                behavior: "smooth"
            });
        }
    }
);

</script>


<style>

/* ============================================================
   GRUNDLAYOUT
   ============================================================ */

:root {

    --bg:
        #eef3f6;

    --surface:
        rgba(255,255,255,.94);

    --surface-strong:
        #ffffff;

    --border:
        #dbe4e9;

    --text:
        #1f2937;

    --muted:
        #64748b;

    --primary:
        #0f766e;

    --primary-light:
        #ccfbf1;

    --primary-dark:
        #115e59;

    --accent:
        #f59e0b;

    --purple:
        #8b5cf6;

    --pink:
        #c026d3;

    --blue:
        #0284c7;

    --green:
        #059669;

    --shadow:
        0 10px 30px rgba(15,23,42,.07);

    --shadow-hover:
        0 18px 42px rgba(15,23,42,.12);

    --radius:
        18px;
}


* {
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body.indexmp {

    margin: 0;

    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    color:
        var(--text);

    background:
        linear-gradient(
            135deg,
            #eef7f6 0%,
            #f5f7fb 45%,
            #eef2ff 100%
        );

    min-height: 100vh;
}


a {
    color:
        inherit;
}


button,
input,
select {
    font:
        inherit;
}


/* ============================================================
   HEADER
   ============================================================ */

.indexmp .page-header {

    max-width:
        1440px;

    margin:
        0 auto;

    padding:
        22px 28px 12px;
}


.indexmp .brand {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;
}


.indexmp .brand-title {

    display:
        flex;

    align-items:
        center;

    gap:
        13px;
}


.indexmp .brand-icon {

    width:
        46px;

    height:
        46px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        14px;

    color:
        white;

    background:
        linear-gradient(
            135deg,
            #0f766e,
            #14b8a6
        );

    box-shadow:
        0 8px 20px
        rgba(15,118,110,.25);

    font-size:
        21px;
}


.indexmp .brand h1 {

    margin:
        0;

    font-size:
        clamp(1.25rem, 2vw, 1.75rem);

    letter-spacing:
        -.035em;

    color:
        #172033;
}


.indexmp .brand-sub {

    margin:
        3px 0 0;

    color:
        var(--muted);

    font-size:
        .86rem;
}


.indexmp .result-badge {

    padding:
        9px 14px;

    border:
        1px solid
        var(--border);

    border-radius:
        999px;

    background:
        rgba(255,255,255,.72);

    color:
        var(--muted);

    font-size:
        .86rem;

    white-space:
        nowrap;
}


/* ============================================================
   HAUPTCONTAINER
   ============================================================ */

.indexmp .container {

    width:
        min(1440px, calc(100% - 32px));

    margin:
        0 auto;

    padding:
        12px 0 40px;

    display:
        grid;

    grid-template-columns:
        minmax(270px, 310px)
        minmax(0, 1fr);

    gap:
        22px;

    align-items:
        start;
}


/* ============================================================
   FILTERBEREICH
 *
 * WICHTIGE ÄNDERUNG:
 * Das Menü selbst ist jetzt ein eigener Scrollbereich.
 * ============================================================
 */

.indexmp .menu {

    position:
        sticky;

    top:
        16px;

    min-width:
        0;

    /*
     * Eigenständiges Scrollen des Menüs.
     */
    max-height:
        calc(100vh - 32px);

    overflow-y:
        auto;

    overflow-x:
        hidden;

    padding:
        18px;

    border:
        1px solid
        rgba(203,213,225,.85);

    border-radius:
        22px;

    background:
        rgba(255,255,255,.91);

    box-shadow:
        var(--shadow);

    backdrop-filter:
        blur(14px);

    z-index:
        20;

    /*
     * Schönere Scrollbar.
     */
    scrollbar-width:
        thin;

    scrollbar-color:
        #94a3b8
        #f1f5f9;
}


.indexmp .menu::-webkit-scrollbar {

    width:
        8px;
}


.indexmp .menu::-webkit-scrollbar-track {

    background:
        transparent;
}


.indexmp .menu::-webkit-scrollbar-thumb {

    background:
        #cbd5e1;

    border-radius:
        99px;

    border:
        2px solid
        rgba(255,255,255,.7);
}


.indexmp .menu::-webkit-scrollbar-thumb:hover {

    background:
        #94a3b8;
}


.indexmp .filter-heading {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    margin-bottom:
        14px;
}


.indexmp .filter-heading h2 {

    margin:
        0;

    color:
        #172033;

    font-size:
        1rem;

    letter-spacing:
        -.015em;
}


.indexmp .filter-heading span {

    color:
        var(--muted);

    font-size:
        .76rem;
}


/* ============================================================
   SUCHFELD
   ============================================================ */

.indexmp .search-wrap {

    position:
        relative;

    margin-bottom:
        13px;
}


.indexmp .search-wrap input {

    width:
        100%;

    height:
        46px;

    padding:
        0 44px 0 15px;

    border:
        1px solid
        #cbd5e1;

    border-radius:
        13px;

    outline:
        none;

    color:
        var(--text);

    background:
        #fff;

    transition:
        .2s ease;
}


.indexmp .search-wrap input:focus {

    border-color:
        #14b8a6;

    box-shadow:
        0 0 0 4px
        rgba(20,184,166,.12);
}


.indexmp .search-icon {

    position:
        absolute;

    right:
        14px;

    top:
        50%;

    transform:
        translateY(-50%);

    color:
        var(--primary);

    pointer-events:
        none;
}


/* ============================================================
   QUELLEN
   ============================================================ */

.indexmp .section-label {

    margin:
        19px 0 9px;

    color:
        #475569;

    font-size:
        .75rem;

    font-weight:
        750;

    text-transform:
        uppercase;

    letter-spacing:
        .08em;
}


.indexmp .source-grid {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        8px;
}


.indexmp .source-option {

    position:
        relative;
}


.indexmp .source-option input {

    position:
        absolute;

    opacity:
        0;

    pointer-events:
        none;
}


.indexmp .source-option label {

    display:
        block;

    padding:
        10px 9px;

    border:
        1px solid
        #e2e8f0;

    border-radius:
        12px;

    background:
        #f8fafc;

    color:
        #475569;

    font-size:
        .78rem;

    line-height:
        1.25;

    cursor:
        pointer;

    transition:
        .18s ease;
}


.indexmp .source-option label:hover {

    border-color:
        #94a3b8;

    transform:
        translateY(-1px);
}


.indexmp .source-option input:checked + label {

    color:
        #0f172a;

    border-color:
        #5eead4;

    background:
        #ecfdf5;

    box-shadow:
        inset 0 0 0 1px
        rgba(20,184,166,.12);
}


.indexmp .source-dot {

    display:
        inline-block;

    width:
        7px;

    height:
        7px;

    margin-right:
        5px;

    border-radius:
        50%;

    vertical-align:
        1px;
}


.source-b .source-dot {
    background: var(--green);
}

.source-d .source-dot {
    background: var(--accent);
}

.source-a .source-dot {
    background: var(--pink);
}

.source-c .source-dot {
    background: var(--blue);
}


/* ============================================================
   SUCHE IN
   ============================================================ */

.indexmp .radio-box {

    padding:
        11px;

    border:
        1px solid
        #e2e8f0;

    border-radius:
        13px;

    background:
        #f8fafc;
}


.indexmp .radio-box label {

    display:
        block;

    margin:
        7px 0;

    color:
        #475569;

    font-size:
        .82rem;

    cursor:
        pointer;
}


/* ============================================================
   ZEITRAUM
   ============================================================ */

.indexmp .date-box {

    padding:
        13px;

    border:
        1px solid
        #dbeafe;

    border-radius:
        14px;

    background:
        linear-gradient(
            135deg,
            #f0fdfa,
            #eff6ff
        );
}


.indexmp .date-grid {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        8px;
}


.indexmp .date-grid label {

    display:
        block;

    margin-bottom:
        5px;

    color:
        #64748b;

    font-size:
        .7rem;

    font-weight:
        700;
}


.indexmp .date-grid input {

    width:
        100%;

    min-width:
        0;

    height:
        38px;

    padding:
        0 7px;

    border:
        1px solid
        #cbd5e1;

    border-radius:
        9px;

    background:
        white;

    color:
        #334155;

    font-size:
        .76rem;
}


.indexmp .date-actions {

    display:
        flex;

    gap:
        7px;

    margin-top:
        9px;
}


.indexmp .date-actions button {

    flex:
        1;

    padding:
        7px;

    border:
        0;

    border-radius:
        8px;

    background:
        #e2e8f0;

    color:
        #475569;

    font-size:
        .72rem;

    cursor:
        pointer;
}


.indexmp .date-active {

    margin-top:
        8px;

    color:
        var(--primary-dark);

    font-size:
        .72rem;

    font-weight:
        650;
}


/* ============================================================
   THEMEN
   ============================================================ */

.indexmp #suchwortFilter {

    width:
        100%;

    height:
        37px;

    padding:
        0 10px;

    margin-bottom:
        9px;

    border:
        1px solid
        #dbe3ea;

    border-radius:
        10px;

    background:
        #f8fafc;

    outline:
        none;

    font-size:
        .78rem;
}


.indexmp #suchwortFilter:focus {

    border-color:
        #5eead4;

    background:
        white;
}


/*
 * Die Themenliste hat weiterhin ihre eigene begrenzte Höhe.
 * Dadurch kann innerhalb des Menüs zusätzlich bequem gescrollt
 * werden. Das komplette Menü ist aber ebenfalls scrollbar.
 */

.indexmp .tag-list {

    max-height:
        430px;

    overflow-y:
        auto;

    padding-right:
        4px;

    scrollbar-width:
        thin;

    scrollbar-color:
        #cbd5e1
        transparent;
}


.indexmp .tag-list::-webkit-scrollbar {

    width:
        6px;
}


.indexmp .tag-list::-webkit-scrollbar-thumb {

    background:
        #cbd5e1;

    border-radius:
        99px;
}


.indexmp .menu-item {

    display:
        flex;

    align-items:
        center;

    gap:
        7px;

    margin:
        2px 0;

    min-width:
        0;
}


.indexmp .menu-item input {

    flex:
        0 0 auto;

    width:
        16px;

    height:
        16px;

    accent-color:
        var(--primary);

    cursor:
        pointer;
}


.indexmp .menu-item label {

    min-width:
        0;

    padding:
        5px 4px;

    color:
        #475569;

    font-size:
        .78rem;

    line-height:
        1.25;

    cursor:
        pointer;

    overflow-wrap:
        anywhere;
}


.indexmp .menu-item label:hover {

    color:
        var(--primary-dark);
}


.indexmp .active-topic {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        6px;

    margin-bottom:
        12px;
}


.indexmp .active-topic a {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        5px;

    padding:
        6px 9px;

    border-radius:
        999px;

    background:
        #ccfbf1;

    color:
        #115e59;

    font-size:
        .72rem;

    text-decoration:
        none;
}


/* ============================================================
   BUTTONS
   ============================================================ */

.indexmp .button-row {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        8px;

    margin-top:
        15px;
}


.indexmp .btn {

    min-height:
        41px;

    padding:
        9px 12px;

    border:
        0;

    border-radius:
        11px;

    cursor:
        pointer;

    font-size:
        .8rem;

    font-weight:
        700;

    transition:
        .18s ease;
}


.indexmp .btn:hover {

    transform:
        translateY(-1px);
}


.indexmp .btn-primary {

    color:
        white;

    background:
        linear-gradient(
            135deg,
            #0f766e,
            #0d9488
        );

    box-shadow:
        0 6px 15px
        rgba(15,118,110,.2);
}


.indexmp .btn-secondary {

    color:
        #475569;

    border:
        1px solid
        #dbe3ea;

    background:
        #f8fafc;
}


/* ============================================================
   CONTENT
   ============================================================ */

.indexmp .content {

    min-width:
        0;
}


.indexmp .content-toolbar {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    margin-bottom:
        14px;

    padding:
        12px 15px;

    border:
        1px solid
        var(--border);

    border-radius:
        16px;

    background:
        rgba(255,255,255,.82);

    box-shadow:
        0 6px 20px
        rgba(15,23,42,.04);
}


.indexmp .toolbar-left {

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    flex-wrap:
        wrap;
}


.indexmp .count {

    color:
        #334155;

    font-size:
        .84rem;

    font-weight:
        750;
}


.indexmp .filter-state {

    padding:
        5px 8px;

    border-radius:
        7px;

    background:
        #f1f5f9;

    color:
        #64748b;

    font-size:
        .7rem;
}


.indexmp .sort-select {

    height:
        36px;

    padding:
        0 9px;

    border:
        1px solid
        #dbe3ea;

    border-radius:
        9px;

    background:
        white;

    color:
        #475569;

    font-size:
        .76rem;

    outline:
        none;

    cursor:
        pointer;
}


.indexmp .sort-select:focus {

    border-color:
        #5eead4;

    box-shadow:
        0 0 0 3px
        rgba(20,184,166,.1);
}


/* ============================================================
   FEHLERMELDUNG
   ============================================================ */

.indexmp .error-box {

    margin:
        0 0 16px;

    padding:
        13px 15px;

    border:
        1px solid
        #fecaca;

    border-radius:
        13px;

    color:
        #991b1b;

    background:
        #fef2f2;

    font-size:
        .86rem;
}


/* ============================================================
   TEASER
   ============================================================ */

.indexmp .teaser {

    position:
        relative;

    margin-bottom:
        14px;

    padding:
        20px 22px;

    border:
        1px solid
        rgba(203,213,225,.85);

    border-left:
        5px solid
        var(--primary);

    border-radius:
        17px;

    background:
        rgba(255,255,255,.96);

    box-shadow:
        0 7px 24px
        rgba(15,23,42,.055);

    cursor:
        pointer;

    overflow:
        hidden;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}


.indexmp .teaser:hover {

    transform:
        translateY(-2px);

    box-shadow:
        var(--shadow-hover);
}


.indexmp .teaser.artikel {

    border-left-color:
        #059669;

    background:
        linear-gradient(
            110deg,
            #f5fffb,
            #fff
        );
}


.indexmp .teaser.beschluss {

    border-left-color:
        #f59e0b;

    background:
        linear-gradient(
            110deg,
            #fffbeb,
            #fff
        );
}


.indexmp .teaser.externeEingaben {

    border-left-color:
        #c026d3;

    background:
        linear-gradient(
            110deg,
            #fdf4ff,
            #fff
        );
}


.indexmp .teaser.leserbrief {

    border-left-color:
        #c026d3;

    background:
        linear-gradient(
            110deg,
            #fdf4ff,
            #fff
        );
}


.indexmp .teaser.umfrage {

    border-left-color:
        #0284c7;

    background:
        linear-gradient(
            110deg,
            #f0f9ff,
            #fff
        );
}


.indexmp .teaser-date {

    display:
        inline-flex;

    align-items:
        center;

    padding:
        5px 8px;

    margin-bottom:
        9px;

    border-radius:
        7px;

    background:
        #f1f5f9;

    color:
        #64748b;

    font-size:
        .72rem;

    font-weight:
        650;
}


.indexmp .teaser h2 {

    margin:
        0 0 9px;

    color:
        #172033;

    font-size:
        clamp(1rem, 1.4vw, 1.17rem);

    line-height:
        1.25;

    letter-spacing:
        -.02em;
}


.indexmp .teaser-text {

    color:
        #536274;

    font-size:
        .88rem;

    line-height:
        1.55;

    overflow-wrap:
        anywhere;
}


.indexmp mark {

    padding:
        0 2px;

    border-radius:
        3px;

    background:
        #fef08a;

    color:
        inherit;
}


/* ============================================================
   EDIT-LINK
   ============================================================ */

.indexmp .edit-link {

    display:
        inline-block;

    margin-bottom:
        8px;

    padding:
        4px 7px;

    border-radius:
        6px;

    background:
        #f1f5f9;

    color:
        #64748b;

    font-size:
        .68rem;

    text-decoration:
        none;
}


/* ============================================================
   PAGINATION
   ============================================================ */

.indexmp .pagination {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        6px;

    margin:
        20px 0 30px;
}


.indexmp .pagination a,
.indexmp .pagination strong,
.indexmp .pagination span {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-width:
        36px;

    height:
        36px;

    padding:
        0 10px;

    border-radius:
        9px;

    text-decoration:
        none;

    font-size:
        .76rem;
}


.indexmp .pagination a {

    color:
        #475569;

    background:
        #e8eef2;
}


.indexmp .pagination a:hover {

    background:
        #dbe7eb;
}


.indexmp .pagination strong {

    color:
        white;

    background:
        var(--primary);
}


.indexmp .pagination span {

    color:
        #94a3b8;

    background:
        #f1f5f9;
}


/* ============================================================
   EMPTY
   ============================================================ */

.indexmp .empty {

    padding:
        75px 20px;

    text-align:
        center;

    color:
        #64748b;
}


.indexmp .empty-icon {

    width:
        55px;

    height:
        55px;

    margin:
        0 auto 12px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        17px;

    background:
        #f1f5f9;

    color:
        #94a3b8;

    font-size:
        1.4rem;
}


/* ============================================================
   ZEITSTRAHL
   ============================================================ */

.indexmp .timeline-wrapper {

    width:
        min(
            1440px,
            calc(100% - 32px)
        );

    margin:
        0 auto 50px;

    padding:
        0 0 25px;
}


.indexmp .timeline-shell {

    border:
        1px solid
        rgba(203,213,225,.9);

    border-radius:
        22px;

    background:
        rgba(255,255,255,.92);

    box-shadow:
        var(--shadow);

    overflow:
        hidden;
}


.indexmp .timeline-header {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    padding:
        17px 19px;

    border-bottom:
        1px solid
        #e2e8f0;

    background:
        linear-gradient(
            90deg,
            #f0fdfa,
            #f8fafc
        );
}


.indexmp .timeline-title {

    margin:
        0;

    color:
        #172033;

    font-size:
        .98rem;

    font-weight:
        800;
}


.indexmp .timeline-subtitle {

    margin:
        2px 0 0;

    color:
        #64748b;

    font-size:
        .72rem;
}


.indexmp .timeline-scroll {

    overflow-x:
        auto;

    overflow-y:
        hidden;

    padding:
        22px 20px 18px;

    scrollbar-width:
        thin;

    scrollbar-color:
        #94a3b8 #f1f5f9;
}


.indexmp .timeline-scroll::-webkit-scrollbar {

    height:
        9px;
}


.indexmp .timeline-scroll::-webkit-scrollbar-track {

    background:
        #f1f5f9;

    border-radius:
        99px;
}


.indexmp .timeline-scroll::-webkit-scrollbar-thumb {

    background:
        #94a3b8;

    border-radius:
        99px;
}


.indexmp .timeline {

    display:
        flex;

    align-items:
        stretch;

    gap:
        10px;

    min-width:
        max-content;

    position:
        relative;

    padding:
        10px 0 0;
}


.indexmp .timeline::before {

    content:
        "";

    position:
        absolute;

    top:
        32px;

    left:
        0;

    right:
        0;

    height:
        3px;

    border-radius:
        99px;

    background:
        linear-gradient(
            90deg,
            #99f6e4,
            #bae6fd,
            #ddd6fe
        );

    pointer-events:
        none;
}


.indexmp .timeline-day {

    position:
        relative;

    width:
        190px;

    min-width:
        190px;

    min-height:
        220px;

    padding:
        0 8px 12px;

    border:
        1px solid
        #e2e8f0;

    border-radius:
        15px;

    background:
        rgba(248,250,252,.88);
}


.indexmp .timeline-day-head {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        45px;

    padding:
        7px 5px;

    border-radius:
        10px;

    background:
        white;

    box-shadow:
        0 4px 12px
        rgba(15,23,42,.06);

    text-align:
        center;
}


.indexmp .timeline-day-date {

    max-width:
        100%;

    color:
        #334155;

    font-size:
        .75rem;

    line-height:
        1.2;

    font-weight:
        800;

    overflow-wrap:
        anywhere;

    word-break:
        normal;
}


.indexmp .timeline-items {

    display:
        flex;

    flex-direction:
        column;

    gap:
        7px;

    padding:
        15px 0 0;
}


.indexmp .timeline-item {

    width:
        100%;

    min-width:
        0;

    padding:
        9px 10px;

    border:
        1px solid
        rgba(203,213,225,.9);

    border-left:
        4px solid
        #94a3b8;

    border-radius:
        10px;

    background:
        white;

    text-decoration:
        none;

    box-shadow:
        0 3px 10px
        rgba(15,23,42,.045);

    transition:
        .16s ease;

    overflow:
        hidden;
}


.indexmp .timeline-item:hover {

    transform:
        translateY(-1px);

    box-shadow:
        0 7px 15px
        rgba(15,23,42,.09);
}


.indexmp .timeline-artikel {

    border-left-color:
        #059669;
}


.indexmp .timeline-beschluss {

    border-left-color:
        #f59e0b;
}


.indexmp .timeline-news {

    border-left-color:
        #c026d3;
}


.indexmp .timeline-umfrage {

    border-left-color:
        #0284c7;
}


.indexmp .timeline-type {

    display:
        block;

    margin-bottom:
        3px;

    color:
        #64748b;

    font-size:
        .62rem;

    font-weight:
        800;

    text-transform:
        uppercase;

    letter-spacing:
        .04em;
}


.indexmp .timeline-text {

    display:
        -webkit-box;

    -webkit-line-clamp:
        3;

    -webkit-box-orient:
        vertical;

    overflow:
        hidden;

    overflow-wrap:
        anywhere;

    word-break:
        break-word;

    color:
        #334155;

    font-size:
        .73rem;

    line-height:
        1.3;
}


.indexmp .timeline-empty {

    padding:
        30px;

    text-align:
        center;

    color:
        #64748b;

    font-size:
        .82rem;
}


/* ============================================================
   MODAL
   ============================================================ */

.indexmp #searchModal {

    display:
        none;

    position:
        fixed;

    inset:
        0;

    z-index:
        1000;

    align-items:
        center;

    justify-content:
        center;

    padding:
        20px;

    background:
        rgba(15,23,42,.55);

    backdrop-filter:
        blur(4px);
}


.indexmp .modal-box {

    position:
        relative;

    width:
        min(420px, 100%);

    padding:
        25px;

    border-radius:
        20px;

    background:
        white;

    box-shadow:
        0 25px 70px
        rgba(15,23,42,.25);
}


.indexmp .modal-box h3 {

    margin:
        0 0 8px;

    color:
        #172033;
}


.indexmp .modal-box p {

    color:
        #64748b;

    font-size:
        .88rem;
}


.indexmp .modal-box input {

    width:
        100%;

    height:
        43px;

    padding:
        0 11px;

    border:
        1px solid
        #cbd5e1;

    border-radius:
        10px;

    outline:
        none;
}


.indexmp .modal-close {

    position:
        absolute;

    top:
        10px;

    right:
        12px;

    width:
        30px;

    height:
        30px;

    border:
        0;

    border-radius:
        8px;

    background:
        #f1f5f9;

    color:
        #64748b;

    cursor:
        pointer;
}


/* ============================================================
   MOBIL
   ============================================================ */

@media (max-width: 950px) {

    .indexmp .container {

        grid-template-columns:
            1fr;
    }


    /*
     * Auf Mobilgeräten soll das Filtermenü nicht als
     * feststehender eigener Bereich den kompletten Bildschirm
     * blockieren.
     */
    .indexmp .menu {

        position:
            relative;

        top:
            auto;

        max-height:
            none;

        overflow-y:
            visible;
    }


    .indexmp .tag-list {

        max-height:
            280px;
    }
}


@media (max-width: 620px) {

    .indexmp .page-header {

        padding:
            15px 13px 8px;
    }


    .indexmp .container {

        width:
            calc(100% - 20px);

        padding:
            7px 0 25px;
    }


    .indexmp .timeline-wrapper {

        width:
            calc(100% - 20px);
    }


    .indexmp .brand {

        align-items:
            flex-start;
    }


    .indexmp .brand-icon {

        width:
            40px;

        height:
            40px;
    }


    .indexmp .result-badge {

        display:
            none;
    }


    .indexmp .menu {

        padding:
            14px;

        border-radius:
            17px;
    }


    .indexmp .source-grid {

        grid-template-columns:
            1fr 1fr;
    }


    .indexmp .content-toolbar {

        align-items:
            stretch;

        flex-direction:
            column;
    }


    .indexmp .sort-select {

        width:
            100%;
    }


    .indexmp .teaser {

        padding:
            16px;

        border-radius:
            14px;
    }


    .indexmp .timeline-header {

        align-items:
            flex-start;

        flex-direction:
            column;
    }


    .indexmp .timeline-day {

        width:
            175px;

        min-width:
            175px;
    }
}

</style>

</head>


<body class="indexmp">


<!-- ============================================================
     HEADER
     ============================================================ -->

<header class="page-header">

    <div class="brand">

        <div class="brand-title">

            <div class="brand-icon">
                ✦
            </div>

            <div>

                <h1>
                    Drensteinfurt
                </h1>

                <div class="brand-sub">
                    Nachrichten · Beschlüsse · Leserbriefe · Umfragen
                </div>

            </div>

        </div>


        <div class="result-badge">

            13            Treffer

        </div>

    </div>

</header>


<!-- ============================================================
     HAUPTBEREICH
     ============================================================ -->

<div class="container">


<!-- ============================================================
     LINKE FILTERSPALTE
     ============================================================ -->

<aside class="menu">

    <div class="filter-heading">

        <h2>
            Filter & Suche
        </h2>

        <span>
            24 Themen
        </span>

    </div>


    <form
        method="get"
        action="mp-michael-index-v9.6.php"
        onsubmit="return checkSearchLength(this);"
    >


        <!-- SUCHE -->

        <div class="search-wrap">

            <input
                type="text"
                name="textsuche"
                placeholder="Suche in den Inhalten …"
                value=""
                autocomplete="off"
            >

            <span class="search-icon">
                🔍
            </span>

        </div>


        <!-- QUELLEN -->

        <div class="section-label">
            Quellen
        </div>


        <div class="source-grid">


            <div class="source-option source-b">

                <input
                    type="checkbox"
                    id="quelle_b"
                    name="quelle[]"
                    value="b"
                    checked                >

                <label for="quelle_b">

                    <span class="source-dot"></span>

                    Nachrichten

                </label>

            </div>


            <div class="source-option source-d">

                <input
                    type="checkbox"
                    id="quelle_d"
                    name="quelle[]"
                    value="d"
                    checked                >

                <label for="quelle_d">

                    <span class="source-dot"></span>

                    Beschlüsse

                </label>

            </div>


            <div class="source-option source-a">

                <input
                    type="checkbox"
                    id="quelle_a"
                    name="quelle[]"
                    value="a"
                    checked                >

                <label for="quelle_a">

                    <span class="source-dot"></span>

                    Leserbriefe

                </label>

            </div>


            <div class="source-option source-c">

                <input
                    type="checkbox"
                    id="quelle_c"
                    name="quelle[]"
                    value="c"
                    checked                >

                <label for="quelle_c">

                    <span class="source-dot"></span>

                    Umfragen

                </label>

            </div>


        </div>


        <!-- SUCHBEREICH -->

        <div class="section-label">
            Suchbereich
        </div>


        <div class="radio-box">

            <label>

                <input
                    type="radio"
                    name="suchbereich"
                    value="filter"
                    checked                >

                Suche in ausgewählten Themen

            </label>


            <label>

                <input
                    type="radio"
                    name="suchbereich"
                    value="alle"
                                    >

                Suche in allen Themen

            </label>

        </div>


        <!-- ZEITRAUM -->

        <div class="section-label">
            Zeitraum
        </div>


        <div class="date-box">

            <div class="date-grid">


                <div>

                    <label for="zeit_von">
                        Von
                    </label>

                    <input
                        type="date"
                        id="zeit_von"
                        name="zeit_von"
                        value=""
                    >

                </div>


                <div>

                    <label for="zeit_bis">
                        Bis
                    </label>

                    <input
                        type="date"
                        id="zeit_bis"
                        name="zeit_bis"
                        value=""
                    >

                </div>


            </div>


            <div class="date-actions">

                <button
                    type="button"
                    onclick="setDatePreset(30)"
                >
                    30 Tage
                </button>

                <button
                    type="button"
                    onclick="setDatePreset(365)"
                >
                    1 Jahr
                </button>

                <button
                    type="button"
                    onclick="clearDates()"
                >
                    Alle
                </button>

            </div>


            

        </div>


        <!-- ERHALTENE GESCHEHEN -->

        

        <!-- ERHALTENE TAGS -->

        
            <input
                type="hidden"
                name="tags[]"
                value="11"
            >

        

        <!-- SORTIERUNG -->

        <div class="section-label">
            Sortierung
        </div>


        <select
            name="sort"
            class="sort-select"
            style="width:100%;"
        >

            <option
                value="date-desc"
                            >
                Neueste zuerst
            </option>

            <option
                value="date-asc"
                            >
                Älteste zuerst
            </option>

            <option
                value="relevance"
                            >
                Nach Relevanz
            </option>

        </select>


        <!-- BUTTONS -->

        <div class="button-row">

            <button
                type="submit"
                class="btn btn-primary"
            >
                🔍 Suchen
            </button>


            <button
                type="button"
                class="btn btn-secondary"
                onclick="window.location.href='mp-michael-index-v9.6.php'"
            >
                Zurücksetzen
            </button>

        </div>


    </form>


    <!-- AKTIVE THEMENKOMPLEXE -->

    

    <!-- THEMEN -->

    <div class="section-label">
        Themen
    </div>


    <input
        id="suchwortFilter"
        placeholder="🔎 Themen filtern …"
        oninput="filterCheckboxList(this.value)"
    >


    <div class="tag-list">

        
            <div class="menu-item">

                <input
                    type="checkbox"
                    checked                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Verstoß                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=7&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=7&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    2026                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=8&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=8&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    2027                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=4&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=4&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Baugebiete                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=29&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=29&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    BMB (Bis-Mittag-Betreuung)                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=18&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=18&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    EDV &amp; IT                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=14&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=14&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Erlfeld                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=9&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=9&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Finanzen                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=15&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=15&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Flüchtlinge                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=23&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=23&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Fördermittel / Subventionen                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=21&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=21&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Gewerbesteuer                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=0&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=0&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Grundsteuer                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=19&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=19&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Grundsteuer A                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=20&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=20&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Grundsteuer B                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=12&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=12&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Haushalt                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=30&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=30&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Konrad-Adenauer- Straße                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=3&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=3&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Mondscheinweg                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=28&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=28&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    OGS                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=5&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=5&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Planung                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=22&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=22&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Schlüsselzuweisungen                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=44&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=44&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Sportvereine                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=35&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=35&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Transparenz                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=16&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=16&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Unterkunft                </label>

            </div>

        
            <div class="menu-item">

                <input
                    type="checkbox"
                                        onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=11&amp;tags[]=10&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >


                <label
                    onclick="
                        window.location.href='mp-michael-index-v9.6.php?tags[]=10&amp;quelle[]=a&amp;quelle[]=b&amp;quelle[]=c&amp;quelle[]=d&amp;suchbereich=filter&amp;sort=auto'
                    "
                >
                    Verkehr                </label>

            </div>

        
    </div>


</aside>


<!-- ============================================================
     RECHTE SPALTE
     ============================================================ -->

<main class="content">


    
        <div class="error-box">

            
        </div>

    

    <!-- TOOLBAR -->

    <div class="content-toolbar">

        <div class="toolbar-left">

            <span class="count">

                13
                Treffer

            </span>


            

            
        </div>


        <select
            class="sort-select"
            onchange="
                const u = new URL(window.location.href);
                u.searchParams.set('sort', this.value);
                u.searchParams.delete('page');
                window.location.href = u.toString();
            "
        >

            <option
                value="date-desc"
                            >
                Neueste zuerst
            </option>

            <option
                value="date-asc"
                            >
                Älteste zuerst
            </option>

            <option
                value="relevance"
                            >
                Nach Relevanz
            </option>

        </select>

    </div>


    

    <!-- TREFFER -->

    


    

    <article
        class="
            teaser
            artikel        "
        onclick="
            oeffneLink(
                'mp-michael-artikel-erweitert.php?id=0&amp;mpID=1782037799-39604&amp;tags%5B0%5D=11&amp;tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32'
            )
        "
    >


        
            <a
                class="edit-link"
                href="editor5.php?edit=0"
                onclick="
                    event.stopPropagation();
                "
            >

                EDIT
                0
            </a>

        

        
            <div class="teaser-date">

                📅

                22.02.2026
            </div>

        

        <h2>

            Ein Kfz pro Einwohner
        </h2>


        <div class="teaser-text">

            In Drensteinfurt seien 15.402 Kraftfahrzeuge zugelassen. Davon seien 10.253 PKW, 916 Krafträder, 806 Zugmaschinen, 680 Lkw, 130 Sonderfahrzeuge und 2186 Anhänger. 165 Wohnwagen seien in Drensteinfurt …<small><i>weiterlesen</i></small>…
        </div>


    </article>



    

    <article
        class="
            teaser
            artikel        "
        onclick="
            oeffneLink(
                'mp-michael-artikel-erweitert.php?id=78&amp;mpID=artikel-2026031913423533446878&amp;tags%5B0%5D=11&amp;tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32'
            )
        "
    >


        
            <a
                class="edit-link"
                href="editor5.php?edit=78"
                onclick="
                    event.stopPropagation();
                "
            >

                EDIT
                78
            </a>

        

        
            <div class="teaser-date">

                📅

                01.01.2026
            </div>

        

        <h2>

            Schulangebot / Ganztagsschulen
        </h2>


        <div class="teaser-text">

            Drensteinfurt. Die Satzung für die Schulbetreuung ist verabschiedet und tritt ab 2026 in Kraft.
Die Offene Ganztagsschule (OGS) an der Kardinal-von-Galen-Grundschule Drensteinfurt, der Katholischen Gr…<small><i>weiterlesen</i></small>…
        </div>


    </article>



    

    <article
        class="
            teaser
            artikel        "
        onclick="
            oeffneLink(
                'mp-michael-artikel-erweitert.php?id=187&amp;mpID=artikel-20260319134235940602187&amp;tags%5B0%5D=11&amp;tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32'
            )
        "
    >


        
            <a
                class="edit-link"
                href="editor5.php?edit=187"
                onclick="
                    event.stopPropagation();
                "
            >

                EDIT
                187
            </a>

        

        
            <div class="teaser-date">

                📅

                27.11.2025
            </div>

        

        <h2>

            LKW nicht mehr zugelassen
        </h2>


        <div class="teaser-text">

            Drensteinfurt. Am 27.11.2025 konnte festgestellt werden, dass der Dauerparker auf dem Bahnhofsparkplatz - eine Sattelzugmaschine - nicht mehr für den Verkehr zugelassen ist. Seit wann das der Fall ist…<small><i>weiterlesen</i></small>…
        </div>


    </article>



    

    <article
        class="
            teaser
            artikel        "
        onclick="
            oeffneLink(
                'mp-michael-artikel-erweitert.php?id=154&amp;mpID=artikel-20260319134235132100154&amp;tags%5B0%5D=11&amp;tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32'
            )
        "
    >


        
            <a
                class="edit-link"
                href="editor5.php?edit=154"
                onclick="
                    event.stopPropagation();
                "
            >

                EDIT
                154
            </a>

        

        
            <div class="teaser-date">

                📅

                05.11.2025
            </div>

        

        <h2>

            Wärmeversorgung in Drensteinfurt
        </h2>


        <div class="teaser-text">

            Drensteinfurt. Die Stadt Drensteinfurt bereitet sich auf die kommenden Schritte in der Wärmeplanung vor. Am 5. November 2025 findet ein Informationsabend statt, bei dem die künftige Ausrichtung erläut…<small><i>weiterlesen</i></small>…
        </div>


    </article>



    

    <article
        class="
            teaser
            artikel        "
        onclick="
            oeffneLink(
                'mp-michael-artikel-erweitert.php?id=130&amp;mpID=artikel-20260319134235130780130&amp;tags%5B0%5D=11&amp;tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32'
            )
        "
    >


        
            <a
                class="edit-link"
                href="editor5.php?edit=130"
                onclick="
                    event.stopPropagation();
                "
            >

                EDIT
                130
            </a>

        

        
            <div class="teaser-date">

                📅

                01.10.2025
            </div>

        

        <h2>

            Baumschnittverbrennen
        </h2>


        <div class="teaser-text">

            Drensteinfurt. In Drensteinfurt ist es wieder so weit: Vom 1. Oktober bis zum 30. April dürfen Anwohner Schlagabraum aus der Pflege von Feldhecken, Kopf- und Obstbäumen sowie Ufergehölzen verbrennen. …<small><i>weiterlesen</i></small>…
        </div>


    </article>



    

    <article
        class="
            teaser
            artikel        "
        onclick="
            oeffneLink(
                'mp-michael-artikel-erweitert.php?id=86&amp;mpID=artikel-2026031913423573547986&amp;tags%5B0%5D=11&amp;tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32'
            )
        "
    >


        
            <a
                class="edit-link"
                href="editor5.php?edit=86"
                onclick="
                    event.stopPropagation();
                "
            >

                EDIT
                86
            </a>

        

        
            <div class="teaser-date">

                📅

                01.10.2025
            </div>

        

        <h2>

            Bäume und die Baumschutzsatzung in Drensteinfurt
        </h2>


        <div class="teaser-text">

            Drensteinfurt. In Drensteinfurt, eingebettet in die grüne Landschaft Nordrhein-Westfalens, stehen Bäume im Mittelpunkt einer besonderen Fürsorge. Schon seit 1991 schützt die Stadt mit einer eigenen Sa…<small><i>weiterlesen</i></small>…
        </div>


    </article>



    

    <article
        class="
            teaser
            artikel        "
        onclick="
            oeffneLink(
                'mp-michael-artikel-erweitert.php?id=135&amp;mpID=artikel-20260319134235589767135&amp;tags%5B0%5D=11&amp;tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32'
            )
        "
    >


        
            <a
                class="edit-link"
                href="editor5.php?edit=135"
                onclick="
                    event.stopPropagation();
                "
            >

                EDIT
                135
            </a>

        

        
            <div class="teaser-date">

                📅

                29.09.2025
            </div>

        

        <h2>

            Jahresabschlüsse des Abwasserwerks 2021
        </h2>


        <div class="teaser-text">

            Drensteinfurt. Der Rat der Stadt Drensteinfurt hat in seiner Sitzung am 29.09.2025 die Jahresabschlüsse des Abwasserwerks für 2021 bis 2023 sowie den städtischen Jahresabschluss 2024 beschlossen. Für …<small><i>weiterlesen</i></small>…
        </div>


    </article>



    

    <article
        class="
            teaser
            artikel        "
        onclick="
            oeffneLink(
                'mp-michael-artikel-erweitert.php?id=116&amp;mpID=artikel-20260319134235614699116&amp;tags%5B0%5D=11&amp;tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32'
            )
        "
    >


        
            <a
                class="edit-link"
                href="editor5.php?edit=116"
                onclick="
                    event.stopPropagation();
                "
            >

                EDIT
                116
            </a>

        

        
            <div class="teaser-date">

                📅

                23.09.2025
            </div>

        

        <h2>

            Vandalismus in der AltePost: Gemeinsam für saubere Toiletten
        </h2>


        <div class="teaser-text">

            Drensteinfurt. Die öffentliche Toilette in der AltePost ist ein wertvoller Service für Besucher und Anwohner, doch Vandalismus wie Graffiti, Beschädigungen und Missbrauch trüben zunehmend diesen Komfo…<small><i>weiterlesen</i></small>…
        </div>


    </article>



    

    <article
        class="
            teaser
            artikel        "
        onclick="
            oeffneLink(
                'mp-michael-artikel-erweitert.php?id=80&amp;mpID=artikel-2026031913423585699680&amp;tags%5B0%5D=11&amp;tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32'
            )
        "
    >


        
            <a
                class="edit-link"
                href="editor5.php?edit=80"
                onclick="
                    event.stopPropagation();
                "
            >

                EDIT
                80
            </a>

        

        
            <div class="teaser-date">

                📅

                31.08.2025
            </div>

        

        <h2>

            Kinderbildungsgesetz
        </h2>


        <div class="teaser-text">

            NRW.  In Nordrhein-Westfalen regelt das Kinderbildungsgesetz (KiBiz) die Bildung, Erziehung und Betreuung in Kindertageseinrichtungen und der Kindertagespflege. Es gilt für alle Kinder, die einen Plat…<small><i>weiterlesen</i></small>…
        </div>


    </article>



    

    <article
        class="
            teaser
            artikel        "
        onclick="
            oeffneLink(
                'mp-michael-artikel-erweitert.php?id=87&amp;mpID=artikel-2026031913423558199987&amp;tags%5B0%5D=11&amp;tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32'
            )
        "
    >


        
            <a
                class="edit-link"
                href="editor5.php?edit=87"
                onclick="
                    event.stopPropagation();
                "
            >

                EDIT
                87
            </a>

        

        
            <div class="teaser-date">

                📅

                31.08.2025
            </div>

        

        <h2>

            Recht: Die Hauptsatzung der Stadt zusammengefasst
        </h2>


        <div class="teaser-text">

            Drensteinfurt. Die Stadt Drensteinfurt, idyllisch gelegen in Nordrhein-Westfalen, regelt ihre kommunale Selbstverwaltung durch die Hauptsatzung vom 1. Dezember 2015, zuletzt geändert im Mai 2019. Dies…<small><i>weiterlesen</i></small>…
        </div>


    </article>



    

    <article
        class="
            teaser
            artikel        "
        onclick="
            oeffneLink(
                'mp-michael-artikel-erweitert.php?id=88&amp;mpID=artikel-2026031913423585575388&amp;tags%5B0%5D=11&amp;tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32'
            )
        "
    >


        
            <a
                class="edit-link"
                href="editor5.php?edit=88"
                onclick="
                    event.stopPropagation();
                "
            >

                EDIT
                88
            </a>

        

        
            <div class="teaser-date">

                📅

                31.08.2025
            </div>

        

        <h2>

            Recht: Die Straßenreinigungssatzung zusammengefasst
        </h2>


        <div class="teaser-text">

            Drensteinfurt. In Drensteinfurt sorgt eine klare Regelung dafür, dass die Straßen sauber und sicher bleiben, wobei die Verantwortung zwischen der Stadt und den Anwohnern geteilt wird. Die Grundlage bi…<small><i>weiterlesen</i></small>…
        </div>


    </article>



    

    <article
        class="
            teaser
            artikel        "
        onclick="
            oeffneLink(
                'mp-michael-artikel-erweitert.php?id=26&amp;mpID=artikel-2026031913423570651126&amp;tags%5B0%5D=11&amp;tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32'
            )
        "
    >


        
            <a
                class="edit-link"
                href="editor5.php?edit=26"
                onclick="
                    event.stopPropagation();
                "
            >

                EDIT
                26
            </a>

        

        
            <div class="teaser-date">

                📅

                02.10.2024
            </div>

        

        <h2>

            Diebstahl dreier Schafe
        </h2>


        <div class="teaser-text">

            Am Mittwoch vor dem Feiertag, also am 02.10.2024, wurde der Diebstahl dreier Schafe an der Straße am Natorp festgestellt (externer Link: Polizeimeldung hier). Der Zeitpunkt des (wohl Einbruchs-) Diebs…<small><i>weiterlesen</i></small>…
        </div>


    </article>



    

    <article
        class="
            teaser
            artikel        "
        onclick="
            oeffneLink(
                'mp-michael-artikel-erweitert.php?id=209&amp;mpID=artikel-20260319134235942117209&amp;tags%5B0%5D=11&amp;tempHex=55c9c9065158d91d5835caec4b5dca25c6ad1c416e30ca7f8ed78a43b57abb32'
            )
        "
    >


        
            <a
                class="edit-link"
                href="editor5.php?edit=209"
                onclick="
                    event.stopPropagation();
                "
            >

                EDIT
                209
            </a>

        

        
            <div class="teaser-date">

                📅

                18.04.2015
            </div>

        

        <h2>

            Rückblick: Verkehrsunfall am 18.04.2015
        </h2>


        <div class="teaser-text">

            Drensteinfurt. Vor etwa 10 Jahren gab es einen Verkehrsunfall in Drensteinfurt. Was wurde daraus?  In der Datenbank openjur.de ist das Urteil das Landgerichts Münster vom 24.05.2017 veröffentlicht.

E…<small><i>weiterlesen</i></small>…
        </div>


    </article>



    

    <!-- PAGINATION UNTEN -->

    

</main>

</div>


<!-- ============================================================
     ZEITSTRAHL
     ============================================================ -->


<section class="timeline-wrapper">

    <div class="timeline-shell">


        <div class="timeline-header">

            <div>

                <div class="timeline-title">
                    Zeitstrahl
                </div>

                <div class="timeline-subtitle">

                    Alle Treffer der aktuellen
                    Such- und Filterauswahl –
                    über alle Seiten

                    
                </div>

            </div>


            <div
                style="
                    color:#64748b;
                    font-size:.72rem;
                "
            >

                13
                datierte/undatierte Treffer insgesamt

                · ← horizontal scrollen →

            </div>

        </div>


        

            <div
                class="timeline-scroll"
                id="timelineScroll"
            >

                <div class="timeline">


                    

                        

                        <div class="timeline-day">


                            <div class="timeline-day-head">

                                <div
                                    class="timeline-day-date"
                                    title="Sa, 18.04.2015"
                                >

                                    Sa, 18.04.2015
                                </div>

                            </div>


                            <div class="timeline-items">


                                

                                    

                                    <a
                                        class="
                                            timeline-item
                                            timeline-artikel                                        "
                                        href="mp-michael-artikel-erweitert.php?id=209&amp;mpID=artikel-20260319134235942117209"
                                    >

                                        <span
                                            class="timeline-type"
                                        >

                                            Nachricht
                                        </span>


                                        <span
                                            class="timeline-text"
                                            title="Rückblick: Verkehrsunfall am 18.04.2015"
                                        >

                                            Rückblick: Verkehrsunfall am 18.04.2015
                                        </span>

                                    </a>


                                

                            </div>

                        </div>


                    

                        

                        <div class="timeline-day">


                            <div class="timeline-day-head">

                                <div
                                    class="timeline-day-date"
                                    title="Mi, 02.10.2024"
                                >

                                    Mi, 02.10.2024
                                </div>

                            </div>


                            <div class="timeline-items">


                                

                                    

                                    <a
                                        class="
                                            timeline-item
                                            timeline-artikel                                        "
                                        href="mp-michael-artikel-erweitert.php?id=26&amp;mpID=artikel-2026031913423570651126"
                                    >

                                        <span
                                            class="timeline-type"
                                        >

                                            Nachricht
                                        </span>


                                        <span
                                            class="timeline-text"
                                            title="Diebstahl dreier Schafe"
                                        >

                                            Diebstahl dreier Schafe
                                        </span>

                                    </a>


                                

                            </div>

                        </div>


                    

                        

                        <div class="timeline-day">


                            <div class="timeline-day-head">

                                <div
                                    class="timeline-day-date"
                                    title="So, 31.08.2025"
                                >

                                    So, 31.08.2025
                                </div>

                            </div>


                            <div class="timeline-items">


                                

                                    

                                    <a
                                        class="
                                            timeline-item
                                            timeline-artikel                                        "
                                        href="mp-michael-artikel-erweitert.php?id=80&amp;mpID=artikel-2026031913423585699680"
                                    >

                                        <span
                                            class="timeline-type"
                                        >

                                            Nachricht
                                        </span>


                                        <span
                                            class="timeline-text"
                                            title="Kinderbildungsgesetz"
                                        >

                                            Kinderbildungsgesetz
                                        </span>

                                    </a>


                                

                                    

                                    <a
                                        class="
                                            timeline-item
                                            timeline-artikel                                        "
                                        href="mp-michael-artikel-erweitert.php?id=87&amp;mpID=artikel-2026031913423558199987"
                                    >

                                        <span
                                            class="timeline-type"
                                        >

                                            Nachricht
                                        </span>


                                        <span
                                            class="timeline-text"
                                            title="Recht: Die Hauptsatzung der Stadt zusammengefasst"
                                        >

                                            Recht: Die Hauptsatzung der Stadt zusammengefasst
                                        </span>

                                    </a>


                                

                                    

                                    <a
                                        class="
                                            timeline-item
                                            timeline-artikel                                        "
                                        href="mp-michael-artikel-erweitert.php?id=88&amp;mpID=artikel-2026031913423585575388"
                                    >

                                        <span
                                            class="timeline-type"
                                        >

                                            Nachricht
                                        </span>


                                        <span
                                            class="timeline-text"
                                            title="Recht: Die Straßenreinigungssatzung zusammengefasst"
                                        >

                                            Recht: Die Straßenreinigungssatzung zusammengefasst
                                        </span>

                                    </a>


                                

                            </div>

                        </div>


                    

                        

                        <div class="timeline-day">


                            <div class="timeline-day-head">

                                <div
                                    class="timeline-day-date"
                                    title="Di, 23.09.2025"
                                >

                                    Di, 23.09.2025
                                </div>

                            </div>


                            <div class="timeline-items">


                                

                                    

                                    <a
                                        class="
                                            timeline-item
                                            timeline-artikel                                        "
                                        href="mp-michael-artikel-erweitert.php?id=116&amp;mpID=artikel-20260319134235614699116"
                                    >

                                        <span
                                            class="timeline-type"
                                        >

                                            Nachricht
                                        </span>


                                        <span
                                            class="timeline-text"
                                            title="Vandalismus in der AltePost: Gemeinsam für saubere Toiletten"
                                        >

                                            Vandalismus in der AltePost: Gemeinsam für saubere Toiletten
                                        </span>

                                    </a>


                                

                            </div>

                        </div>


                    

                        

                        <div class="timeline-day">


                            <div class="timeline-day-head">

                                <div
                                    class="timeline-day-date"
                                    title="Mo, 29.09.2025"
                                >

                                    Mo, 29.09.2025
                                </div>

                            </div>


                            <div class="timeline-items">


                                

                                    

                                    <a
                                        class="
                                            timeline-item
                                            timeline-artikel                                        "
                                        href="mp-michael-artikel-erweitert.php?id=135&amp;mpID=artikel-20260319134235589767135"
                                    >

                                        <span
                                            class="timeline-type"
                                        >

                                            Nachricht
                                        </span>


                                        <span
                                            class="timeline-text"
                                            title="Jahresabschlüsse des Abwasserwerks 2021"
                                        >

                                            Jahresabschlüsse des Abwasserwerks 2021
                                        </span>

                                    </a>


                                

                            </div>

                        </div>


                    

                        

                        <div class="timeline-day">


                            <div class="timeline-day-head">

                                <div
                                    class="timeline-day-date"
                                    title="Mi, 01.10.2025"
                                >

                                    Mi, 01.10.2025
                                </div>

                            </div>


                            <div class="timeline-items">


                                

                                    

                                    <a
                                        class="
                                            timeline-item
                                            timeline-artikel                                        "
                                        href="mp-michael-artikel-erweitert.php?id=86&amp;mpID=artikel-2026031913423573547986"
                                    >

                                        <span
                                            class="timeline-type"
                                        >

                                            Nachricht
                                        </span>


                                        <span
                                            class="timeline-text"
                                            title="Bäume und die Baumschutzsatzung in Drensteinfurt"
                                        >

                                            Bäume und die Baumschutzsatzung in Drensteinfurt
                                        </span>

                                    </a>


                                

                                    

                                    <a
                                        class="
                                            timeline-item
                                            timeline-artikel                                        "
                                        href="mp-michael-artikel-erweitert.php?id=130&amp;mpID=artikel-20260319134235130780130"
                                    >

                                        <span
                                            class="timeline-type"
                                        >

                                            Nachricht
                                        </span>


                                        <span
                                            class="timeline-text"
                                            title="Baumschnittverbrennen"
                                        >

                                            Baumschnittverbrennen
                                        </span>

                                    </a>


                                

                            </div>

                        </div>


                    

                        

                        <div class="timeline-day">


                            <div class="timeline-day-head">

                                <div
                                    class="timeline-day-date"
                                    title="Mi, 05.11.2025"
                                >

                                    Mi, 05.11.2025
                                </div>

                            </div>


                            <div class="timeline-items">


                                

                                    

                                    <a
                                        class="
                                            timeline-item
                                            timeline-artikel                                        "
                                        href="mp-michael-artikel-erweitert.php?id=154&amp;mpID=artikel-20260319134235132100154"
                                    >

                                        <span
                                            class="timeline-type"
                                        >

                                            Nachricht
                                        </span>


                                        <span
                                            class="timeline-text"
                                            title="Wärmeversorgung in Drensteinfurt"
                                        >

                                            Wärmeversorgung in Drensteinfurt
                                        </span>

                                    </a>


                                

                            </div>

                        </div>


                    

                        

                        <div class="timeline-day">


                            <div class="timeline-day-head">

                                <div
                                    class="timeline-day-date"
                                    title="Do, 27.11.2025"
                                >

                                    Do, 27.11.2025
                                </div>

                            </div>


                            <div class="timeline-items">


                                

                                    

                                    <a
                                        class="
                                            timeline-item
                                            timeline-artikel                                        "
                                        href="mp-michael-artikel-erweitert.php?id=187&amp;mpID=artikel-20260319134235940602187"
                                    >

                                        <span
                                            class="timeline-type"
                                        >

                                            Nachricht
                                        </span>


                                        <span
                                            class="timeline-text"
                                            title="LKW nicht mehr zugelassen"
                                        >

                                            LKW nicht mehr zugelassen
                                        </span>

                                    </a>


                                

                            </div>

                        </div>


                    

                        

                        <div class="timeline-day">


                            <div class="timeline-day-head">

                                <div
                                    class="timeline-day-date"
                                    title="Do, 01.01.2026"
                                >

                                    Do, 01.01.2026
                                </div>

                            </div>


                            <div class="timeline-items">


                                

                                    

                                    <a
                                        class="
                                            timeline-item
                                            timeline-artikel                                        "
                                        href="mp-michael-artikel-erweitert.php?id=78&amp;mpID=artikel-2026031913423533446878"
                                    >

                                        <span
                                            class="timeline-type"
                                        >

                                            Nachricht
                                        </span>


                                        <span
                                            class="timeline-text"
                                            title="Schulangebot / Ganztagsschulen"
                                        >

                                            Schulangebot / Ganztagsschulen
                                        </span>

                                    </a>


                                

                            </div>

                        </div>


                    

                        

                        <div class="timeline-day">


                            <div class="timeline-day-head">

                                <div
                                    class="timeline-day-date"
                                    title="So, 22.02.2026"
                                >

                                    So, 22.02.2026
                                </div>

                            </div>


                            <div class="timeline-items">


                                

                                    

                                    <a
                                        class="
                                            timeline-item
                                            timeline-artikel                                        "
                                        href="mp-michael-artikel-erweitert.php?id=0&amp;mpID=1782037799-39604"
                                    >

                                        <span
                                            class="timeline-type"
                                        >

                                            Nachricht
                                        </span>


                                        <span
                                            class="timeline-text"
                                            title="Ein Kfz pro Einwohner"
                                        >

                                            Ein Kfz pro Einwohner
                                        </span>

                                    </a>


                                

                            </div>

                        </div>


                    

                </div>

            </div>


        

    </div>

</section>



<!-- ============================================================
     SUCHBEGRIFF-POPUP
     ============================================================ -->

<div id="searchModal">

    <div class="modal-box">


        <button
            id="closeModal"
            class="modal-close"
            type="button"
        >
            ✕
        </button>


        <h3>
            Suchbegriff zu kurz
        </h3>


        <p>
            Bitte gib mindestens ein Wort
            mit 4 Zeichen ein.
        </p>


        <input
            id="modalSearchInput"
            type="text"
        >


        <div
            style="
                text-align:right;
                margin-top:12px;
            "
        >

            <button
                id="modalSearchBtn"
                class="btn btn-primary"
                type="button"
            >
                Suchen
            </button>

        </div>


    </div>

</div>


<script>

/* ============================================================
   THEMENFILTER
   ============================================================ */

function filterCheckboxList(text) {

    text =
        (text || '').toLowerCase();

    document
        .querySelectorAll('.menu-item')
        .forEach(function(item) {

            var label =
                item.querySelector('label');

            if (!label) {
                return;
            }

            var match =
                label.textContent
                    .toLowerCase()
                    .indexOf(text) !== -1;

            item.style.display =
                match
                    ? ''
                    : 'none';
        });
}


/* ============================================================
   SUCHLÄNGE
   ============================================================ */

function checkSearchLength(form) {

    var input =
        form.querySelector(
            'input[name="textsuche"]'
        );

    var suchbegriff =
        (input.value || '').trim();


    if (
        suchbegriff.length > 0 &&
        suchbegriff.length < 4
    ) {

        openSearchModal(
            form,
            suchbegriff
        );

        return false;
    }


    return true;
}


/* ============================================================
   SUCHMODAL
   ============================================================ */

function openSearchModal(
    form,
    initialValue
) {

    initialValue =
        initialValue || '';


    var modal =
        document.getElementById(
            'searchModal'
        );


    var modalInput =
        document.getElementById(
            'modalSearchInput'
        );


    var modalBtn =
        document.getElementById(
            'modalSearchBtn'
        );


    var closeBtn =
        document.getElementById(
            'closeModal'
        );


    modal.style.display =
        'flex';


    modalInput.value =
        initialValue;


    modalInput.focus();


    modalBtn.onclick =
        function() {

            var val =
                modalInput.value.trim();


            if (!val) {

                alert(
                    'Bitte einen Suchbegriff eingeben.'
                );

                modalInput.focus();

                return;
            }


            var words =
                val.split(/\s+/)
                .filter(
                    function(w) {
                        return w.length >= 4;
                    }
                );


            if (words.length === 0) {

                alert(
                    'Kein gültiger Suchbegriff.'
                );

                modalInput.focus();

                return;
            }


            form.querySelector(
                'input[name="textsuche"]'
            ).value =
                words.join(' ');


            modal.style.display =
                'none';


            form.submit();
        };


    closeBtn.onclick =
        function() {

            modal.style.display =
                'none';
        };


    modalInput.onkeypress =
        function(e) {

            if (e.key === 'Enter') {

                e.preventDefault();

                modalBtn.click();
            }
        };


    modal.onclick =
        function(e) {

            if (e.target === modal) {

                modal.style.display =
                    'none';
            }
        };
}


/* ============================================================
   ZEITRAUM-VOREINSTELLUNGEN
   ============================================================ */

function formatDateInput(date) {

    const year =
        date.getFullYear();

    const month =
        String(
            date.getMonth() + 1
        ).padStart(2, '0');

    const day =
        String(
            date.getDate()
        ).padStart(2, '0');


    return (
        year +
        '-' +
        month +
        '-' +
        day
    );
}


function setDatePreset(days) {

    const today =
        new Date();


    const from =
        new Date();


    from.setDate(
        today.getDate() - days
    );


    document.getElementById(
        'zeit_von'
    ).value =
        formatDateInput(from);


    document.getElementById(
        'zeit_bis'
    ).value =
        formatDateInput(today);
}


function clearDates() {

    document.getElementById(
        'zeit_von'
    ).value = '';


    document.getElementById(
        'zeit_bis'
    ).value = '';
}


/* ============================================================
   SCROLLPOSITION
   ============================================================ */

window.addEventListener(
    "scroll",
    () => {

        $scrollPixel =
            window.scrollY;
    }
);

</script>


</body>
</html>