1<!DOCTYPE html><html lang="de"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Schulwebsite erstellen lassen â SchulCMS Website-Paket</title><meta name="description" content="SchulCMS Website-Paket: barrierefrei konzipierte Website für Schulen, Kitas und berufliche Schulen, in ca. vier Wochen online. 5.000 ⬠einmalig oder 279 ⬠monatlich über 24 Monate."><link rel="canonical" href="https://schulcms.net/schulwebsite/"><meta property="og:type" content="website"><meta property="og:site_name" content="SchulCMS"><meta property="og:title" content="Schulwebsite erstellen lassen â SchulCMS Website-Paket"><meta property="og:description" content="SchulCMS Website-Paket: barrierefrei konzipierte Website für Schulen, Kitas und berufliche Schulen, in ca. vier Wochen online. 5.000 ⬠einmalig oder 279 ⬠monatlich über 24 Monate."><meta property="og:url" content="https://schulcms.net/schulwebsite/"><meta property="og:image" content="https://schulcms.net/og-image.jpg"><meta property="og:image:type" content="image/jpeg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="SchulCMS â barrierefreie Websites für Schulen, Kitas und Schulträger"><meta property="og:locale" content="de_DE"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Schulwebsite erstellen lassen â SchulCMS Website-Paket"><meta name="twitter:description" content="SchulCMS Website-Paket: barrierefrei konzipierte Website für Schulen, Kitas und berufliche Schulen, in ca. vier Wochen online. 5.000 ⬠einmalig oder 279 ⬠monatlich über 24 Monate."><meta name="twitter:image" content="https://schulcms.net/og-image.jpg"><link rel="icon" href="/favicon.svg" type="image/svg+xml"><link rel="icon" href="/favicon.ico" sizes="any"><link rel="icon" href="/favicon-32x32.png" sizes="32x32" type="image/png"><link rel="icon" href="/favicon-16x16.png" sizes="16x16" type="image/png"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><meta name="theme-color" content="#0B3E52">
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"SchulCMS","url":"https://schulcms.net","logo":"https://schulcms.net/android-chrome-512x512.png","description":"SchulCMS ist die WordPress-Multisite-Plattform für Schulen, Kitas, Schulträger und Bildungsbehörden.","parentOrganization":{"@type":"Organization","name":"POLYPLANET GmbH","url":"https://polyplanet.de"},"contactPoint":{"@type":"ContactPoint","telephone":"+49-40-881415840","email":"[email protected]","contactType":"sales"}}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"SchulCMS","url":"https://schulcms.net"}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Service","name":"SchulCMS Website-Paket","serviceType":"Einrichtung und Betrieb einer barrierefrei konzipierten Schulwebsite","description":"Barrierefrei konzipierte Website für Schulen, Kitas und berufliche Schulen im SchulCMS, inklusive Einrichtung, Anpassung an das Erscheinungsbild und Redakteursschulung.","image":"https://schulcms.net/og-image.jpg","provider":{"@type":"Organization","name":"POLYPLANET GmbH","url":"https://polyplanet.de"},"areaServed":[{"@type":"Country","name":"Deutschland"},{"@type":"Country","name":"Ãsterreich"},{"@type":"Country","name":"Schweiz"}],"offers":[{"@type":"Offer","name":"Einrichtung, Sofortzahlung","price":"5000","priceCurrency":"EUR","description":"Einmalig, zzgl. gesetzlicher Umsatzsteuer","url":"https://schulcms.net/schulhomepage-kosten/"},{"@type":"Offer","name":"Einrichtung, Ratenzahlung","priceCurrency":"EUR","description":"24 Monatsraten ohne Anzahlung, zzgl. gesetzlicher Umsatzsteuer","url":"https://schulcms.net/schulhomepage-kosten/","priceSpecification":{"@type":"UnitPriceSpecification","price":"279","priceCurrency":"EUR","referenceQuantity":{"@type":"QuantitativeValue","value":1,"unitCode":"MON"}}},{"@type":"Offer","name":"Betrieb","price":"50","priceCurrency":"EUR","description":"Monatlich, zzgl. gesetzlicher Umsatzsteuer","url":"https://schulcms.net/schulhomepage-kosten/"}]}</script>
1<link rel="stylesheet" href="/_astro/Layout.DEMgg5ts.css"></head> <body> <a href="#main" class="skip-link">Zum Inhalt springen</a> <header data-site-header class="border-b border-black/10 bg-white sticky top-0 z-40"> <div class="mx-auto max-w-6xl px-4 sm:px-6 py-4 flex items-center justify-between gap-3 sm:gap-6"> <a href="/" class="inline-flex items-center gap-2 min-[360px]:gap-3 no-underline" aria-label="SchulCMS Startseite"> <span class="grid grid-cols-2 grid-rows-2 gap-[3px] w-[25px] h-[25px] min-[360px]:w-[30px] min-[360px]:h-[30px] shrink-0" aria-hidden="true"> <span class="bg-petrol rounded-[3px]"></span> <span class="bg-petrol-mid rounded-[3px]"></span> <span class="bg-petrol-mid rounded-[3px]"></span> <span class="bg-petrol-tint rounded-[3px]"></span> </span> <span class="font-display uppercase tracking-wide text-[22px] min-[360px]:text-[28px] leading-none"> <span class="font-normal text-ink">Schul</span><span class="font-bold text-petrol">CMS</span> </span> </a> <nav aria-label="Hauptnavigation" class="hidden lg:block"> <ul class="flex items-center gap-3 xl:gap-5 text-[14px] xl:text-[15px] font-medium"> <li> <a href="/schulwebsite/" class="inline-flex items-center min-h-[44px] no-underline whitespace-nowrap hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold" aria-current="page">Schulen & Kitas</a> </li><li> <a href="/funktionen/" class="inline-flex items-center min-h-[44px] no-underline whitespace-nowrap hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold">Funktionen</a> </li><li> <a href="/ablauf/" class="inline-flex items-center min-h-[44px] no-underline whitespace-nowrap hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold">Ablauf</a> </li><li> <a href="/schulhomepage-kosten/" class="inline-flex items-center min-h-[44px] no-underline whitespace-nowrap hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold">Preise</a> </li><li> <a href="/schultraeger/" class="inline-flex items-center min-h-[44px] no-underline whitespace-nowrap hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold">Schulträger</a> </li><li> <a href="/referenzen/" class="inline-flex items-center min-h-[44px] no-underline whitespace-nowrap hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold">Referenzen</a> </li><li> <a href="/ratgeber/" class="inline-flex items-center min-h-[44px] no-underline whitespace-nowrap hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold">Ratgeber</a> </li> </ul> </nav> <div class="flex items-center gap-2 md:gap-4"> <a href="tel:+4940881415840" class="hidden md:inline-flex lg:hidden items-center min-h-[44px] no-underline font-semibold text-[15px] whitespace-nowrap">040 / 88 14 15 84 â 0</a> <a href="https://zeeg.me/polyplanet/kostenlose-erstberatung" class="btn-primary inline-flex items-center justify-center min-h-[44px] text-[14px] sm:text-[15px] px-3 sm:px-4 py-2 whitespace-nowrap"><span class="sm:hidden">Erstberatung</span><span class="hidden sm:inline">Kostenlose Erstberatung</span></a> <button type="button" class="lg:hidden min-w-[44px] min-h-[44px] rounded-md hover:bg-black/5 flex items-center justify-center gap-2" data-nav-open aria-haspopup="dialog" aria-expanded="false" aria-controls="offcanvas-nav"> <span class="w-6 h-6 text-ink inline-block shrink-0"><!-- @license lucide-static v1.26.0 - ISC --> 2<svg 3 class="lucide lucide-menu" 4 xmlns="http://www.w3.org/2000/svg" 5 width="24" 6 height="24" 7 viewBox="0 0 24 24" 8 fill="none" 9 stroke="currentColor" 10 stroke-width="2" 11 stroke-linecap="round" 12 stroke-linejoin="round" 13> 14 <path d="M4 5h16" /> 15 <path d="M4 12h16" /> 16 <path d="M4 19h16" /> 17</svg> 18</span> <span class="sr-only">Menü öffnen</span> </button> </div> </div> </header> <div id="offcanvas-backdrop" class="fixed inset-0 bg-ink/40 opacity-0 pointer-events-none transition-opacity duration-300 z-40" data-nav-backdrop hidden></div> <div id="offcanvas-nav" class="fixed inset-y-0 right-0 z-50 w-[85%] max-w-sm bg-white shadow-xl translate-x-full transition-transform duration-300 flex flex-col" role="dialog" aria-modal="true" aria-label="Hauptnavigation" data-nav-panel hidden> <div class="flex items-center justify-between px-6 py-5 border-b border-black/10"> <span class="font-display font-bold text-[20px] text-petrol">Menü</span> <button type="button" class="p-2 -mr-2 rounded-md hover:bg-black/5" data-nav-close aria-label="Menü schlieÃen"> <span class="w-6 h-6 text-ink inline-block shrink-0"><!-- @license lucide-static v1.26.0 - ISC --> 19<svg 20 class="lucide lucide-x" 21 xmlns="http://www.w3.org/2000/svg" 22 width="24" 23 height="24" 24 viewBox="0 0 24 24" 25 fill="none" 26 stroke="currentColor" 27 stroke-width="2" 28 stroke-linecap="round" 29 stroke-linejoin="round" 30> 31 <path d="M18 6 6 18" /> 32 <path d="m6 6 12 12" /> 33</svg> 34</span> </button> </div> <nav aria-label="Hauptnavigation" class="flex-1 overflow-y-auto px-6 py-6"> <ul class="space-y-1 text-[18px] font-medium"> <li> <a href="/schulwebsite/" class="block py-3 min-h-[44px] no-underline hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold" aria-current="page">Schulen & Kitas</a> </li><li> <a href="/funktionen/" class="block py-3 min-h-[44px] no-underline hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold">Funktionen</a> </li><li> <a href="/ablauf/" class="block py-3 min-h-[44px] no-underline hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold">Ablauf</a> </li><li> <a href="/schulhomepage-kosten/" class="block py-3 min-h-[44px] no-underline hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold">Preise</a> </li><li> <a href="/schultraeger/" class="block py-3 min-h-[44px] no-underline hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold">Schulträger</a> </li><li> <a href="/referenzen/" class="block py-3 min-h-[44px] no-underline hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold">Referenzen</a> </li><li> <a href="/ratgeber/" class="block py-3 min-h-[44px] no-underline hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold">Ratgeber</a> </li><li> <a href="/barrierefreie-schulwebsite/" class="block py-3 min-h-[44px] no-underline hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold">Barrierefreiheit</a> </li><li> <a href="/schulwebsite-datenschutz/" class="block py-3 min-h-[44px] no-underline hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold">Bildrechte und Datenschutz</a> </li><li> <a href="/sicherheit/" class="block py-3 min-h-[44px] no-underline hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold">Sicherheit</a> </li><li> <a href="/kontakt/" class="block py-3 min-h-[44px] no-underline hover:text-petrol aria-[current=page]:text-petrol aria-[current=page]:font-semibold">Kontakt</a> </li> </ul> </nav> <div class="px-6 py-6 border-t border-black/10 space-y-3"> <a href="https://zeeg.me/polyplanet/kostenlose-erstberatung" class="btn-primary block text-center">Kostenlose Erstberatung buchen</a> <a href="tel:+4940881415840" class="block text-center font-semibold">040 / 88 14 15 84 â 0</a> </div> </div>
34 <main id="main">
34<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https://schulcms.net/"},{"@type":"ListItem","position":2,"name":"Schulwebsite","item":"https://schulcms.net/schulwebsite/"}]}</script>
34<section class="relative overflow-hidden bg-gradient-to-br from-petrol-dark via-petrol to-[#0d4a61]"> <div class="pointer-events-none absolute inset-0" aria-hidden="true"> <div class="blob absolute -top-24 -left-16 w-80 h-80 rounded-full bg-ember/20"></div> <div class="blob absolute bottom-[-140px] right-[-60px] w-72 h-72 rounded-full bg-white/5" style="animation-delay:-4s"></div> </div> <div class="section relative py-12 md:py-16"> <nav aria-label="Breadcrumb" class="text-[13px] text-white/70 mb-4"> <a href="/" class="text-white/70 no-underline hover:underline">Start</a> <span aria-hidden="true"> / </span> <span>Schulwebsite</span> </nav> <h1 class="font-display font-bold text-white text-[34px] md:text-[46px] leading-[1.12] max-w-2xl">Schulwebsite erstellen lassen: barrierefrei und klar kalkulierbar</h1> <p class="mt-5 text-[17px] md:text-[19px] text-white/80 max-w-xl">Eine eigene, barrierefrei konzipierte Website für Ihre Schule, Ihre Kita oder Ihre berufliche Schule â im SchulCMS, mit festem Preis statt versteckter Folgekosten.</p> <div class="mt-7"> <a href="https://zeeg.me/polyplanet/kostenlose-erstberatung" class="inline-block rounded-md bg-white text-petrol px-6 py-3 font-semibold no-underline transition-transform duration-200 hover:-translate-y-0.5"> Schulwebsite besprechen </a> </div> </div> </section> <section class="section reveal" data-reveal> <p class="max-w-3xl text-[18px] text-ink/85"> 35Das <strong>SchulCMS Website-Paket</strong> richtet sich an einzelne Einrichtungen: allgemeinbildende Schulen, 36 berufliche Schulen und Kindertagesstätten. Es umfasst die Einrichtung einer eigenen Website im SchulCMS, den 37 Einsatz des speziell für Bildungseinrichtungen entwickelten Themes sowie den laufenden technischen Betrieb. 38 Die Website wird an Ihr Erscheinungsbild angepasst und ist auf Smartphone, Tablet und Desktop gleichermaÃen 39 nutzbar. 40</p> </section> <section class> <div class="section reveal" data-reveal> <h2 class="font-display font-bold text-[30px] md:text-[36px] mb-4">Für wen sich das Website-Paket eignet</h2> <p class="max-w-2xl text-ink/80 mb-8">Typische Ausgangslage von Schulen, Kitas und vergleichbaren Einrichtungen, die das SchulCMS wählen:</p> <ul class="grid md:grid-cols-2 gap-x-8 gap-y-5 max-w-4xl"> <li class="flex gap-3"> <span class="w-6 h-6 mt-0.5 text-petrol inline-block shrink-0"><!-- @license lucide-static v1.26.0 - ISC --> 41<svg 42 class="lucide lucide-circle-check-big" 43 xmlns="http://www.w3.org/2000/svg" 44 width="24" 45 height="24" 46 viewBox="0 0 24 24" 47 fill="none" 48 stroke="currentColor" 49 stroke-width="2" 50 stroke-linecap="round" 51 stroke-linejoin="round" 52> 53 <path d="M21.801 10A10 10 0 1 1 17 3.335" /> 54 <path d="m9 11 3 3L22 4" /> 55</svg> 56</span> <span class="text-ink/85">Die bestehende Website ist veraltet, unübersichtlich oder nicht mobil optimiert</span> </li><li class="flex gap-3"> <span class="w-6 h-6 mt-0.5 text-petrol inline-block shrink-0"><!-- @license lucide-static v1.26.0 - ISC --> 57<svg 58 class="lucide lucide-circle-check-big" 59 xmlns="http://www.w3.org/2000/svg" 60 width="24" 61 height="24" 62 viewBox="0 0 24 24" 63 fill="none" 64 stroke="currentColor" 65 stroke-width="2" 66 stroke-linecap="round" 67 stroke-linejoin="round" 68> 69 <path d="M21.801 10A10 10 0 1 1 17 3.335" /> 70 <path d="m9 11 3 3L22 4" /> 71</svg> 72</span> <span class="text-ink/85">Digitale Barrierefreiheit fehlt oder ist mangelhaft umgesetzt</span> </li><li class="flex gap-3"> <span class="w-6 h-6 mt-0.5 text-petrol inline-block shrink-0"><!-- @license lucide-static v1.26.0 - ISC --> 73<svg 74 class="lucide lucide-circle-check-big" 75 xmlns="http://www.w3.org/2000/svg" 76 width="24" 77 height="24" 78 viewBox="0 0 24 24" 79 fill="none" 80 stroke="currentColor" 81 stroke-width="2" 82 stroke-linecap="round" 83 stroke-linejoin="round" 84> 85 <path d="M21.801 10A10 10 0 1 1 17 3.335" /> 86 <path d="m9 11 3 3L22 4" /> 87</svg> 88</span> <span class="text-ink/85">Unsicherheiten bei Datenschutz, Bildrechten und eingebetteten Drittinhalten</span> </li><li class="flex gap-3"> <span class="w-6 h-6 mt-0.5 text-petrol inline-block shrink-0"><!-- @license lucide-static v1.26.0 - ISC --> 89<svg 90 class="lucide lucide-circle-check-big" 91 xmlns="http://www.w3.org/2000/svg" 92 width="24" 93 height="24" 94 viewBox="0 0 24 24" 95 fill="none" 96 stroke="currentColor" 97 stroke-width="2" 98 stroke-linecap="round" 99 stroke-linejoin="round" 100> 101 <path d="M21.801 10A10 10 0 1 1 17 3.335" /> 102 <path d="m9 11 3 3L22 4" /> 103</svg> 104</span> <span class="text-ink/85">Die Inhaltspflege ist umständlich, Zuständigkeiten im Redaktionsteam wechseln häufig</span> </li><li class="flex gap-3"> <span class="w-6 h-6 mt-0.5 text-petrol inline-block shrink-0"><!-- @license lucide-static v1.26.0 - ISC --> 105<svg 106 class="lucide lucide-circle-check-big" 107 xmlns="http://www.w3.org/2000/svg" 108 width="24" 109 height="24" 110 viewBox="0 0 24 24" 111 fill="none" 112 stroke="currentColor" 113 stroke-width="2" 114 stroke-linecap="round" 115 stroke-linejoin="round" 116> 117 <path d="M21.801 10A10 10 0 1 1 17 3.335" /> 118 <path d="m9 11 3 3L22 4" /> 119</svg> 120</span> <span class="text-ink/85">Es fehlt Zeit und Fachkenntnis für Updates, Sicherheit und Hosting</span> </li> </ul> <a href="https://zeeg.me/polyplanet/kostenlose-erstberatung" class="mt-8 inl
120ine-block font-semibold">Passt das zu unserer Einrichtung? Jetzt besprechen â</a> </div> </section> <section class="bg-petrol-tint/40"> <div class="section reveal" data-reveal> <div class="flex items-center gap-4 mb-5"> <span class="flex items-center justify-center w-14 h-14 rounded-full bg-white shrink-0"> <span class="w-7 h-7 text-petrol inline-block shrink-0"><!-- @license lucide-static v1.26.0 - ISC --> 121<svg 122 class="lucide lucide-list-tree" 123 xmlns="http://www.w3.org/2000/svg" 124 width="24" 125 height="24" 126 viewBox="0 0 24 24" 127 fill="none" 128 stroke="currentColor" 129 stroke-width="2" 130 stroke-linecap="round" 131 stroke-linejoin="round" 132> 133 <path d="M8 5h13" /> 134 <path d="M13 12h8" /> 135 <path d="M13 19h8" /> 136 <path d="M3 10a2 2 0 0 0 2 2h3" /> 137 <path d="M3 5v12a2 2 0 0 0 2 2h3" /> 138</svg> 139</span> </span> <h2 class="font-display font-bold text-[28px] md:text-[34px]">Sie starten nicht bei null</h2> </div> <div class="max-w-3xl space-y-4 text-ink/80"> <p> 140Ihre Website wird nicht als leeres System übergeben. Sie bekommen einen vorbereiteten Seitenbaum und 141 ausgearbeitete Beispielseiten mit Blindtext â eine Struktur, die sich bei den von uns aufgesetzten 142 Schulwebsites bewährt hat. Ihre Redaktion muss also nicht erst herausfinden, welche Seiten eine 143 Schulwebsite überhaupt braucht und wie sie zusammenhängen, sondern ersetzt die Texte Seite für Seite. 144</p> <p> 145Danach hält sich vieles von selbst aktuell: Listen ermitteln ihren Inhalt aus Kategorien, Personen und 146 Dokumente werden einmal eingetragen und erscheinen überall dort, wo sie hingehören. Das ist der 147 Unterschied zwischen einer Website, die gepflegt wird, und einer, die man pflegen muss. 148</p> </div> <div class="mt-6 flex flex-wrap gap-x-6 gap-y-2"> <a href="/funktionen/" class="font-semibold">Funktionen und Pflege im Detail â</a> <a href="/ablauf/" class="font-semibold">Ablauf und Dauer â</a> </div> </div> </section> <section class="section reveal" data-reveal> <h2 class="font-display font-bold text-[28px] md:text-[34px] mb-8">Die drei Punkte, auf die es ankommt</h2> <div class="grid md:grid-cols-3 gap-6"> <div class="card bg-white p-6"> <span class="w-7 h-7 text-petrol mb-3 inline-block shrink-0"><!-- @license lucide-static v1.26.0 - ISC --> 149<svg 150 class="lucide lucide-languages" 151 xmlns="http://www.w3.org/2000/svg" 152 width="24" 153 height="24" 154 viewBox="0 0 24 24" 155 fill="none" 156 stroke="currentColor" 157 stroke-width="2" 158 stroke-linecap="round" 159 stroke-linejoin="round" 160> 161 <path d="m5 8 6 6" /> 162 <path d="m4 14 6-6 2-3" /> 163 <path d="M2 5h12" /> 164 <path d="M7 2h1" /> 165 <path d="m22 22-5-10-5 10" /> 166 <path d="M14 18h6" /> 167</svg> 168</span> <h3 class="font-semibold text-ink mb-2">Alle können sie lesen</h3> <p class="text-[15px] text-ink/75 mb-3"> 169Bedienung über die Tastatur, Auslesbarkeit für Braillezeilen, VergröÃerung ohne Layoutbruch, Alt-Texte 170 sowie Leichte Sprache und Gebärdensprache als eigene Sprachversion. 171</p> <a href="/barrierefreie-schulwebsite/" class="text-[15px] font-semibold">Barrierefreiheit â</a> </div> <div class="card bg-white p-6"> <span class="w-7 h-7 text-petrol mb-3 inline-block shrink-0"><!-- @license lucide-static v1.26.0 - ISC --> 172<svg 173 class="lucide lucide-camera" 174 xmlns="http://www.w3.org/2000/svg" 175 width="24" 176 height="24" 177 viewBox="0 0 24 24" 178 fill="none" 179 stroke="currentColor" 180 stroke-width="2" 181 stroke-linecap="round" 182 stroke-linejoin="round" 183> 184 <path d="M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z" /> 185 <circle cx="12" cy="13" r="3" /> 186</svg> 187</span> <h3 class="font-semibold text-ink mb-2">Die Bilder sind geklärt</h3> <p class="text-[15px] text-ink/75 mb-3"> 188Beim Hochladen verlangt das System eine Angabe zum Rechteinhaber oder eine ausdrückliche Bestätigung, 189 dass keine nötig ist. Der Bildnachweis auf der Seite entsteht daraus von selbst. 190</p> <a href="/schulwebsite-datenschutz/" class="text-[15px] font-semibold">Bildrechte und Datenschutz â</a> </div> <div class="card bg-white p-6"> <span class="w-7 h-7 text-petrol mb-3 inline-block shrink-0"><!-- @license lucide-static v1.26.0 - ISC --> 191<svg 192 class="lucide lucide-shield" 193 xmlns="http://www.w3.org/2000/svg" 194 width="24" 195 height="24" 196 viewBox="0 0 24 24" 197 fill="none" 198 stroke="currentColor" 199 stroke-width="2" 200 stroke-linecap="round" 201 stroke-linejoin="round" 202> 203 <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" /> 204</svg> 205</span> <h3 class="font-semibold text-ink mb-2">Sie wird gewartet</h3> <p class="text-[15px] text-ink/75 mb-3"> 206Updates werden zentral geprüft und für alle Websites gemeinsam eingespielt. Die Zwei-Faktor-Anmeldung ist 207 verpflichtend. Niemand bei Ihnen muss daran denken. 208</p> <a href="/sicherheit/" class="text-[15px] font-semibold">Sicherheit und Wartung â</a> </div> </div> </section> <section class="bg-petrol-tint/40"> <div class="section reveal" data-reveal> <h2 class="font-display font-bold text-[30px] md:text-[36px] mb-4">Was es kostet</h2> <p class="max-w-3xl text-ink/80 mb-6"> <strong>5.000 ⬠einmalig</strong> für Einrichtung, Anpassung an Ihr Erscheinungsbild und die Schulung Ihres 209 Redaktionsteams â oder <strong>279 ⬠monatlich über 24 Monate</strong>, ohne Anzahlung. Dazu 210<strong>50 ⬠monatlich</strong> für Hosting, Updates und technischen Betrieb, bei Ratenzahlung ab Monat 25. 211 Jeweils zzgl. gesetzlicher Umsatzsteuer. 212</p> <p class="max-w-3xl text-ink/80"> 213Den vollständigen Leistungsumfang â und ebenso vollständig, was nicht enthalten ist â finden Sie auf der 214 Preisseite. Die Migration bestehender Inhalte gehört zum Beispiel nicht dazu; sie ist eine optionale 215 Zusatzleistung nach Aufwand. 216</p> <a href="/schulhomepage-kosten/" class="mt-6 inline-block font-semibold">Preise und vollständiger Leistungsumfang â</a> </div> </section> <section class="section reveal" data-reveal> <div class="card bg-white border border-black/10 p-7 max-w-3xl"> <h2 class="font-display font-bold text-[22px] mb-3">Ihr Schulträger könnte die laufenden Kosten übernehmen</h2> <p class="text-ink/80"> 217Betreibt ein Schulträger das SchulCMS als eigene Plattform, entfällt die Monatspauschale für seine 218 Einrichtungen â so wie es die Hamburger Schulbehörde tut. Ab etwa 20 Einrichtungen wird das für einen 219 Träger wirtschaftlich. 220</p> <a href="/schultraeger/" class="mt-4 inline-block font-semibold">Seite für Schulträger â</a> </div> </section> <section class="section reveal" data-reveal itemscope itemtype="https://schema.org/FAQPage"> <h2 class="font-display font-bold text-[30px] md:text-[36px] mb-8">
220Häufige Fragen zum Website-Paket</h2> <div class="max-w-3xl divide-y divide-black/10 border-t border-b border-black/10"> <details class="group" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <summary class="flex items-center justify-between min-h-[44px] py-3 cursor-pointer font-semibold list-none transition-colors hover:text-petrol" itemprop="name"> <span>Was ist im SchulCMS Website-Paket enthalten?</span> <span class="ml-4 shrink-0 transition-transform group-open:rotate-45" aria-hidden="true">+</span> </summary> <div class="pb-4 text-ink/80" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text">Einrichtung, Anpassung an Ihre Corporate Identity und Redakteursschulung â wahlweise für 5.000 ⬠einmalig oder 279 ⬠monatlich über 24 Monate ohne Anzahlung. Dazu 50 ⬠monatlich für Hosting, Updates, Uptime-Monitoring und Basis-Webtracking mit Matomo; bei Ratenzahlung ab Monat 25. Jeweils zzgl. USt.</p> </div> </details><details class="group" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <summary class="flex items-center justify-between min-h-[44px] py-3 cursor-pointer font-semibold list-none transition-colors hover:text-petrol" itemprop="name"> <span>Wie lange dauert die Einrichtung einer Schulwebsite?</span> <span class="ml-4 shrink-0 transition-transform group-open:rotate-45" aria-hidden="true">+</span> </summary> <div class="pb-4 text-ink/80" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text">Ca. vier Wochen bis zur Ãbergabe an Ihr Redaktionsteam, gerechnet ab dem Tag, an dem uns Ihre Unterlagen vorliegen â Ihr Logo als Vektordatei und etwas, woran wir Farben, Schriften und Formsprache ablesen können. Die Texte setzen Sie danach selbst in die vorbereiteten Seiten ein. Das ist ein Erfahrungswert aus dem laufenden Betrieb, keine Zusage. Den Ablauf im Einzelnen finden Sie auf der Ablaufseite.</p> </div> </details><details class="group" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <summary class="flex items-center justify-between min-h-[44px] py-3 cursor-pointer font-semibold list-none transition-colors hover:text-petrol" itemprop="name"> <span>Gilt das Paket auch für Kitas und berufliche Schulen?</span> <span class="ml-4 shrink-0 transition-transform group-open:rotate-45" aria-hidden="true">+</span> </summary> <div class="pb-4 text-ink/80" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text">Ja. Kindertagesstätten, allgemeinbildende und berufliche Schulen nutzen dasselbe Paket zu denselben Konditionen. Auf der Hamburger Plattform sind alle drei Einrichtungsarten vertreten.</p> </div> </details><details class="group" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <summary class="flex items-center justify-between min-h-[44px] py-3 cursor-pointer font-semibold list-none transition-colors hover:text-petrol" itemprop="name"> <span>Ist Barrierefreiheit im Website-Paket enthalten?</span> <span class="ml-4 shrink-0 transition-transform group-open:rotate-45" aria-hidden="true">+</span> </summary> <div class="pb-4 text-ink/80" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text">Das SchulCMS-Theme ist barrierefrei konzipiert. Die konkrete Einhaltung hängt zusätzlich von redaktionellen Inhalten, Dokumenten, Bildern und eingebundenen Drittinhalten ab.</p> </div> </details><details class="group" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <summary class="flex items-center justify-between min-h-[44px] py-3 cursor-pointer font-semibold list-none transition-colors hover:text-petrol" itemprop="name"> <span>Können wir unseren iServ-Kalender einbinden?</span> <span class="ml-4 shrink-0 transition-transform group-open:rotate-45" aria-hidden="true">+</span> </summary> <div class="pb-4 text-ink/80" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text">Ja. Das SchulCMS holt sich einen bestehenden Kalender per iCal-Feed und hält die Anzeige aktuell â Sie pflegen weiter dort, wo Sie ohnehin pflegen. Daneben gibt es einen eigenen Veranstaltungstyp für Termine, die nur auf der Website stehen.</p> </div> </details>
220<details class="group" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <summary class="flex items-center justify-between min-h-[44px] py-3 cursor-pointer font-semibold list-none transition-colors hover:text-petrol" itemprop="name"> <span>Was passiert, wenn wir später neue Seiten oder Funktionen brauchen?</span> <span class="ml-4 shrink-0 transition-transform group-open:rotate-45" aria-hidden="true">+</span> </summary> <div class="pb-4 text-ink/80" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text">Neue Seiten legen Sie selbst an â dafür ist die Schulung da. Redaktionelle Arbeit durch uns und individuelle Entwicklung sind nicht im monatlichen Betrieb enthalten, aber separat buchbar.</p> </div> </details> </div> </section> <section class="section !pt-0 reveal" data-reveal> <h2 class="font-display font-bold text-[26px] mb-4">Weiterlesen</h2> <ul class="grid sm:grid-cols-3 gap-4 max-w-4xl"> <li class="card bg-white p-5"><a href="/funktionen/" class="font-semibold no-underline hover:underline">Funktionen und Pflege</a></li> <li class="card bg-white p-5"><a href="/ablauf/" class="font-semibold no-underline hover:underline">Ablauf und Dauer</a></li> <li class="card bg-white p-5"><a href="/referenzen/" class="font-semibold no-underline hover:underline">Referenzen ansehen</a></li> </ul> </section> <section class="relative overflow-hidden bg-petrol"> <div class="pointer-events-none absolute inset-0 -z-0" aria-hidden="true"> <div class="blob absolute -top-20 right-[-60px] w-96 h-96 rounded-full bg-white/10"></div> <div class="blob absolute bottom-[-100px] left-[-40px] w-72 h-72 rounded-full bg-petrol-mid/30" style="animation-delay:-5s"></div> </div> <div class="section !py-16 text-white relative reveal" data-reveal> <h2 class="font-display font-bold text-[28px] md:text-[34px] mb-4">Kostenlose Erstberatung SchulCMS â 30 Minuten</h2> <p class="max-w-2xl text-white/85 mb-8"> 221Sie planen eine neue Website für Ihre Schule, Kita oder Bildungseinrichtung? In einem unverbindlichen Gespräch 222 besprechen wir Ihre Ausgangslage, Anforderungen an Barrierefreiheit, Inhalte und Funktionen sowie die nächsten 223 Schritte. Die Beratung ist kostenlos und unverbindlich. 224</p> <div class="flex flex-wrap gap-4 items-center"> <a href="https://zeeg.me/polyplanet/kostenlose-erstberatung" class="inline-block rounded-md bg-white text-petrol px-6 py-3 font-semibold no-underline transition-transform duration-200 hover:-translate-y-0.5">Kostenlose Erstberatung buchen</a> <a href="tel:+4940881415840" class="text-white font-semibold">040 / 88 14 15 84 â 0</a> <a href="mailto:[email protected]" class="text-white font-semibold">[email protected]</a> </div> </div> </section> </main> <footer class="bg-petrol-tint mt-24"> <div class="mx-auto max-w-6xl px-6 py-14 grid gap-10 md:grid-cols-4"> <div> <a href="/" class="inline-flex items-center gap-2 min-[360px]:gap-3 no-underline" aria-label="SchulCMS Startseite"> <span class="grid grid-cols-2 grid-rows-2 gap-[3px] w-[25px] h-[25px] min-[360px]:w-[30px] min-[360px]:h-[30px] shrink-0" aria-hidden="true"> <span class="bg-petrol rounded-[3px]"></span> <span class="bg-petrol-mid rounded-[3px]"></span> <span class="bg-petrol-mid rounded-[3px]"></span> <span class="bg-petrol-tint rounded-[3px]"></span> </span> <span class="font-display uppercase tracking-wide text-[22px] min-[360px]:text-[28px] leading-none"> <span class="font-normal text-ink">Schul</span><span class="font-bold text-petrol">CMS</span> </span> </a> <p class="mt-4 text-[15px] text-ink/80 max-w-xs"> 225Entwickelt und betrieben von <a href="https://polyplanet.de" class="font-semibold">POLYPLANET</a>. 226</p> </div> <nav aria-label="Leistungen"> <h2 class="font-display text-[16px] font-bold uppercase tracking-wide mb-3">Leistungen</h2> <ul class="space-y-2 text-[15px]"> <li><a href="/schulwebsite/">Schulwebsite für Schulen und Kitas</a></li><li><a href="/funktionen/">Funktionen und Pflege</a></li><li><a href="/ablauf/">Ablauf und Dauer</a></li><li><a href="/barrierefreie-schulwebsite/">Barrierefreie Schulwebsite</a></li><li><a href="/schulwebsite-datenschutz/">Bildrechte und Datenschutz</a></li><li><a href="/sicherheit/">Sicherheit und Wartung</a></li><li><a href="/schulhomepage-kosten/">Preise</a></li><li><a href="/schulwebsite-hamburg/">Für Hamburger Einrichtungen</a></li><li><a href="/schultraeger/">Für Schulträger und Behörden</a></li> </ul> </nav> <nav aria-label="Wissen"> <h2 class="font-display text-[16px] font-bold uppercase tracking-wide mb-3">Wissen</h2> <ul class="space-y-2 text-[15px]"> <li><a href="/ratgeber/">Ratgeber</a></li><li><a href="/referenzen/">Referenzen</a></li><li><a href="/wordpress-multisite-schulen/">WordPress Multisite für Schulen</a></li><li><a href="/kontakt/">Kontakt</a></li> </ul> </nav> <div> <h2 class="font-display text-[16px] font-bold uppercase tracking-wide mb-3">Kontakt</h2> <p class="text-[15px] space-y-1"> <a href="tel:+4940881415840" class="block">040 / 88 14 15 84 â 0</a> <a href="mailto:[email protected]" class="block">[email protected]</a> </p> </div> </div> <div class="border-t border-black/10"> <div class="mx-auto max-w-6xl px-6 py-5 flex flex-wrap gap-x-6 gap-y-2 text-[13px] text-ink/70"> <span>© 2026 POLYPLANET GmbH</span> <a href="/impressum/">Impressum</a> <a href="/datenschutz/">Datenschutz</a> <a href="/barrierefreiheitserklaerung/">Erklärung zur Barrierefreiheit</a> </div> </div> </footer> <div id="cookie-consent" class="fixed inset-x-0 bottom-0 z-[60] hidden" role="dialog" aria-modal="false" aria-label="Cookie-Einstellungen" data-ga-id="G-HCFTW39Z93"> <div class="mx-auto max-w-3xl m-4 rounded-xl border border-black/10 bg-white shadow-[0_16px_50px_-12px_rgba(11,62,82,0.35)] p-5 md:p-6"> <div class="flex flex-col md:flex-row md:items-center gap-4"> <p class="text-[14px] text-ink/80 flex-1">
227Wir nutzen Google Analytics, um zu verstehen, wie diese Website genutzt wird, und sie 228 weiterzuentwickeln. Das ist nur mit Ihrer Einwilligung erlaubt. Details dazu finden Sie in unserer 229<a href="/datenschutz/" class="font-semibold">Datenschutzerklärung</a>. 230</p> <div class="flex gap-3 shrink-0"> <button type="button" data-consent-decline class="btn-secondary !px-5 !py-2.5 text-[14px]">Ablehnen</button> <button type="button" data-consent-accept class="btn-primary !px-5 !py-2.5 text-[14px]">Akzeptieren</button> </div> </div> </div> </div>
230<script type="module">var e=`schulcms_consent_analytics`;function t(e){if(!e||e.includes(`XXXXXXXXXX`)||document.getElementById(`ga4-script`))return;let t=document.createElement(`script`);t.id=`ga4-script`,t.async=!0,t.src=`https://www.googletagmanager.com/gtag/js?id=${e}`,document.head.appendChild(t),window.dataLayer=window.dataLayer||[];function n(){window.dataLayer.push(arguments)}window.gtag=n,n(`js`,new Date),n(`consent`,`update`,{analytics_storage:`granted`}),n(`config`,e,{anonymize_ip:!0})}window.dataLayer=window.dataLayer||[];function n(){window.dataLayer.push(arguments)}n(`consent`,`default`,{ad_storage:`denied`,ad_user_data:`denied`,ad_personalization:`denied`,analytics_storage:`denied`});var r=document.getElementById(`cookie-consent`);if(r){let n=r.dataset.gaId,i=localStorage.getItem(e);i===`granted`?t(n):i!==`denied`&&r.classList.remove(`hidden`),r.querySelector(`[data-consent-accept]`)?.addEventListener(`click`,()=>{localStorage.setItem(e,`granted`),t(n),r.classList.add(`hidden`)}),r.querySelector(`[data-consent-decline]`)?.addEventListener(`click`,()=>{localStorage.setItem(e,`denied`),r.classList.add(`hidden`)})}</script>
230 <link href="https://assets.zeeg.me/embed.min.css" rel="stylesheet">
230<script src="https://assets.zeeg.me/embed.min.js" type="text/javascript" async></script>
230
230<script>(function(){const ZEEG_URL = "https://zeeg.me/polyplanet/kostenlose-erstberatung"; 231 232 document.addEventListener('click', (event) => { 233 const link = event.target.closest('a[href="' + ZEEG_URL + '"]'); 234 if (!link) return; 235 if (typeof window.Zeeg === 'undefined' || !window.Zeeg.initPopupWidget) return; 236 237 event.preventDefault(); 238 window.Zeeg.initPopupWidget({ 239 url: ZEEG_URL, 240 redirectParent: true, 241 utm: { source: null, medium: null, campaign: null, content: null, term: null } 242 }); 243 }); 244})();</script>
244
244<script type="module">document.documentElement.classList.add(`js`);var e=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,t=document.querySelectorAll(`[data-reveal]`);if(!e&&`IntersectionObserver`in window){let e=new IntersectionObserver(t=>{for(let n of t)n.isIntersecting&&(n.target.classList.add(`is-visible`),e.unobserve(n.target))},{threshold:.15});t.forEach(t=>e.observe(t))}else t.forEach(e=>e.classList.add(`is-visible`));var n=document.querySelector(`[data-site-header]`);if(n){let e=()=>n.classList.toggle(`is-scrolled`,window.scrollY>8);e(),window.addEventListener(`scroll`,e,{passive:!0})}var r=document.getElementById(`offcanvas-nav`),i=document.getElementById(`offcanvas-backdrop`),a=document.querySelector(`[data-nav-open]`),o=document.querySelector(`[data-nav-close]`);if(r&&i&&a&&o){let t=null,n=()=>Array.from(r.querySelectorAll(`a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])`)),s=e=>{if(e.key===`Escape`){l();return}if(e.key!==`Tab`)return;let t=n();if(t.length===0)return;let r=t[0],i=t[t.length-1];e.shiftKey&&document.activeElement===r?(e.preventDefault(),i.focus()):!e.shiftKey&&document.activeElement===i&&(e.preventDefault(),r.focus())};function c(){t=document.activeElement,r.hidden=!1,i.hidden=!1,requestAnimationFrame(()=>{r.classList.remove(`translate-x-full`),i.classList.remove(`opacity-0`,`pointer-events-none`)}),a.setAttribute(`aria-expanded`,`true`),document.body.style.overflow=`hidden`,document.addEventListener(`keydown`,s),(n()[0]||o).focus()}function l(){r.classList.add(`translate-x-full`),i.classList.add(`opacity-0`,`pointer-events-none`),a.setAttribute(`aria-expanded`,`false`),document.body.style.overflow=``,document.removeEventListener(`keydown`,s);let n=()=>{r.hidden=!0,i.hidden=!0};e?n():r.addEventListener(`transitionend`,n,{once:!0}),(t||a).focus()}a.addEventListener(`click`,c),o.addEventListener(`click`,l),i.addEventListener(`click`,l),r.querySelectorAll(`a`).forEach(e=>e.addEventListener(`click`,l))}</script>
244</body> </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.