{"id":2339,"date":"2026-09-30T16:14:38","date_gmt":"2026-09-30T16:14:38","guid":{"rendered":"https:\/\/www.sprottenschule.de\/?page_id=2339"},"modified":"2026-09-30T16:14:38","modified_gmt":"2026-09-30T16:14:38","slug":"rundgang-2","status":"publish","type":"page","link":"https:\/\/www.sprottenschule.de\/?page_id=2339","title":{"rendered":"Rundgang"},"content":{"rendered":"\n<!-- Externe, klare Schriftart laden -->\n<link rel=\"preconnect\" href=\"https:\/\/googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/gstatic.com\" crossorigin>\n<link href=\"https:\/\/googleapis.com\/css2?family=Fredoka:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* Blendet den Standard-Theme-Titel auf dieser Seite aus *\/\n.entry-title, .page-title, h1.entry-title {\n    display: none !important;\n}\n\n    \/* Absolute Isolation gegen das Theme *\/\n    .sprotte-page-container {\n        --sea-blue: #0088cc;\n        --sky-blue: #7cd0ff;\n        --sunny-yellow: #ffdb4d;\n        --coral-orange: #ff7f50;\n        --sand-beach: #fff9e6;\n        --text-dark: #2c3e50;\n        \n        font-family: 'Fredoka', sans-serif !important; \n        color: var(--text-dark) !important; \n        background-color: var(--sand-beach) !important;\n        width: 100% !important;\n        max-width: 100% !important;\n        margin: 0 auto !important;\n        padding: 0 !important;\n        box-sizing: border-box !important;\n        display: block !important;\n        clear: both !important;\n    }\n\n    .sprotte-page-container * {\n        box-sizing: border-box !important;\n        font-family: 'Fredoka', sans-serif !important;\n        max-width: 100% !important;\n    }\n    \n    \/* Logo-Header *\/\n    .sprotte-page-container .logo-header {\n        background-color: white !important;\n        padding: 15px 20px !important;\n        text-align: center !important;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;\n        display: flex !important;\n        justify-content: center !important;\n        align-items: center !important;\n        width: 100% !important;\n    }\n    .sprotte-page-container .logo-center-box {\n        max-width: 650px !important; \n        width: 100% !important;\n        display: block;\n        margin: 0 auto !important;\n    }\n    .sprotte-page-container .original-logo-img {\n        width: 100% !important;\n        height: auto !important;\n        display: block !important;\n    }\n\n     \n    \/* Hero-Banner *\/\n    .sprotte-page-container .hero { \n        background: linear-gradient(180deg, var(--sky-blue), var(--sea-blue)) !important; \n        color: white !important; \n        text-align: center !important; \n        padding: 40px 20px 80px 20px !important; \n        position: relative !important; \n        overflow: hidden !important; \n        border-radius: 0 0 50% 50% \/ 0 0 15% 15% !important;\n        margin: 0 0 20px 0 !important;\n        width: 100% !important;\n    }\n    .sprotte-page-container .hero h1 { \n        font-size: 36px !important; \n        margin: 0 0 10px 0 !important; \n        color: var(--sunny-yellow) !important; \n        font-weight: 700 !important;\n    }\n    .sprotte-page-container .hero p { \n        font-size: 20px !important; \n        margin: 0 !important; \n    }\n\n    .sprotte-page-container .back-nav {\n        max-width: 1200px !important;\n        margin: 30px auto 0 auto !important;\n        padding: 0 20px !important;\n    }\n\n    .sprotte-page-container .content-container { \n        max-width: 1200px !important; \n        margin: 20px auto 50px auto !important; \n        padding: 0 20px !important; \n    }\n\n    \/* Das Register \/ Tab-Navigation *\/\n    .sprotte-page-container .register-tabs {\n        display: flex !important;\n        flex-wrap: wrap !important;\n        gap: 10px !important;\n        margin-bottom: 30px !important;\n        border-bottom: 4px dashed var(--sky-blue) !important;\n        padding-bottom: 15px !important;\n    }\n\n    .sprotte-page-container .tab-button {\n        background-color: white !important;\n        color: var(--sea-blue) !important;\n        border: 3px solid var(--sky-blue) !important;\n        padding: 12px 24px !important;\n        font-size: 16px !important;\n        font-weight: 600 !important;\n        border-radius: 20px !important;\n        cursor: pointer !important;\n        transition: all 0.2s ease !important;\n    }\n\n    .sprotte-page-container .tab-button:hover {\n        background-color: var(--sand-beach) !important;\n        border-color: var(--coral-orange) !important;\n        color: var(--coral-orange) !important;\n    }\n\n    .sprotte-page-container .tab-button.active {\n        background-color: var(--coral-orange) !important;\n        color: white !important;\n        border-color: var(--coral-orange) !important;\n        box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;\n    }\n\n    \/* Register-Inhalte *\/\n    .sprotte-page-container .tab-content {\n        display: none !important;\n        background: white !important;\n        border-radius: 25px !important;\n        border: 3px solid var(--sky-blue) !important;\n        padding: 30px !important;\n        box-shadow: 0 6px 12px rgba(0,0,0,0.04) !important;\n    }\n\n    .sprotte-page-container .tab-content.active {\n        display: block !important;\n    }\n\n    .sprotte-page-container .tab-content h2 {\n        color: var(--sea-blue) !important;\n        margin-top: 0 !important;\n        font-size: 26px !important;\n        font-weight: 700 !important;\n    }\n\n    .sprotte-page-container .tab-content p {\n        font-size: 16px !important;\n        line-height: 1.6 !important;\n        margin-bottom: 25px !important;\n    }\n\n    \/* Slideshow-Container *\/\n    .sprotte-page-container .slideshow-container {\n        position: relative !important;\n        width: 100% !important;\n        height: 450px !important;\n        background-color: #eaeff2 !important;\n        border-radius: 20px !important;\n        overflow: hidden !important;\n    }\n\n    .sprotte-page-container .slide-img {\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover !important;\n        display: none !important;\n    }\n\n    .sprotte-page-container .slide-img.active {\n        display: block !important;\n    }\n\n    \/* Pfeile f\u00fcr die manuelle Steuerung *\/\n    .sprotte-page-container .slide-arrow {\n        position: absolute !important;\n        top: 50% !important;\n        transform: translateY(-50%) !important;\n        background-color: rgba(255, 255, 255, 0.8) !important;\n        color: var(--sea-blue) !important;\n        border: none !important;\n        width: 45px !important;\n        height: 45px !important;\n        border-radius: 50% !important;\n        font-size: 20px !important;\n        font-weight: bold !important;\n        cursor: pointer !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        transition: background-color 0.2s !important;\n        z-index: 10 !important;\n    }\n\n    .sprotte-page-container .slide-arrow:hover {\n        background-color: var(--coral-orange) !important;\n        color: white !important;\n    }\n\n    .sprotte-page-container .arrow-left { left: 15px !important; }\n    .sprotte-page-container .arrow-right { right: 15px !important; }\n\n    \/* Navigations-Kn\u00f6pfe *\/\n    .sprotte-page-container .btn { \n        display: inline-block !important; \n        text-align: center !important;\n        background: var(--coral-orange) !important; \n        color: #ffffff !important; \n        padding: 12px 28px !important; \n        text-decoration: none !important; \n        border-radius: 50px !important; \n        font-weight: bold !important; \n        font-size: 16px !important;\n        box-shadow: 0 4px 0 #d45d30 !important;\n    }\n    .sprotte-page-container .btn-secondary {\n        background: var(--sea-blue) !important;\n        box-shadow: 0 4px 0 #006699 !important;\n    }\n\n    \/* Fu\u00dfzeile *\/\n    .sprotte-page-container footer { \n        background: var(--sea-blue) !important; \n        color: white !important; \n        padding: 30px 20px !important; \n        margin: 60px 0 0 0 !important; \n        border-top: 5px dashed var(--sunny-yellow) !important;\n        text-align: center;\n        clear: both !important;\n    }\n<\/style>\n<div class=\"sprotte-page-container\">\n\n    <!-- Logo-Header -->\n    <header class=\"logo-header\">\n        <a href=\"https:\/\/sprottenschule.de\" class=\"logo-center-box\">\n            <img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/cropped-SprottenschuleHeader.png\" alt=\"Sprottenschule Eckernf\u00f6rde\" class=\"original-logo-img\">\n        <\/a>\n    <\/header>\n    \n \n\n    <!-- Hero-Banner -->\n    <div class=\"hero\">\n        <div class=\"hero-content\">\n            <h1>Virtueller Rundgang \ud83c\udfeb<\/h1>\n            <p>W\u00e4hle einen Bereich und schau dich in Ruhe um!<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- Navigation zur\u00fcck zur Startseite -->\n    <div class=\"back-nav\">\n        <a href=\"https:\/\/sprottenschule.de\" class=\"btn btn-secondary\">\ud83c\udfe0 Zur\u00fcck zur Startseite<\/a>\n    <\/div>\n\n    <!-- Hauptinhalt -->\n    <div class=\"content-container\">\n\n        <!-- Das interaktive Register (Alle Reiter im \u00dcberblick) -->\n        <div class=\"register-tabs\">\n            <button class=\"tab-button active\" onclick=\"openBereich(event, 'eingang')\">\ud83d\udeaa Der Eingang<\/button>\n            <button class=\"tab-button\" onclick=\"openBereich(event, 'schulhof')\">\ud83c\udf33 Der Schulhof und Klettergarten<\/button>       \n     <button class=\"tab-button\" onclick=\"openBereich(event, 'aquarium')\">\ud83d\udc1f Das Aquarium<\/button>\n\n            <button class=\"tab-button\" onclick=\"openBereich(event, 'sportplatz')\">\ud83d\udc5f Der Sportplatz<\/button>\n            <button class=\"tab-button\" onclick=\"openBereich(event, 'sporthalle')\">\ud83c\udfc3 Die Sporthalle<\/button>\n            <button class=\"tab-button\" onclick=\"openBereich(event, 'klassen')\">\ud83d\udcd6 Die Klassenr\u00e4ume<\/button>\n            <button class=\"tab-button\" onclick=\"openBereich(event, 'fachraeume')\">\ud83c\udfa8 Die Fachr\u00e4ume<\/button>\n            <button class=\"tab-button\" onclick=\"openBereich(event, 'mensa')\">\ud83c\udf7d\ufe0f Die Mensa<\/button>\n        <\/div>\n\n        <!-- BEREICH 1: DER EINGANG (Als Starttab aktiv) -->\n        <div id=\"eingang\" class=\"tab-content active\">\n            <h2>Herzlich willkommen am Haupteingang \ud83d\udeaa<\/h2>\n            <p>Hier geht es rein! Unser freundlicher Eingangsbereich begr\u00fc\u00dft jeden Morgen alle Kinder, Lehrkr\u00e4fte und G\u00e4ste der Sprottenschule. Von hier aus starten wir gemeinsam in unseren bewegten Schultag.<\/p>\n            \n            <div class=\"slideshow-container\" id=\"slideshow-eingang\">\n                <button class=\"slide-arrow arrow-left\" onclick=\"changeSlide('slideshow-eingang', -1)\">\u276e<\/button>\n                <img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/3b9a0057-7e0a-42b5-8573-19862733b50c.jpg\" alt=\"Haupteingang Ansicht 1\" class=\"slide-img active\">\n                <img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/106d3694-df17-4da1-90d2-a1647e720aa5.jpg\" alt=\"Haupteingang Ansicht 2\" class=\"slide-img\">\n<img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/8507ec4b-2a73-455b-9e19-4c557a384f70.jpg\" alt=\"Haupteingang Ansicht 3\" class=\"slide-img\">\n                <button class=\"slide-arrow arrow-right\" onclick=\"changeSlide('slideshow-eingang', 1)\">\u276f<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- BEREICH 2: SCHULHOF -->\n        <div id=\"schulhof\" class=\"tab-content\">\n            <h2>Unser bewegter Schulhof und Klettergarten \ud83c\udf33<\/h2>\n            <p>Her k\u00f6nnen wir klettern, rennen, balancieren, in der gro\u00dfen Sandkiste spielen, mit Fahrzeugen fahren oder uns mit Freunden im Gr\u00fcnen ausruhen.\n\nIm Innenhof ist deine Ruhezone, hier kannst du auch Schach spielen.<\/p>\n            \n            <div class=\"slideshow-container\" id=\"slideshow-schulhof\">\n                <button class=\"slide-arrow arrow-left\" onclick=\"changeSlide('slideshow-schulhof', -1)\">\u276e<\/button>\n                <img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/e7b71e7b-6bca-47f9-b5f9-39d102c5b024.jpg\" alt=\"Schulhof Ansicht 1\" class=\"slide-img active\">\n                <img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/50f6568f-3f7a-44c0-ac63-c12fe8065ba8.jpg\" alt=\"Schulhof Ansicht 2\" class=\"slide-img\">\n                <img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/9b839a19-9f03-4cfb-bd26-92fd0c820dd3.jpg\" alt=\"Schulhof Ansicht 3\" class=\"slide-img\">\n<img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/5f0808d7-df3c-4e08-9f39-fd7416d1056f.jpg\" alt=\"Schulhof Ansicht 3\" class=\"slide-img\">\n<img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/ce735a30-b9ae-48b5-b46d-1d35193e0dc6.jpg\" alt=\"Schulhof Ansicht 3\" class=\"slide-img\">\n<img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/42877779-12b1-483c-b05b-a6b20345a6fe.jpg\" alt=\"Schulhof Ansicht 3\" class=\"slide-img\">\n                <button class=\"slide-arrow arrow-right\" onclick=\"changeSlide('slideshow-schulhof', 1)\">\u276f<\/button>\n            <\/div>\n        <\/div>\n\n<!-- BEREICH: AQUARIUM -->\n<div id=\"aquarium\" class=\"tab-content\">\n    <h2>Das Aquarium \ud83d\udc1f<\/h2>\n    <p>Das Aquarium ist das lebendige Herzst\u00fcck unseres Schullebens. Hier kommen wir f\u00fcr feierliche Einschulungen zusammen, singen gemeinsam Lieder und f\u00fchren eigene Konzerte oder Theaterst\u00fccke auf. Auch externe K\u00fcnstler, Theaterensembles und Musiker hei\u00dfen wir hier regelm\u00e4\u00dfig auf unserer B\u00fchne willkommen.<\/p>\n    \n    <div class=\"slideshow-container\" id=\"slideshow-aquarium\">\n        <button class=\"slide-arrow arrow-left\" onclick=\"changeSlide('slideshow-aquarium', -1)\">\u276e<\/button>\n        <!-- Erstes Bild (aktiv beim Laden) -->\n        <img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/Aquarium-2.jpg\" alt=\"Aquarium Blick von der B\u00fchne\" class=\"slide-img active\">\n        <!-- Zweites Bild -->\n        <img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/Aquarium-3.jpg\" alt=\"Aquarium Blick zur B\u00fchne\" class=\"slide-img\">\n        <button class=\"slide-arrow arrow-right\" onclick=\"changeSlide('slideshow-aquarium', 1)\">\u276f<\/button>\n    <\/div>\n<\/div>\n\n\n        <!-- BEREICH 4: SPORTPLATZ -->\n        <div id=\"sportplatz\" class=\"tab-content\">\n            <h2>Der gro\u00dfe Au\u00dfensportplatz \ud83d\udc5f<\/h2>\n            <p>Wenn das Wetter sch\u00f6n ist, verlegen wir den Sportunterricht nach drau\u00dfen. Auf unserer Laufbahn und dem gro\u00dfen Sportplatz laufen wir um die Wette, \u00fcben Weitsprung oder spielen gemeinsam Fu\u00dfball.<\/p>\n            \n            <div class=\"slideshow-container\" id=\"slideshow-sportplatz\">\n                <button class=\"slide-arrow arrow-left\" onclick=\"changeSlide('slideshow-sportplatz', -1)\">\u276e<\/button>\n                <img decoding=\"async\" src=\"sportplatz-bild1.jpg\" alt=\"Bilder folgen\" class=\"slide-img active\">\n                <img decoding=\"async\" src=\"sportplatz-bild2.jpg\" alt=\"Bilder folgen\" class=\"slide-img\">\n                <button class=\"slide-arrow arrow-right\" onclick=\"changeSlide('slideshow-sportplatz', 1)\">\u276f<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- BEREICH 5: SPORTHALLE -->\n        <div id=\"sporthalle\" class=\"tab-content\">\n            <h2>Unsere gro\u00dfe Sporthalle \ud83c\udfc3<\/h2>\n            <p>Als bewegte Schule lieben wir den Sport! In unserer Halle trainieren wir tolle Parcours, spielen Mannschaftsspiele und probieren neue Sportarten aus.<\/p>\n            \n            <div class=\"slideshow-container\" id=\"slideshow-sporthalle\">\n                <button class=\"slide-arrow arrow-left\" onclick=\"changeSlide('slideshow-sporthalle', -1)\">\u276e<\/button>\n                <img decoding=\"async\" src=\"sporthalle-bild1.jpg\" alt=\"Bilder folgen\" class=\"slide-img active\">\n                <img decoding=\"async\" src=\"sporthalle-bild2.jpg\" alt=\"Bilder folgen\" class=\"slide-img\">\n                <button class=\"slide-arrow arrow-right\" onclick=\"changeSlide('slideshow-sporthalle', 1)\">\u276f<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- BEREICH 6: KLASSENR\u00c4UME -->\n        <div id=\"klassen\" class=\"tab-content\">\n            <h2>Helle und moderne Klassenr\u00e4ume \ud83d\udcd6<\/h2>\n            <p>In unseren Klassenzimmern macht das Lernen richtig Spa\u00df. Sie sind flexibel eingerichtet, damit wir alleine, in Gruppen oder im Kreis gemeinsam arbeiten k\u00f6nnen.<\/p>\n            \n            <div class=\"slideshow-container\" id=\"slideshow-klassen\">\n                <button class=\"slide-arrow arrow-left\" onclick=\"changeSlide('slideshow-klassen', -1)\">\u276e<\/button>\n                <img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/272f4154-9eed-414d-8f35-35e83ae18eeb.jpg\" alt=\"Klassenraum Ansicht 1\" class=\"slide-img active\">\n                <img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/60ea7dbe-b426-408a-aa58-423093b7d6f8.jpg\" alt=\"Klassenraum Ansicht 2\" class=\"slide-img\">\n<img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/c83af4bc-ee4a-457d-bd26-1ad0fcbb9108.jpg\" alt=\"Klassenraum Ansicht 2\" class=\"slide-img\">\n<img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/051293f7-37d7-459b-9336-9931b3efa13a.jpg\" alt=\"Klassenraum Ansicht 2\" class=\"slide-img\">\n<img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/3bf76535-0b84-4076-ae8f-1ef2c6a89446.jpg\" alt=\"Klassenraum Ansicht 2\" class=\"slide-img\">\n                <button class=\"slide-arrow arrow-right\" onclick=\"changeSlide('slideshow-klassen', 1)\">\u276f<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- BEREICH 7: FACHR\u00c4UME -->\n        <div id=\"fachraeume\" class=\"tab-content\">\n            <h2>Kreativit\u00e4t &amp; Forschen in den Fachr\u00e4umen \ud83c\udfa8<\/h2>\n            <p>Ob Malen im Kunstraum, Musizieren im Musikraum oder spannende Experimente im Sachunterrichtsraum \u2013 in unseren Fachr\u00e4umen k\u00f6nnen wir kreativ werden und wie kleine Forscher Neues entdecken.<\/p>\n            \n            <div class=\"slideshow-container\" id=\"slideshow-fachraeume\">\n                <button class=\"slide-arrow arrow-left\" onclick=\"changeSlide('slideshow-fachraeume', -1)\">\u276e<\/button>\n                <img decoding=\"async\" src=\"fachraum-bild1.jpg\" alt=\"Bilder folgen\" class=\"slide-img active\">\n                <img decoding=\"async\" src=\"fachraum-bild2.jpg\" alt=\"bilder folgen\" class=\"slide-img\">\n                <button class=\"slide-arrow arrow-right\" onclick=\"changeSlide('slideshow-fachraeume', 1)\">\u276f<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- BEREICH 8: MENSA -->\n        <div id=\"mensa\" class=\"tab-content\">\n            <h2>Guten Appetit in unserer Mensa \ud83c\udf7d\ufe0f<\/h2>\n            <p>In unserer hellen Mensa treffen wir uns zum gemeinsamen Mittagessen. Nach dem Lernen und Bewegen tanken wir hier bei leckeren und gesunden Mahlzeiten neue Energie f\u00fcr den Nachmittag.<\/p>\n            \n            <div class=\"slideshow-container\" id=\"slideshow-mensa\">\n                <button class=\"slide-arrow arrow-left\" onclick=\"changeSlide('slideshow-mensa', -1)\">\u276e<\/button>\n                <img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/d1d94b2b-24b1-414a-aa8f-d69b01bea9a4.jpg\" alt=\"Mensa Ansicht 1\" class=\"slide-img active\">\n                \n                <button class=\"slide-arrow arrow-right\" onclick=\"changeSlide('slideshow-mensa', 1)\">\u276f<\/button>\n            <\/div>\n        <\/div>\n\n    <\/div> <!-- Ende content-container -->\n\n    <footer>\n        <p><strong>Sprottenschule Eckernf\u00f6rde<\/strong> \u00b7 Wulfsteert 41-43 \u00b7 24340 Eckernf\u00f6rde<\/p>\n    <\/footer>\n\n<\/div> <!-- Ende sprotte-page-container -->\n\n\n<script>\n    \/\/ Funktion zum Umschalten der Register-Reiter (Tabs)\n    function openBereich(evt, bereichName) {\n        var i, tabcontent, tablinks;\n        \n        \/\/ Alle Inhaltsbereiche ausblenden\n        tabcontent = document.getElementsByClassName(\"tab-content\");\n        for (i = 0; i < tabcontent.length; i++) {\n            tabcontent[i].style.setProperty('display', 'none', 'important');\n            tabcontent[i].classList.remove(\"active\");\n        }\n        \n        \/\/ Aktiv-Klasse von allen Tab-Buttons entfernen\n        tablinks = document.getElementsByClassName(\"tab-button\");\n        for (i = 0; i < tablinks.length; i++) {\n            tablinks[i].classList.remove(\"active\");\n        }\n        \n        \/\/ Den gew\u00e4hlten Bereich anzeigen und den Button als aktiv markieren\n        var aktiverBereich = document.getElementById(bereichName);\n        aktiverBereich.style.setProperty('display', 'block', 'important');\n        aktiverBereich.classList.add(\"active\");\n        evt.currentTarget.classList.add(\"active\");\n    }\n\n    \/\/ Funktion zur Steuerung der Slideshows (Pfeil-Klicks)\n    function changeSlide(containerId, direction) {\n        var container = document.getElementById(containerId);\n        if (!container) return;\n\n        \/\/ Alle Bilder im betroffenen Container heraussuchen\n        var slides = container.getElementsByClassName(\"slide-img\");\n        if (slides.length <= 1) return; \/\/ Keine Umschaltung n\u00f6tig bei nur einem Bild\n\n        var activeIndex = -1;\n\n        \/\/ Das aktuell sichtbare Bild finden\n        for (var i = 0; i < slides.length; i++) {\n            if (slides[i].classList.contains(\"active\")) {\n                activeIndex = i;\n                break;\n            }\n        }\n\n        if (activeIndex === -1) activeIndex = 0;\n\n        \/\/ Altes Bild deaktivieren\n        slides[activeIndex].classList.remove(\"active\");\n        slides[activeIndex].style.setProperty('display', 'none', 'important');\n\n        \/\/ Neuen Index berechnen (mit Endlos-Schleife vor und zur\u00fcck)\n        var newIndex = activeIndex + direction;\n        if (newIndex >= slides.length) {\n            newIndex = 0;\n        } else if (newIndex < 0) {\n            newIndex = slides.length - 1;\n        }\n\n        \/\/ Neues Bild aktivieren und sichtbar machen\n        slides[newIndex].classList.add(\"active\");\n        slides[newIndex].style.setProperty('display', 'block', 'important');\n    }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Virtueller Rundgang \ud83c\udfeb W\u00e4hle einen Bereich und schau dich in Ruhe um! \ud83c\udfe0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.sprottenschule.de\/index.php?rest_route=\/wp\/v2\/pages\/2339"}],"collection":[{"href":"https:\/\/www.sprottenschule.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sprottenschule.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sprottenschule.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sprottenschule.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2339"}],"version-history":[{"count":4,"href":"https:\/\/www.sprottenschule.de\/index.php?rest_route=\/wp\/v2\/pages\/2339\/revisions"}],"predecessor-version":[{"id":2427,"href":"https:\/\/www.sprottenschule.de\/index.php?rest_route=\/wp\/v2\/pages\/2339\/revisions\/2427"}],"wp:attachment":[{"href":"https:\/\/www.sprottenschule.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}