{"id":223,"date":"2025-11-10T23:32:43","date_gmt":"2025-11-10T22:32:43","guid":{"rendered":"https:\/\/demo.edu-web.design\/?page_id=223"},"modified":"2025-11-11T08:48:11","modified_gmt":"2025-11-11T07:48:11","slug":"startseite","status":"publish","type":"page","link":"https:\/\/demo.edu-web.design\/","title":{"rendered":"Startseite"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"223\" class=\"elementor elementor-223\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4397a7d e-con-full e-flex e-con e-parent\" data-id=\"4397a7d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82f244f elementor-widget elementor-widget-text-editor\" data-id=\"82f244f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- EDU-WEBDESIGN: Aktuelles + Schnelleinstiege (H\u00f6henabgleich) -->\n<section class=\"edu-wrap\" aria-label=\"Startseite \u2013 Aktuelles und Quicklinks\">\n  <div class=\"edu-grid\">\n    <!-- Linke Spalte: Aktuelles -->\n    <div class=\"edu-main\">\n      <h2 class=\"edu-h2\">Aktuelles<\/h2>\n\n      <div class=\"edu-card-grid\">\n        <!-- Karte 1 -->\n        <article class=\"edu-card\">\n          <a class=\"edu-thumb\" href=\"#\">\n            <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/schule1\/640\/420\" alt=\"Sch\u00fcler arbeiten gemeinsam am Tisch\">\n          <\/a>\n          <div class=\"edu-card-body\">\n            <div class=\"edu-badges\">\n              <span class=\"edu-badge\">Medium<\/span>\n              <span class=\"edu-badge edu-badge--green\">Schulleben<\/span>\n            <\/div>\n            <h3 class=\"edu-card-title\"><a href=\"#\">Aktuelle Meldung der Woche<\/a><\/h3>\n            <p class=\"edu-card-teaser\">Kurzer Teasertext mit 1\u20132 Zeilen, der neugierig macht.<\/p>\n            <a class=\"edu-more\" href=\"#\">Mehr lesen <span class=\"edu-chev\">\u203a<\/span><\/a>\n          <\/div>\n        <\/article>\n\n        <!-- Karte 2 -->\n        <article class=\"edu-card\">\n          <a class=\"edu-thumb\" href=\"#\">\n            <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/schule2\/640\/420\" alt=\"Gruppe von Sch\u00fclerinnen und Sch\u00fclern\">\n          <\/a>\n          <div class=\"edu-card-body\">\n            <div class=\"edu-badges\">\n              <span class=\"edu-badge\">Medium<\/span>\n              <span class=\"edu-badge edu-badge--green\">Schulprofil<\/span>\n            <\/div>\n            <h3 class=\"edu-card-title\"><a href=\"#\">Projekttag: Natur &amp; Technik<\/a><\/h3>\n            <p class=\"edu-card-teaser\">Impressionen vom Projekttag \u2013 Experimente und Workshops.<\/p>\n            <a class=\"edu-more\" href=\"#\">Mehr lesen <span class=\"edu-chev\">\u203a<\/span><\/a>\n          <\/div>\n        <\/article>\n\n        <!-- Karte 3 -->\n        <article class=\"edu-card\">\n          <a class=\"edu-thumb\" href=\"#\">\n            <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/schule3\/640\/420\" alt=\"Unterrichtsszene im Klassenraum\">\n          <\/a>\n          <div class=\"edu-card-body\">\n            <div class=\"edu-badges\">\n              <span class=\"edu-badge\">Medium<\/span>\n              <span class=\"edu-badge edu-badge--green\">MINT<\/span>\n            <\/div>\n            <h3 class=\"edu-card-title\"><a href=\"#\">Wettbewerb: Mathe macht Spa\u00df<\/a><\/h3>\n            <p class=\"edu-card-teaser\">Viele Preise und starke Leistungen \u2013 hier die Ergebnisse.<\/p>\n            <a class=\"edu-more\" href=\"#\">Mehr lesen <span class=\"edu-chev\">\u203a<\/span><\/a>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <p class=\"edu-all\"><a href=\"#\">Alle Meldungen anzeigen<\/a><\/p>\n    <\/div>\n\n    <!-- Rechte Spalte: Schnelleinstiege -->\n    <aside class=\"edu-side\" aria-label=\"Schnelleinstiege\">\n      <div class=\"edu-box\">\n        <h3 class=\"edu-box-title\">Schnelleinstiege<\/h3>\n        <ul class=\"edu-links\">\n          <li><a href=\"#\"><span class=\"edu-ico\" aria-hidden=\"true\">\ud83d\uddd3\ufe0f<\/span> Vertretungsplan<\/a><\/li>\n          <li><a href=\"#\"><span class=\"edu-ico\" aria-hidden=\"true\">\ud83d\udcdd<\/span> Krankmeldung<\/a><\/li>\n          <li><a href=\"#\"><span class=\"edu-ico\" aria-hidden=\"true\">\ud83c\udf7d\ufe0f<\/span> Speiseplan<\/a><\/li>\n        <\/ul>\n        <a class=\"edu-more-row\" href=\"#\">Mehr <span class=\"edu-chev\">\u203a<\/span><\/a>\n      <\/div>\n    <\/aside>\n  <\/div>\n<\/section>\n\n<style>\n\/* ===== EDU-WEBDESIGN \u2013 Styles ===== *\/\n:root{\n  --edu-blue:#0F5EC5;\n  --edu-green:#13A26B;\n  --edu-card:#ffffff;\n  --edu-text:#111827;\n  --edu-muted:#6B7280;\n  --edu-radius:16px;\n  --edu-shadow:0 8px 24px rgba(16,24,40,.08);\n}\n\n.edu-wrap{margin:0 auto;max-width:1200px;padding:16px;}\n.edu-h2{font-size:clamp(1.4rem,2.2vw,2rem);margin:0 0 12px;color:var(--edu-text);}\n\n.edu-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start;}\n@media (max-width: 980px){.edu-grid{grid-template-columns:1fr;}}\n\n.edu-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}\n@media (max-width: 1100px){.edu-card-grid{grid-template-columns:repeat(2,1fr);}}\n@media (max-width: 640px){.edu-card-grid{grid-template-columns:1fr;}}\n\n\/* Karten *\/\n.edu-card{background:var(--edu-card);border-radius:var(--edu-radius);box-shadow:var(--edu-shadow);overflow:hidden;display:flex;flex-direction:column;}\n.edu-thumb{display:block;line-height:0;}\n.edu-thumb img{width:100%;height:220px;object-fit:cover;display:block;}\n.edu-card-body{padding:12px 14px 14px;}\n\n.edu-badges{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}\n.edu-badge{display:inline-block;background:#eef2ff;color:#223;padding:.18rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;}\n.edu-badge--green{background:#e6f7ef;color:#064;}\n\n.edu-card-title{font-size:1.05rem;margin:.2rem 0 .35rem;}\n.edu-card-title a{text-decoration:none;color:var(--edu-text);}\n.edu-card-title a:hover{color:var(--edu-blue);}\n\n.edu-card-teaser{color:var(--edu-muted);margin:0 0 .5rem;font-size:.95rem;line-height:1.35;}\n.edu-more{display:inline-flex;gap:.35rem;align-items:center;text-decoration:none;color:var(--edu-blue);font-weight:600;}\n.edu-chev{font-size:1.2em;line-height:1;}\n\n.edu-all{margin:14px 2px 0;}\n.edu-all a{color:var(--edu-blue);font-weight:600;text-decoration:none;}\n.edu-all a:hover{text-decoration:underline;}\n\n\/* Rechte Box *\/\n.edu-side .edu-box{\n  background:var(--edu-card);\n  border-radius:var(--edu-radius);\n  box-shadow:var(--edu-shadow);\n  padding:14px;\n  \/* H\u00f6he wird per JS gesetzt; hier keine min-\/height, damit kein Versatz entsteht *\/\n}\n.edu-box-title{margin:2px 0 10px;font-size:1.05rem}\n.edu-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}\n.edu-links a{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--edu-text);padding:10px;border-radius:12px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.02);}\n.edu-links a:hover{background:#f3f6fc;}\n.edu-ico{width:22px;display:inline-flex;justify-content:center;}\n\n.edu-more-row{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:#f3f6fc;color:var(--edu-blue);text-decoration:none;font-weight:600;}\n.edu-more-row:hover{background:#e9f0ff;}\n\n\/* Unter 980px nie fixieren *\/\n@media (max-width: 980px){\n  .edu-side .edu-box{height:auto !important;min-height:0 !important;}\n}\n<\/style>\n\n<script>\n\/**\n * Schnelleinstiege-Box exakt auf H\u00f6he der h\u00f6chsten linken Karte setzen.\n * - Misst .edu-card H\u00f6hen (inkl. Bild\/Content)\n * - Reagiert auf Bild-Load, Resize sowie dynamische Gr\u00f6\u00dfen\u00e4nderungen (ResizeObserver)\n * - Deaktiviert Fixh\u00f6he unter 980px\n *\/\n(function(){\n  const mq = window.matchMedia('(max-width: 980px)');\n\n  const cards   = () => Array.from(document.querySelectorAll('.edu-grid .edu-card'));\n  const boxElem = () => document.querySelector('.edu-grid .edu-side .edu-box');\n\n  function tallestCardHeight(){\n    const list = cards();\n    if (!list.length) return 0;\n    const heights = list.map(c => c.getBoundingClientRect().height).filter(Number.isFinite);\n    return heights.length ? Math.max(...heights) : 0;\n  }\n\n  function applyHeight(){\n    const box = boxElem();\n    if (!box) return;\n\n    if (mq.matches){\n      box.style.height = '';\n      box.style.minHeight = '';\n      return;\n    }\n\n    const h = tallestCardHeight();\n    if (h > 0){\n      box.style.height = Math.round(h) + 'px';   \/\/ exakte H\u00f6he\n      box.style.minHeight = '';\n      box.style.overflow = 'hidden';            \/\/ optional: Inhalt beschneiden\n    }\n  }\n\n  function init(){\n    applyHeight();\n\n    \/\/ auf Bilder h\u00f6ren (damit reale Kartenh\u00f6he gemessen wird)\n    document.querySelectorAll('.edu-thumb img').forEach(img=>{\n      if (!img.complete){\n        img.addEventListener('load', applyHeight, {once:true});\n      }\n    });\n\n    window.addEventListener('resize', applyHeight);\n\n    \/\/ \u00c4nderungen an Kartengr\u00f6\u00dfen beobachten (z. B. Fonts, Inhalte)\n    if ('ResizeObserver' in window){\n      const ro = new ResizeObserver(applyHeight);\n      cards().forEach(c => ro.observe(c));\n    }\n  }\n\n  if (document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aktuelles Medium Schulleben Aktuelle Meldung der Woche Kurzer Teasertext mit 1\u20132 Zeilen, der neugierig macht. Mehr lesen \u203a Medium Schulprofil Projekttag: Natur &amp; Technik Impressionen vom Projekttag \u2013 Experimente und Workshops. Mehr lesen \u203a Medium MINT Wettbewerb: Mathe macht Spa\u00df Viele Preise und starke Leistungen \u2013 hier die Ergebnisse. Mehr lesen \u203a Alle Meldungen anzeigen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-223","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.edu-web.design\/index.php?rest_route=\/wp\/v2\/pages\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.edu-web.design\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.edu-web.design\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.edu-web.design\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.edu-web.design\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=223"}],"version-history":[{"count":17,"href":"https:\/\/demo.edu-web.design\/index.php?rest_route=\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":252,"href":"https:\/\/demo.edu-web.design\/index.php?rest_route=\/wp\/v2\/pages\/223\/revisions\/252"}],"wp:attachment":[{"href":"https:\/\/demo.edu-web.design\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}