{"id":2179,"date":"2026-09-26T16:42:13","date_gmt":"2026-09-26T16:42:13","guid":{"rendered":"https:\/\/www.sprottenschule.de\/?page_id=2179"},"modified":"2026-09-27T17:39:39","modified_gmt":"2026-09-27T17:39:39","slug":"2179-2","status":"publish","type":"page","link":"https:\/\/www.sprottenschule.de\/","title":{"rendered":"Startseite"},"content":{"rendered":"\n<!-- Externe, klare Schriftart laden -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fredoka:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\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    \/* Alle Stile werden an diesen Container gebunden, um das Theme auszusperren *\/\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    \/* Zwingt alle Unterelemente zur klaren Schriftart und Box-Modell *\/\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 Bereich *\/\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        margin-bottom: 0 !important;\n        width: 100% !important;\n    }\n    .sprotte-page-container .logo-container {\n        max-width: 650px !important;\n        width: 100% !important;\n        display: block !important;\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        margin: 0 auto !important;\n    }\n    \n    \/* Hero-Bereich (Willkommenstext) *\/\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-bottom: 30px !important;\n        width: 100% !important;\n    }\n    .sprotte-page-container .hero-content { \n        position: relative !important; \n        z-index: 10 !important; \n        text-shadow: 2px 2px 4px rgba(0,0,0,0.25) !important;\n    }\n    .sprotte-page-container .hero h2 { \n        font-size: 32px !important; \n        line-height: 1.3 !important;\n        margin: 0 0 15px 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        line-height: 1.4 !important;\n        color: white !important;\n        margin: 0 !important; \n    }\n    \n    \/* Hintergrund-Fische *\/\n    .sprotte-page-container .fish-school { \n        position: absolute !important; \n        fill: none !important; \n        stroke: rgba(255, 255, 255, 0.6) !important; \n        stroke-width: 2.5 !important; \n        stroke-linecap: round !important; \n        stroke-linejoin: round !important; \n        z-index: 1 !important; \n    }\n    .sprotte-page-container .f1 { width: 100px !important; bottom: 15% !important; animation: swimRight 12s linear infinite !important; }\n    .sprotte-page-container .f2 { width: 70px !important; bottom: 45% !important; animation: swimRight 16s linear infinite 2s !important; }\n    .sprotte-page-container .f3 { width: 90px !important; top: 10% !important; animation: swimRight 14s linear infinite 5s !important; }\n    @keyframes swimRight {\n        0% { left: -150px; transform: translateY(0); }\n        50% { transform: translateY(-20px); }\n        100% { left: 100%; transform: translateY(0); }\n    }\n\n    \/* Kachel-Raster: Teilt Kacheln flexibel und gleichm\u00e4\u00dfig \u00fcber die gesamte Breite auf *\/\n    .sprotte-page-container .kacheln-container { \n        max-width: 1200px !important; \n        margin: 30px auto !important; \n        padding: 0 20px !important; \n        display: grid !important; \n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important; \n        gap: 25px !important; \n        width: 100% !important;\n    }\n\n    \/* Zwingt eine einzelne Kachel im Raster dazu, die volle Breite einzunehmen *\/\n    .sprotte-page-container .kacheln-container > :only-child {\n        grid-column: 1 \/ -1 !important;\n    }\n\n    .sprotte-page-container .schul-kachel { \n        background: white !important; \n        padding: 30px !important; \n        border-radius: 25px !important; \n        border: 3px solid var(--sky-blue) !important;\n        box-shadow: 0 6px 12px rgba(0,0,0,0.05) !important; \n        display: flex !important;\n        flex-direction: column !important;\n        justify-content: space-between !important; \n        min-height: 280px !important; \n        width: 100% !important;\n    }\n    .sprotte-page-container .schul-kachel h2 { \n        color: var(--sea-blue) !important; \n        font-size: 24px !important; \n        margin: 0 0 12px 0 !important; \n        font-weight: 600 !important;\n    }\n    .sprotte-page-container .schul-kachel p { \n        color: var(--text-dark) !important;\n        font-size: 16px !important;\n        margin: 0 0 20px 0 !important; \n        line-height: 1.5 !important; \n    }\n\n    \/* Buttons reparieren (erzwingt wei\u00dfe Schrift) *\/\n    .sprotte-page-container .btn { \n        display: block !important; \n        width: 100% !important;\n        text-align: center !important;\n        background: var(--coral-orange) !important; \n        color: #ffffff !important; \n        padding: 12px 24px !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        transition: all 0.2s ease !important;\n    }\n    .sprotte-page-container .btn:hover { \n        transform: translateY(2px) !important;\n        box-shadow: 0 2px 0 #d45d30 !important;\n        background: #ff946e !important;\n        color: #ffffff !important;\n    }\n    \n    .sprotte-page-container footer { \n        background: var(--sea-blue) !important; \n        color: white !important; \n        padding: 35px 20px !important; \n        margin-top: 60px !important; \n        border-top: 5px dashed var(--sunny-yellow) !important;\n        text-align: center !important;\n        width: 100% !important;\n        clear: both !important;\n    }\n    .sprotte-page-container footer p {\n        color: white !important;\n        margin: 0 !important;\n        font-size: 15px !important;\n    }\n<\/style>\n\n\n<div class=\"sprotte-page-container\">\n\n    <!-- Logo-Header -->\n    <header class=\"logo-header\">\n        <div class=\"logo-container\">\n            <img decoding=\"async\" src=\"https:\/\/www.sprottenschule.de\/wp-content\/uploads\/2021\/01\/cropped-SprottenschuleHeader.png\" alt=\"Sprottenschule Eckernf\u00f6rde Logo\" class=\"original-logo-img\">\n        <\/div>\n    <\/header>\n    \n    <!-- Hero-Banner -->\n    <div class=\"hero\" id=\"home\">\n        <svg class=\"fish-school f1\" viewBox=\"0 0 100 35\">\n            <path d=\"M90,15 C75,8 50,7 35,12 C25,15 15,14 5,18 C12,21 20,23 28,22 C45,26 70,24 88,17 Z\"><\/path>\n            <path d=\"M5,18 L0,13 L2,18 L0,23 Z\"><\/path><circle cx=\"78\" cy=\"14\" r=\"1.5\" fill=\"white\"><\/circle>\n        <\/svg>\n        <svg class=\"fish-school f2\" viewBox=\"0 0 100 35\">\n            <path d=\"M90,15 C75,8 50,7 35,12 C25,15 15,14 5,18 C12,21 20,23 28,22 C45,26 70,24 88,17 Z\"><\/path>\n            <path d=\"M5,18 L0,13 L2,18 L0,23 Z\"><\/path><circle cx=\"78\" cy=\"14\" r=\"1.5\" fill=\"white\"><\/circle>\n        <\/svg>\n        <svg class=\"fish-school f3\" viewBox=\"0 0 100 35\">\n            <path d=\"M90,15 C75,8 50,7 35,12 C25,15 15,14 5,18 C12,21 20,23 28,22 C45,26 70,24 88,17 Z\"><\/path>\n            <path d=\"M5,18 L0,13 L2,18 L0,23 Z\"><\/path><circle cx=\"78\" cy=\"14\" r=\"1.5\" fill=\"white\"><\/circle>\n        <\/svg>\n        <div class=\"hero-content\">\n            <h2>Gemeinsam in Bewegung!<\/h2>\n            <p>Sch\u00f6n, dass du da bist! Hier lernst du mit ganz viel Freude und Bewegung.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- Kachel-Raster -->\n    <main class=\"kacheln-container\">\n        <!-- Kachel 1 -->\n        <section class=\"schul-kachel\">\n            <h2>Wichtige Kontakte \ud83e\uddd1\u200d\ud83c\udfeb<\/h2>\n            <p>Ansprechpartner der Sprottenschule! P\u00e4dagogischen Mitarbeiter, Elternbeirat, unsere Schulleitung, Krankmeldungen k\u00f6nnen gerne per E-Mail abgegeben werden<\/p>\n            <a href=\"https:\/\/www.sprottenschule.de\/?page_id=2258\" class=\"btn\">Weiter \u2709\ufe0f<\/a>\n        <\/section>\n\n       <!-- Kachel 2 -->\n<section class=\"schul-kachel\">\n    <h2>Der Rundgang \ud83c\udfeb<\/h2>\n    <p>Komm mit auf einen digitalen Rundgang durch unsere Schule! Entdecke unsere R\u00e4ume und erfahre mehr \u00fcber das Zusammenleben an der Sprottenschule.<\/p>\n    <a href=\"https:\/\/www.sprottenschule.de\/?page_id=200\" class=\"btn\">Zum Rundgang<\/a>\n<\/section>\n\n\n        <!-- Kachel 3 -->\n        <section class=\"schul-kachel\">\n            <h2>Digitale Sprotten \ud83d\udcbb<\/h2>\n            <p>Hier geht es auf direktem Weg zu unserer Lernplattform IServ. Logge dich ein, um Aufgaben einzusehen oder Nachrichten zu lesen.<\/p>\n            <a href=\"https:\/\/sprotte-eck.org\" target=\"_blank\" class=\"btn\" rel=\"noopener\">Zum IServ Login<\/a>\n        <\/section>\n\n        <!-- Kachel 4 -->\n        <section class=\"schul-kachel\">\n            <h2>Schulprogramm \ud83d\udc55<\/h2>\n            <p>Bewegung als Unterrichtsprinzip. \u201cBewegung macht schlau\u201d- diese Erkenntnis ist mittlerweile vielfach erforscht und belegt.<\/p>\n            <a href=\"https:\/\/www.sprottenschule.de\/?page_id=1058\" class=\"btn\">Mehr erfahren<\/a>\n        <\/section>\n\n        <!-- Kachel 5 -->\n        <section class=\"schul-kachel\">\n            <h2>Schulsozialarbeit \u2764\ufe0f<\/h2>\n            <p>Wir haben immer ein offenes Ohr f\u00fcr dich! Unsere Schulsozialarbeit ber\u00e4t und unterst\u00fctzt Kinder, Eltern und Lehrkr\u00e4fte vertraulich.<\/p>\n            <a href=\"https:\/\/www.sprottenschule.de\/?page_id=1831\" class=\"btn\">mehr erfahren<\/a>\n        <\/section>\n\n        <!-- Kachel 6 -->\n<section class=\"schul-kachel\">\n    <h2>Kontakt &amp; B\u00fcro \ud83d\udcde<\/h2>\n    <p style=\"margin-bottom: 12px !important; line-height: 1.4 !important;\">\n        \ud83c\udfe2 <strong>Adresse:<\/strong> Wulfsteert 41-43, 24340 Eckernf\u00f6rde<br>\n        \ud83d\udcde <strong>Telefon:<\/strong> 04351 73270 <span style=\"font-size: 13px !important; color: var(--sea-blue); font-weight: bold;\">(8:00 &#8211; 14:00 Uhr)<\/span>\n    <\/p>\n   \n    <\/p>\n    <a href=\"https:\/\/www.sprottenschule.de\/?page_id=2258\" class=\"btn\">Alle Ansprechpartner<\/a>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Gemeinsam in Bewegung! Sch\u00f6n, dass du da bist! Hier lernst du mit ganz [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2155,"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\/2179"}],"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=2179"}],"version-history":[{"count":78,"href":"https:\/\/www.sprottenschule.de\/index.php?rest_route=\/wp\/v2\/pages\/2179\/revisions"}],"predecessor-version":[{"id":2343,"href":"https:\/\/www.sprottenschule.de\/index.php?rest_route=\/wp\/v2\/pages\/2179\/revisions\/2343"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sprottenschule.de\/index.php?rest_route=\/wp\/v2\/media\/2155"}],"wp:attachment":[{"href":"https:\/\/www.sprottenschule.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}