{"id":285,"date":"2026-07-03T05:09:22","date_gmt":"2026-07-03T05:09:22","guid":{"rendered":"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/?page_id=285"},"modified":"2026-07-03T06:57:57","modified_gmt":"2026-07-03T06:57:57","slug":"startseite","status":"publish","type":"page","link":"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/","title":{"rendered":"Startseite"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"285\" class=\"elementor elementor-285\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72cfbea e-con-full e-flex e-con e-parent\" data-id=\"72cfbea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed80d74 elementor-widget elementor-widget-html\" data-id=\"ed80d74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    :root {\n      --blue:   #1d4e89;\n      --blue-l: #e8f0fa;\n      --border: #e0e0e0;\n      --bg:     #f7f7f7;\n      --white:  #ffffff;\n      --black:  #000000;\n      --max:    1100px;\n    }\n\n    html { scroll-behavior: smooth; }\n\n    body {\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n      font-size: 16px;\n      color: #000;\n      background: #fff;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    a { color: var(--blue); text-decoration: none; }\n    a:hover { text-decoration: underline; }\n    img { display: block; max-width: 100%; }\n\n    \/* \u2500\u2500\u2500 TOPBAR \u2500\u2500\u2500 *\/\n    .topbar {\n      background: var(--blue);\n      color: #fff;\n      font-size: 13px;\n      padding: 7px 32px;\n    }\n    .topbar-inner {\n      max-width: var(--max);\n      margin: 0 auto;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 16px;\n    }\n    .topbar a { color: #fff; }\n    .topbar a:hover { color: #fff; text-decoration: underline; }\n    .topbar-left { display: flex; gap: 20px; align-items: center; }\n    .topbar-right { display: flex; gap: 16px; align-items: center; }\n    .topbar-sep { opacity: .35; }\n\n    \/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\n    header {\n      background: #fff;\n      border-bottom: 3px solid var(--blue);\n      padding: 0 32px;\n      position: sticky;\n      top: 0;\n      z-index: 50;\n    }\n    .header-inner {\n      max-width: var(--max);\n      margin: 0 auto;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      height: 76px;\n      gap: 32px;\n    }\n    .logo {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      flex-shrink: 0;\n      text-decoration: none;\n    }\n    .logo:hover { text-decoration: none; }\n    .logo-icon { width: 50px; height: 50px; flex-shrink: 0; }\n    .logo-icon img { width: 100%; height: 100%; object-fit: contain; }\n    .logo-text strong { font-size: 16px; font-weight: 700; color: #000; display: block; line-height: 1.3; }\n    .logo-text span   { font-size: 13px; color: #000; opacity: .5; }\n\n    nav ul { list-style: none; display: flex; }\n    nav ul li a {\n      display: block;\n      padding: 0 15px;\n      line-height: 76px;\n      font-size: 15px;\n      font-weight: 500;\n      color: #000;\n      border-bottom: 3px solid transparent;\n      transition: color .15s, border-color .15s;\n      white-space: nowrap;\n    }\n    nav ul li a:hover, nav ul li a.active {\n      color: var(--blue);\n      border-bottom-color: var(--blue);\n      text-decoration: none;\n    }\n    .header-cta {\n      background: var(--blue);\n      color: #fff;\n      font-size: 14px;\n      font-weight: 600;\n      padding: 10px 22px;\n      border-radius: 4px;\n      white-space: nowrap;\n      flex-shrink: 0;\n    }\n    .header-cta:hover { background: #163d6e; text-decoration: none; color: #fff; }\n\n    \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n    .hero {\n      position: relative;\n      min-height: 88vh;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-end;\n      overflow: hidden;\n     background:#0a1c37;}\n    .hero-bg-img{ position:absolute; left:0; right:0; bottom:0; top:auto; width:100%; height:auto; object-fit:contain; object-position:bottom; z-index:0; }\n    .hero-overlay{ position:absolute; inset:0; background:linear-gradient(to bottom, rgba(10,28,55,0) 0%, rgba(10,28,55,0) 42%, rgba(10,28,55,.55) 72%, rgba(10,28,55,.85) 90%, rgba(10,28,55,.95) 100%); z-index:1; }\n    .hero-inner {\n      position: relative;\n      z-index: 2;\n      max-width: var(--max);\n      width: 100%;\n      margin: 0 auto;\n      padding: 64px 32px 72px;\n      display: grid;\n      grid-template-columns: 1fr 380px;\n      gap: 48px;\n      align-items: end;\n    }\n    .hero-kicker {\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: .12em;\n      color: #fff;\n      opacity: .7;\n      margin-bottom: 18px;\n    }\n    .hero h1 {\n      font-size: 52px;\n      font-weight: 800;\n      line-height: 1.1;\n      letter-spacing: -.02em;\n      color: #fff;\n      margin-bottom: 20px;\n    }\n    .hero-desc {\n      font-size: 18px;\n      line-height: 1.7;\n      color: #fff;\n      opacity: .85;\n      max-width: 520px;\n      margin-bottom: 36px;\n    }\n    .hero-btns { display: flex; gap: 12px; flex-wrap: wrap; }\n    .btn-white {\n      background: #fff;\n      color: var(--blue);\n      font-size: 15px;\n      font-weight: 700;\n      padding: 13px 26px;\n      border-radius: 4px;\n      transition: background .15s;\n    }\n    .btn-white:hover { background: #e8f0fa; text-decoration: none; color: var(--blue); }\n    .btn-outline-white {\n      background: transparent;\n      color: #fff;\n      font-size: 15px;\n      font-weight: 600;\n      padding: 13px 26px;\n      border-radius: 4px;\n      border: 2px solid rgba(255,255,255,.5);\n    }\n    .btn-outline-white:hover { border-color: #fff; text-decoration: none; color: #fff; }\n\n    \/* Hero Quicklinks *\/\n    .hero-quicklinks {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    .hero-ql {\n      background: rgba(255,255,255,.1);\n      border: 1px solid rgba(255,255,255,.2);\n      backdrop-filter: blur(8px);\n      border-radius: 6px;\n      padding: 14px 18px;\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      text-decoration: none;\n      transition: background .15s;\n    }\n    .hero-ql:hover { background: rgba(255,255,255,.18); text-decoration: none; }\n    .hero-ql-icon {\n      font-size: 22px;\n      width: 36px;\n      text-align: center;\n      flex-shrink: 0;\n    }\n    .hero-ql strong { display: block; font-size: 15px; font-weight: 700; color: #fff; }\n    .hero-ql span   { font-size: 13px; color: rgba(255,255,255,.65); }\n\n    \/* \u2500\u2500\u2500 WRAP \/ SECTION \u2500\u2500\u2500 *\/\n    .wrap { max-width: var(--max); margin: 0 auto; padding: 0; }\n    .section { padding: 72px 32px; }\n    .section-bg { background: var(--bg); }\n\n    .section-head {\n      border-left: 4px solid var(--blue);\n      padding-left: 16px;\n      margin-bottom: 36px;\n    }\n    .section-head .label {\n      font-size: 12px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: .1em;\n      color: var(--blue);\n      margin-bottom: 4px;\n    }\n    .section-title {\n      font-size: 28px;\n      font-weight: 700;\n      color: #000;\n      line-height: 1.2;\n    }\n\n    \/* \u2500\u2500\u2500 HIGHLIGHTS \u2500\u2500\u2500 *\/\n    .highlights-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1px;\n      background: var(--border);\n      border: 1px solid var(--border);\n      border-radius: 6px;\n      overflow: hidden;\n    }\n    .highlight-item {\n      background: #fff;\n      padding: 30px 26px;\n    }\n    .highlight-item-icon { font-size: 30px; margin-bottom: 14px; }\n    .highlight-item h3 { font-size: 17px; font-weight: 700; color: #000; margin-bottom: 8px; }\n    .highlight-item p  { font-size: 15px; color: #000; line-height: 1.65; opacity: .65; }\n\n    \/* \u2500\u2500\u2500 NEWS CARDS (3 nebeneinander) \u2500\u2500\u2500 *\/\n    .news-cards {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n    }\n    .news-card {\n      border: 1px solid var(--border);\n      border-radius: 8px;\n      overflow: hidden;\n      background: #fff;\n      display: flex;\n      flex-direction: column;\n      text-decoration: none;\n      transition: box-shadow .2s, transform .2s;\n    }\n    .news-card:hover {\n      box-shadow: 0 8px 28px rgba(0,0,0,.1);\n      transform: translateY(-2px);\n      text-decoration: none;\n    }\n    .news-card-img {\n      width: 100%;\n      height: 180px;\n      object-fit: cover;\n      display: block;\n      background: var(--bg);\n    }\n    .news-card-img-placeholder {\n      width: 100%;\n      height: 180px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 48px;\n    }\n    .news-card-body {\n      padding: 20px 22px 24px;\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n    }\n    .news-card-cat {\n      font-size: 12px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: .08em;\n      color: var(--blue);\n      margin-bottom: 8px;\n    }\n    .news-card h3 {\n      font-size: 17px;\n      font-weight: 700;\n      color: #000;\n      line-height: 1.35;\n      margin-bottom: 10px;\n    }\n    .news-card p {\n      font-size: 15px;\n      color: #000;\n      opacity: .6;\n      line-height: 1.65;\n      flex: 1;\n      margin-bottom: 16px;\n    }\n    .news-card-footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-top: auto;\n      padding-top: 14px;\n      border-top: 1px solid var(--border);\n    }\n    .news-card-date { font-size: 13px; color: #000; opacity: .4; }\n    .news-card-link { font-size: 14px; font-weight: 700; color: var(--blue); }\n\n    \/* \u2500\u2500\u2500 KALENDER (eigener Bereich) \u2500\u2500\u2500 *\/\n    .calendar-section { background: var(--bg); }\n    .calendar-layout {\n      display: grid;\n      grid-template-columns: 1fr 380px;\n      gap: 40px;\n      align-items: start;\n    }\n    .calendar {\n      border: 1px solid var(--border);\n      border-radius: 8px;\n      overflow: hidden;\n      background: #fff;\n    }\n    .cal-head {\n      background: var(--blue);\n      padding: 22px 28px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n    .cal-head h3 { font-size: 20px; font-weight: 700; color: #fff; }\n    .cal-nav { display: flex; gap: 6px; }\n    .cal-nav button {\n      background: rgba(255,255,255,.15);\n      border: none;\n      color: #fff;\n      width: 34px; height: 34px;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 16px;\n      transition: background .15s;\n    }\n    .cal-nav button:hover { background: rgba(255,255,255,.3); }\n    .cal-days-header {\n      display: grid;\n      grid-template-columns: repeat(7, 1fr);\n      background: var(--bg);\n      border-bottom: 1px solid var(--border);\n    }\n    .cal-day-name {\n      text-align: center;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: .05em;\n      color: #000;\n      opacity: .4;\n      padding: 14px 0;\n    }\n    .cal-grid {\n      display: grid;\n      grid-template-columns: repeat(7, 1fr);\n    }\n    .cal-day {\n      position: relative;\n      text-align: center;\n      font-size: 15px;\n      padding: 16px 4px;\n      color: #000;\n      cursor: default;\n      border-right: 1px solid var(--border);\n      border-bottom: 1px solid var(--border);\n      transition: background .12s;\n      min-height: 56px;\n    }\n    .cal-day:nth-child(7n) { border-right: none; }\n    .cal-day.other-month { opacity: .2; }\n    .cal-day.today {\n      background: var(--blue);\n      color: #fff;\n      font-weight: 700;\n    }\n    .cal-day.has-event { cursor: pointer; font-weight: 600; }\n    .cal-day.has-event:hover:not(.today):not(.selected) { background: var(--blue-l); }\n    .cal-day.selected:not(.today) {\n      background: #000;\n      color: #fff;\n      font-weight: 700;\n    }\n    .cal-day.selected .event-dot { background: #fff; }\n    .cal-day .event-dot {\n      position: absolute;\n      bottom: 6px; left: 50%;\n      transform: translateX(-50%);\n      width: 5px; height: 5px;\n      border-radius: 50%;\n      background: var(--blue);\n    }\n    .cal-day.today .event-dot { background: #fff; }\n\n    \/* Termin-Liste rechts neben Kalender *\/\n    .cal-event-list {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      border: 1px solid var(--border);\n      border-radius: 8px;\n      overflow: hidden;\n      background: #fff;\n    }\n    .cal-event-list-head {\n      background: #000;\n      padding: 18px 20px;\n    }\n    .cal-event-list-head h3 { font-size: 17px; font-weight: 700; color: #fff; }\n    .cal-event-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 16px;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--border);\n      text-decoration: none;\n      transition: background .12s;\n    }\n    .cal-event-item:last-of-type { border-bottom: none; }\n    .cal-event-item:hover { background: var(--blue-l); text-decoration: none; }\n    .cal-event-date { min-width: 46px; text-align: center; flex-shrink: 0; }\n    .cal-event-date-day { font-size: 26px; font-weight: 800; color: var(--blue); line-height: 1; }\n    .cal-event-date-mon { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #000; opacity: .4; }\n    .cal-event-body h4  { font-size: 16px; font-weight: 700; color: #000; line-height: 1.3; margin-bottom: 3px; }\n    .cal-event-body span { font-size: 14px; color: #000; opacity: .5; }\n    .cal-event-more {\n      padding: 14px 20px;\n      font-size: 15px;\n      font-weight: 600;\n      color: var(--blue);\n      display: block;\n      text-align: center;\n      border-top: 1px solid var(--border);\n      background: var(--bg);\n    }\n    .cal-event-more:hover { text-decoration: underline; }\n    .cal-event-item.highlighted {\n      background: var(--blue);\n    }\n    .cal-event-item.highlighted h4,\n    .cal-event-item.highlighted span,\n    .cal-event-item.highlighted .cal-event-date-day,\n    .cal-event-item.highlighted .cal-event-date-mon { color: #fff; opacity: 1; }\n\n    \/* \u2500\u2500\u2500 \u00dcBER UNS \u2500\u2500\u2500 *\/\n    .about-section {\n      background: var(--blue);\n      padding: 72px 32px;\n    }\n    .about-inner {\n      max-width: var(--max);\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 64px;\n      align-items: center;\n    }\n    .about-left .label {\n      font-size: 12px; font-weight: 700; text-transform: uppercase;\n      letter-spacing: .1em; color: #fff; opacity: .55; margin-bottom: 12px;\n    }\n    .about-left h2 {\n      font-size: 32px; font-weight: 800; line-height: 1.2;\n      color: #fff; margin-bottom: 20px; letter-spacing: -.01em;\n    }\n    .about-left p {\n      font-size: 16px; line-height: 1.75; color: #fff; opacity: .8; margin-bottom: 14px;\n    }\n    .about-left a { color: #fff; font-size: 15px; font-weight: 600; }\n    .about-left a:hover { text-decoration: underline; }\n    .about-right { display: flex; flex-direction: column; gap: 16px; }\n    .about-photo {\n      border-radius: 6px; overflow: hidden;\n      border: 3px solid rgba(255,255,255,.15);\n    }\n    .about-photo img { width: 100%; height: 260px; object-fit: cover; object-position: center 30%; display: block; }\n    .about-stats {\n      display: grid; grid-template-columns: repeat(3, 1fr);\n      gap: 1px; background: rgba(255,255,255,.15);\n      border: 1px solid rgba(255,255,255,.15); border-radius: 6px; overflow: hidden;\n    }\n    .about-stat {\n      background: rgba(255,255,255,.07); padding: 18px 14px; text-align: center;\n    }\n    .about-stat-num { font-size: 28px; font-weight: 800; color: #fff; line-height: 1; }\n    .about-stat-label { font-size: 13px; color: #fff; opacity: .55; margin-top: 4px; line-height: 1.35; }\n\n    \/* \u2500\u2500\u2500 F\u00c4CHER \u2500\u2500\u2500 *\/\n    .faecher-grid {\n      display: grid; grid-template-columns: repeat(4, 1fr);\n      gap: 1px; background: var(--border);\n      border: 1px solid var(--border); border-radius: 6px; overflow: hidden;\n    }\n    .fach-item {\n      background: #fff; padding: 20px 16px;\n      display: flex; align-items: center; gap: 12px;\n    }\n    .fach-icon { font-size: 22px; flex-shrink: 0; }\n    .fach-item h4 { font-size: 15px; font-weight: 700; color: #000; margin-bottom: 2px; }\n    .fach-item span { font-size: 13px; color: #000; opacity: .5; }\n    .sprachen-row { display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap; }\n    .sprache-tag {\n      display: flex; align-items: center; gap: 8px;\n      background: var(--blue-l); border: 1px solid #c2d6f0;\n      color: var(--blue); font-size: 15px; font-weight: 600;\n      padding: 9px 16px; border-radius: 4px;\n    }\n    .sprache-tag span { font-size: 20px; }\n\n    \/* \u2500\u2500\u2500 GALERIE \u2500\u2500\u2500 *\/\n    .gallery-grid {\n      display: grid; grid-template-columns: repeat(4, 1fr);\n      gap: 1px; background: var(--border);\n      border: 1px solid var(--border); border-radius: 6px; overflow: hidden;\n    }\n    .gallery-item {\n      aspect-ratio: 4\/3; position: relative;\n      cursor: pointer; overflow: hidden; background: var(--bg);\n      display: flex; align-items: center; justify-content: center; font-size: 36px;\n    }\n    .gallery-item img {\n      position: absolute; inset: 0;\n      width: 100%; height: 100%; object-fit: cover; display: block;\n    }\n    .gallery-item:hover .gallery-hover { opacity: 1; }\n    .gallery-hover {\n      position: absolute; inset: 0;\n      background: rgba(29,78,137,.75);\n      display: flex; flex-direction: column;\n      align-items: center; justify-content: center; gap: 4px;\n      opacity: 0; transition: opacity .2s;\n    }\n    .gallery-hover-icon { font-size: 22px; }\n    .gallery-hover span { color: #fff; font-size: 14px; font-weight: 600; }\n\n    \/* \u2500\u2500\u2500 PARTNER \u2500\u2500\u2500 *\/\n    .partner-bar {\n      background: var(--bg);\n      border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);\n      padding: 28px 32px;\n    }\n    .partner-inner {\n      max-width: var(--max); margin: 0 auto;\n      display: flex; align-items: center; gap: 14px; flex-wrap: wrap;\n    }\n    .partner-label {\n      font-size: 12px; font-weight: 700; text-transform: uppercase;\n      letter-spacing: .08em; color: #000; opacity: .4; white-space: nowrap; margin-right: 8px;\n    }\n    .partner-chip {\n      font-size: 14px; font-weight: 600; color: #000; opacity: .6;\n      background: #fff; border: 1px solid var(--border); border-radius: 4px; padding: 8px 16px;\n    }\n    .partner-logo-img {\n      background: #fff; border: 1px solid var(--border); border-radius: 4px;\n      padding: 6px 12px; display: flex; align-items: center;\n    }\n    .partner-logo-img img { height: 38px; width: auto; object-fit: contain; display: block; }\n\n    \/* \u2500\u2500\u2500 KONTAKT \u2500\u2500\u2500 *\/\n    .kontakt-section {\n      background: #fff; padding: 72px 32px; border-top: 1px solid var(--border);\n    }\n    .kontakt-inner {\n      max-width: var(--max); margin: 0 auto;\n      display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px;\n    }\n    .kontakt-box h3 {\n      font-size: 17px; font-weight: 700; color: #000;\n      margin-bottom: 14px; padding-bottom: 10px; border-bottom: 2px solid var(--blue);\n    }\n    .kontakt-box p, .kontakt-box address {\n      font-size: 16px; color: #000; line-height: 1.85; font-style: normal;\n    }\n    .kontakt-box a { color: var(--blue); }\n\n    \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n    footer {\n      background: #000; color: rgba(255,255,255,.55);\n      padding: 22px 32px; font-size: 14px;\n    }\n    .footer-inner {\n      max-width: var(--max); margin: 0 auto;\n      display: flex; justify-content: space-between; align-items: center;\n      gap: 16px; flex-wrap: wrap;\n    }\n    footer a { color: rgba(255,255,255,.55); }\n    footer a:hover { color: #fff; text-decoration: none; }\n    .footer-links { display: flex; gap: 20px; }\n\n    \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n    @media (max-width: 900px) {\n      .hero-inner { grid-template-columns: 1fr; }\n      .hero h1 { font-size: 36px; }\n      .hero-quicklinks { display: none; }\n      .about-inner, .kontakt-inner { grid-template-columns: 1fr; gap: 32px; }\n      .highlights-grid, .faecher-grid { grid-template-columns: 1fr 1fr; }\n      .gallery-grid { grid-template-columns: 1fr 1fr; }\n      .news-cards { grid-template-columns: 1fr; }\n      .calendar-layout { grid-template-columns: 1fr; }\n      nav, .header-cta { display: none; }\n    }\n    @media (max-width: 700px) {\n      .news-cards { grid-template-columns: 1fr; }\n    }\n    @media (max-width: 560px) {\n      .highlights-grid, .faecher-grid { grid-template-columns: 1fr; }\n      .topbar-right { display: none; }\n      .hero h1 { font-size: 30px; }\n      .hero-desc { font-size: 16px; }\n    }\n  \n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-579ecb3 e-con-full e-flex e-con e-parent\" data-id=\"579ecb3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3eec940 elementor-widget elementor-widget-html\" data-id=\"3eec940\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\n<div class=\"hero\">\n  <img decoding=\"async\" class=\"hero-bg-img\" src=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/wp-content\/uploads\/2026\/07\/startseite-hero-scaled.jpeg\" alt=\"Dr. Max N\u00e4der Gymnasium K\u00f6nigsee\" \/>\n  <div class=\"hero-overlay\"><\/div>\n  <div class=\"hero-inner\">\n    <div class=\"hero-left\">\n      <div class=\"hero-kicker\">Gymnasium \u00b7 K\u00f6nigsee \u00b7 Th\u00fcringen<\/div>\n      <h1>Bildung mit Profil \u2013<br>von Klasse 5 bis<br>zum Abitur<\/h1>\n      <p class=\"hero-desc\">Das Dr. Max N\u00e4der Gymnasium begleitet \u00fcber 500 Sch\u00fclerinnen und Sch\u00fcler aus 60 Orten. Mit starker Mehrsprachigkeit, MINT-F\u00f6rderung und echtem Schulgeist.<\/p>\n      <div class=\"hero-btns\">\n        <a href=\"#ueber\" class=\"btn-white\">Schule entdecken<\/a>\n        <a href=\"#kontakt\" class=\"btn-outline-white\">Kontakt aufnehmen<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"hero-quicklinks\">\n      <a href=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/?page_id=437\" class=\"hero-ql\">\n        <div class=\"hero-ql-icon\">\ud83d\udccb<\/div>\n        <div>\n          <strong>Vertretungsplan<\/strong>\n          <span>Digitales Schwarzes Brett<\/span>\n        <\/div>\n      <\/a>\n      <a href=\"#termine\" class=\"hero-ql\">\n        <div class=\"hero-ql-icon\">\ud83d\udcc5<\/div>\n        <div>\n          <strong>Termine & Kalender<\/strong>\n          <span>Schuljahr 2025\/26<\/span>\n        <\/div>\n      <\/a>\n      \n      <a href=\"https:\/\/www.schulportal-thueringen.de\/\" target=\"_blank\" rel=\"noopener\" class=\"hero-ql\">\n        <div class=\"hero-ql-icon\">\ud83c\udf93<\/div>\n        <div>\n          <strong>Th\u00fcringer Schulportal<\/strong>\n          <span>F\u00fcr Sch\u00fcler & Lehrer<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de16f47 e-con-full e-flex e-con e-parent\" data-id=\"de16f47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84b6447 elementor-widget elementor-widget-html\" data-id=\"84b6447\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"section section-bg\"><div class=\"wrap\"><div class=\"section-head\"><div class=\"label\">Unsere St\u00e4rken<\/div><div class=\"section-title\">Was das Dr. Max N\u00e4der Gymnasium auszeichnet<\/div><\/div><div class=\"highlights-grid\"><div class=\"highlight-item\"><div class=\"highlight-item-icon\">\ud83d\udcbb<\/div><h3>iPads ab Klasse 9<\/h3><p>Digital lernen, kompetent handeln, Zukunft gestalten. Durch das Arbeiten mit den elternfinanzierten Ger\u00e4ten entwickeln unsere Sch\u00fclerinnen und Sch\u00fcler wichtige F\u00e4higkeiten f\u00fcr Studium, Ausbildung und die moderne Arbeitswelt.<\/p><\/div><div class=\"highlight-item\"><div class=\"highlight-item-icon\">\ud83d\udcac<\/div><h3>Mehrsprachigkeit ab Klasse 5<\/h3><p>Englisch, Franz\u00f6sisch oder Latein \u2013 der fr\u00fche Einstieg in Sprachen legt den Grundstein f\u00fcr die Zukunft.<\/p><\/div><div class=\"highlight-item\"><div class=\"highlight-item-icon\">\ud83d\udd2c<\/div><h3>MINT-Schwerpunkt<\/h3><p>Drei Computerkabinette, ein Schulgarten, eigene Wetterstation \u2013 Naturwissenschaft zum Anfassen.<\/p><\/div><div class=\"highlight-item\"><div class=\"highlight-item-icon\">\ud83e\udd1d<\/div><h3>Berufsorientierung<\/h3><p>Praxisnah in die Zukunft: Durch Praktika, den Tag der Berufe, BIZ-Besuche und starke Wirtschaftskooperationen setzen sich unsere Sch\u00fclerinnen und Sch\u00fcler schon fr\u00fch mit ihren beruflichen Interessen auseinander und gewinnen wertvolle Orientierung f\u00fcr ihre Zukunft.<\/p><\/div><div class=\"highlight-item\"><div class=\"highlight-item-icon\">\ud83c\udfc3<\/div><h3>Bewegte Schule<\/h3><p>Lernen braucht Bewegung. Mit Sporthalle, Sportplatz, Bolzplatz und attraktiven Bewegungsangeboten auf dem Schulhof bieten wir unseren Sch\u00fclerinnen und Sch\u00fclern den idealen Ausgleich zum Unterricht \u2013 aktiv, gesund und am liebsten unter freiem Himmel.<\/p><\/div><div class=\"highlight-item\"><div class=\"highlight-item-icon\">\ud83d\udda5\ufe0f<\/div><h3>Digitale Infrastruktur<\/h3><p>Vollst\u00e4ndige WLAN-Abdeckung seit 2022, 60 vernetzte Computer, iPad-Koffer, ein interaktives Board in jedem Klassenraum und Kommunikation \u00fcber das Schulportal.<\/p><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6fb604 e-con-full e-flex e-con e-parent\" data-id=\"f6fb604\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e759234 elementor-widget elementor-widget-html\" data-id=\"e759234\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2500\u2500\u2500 AKTUELLES \u2013 3 KARTEN \u2500\u2500\u2500 -->\n<section class=\"section\" id=\"aktuelles\">\n  <div class=\"wrap\">\n    <div style=\"display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:32px; flex-wrap:wrap; gap:12px;\">\n      <div class=\"section-head\" style=\"margin-bottom:0;\">\n        <div class=\"label\">Neuigkeiten<\/div>\n        <div class=\"section-title\">Aktuelles aus der Schule<\/div>\n      <\/div>\n      <a href=\"#\" style=\"font-size:15px; font-weight:600; color:var(--blue);\">Alle Meldungen \u2192<\/a>\n    <\/div>\n    <div class=\"news-cards\">\n\n      <a href=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/?p=184\" class=\"news-card\">\n        <img decoding=\"async\" class=\"news-card-img\" src=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/wp-content\/uploads\/2026\/07\/2026_vobamixed.jpg\" alt=\"Volleyball Mixed-Team\" \/>\n        <div class=\"news-card-body\">\n          <div class=\"news-card-cat\">Sport<\/div>\n          <h3>Mixed-Team holt Silber beim Sparkassencup in Rudolstadt<\/h3>\n          <p>Die Volleyballmannschaft erzielte nach drei Siegen und einer Niederlage einen starken zweiten Platz.<\/p>\n          <div class=\"news-card-footer\">\n            <span class=\"news-card-date\">19. April 2026<\/span>\n            <span class=\"news-card-link\">Weiterlesen \u2192<\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/?p=196\" class=\"news-card\">\n        <img decoding=\"async\" class=\"news-card-img\" src=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/wp-content\/uploads\/2026\/07\/2026_TT_Landesfinale.jpg\" alt=\"Tischtennis Landesmeisterschaft\" \/>\n        <div class=\"news-card-body\">\n          <div class=\"news-card-cat\">Sport<\/div>\n          <h3>Tischtennis-Cracks werden Vizelandesmeister<\/h3>\n          <p>Die Tischtennismannschaft sicherte sich bei den Landesmeisterschaften den zweiten Platz \u2013 ein tolles Ergebnis!<\/p>\n          <div class=\"news-card-footer\">\n            <span class=\"news-card-date\">31. M\u00e4rz 2026<\/span>\n            <span class=\"news-card-link\">Weiterlesen \u2192<\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/?p=199\" class=\"news-card\">\n        <img decoding=\"async\" class=\"news-card-img\" src=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/wp-content\/uploads\/2026\/07\/2026_Winterlager.jpg\" alt=\"Winterlager 2026\" \/>\n        <div class=\"news-card-body\">\n          <div class=\"news-card-cat\">Erlebnis<\/div>\n          <h3>Alpines Winterlager 2026 in Bramberg am Wildkogel<\/h3>\n          <p>41 Sch\u00fcler und sechs Lehrer erlebten eine Schulwoche im Winterlager mit Skikursen bei optimalen Bedingungen.<\/p>\n          <div class=\"news-card-footer\">\n            <span class=\"news-card-date\">28. M\u00e4rz 2026<\/span>\n            <span class=\"news-card-link\">Weiterlesen \u2192<\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8469f77 e-con-full e-flex e-con e-parent\" data-id=\"8469f77\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6544686 elementor-widget elementor-widget-html\" data-id=\"6544686\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2500\u2500\u2500 TERMINKALENDER \u2500\u2500\u2500 -->\n<section class=\"section calendar-section\" id=\"termine\">\n  <div class=\"wrap\">\n    <div class=\"section-head\" style=\"margin-bottom:36px;\">\n      <div class=\"label\">Schulkalender<\/div>\n      <div class=\"section-title\">Termine & Veranstaltungen<\/div>\n    <\/div>\n    <div class=\"calendar-layout\">\n      <div class=\"calendar\">\n        <div class=\"cal-head\">\n          <h3 id=\"calTitle\"><\/h3>\n          <div class=\"cal-nav\">\n            <button id=\"calPrev\">\u2190<\/button>\n            <button id=\"calNext\">\u2192<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"cal-days-header\">\n          <div class=\"cal-day-name\">Mo<\/div>\n          <div class=\"cal-day-name\">Di<\/div>\n          <div class=\"cal-day-name\">Mi<\/div>\n          <div class=\"cal-day-name\">Do<\/div>\n          <div class=\"cal-day-name\">Fr<\/div>\n          <div class=\"cal-day-name\">Sa<\/div>\n          <div class=\"cal-day-name\">So<\/div>\n        <\/div>\n        <div class=\"cal-grid\" id=\"calGrid\"><\/div>\n      <\/div>\n\n      <div class=\"cal-event-list\" id=\"eventList\">\n        <div class=\"cal-event-list-head\">\n          <h3 id=\"eventListTitle\">N\u00e4chste Termine<\/h3>\n        <\/div>\n        <div id=\"eventListItems\"><\/div>\n        <a href=\"#\" class=\"cal-event-more\">Alle Termine anzeigen \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3715147 e-con-full e-flex e-con e-parent\" data-id=\"3715147\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-442370c elementor-widget elementor-widget-html\" data-id=\"442370c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"about-section\" id=\"ueber\"><div class=\"about-inner\"><div class=\"about-left\"><div class=\"label\">\u00dcber unsere Schule<\/div><h2>Eine eigenverantwortliche Schule mit Herz und Profil<\/h2><p>Das Dr. Max N\u00e4der Gymnasium in K\u00f6nigsee ist eine Schule, die Verantwortung \u00fcbernimmt \u2013 f\u00fcr ihre Sch\u00fclerinnen und Sch\u00fcler, f\u00fcr die Region und f\u00fcr die Gesellschaft.<\/p><p>Ca. 35 engagierte Lehrkr\u00e4fte begleiten junge Menschen aus \u00fcber 60 Einzugsorten auf ihrem Weg zum Abitur. Mit dem Programm \u201eLernen lernen\" legen wir schon in Klasse 5 den Grundstein f\u00fcr nachhaltigen Schulerfolg.<\/p><p>Mit der Bushaltestelle und der Drei-Felder-Sporthalle direkt vor dem Gymnasium sind wir eine Schule mit (meist) kurzes Weg.<\/p><a href=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/?page_id=290\" class=\"btn-outline-white\" style=\"display:inline-block;margin-top:8px;\">Kontakt aufnehmen<\/a><\/div><div class=\"about-right\"><div class=\"about-photo\"><img decoding=\"async\" src=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/wp-content\/uploads\/2026\/07\/Startseite_1.jpg\" alt=\"Dr. Max N\u00e4der Gymnasium K\u00f6nigsee\"><\/div><div class=\"about-stats\" style=\"grid-template-columns:repeat(4,1fr);\"><div class=\"about-stat\"><div class=\"about-stat-num\">450<\/div><div class=\"about-stat-label\">Sch\u00fclerinnen & Sch\u00fcler<\/div><\/div><div class=\"about-stat\"><div class=\"about-stat-num\">ca. 35<\/div><div class=\"about-stat-label\">Lehrkr\u00e4fte<\/div><\/div><div class=\"about-stat\"><div class=\"about-stat-num\">60 +<\/div><div class=\"about-stat-label\">Einzugsorte<\/div><\/div><div class=\"about-stat\"><div class=\"about-stat-num\">3<\/div><div class=\"about-stat-label\">Fremdsprachen<\/div><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af64aec e-con-full e-flex e-con e-parent\" data-id=\"af64aec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a8f604 elementor-widget elementor-widget-html\" data-id=\"8a8f604\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"section section-bg\" id=\"angebot\"><div class=\"wrap\"><div class=\"section-head\"><div class=\"label\">Bildungsangebote<\/div><div class=\"section-title\">F\u00e4cher & Wahlm\u00f6glichkeiten<\/div><\/div><div style=\"display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap;font-size:14px;color:#000;\"><span style=\"display:inline-flex;align-items:center;gap:8px;\"><span style=\"width:15px;height:15px;border-radius:3px;background:#fcf3d6;border:1px solid #e6d9a8;\"><\/span>Pflichtbereich<\/span><span style=\"display:inline-flex;align-items:center;gap:8px;\"><span style=\"width:15px;height:15px;border-radius:3px;background:#e4f3e9;border:1px solid #b8dcc5;\"><\/span>Wahlbereich<\/span><\/div><div class=\"faecher-grid\"><div class=\"fach-item\" style=\"background:#fcf3d6;flex-direction:column;text-align:center;justify-content:flex-start;gap:0;padding:30px 18px;min-height:160px;\"><div class=\"fach-icon\" style=\"font-size:30px;margin-bottom:16px;\">\ud83d\udcd6<\/div><h4 style=\"font-size:16px;font-weight:700;color:#000;margin-bottom:10px;line-height:1.3;\">Mathematik, Deutsch, Englisch<\/h4><span style=\"font-size:14px;color:#000;opacity:.5;\">Kernf\u00e4cher<\/span><\/div><div class=\"fach-item\" style=\"background:#fcf3d6;flex-direction:column;text-align:center;justify-content:flex-start;gap:0;padding:30px 18px;min-height:160px;\"><div class=\"fach-icon\" style=\"font-size:30px;margin-bottom:16px;\">\ud83e\uddea<\/div><h4 style=\"font-size:16px;font-weight:700;color:#000;margin-bottom:10px;line-height:1.3;\">Mensch \u2013 Natur \u2013 Technik<\/h4><span style=\"font-size:14px;color:#000;opacity:.5;\">Klasse 5 & 6<\/span><\/div><div class=\"fach-item\" style=\"background:#fcf3d6;flex-direction:column;text-align:center;justify-content:flex-start;gap:0;padding:30px 18px;min-height:160px;\"><div class=\"fach-icon\" style=\"font-size:30px;margin-bottom:16px;\">\ud83d\uddfa\ufe0f<\/div><h4 style=\"font-size:16px;font-weight:700;color:#000;margin-bottom:10px;line-height:1.3;\">Geografie, Geschichte<\/h4><span style=\"font-size:14px;color:#000;opacity:.5;\">F\u00e4cher<\/span><\/div><div class=\"fach-item\" style=\"background:#fcf3d6;flex-direction:column;text-align:center;justify-content:flex-start;gap:0;padding:30px 18px;min-height:160px;\"><div class=\"fach-icon\" style=\"font-size:30px;margin-bottom:16px;\">\ud83c\udfad<\/div><h4 style=\"font-size:16px;font-weight:700;color:#000;margin-bottom:10px;line-height:1.3;\">Kunst, Musik<\/h4><span style=\"font-size:14px;color:#000;opacity:.5;\">F\u00e4cher<\/span><\/div><div class=\"fach-item\" style=\"background:#fcf3d6;flex-direction:column;text-align:center;justify-content:flex-start;gap:0;padding:30px 18px;min-height:160px;\"><div class=\"fach-icon\" style=\"font-size:30px;margin-bottom:16px;\">\u26ea<\/div><h4 style=\"font-size:16px;font-weight:700;color:#000;margin-bottom:10px;line-height:1.3;\">Ethik oder Religion<\/h4><span style=\"font-size:14px;color:#000;opacity:.5;\">F\u00e4cher<\/span><\/div><div class=\"fach-item\" style=\"background:#fcf3d6;flex-direction:column;text-align:center;justify-content:flex-start;gap:0;padding:30px 18px;min-height:160px;\"><div class=\"fach-icon\" style=\"font-size:30px;margin-bottom:16px;\">\ud83c\udfc3<\/div><h4 style=\"font-size:16px;font-weight:700;color:#000;margin-bottom:10px;line-height:1.3;\">Sport<\/h4><span style=\"font-size:14px;color:#000;opacity:.5;\">Fach<\/span><\/div><div class=\"fach-item\" style=\"background:#fcf3d6;flex-direction:column;text-align:center;justify-content:flex-start;gap:0;padding:30px 18px;min-height:160px;\"><div class=\"fach-icon\" style=\"font-size:30px;margin-bottom:16px;\">\ud83d\udcbb<\/div><h4 style=\"font-size:16px;font-weight:700;color:#000;margin-bottom:10px;line-height:1.3;\">Medienbildung, Informatik<\/h4><span style=\"font-size:14px;color:#000;opacity:.5;\">F\u00e4cher<\/span><\/div><div class=\"fach-item\" style=\"background:#e4f3e9;flex-direction:column;text-align:center;justify-content:flex-start;gap:0;padding:30px 18px;min-height:160px;\"><div class=\"fach-icon\" style=\"font-size:30px;margin-bottom:16px;\">\ud83d\udcac<\/div><h4 style=\"font-size:16px;font-weight:700;color:#000;margin-bottom:10px;line-height:1.3;\">Franz\u00f6sisch oder Latein<\/h4><span style=\"font-size:14px;color:#000;opacity:.5;\">2. Fremdsprache ab Klasse 6<\/span><\/div><div class=\"fach-item\" style=\"background:#e4f3e9;flex-direction:column;text-align:center;justify-content:flex-start;gap:0;padding:30px 18px;min-height:160px;\"><div class=\"fach-icon\" style=\"font-size:30px;margin-bottom:16px;\">\u2696\ufe0f<\/div><h4 style=\"font-size:16px;font-weight:700;color:#000;margin-bottom:10px;line-height:1.3;\">Wirtschaft \/ Recht, Sozialkunde<\/h4><span style=\"font-size:14px;color:#000;opacity:.5;\">Klasse 9 & 10<\/span><\/div><div class=\"fach-item\" style=\"background:#e4f3e9;flex-direction:column;text-align:center;justify-content:flex-start;gap:0;padding:30px 18px;min-height:160px;\"><div class=\"fach-icon\" style=\"font-size:30px;margin-bottom:16px;\">\ud83c\udfdb\ufe0f<\/div><h4 style=\"font-size:16px;font-weight:700;color:#000;margin-bottom:10px;line-height:1.3;\">Naturwissenschaft, Gesellschaftswissenschaft oder Darstellen \/ Gestalten<\/h4><span style=\"font-size:14px;color:#000;opacity:.5;\">Klasse 9 & 10<\/span><\/div><div class=\"fach-item\" style=\"background:#e4f3e9;flex-direction:column;text-align:center;justify-content:flex-start;gap:0;padding:30px 18px;min-height:160px;\"><div class=\"fach-icon\" style=\"font-size:30px;margin-bottom:16px;\">\ud83e\uddec<\/div><h4 style=\"font-size:16px;font-weight:700;color:#000;margin-bottom:10px;line-height:1.3;\">Biologie, Physik, Chemie<\/h4><span style=\"font-size:14px;color:#000;opacity:.5;\">ab Klasse 7<\/span><\/div><div class=\"fach-item\" style=\"background:#e4f3e9;flex-direction:column;text-align:center;justify-content:flex-start;gap:0;padding:30px 18px;min-height:160px;\"><div class=\"fach-icon\" style=\"font-size:30px;margin-bottom:16px;\">\ud83d\udcd5<\/div><h4 style=\"font-size:16px;font-weight:700;color:#000;margin-bottom:10px;line-height:1.3;\">Seminarfach<\/h4><span style=\"font-size:14px;color:#000;opacity:.5;\">Klasse 10<\/span><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a23847 e-con-full e-flex e-con e-parent\" data-id=\"8a23847\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8934e95 elementor-widget elementor-widget-html\" data-id=\"8934e95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2500\u2500\u2500 GALERIE \u2500\u2500\u2500 -->\n<section class=\"section\" id=\"galerie\">\n  <div class=\"wrap\">\n    <div style=\"display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:24px; flex-wrap:wrap; gap:12px;\">\n      <div class=\"section-head\" style=\"margin-bottom:0;\">\n        <div class=\"label\">Galerie<\/div>\n        <div class=\"section-title\">Schulleben in Bildern<\/div>\n      <\/div>\n      <a href=\"#\" style=\"font-size:15px; font-weight:600; color:var(--blue);\">Alle Fotoalben \u2192<\/a>\n    <\/div>\n    <div class=\"gallery-grid\">\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/wp-content\/uploads\/2026\/07\/header_01.jpg\" alt=\"Schulgeb\u00e4ude Hauptansicht\" \/>\n        <div class=\"gallery-hover\"><div class=\"gallery-hover-icon\">\ud83d\udd0d<\/div><span>Schulgeb\u00e4ude<\/span><\/div>\n      <\/div>\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/wp-content\/uploads\/2026\/07\/header_02.jpg\" alt=\"Schulgeb\u00e4ude von S\u00fcden\" \/>\n        <div class=\"gallery-hover\"><div class=\"gallery-hover-icon\">\ud83d\udd0d<\/div><span>Au\u00dfengel\u00e4nde<\/span><\/div>\n      <\/div>\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/wp-content\/uploads\/2026\/07\/header_03.jpg\" alt=\"Schulgeb\u00e4ude Nebentrakt\" \/>\n        <div class=\"gallery-hover\"><div class=\"gallery-hover-icon\">\ud83d\udd0d<\/div><span>Nebengeb\u00e4ude<\/span><\/div>\n      <\/div>\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/wp-content\/uploads\/2026\/07\/Startseite_1.jpg\" alt=\"Sch\u00fcler im Foyer\" \/>\n        <div class=\"gallery-hover\"><div class=\"gallery-hover-icon\">\ud83d\udd0d<\/div><span>Schulleben<\/span><\/div>\n      <\/div>\n      <div class=\"gallery-item\" style=\"background:#dcf3e9;\">\ud83c\udf31<div class=\"gallery-hover\"><div class=\"gallery-hover-icon\">\ud83d\udd0d<\/div><span>Umweltprojekt<\/span><\/div><\/div>\n      <div class=\"gallery-item\" style=\"background:#fef3e2;\">\ud83c\udfc3<div class=\"gallery-hover\"><div class=\"gallery-hover-icon\">\ud83d\udd0d<\/div><span>Sportfest<\/span><\/div><\/div>\n      <div class=\"gallery-item\" style=\"background:#f0e9fa;\">\ud83c\udfad<div class=\"gallery-hover\"><div class=\"gallery-hover-icon\">\ud83d\udd0d<\/div><span>Theater<\/span><\/div><\/div>\n      <div class=\"gallery-item\" style=\"background:#e8ecf7;\">\ud83d\udcda<div class=\"gallery-hover\"><div class=\"gallery-hover-icon\">\ud83d\udd0d<\/div><span>Alle Alben \u2192<\/span><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7cb431d e-con-full e-flex e-con e-parent\" data-id=\"7cb431d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-737b6e9 elementor-widget elementor-widget-html\" data-id=\"737b6e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2500\u2500\u2500 PARTNER \u2500\u2500\u2500 -->\n<div class=\"partner-bar\">\n  <div class=\"partner-inner\">\n    <div class=\"partner-label\">Partner & Auszeichnungen<\/div>\n    <div class=\"partner-logo-img\"><img decoding=\"async\" src=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/wp-content\/uploads\/2026\/07\/unesco-projektschule-small.jpg\" alt=\"UNESCO-Projektschule\" \/><\/div>\n    <div class=\"partner-logo-img\"><img decoding=\"async\" src=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/wp-content\/uploads\/2026\/07\/2025Stempel_ES_web.jpg\" alt=\"Umweltschule in Europa 2025\" \/><\/div>\n    <div class=\"partner-logo-img\"><img decoding=\"async\" src=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/wp-content\/uploads\/2026\/07\/logo-ottobock.svg\" alt=\"Otto Bock\" \/><\/div>\n    <div class=\"partner-logo-img\"><img decoding=\"async\" src=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/wp-content\/uploads\/2026\/07\/logo-sycor.svg\" alt=\"Sycor GmbH\" \/><\/div>\n    <div class=\"partner-logo-img\"><img decoding=\"async\" src=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/wp-content\/uploads\/2026\/07\/logo-thueringen.svg\" alt=\"Freistaat Th\u00fcringen\" \/><\/div>\n    <div class=\"partner-logo-img\"><img decoding=\"async\" src=\"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/wp-content\/uploads\/2026\/07\/logo-thueringer-schulportal.jpg\" alt=\"Th\u00fcringer Schulportal\" \/><\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e79a92 e-con-full e-flex e-con e-parent\" data-id=\"2e79a92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b50d09 elementor-widget elementor-widget-html\" data-id=\"7b50d09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 -->\n\n\n\n<script>\n  \/\/ \u2500\u2500\u2500 KALENDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  const MONTHS = ['Januar','Februar','M\u00e4rz','April','Mai','Juni',\n                  'Juli','August','September','Oktober','November','Dezember'];\n\n  \/\/ Alle Termine \u2013 key = \"YYYY-M-D\"\n  const EVENTS = {\n    '2026-4-28': [{ title: 'Tag der offenen T\u00fcr',              time: '10:00 \u2013 13:00 Uhr', note: 'f\u00fcr Eltern & Viertkl\u00e4ssler' }],\n    '2026-5-5':  [{ title: 'Elternabend Jahrgangsstufe 5 & 6', time: '18:30 Uhr',          note: 'Aula Hauptgeb\u00e4ude' }],\n    '2026-5-15': [{ title: 'Abiturfeier 2026',                 time: '16:00 Uhr',          note: 'Stadtfesthalle K\u00f6nigsee' }],\n    '2026-5-22': [{ title: 'Schulausflug Klassen 7 \u2013 Jena',    time: 'Ganztagesfahrt',     note: 'Planetarium & Stadtf\u00fchrung' }],\n    '2026-5-30': [{ title: 'Sportfest Jahrgangsstufe 8\u201310',    time: 'Ab 09:00 Uhr',       note: 'Schulgel\u00e4nde' }],\n    '2026-6-2':  [{ title: 'Schuljahresabschluss-Sportfest',   time: 'Ab 09:00 Uhr',       note: 'Schulgel\u00e4nde' }],\n    '2026-6-26': [{ title: 'Letzter Schultag 2025\/26',         time: 'Zeugnisausgabe',     note: 'alle Klassen' }],\n  };\n\n  const today  = new Date();\n  let   viewY  = today.getFullYear();\n  let   viewM  = today.getMonth(); \/\/ 0-based\n  let   selKey = null;\n\n  const grid      = document.getElementById('calGrid');\n  const title     = document.getElementById('calTitle');\n  const listItems = document.getElementById('eventListItems');\n  const listTitle = document.getElementById('eventListTitle');\n\n  function key(y, m, d) { return `${y}-${m+1}-${d}`; }\n\n  function renderCalendar() {\n    title.textContent = `${MONTHS[viewM]} ${viewY}`;\n    grid.innerHTML = '';\n\n    const firstDay = new Date(viewY, viewM, 1).getDay(); \/\/ 0=Sun\n    \/\/ Convert Sunday=0 \u2192 Monday=0 offset\n    const offset = (firstDay === 0) ? 6 : firstDay - 1;\n    const daysInMonth = new Date(viewY, viewM + 1, 0).getDate();\n    const daysInPrev  = new Date(viewY, viewM, 0).getDate();\n\n    \/\/ Prev-month filler\n    for (let i = offset - 1; i >= 0; i--) {\n      const d = document.createElement('div');\n      d.className = 'cal-day other-month';\n      d.textContent = daysInPrev - i;\n      grid.appendChild(d);\n    }\n\n    \/\/ Current month\n    for (let d = 1; d <= daysInMonth; d++) {\n      const cell = document.createElement('div');\n      const k    = key(viewY, viewM, d);\n      const isToday = (d === today.getDate() && viewM === today.getMonth() && viewY === today.getFullYear());\n      const hasEv   = !!EVENTS[k];\n\n      cell.className = 'cal-day'\n        + (isToday  ? ' today'     : '')\n        + (hasEv    ? ' has-event' : '')\n        + (selKey === k ? ' selected' : '');\n      cell.textContent = d;\n\n      if (hasEv) {\n        const dot = document.createElement('div');\n        dot.className = 'event-dot';\n        cell.appendChild(dot);\n        cell.addEventListener('click', () => selectDay(k, d));\n      }\n      grid.appendChild(cell);\n    }\n\n    \/\/ Next-month filler\n    const total = offset + daysInMonth;\n    const remainder = total % 7 === 0 ? 0 : 7 - (total % 7);\n    for (let d = 1; d <= remainder; d++) {\n      const cell = document.createElement('div');\n      cell.className = 'cal-day other-month';\n      cell.textContent = d;\n      grid.appendChild(cell);\n    }\n\n    renderList();\n  }\n\n  function renderList() {\n    \/\/ Collect all events in current month (or show upcoming if none selected)\n    listItems.innerHTML = '';\n\n    let entries = [];\n\n    if (selKey && EVENTS[selKey]) {\n      \/\/ Show only selected day's events\n      const [sy, sm, sd] = selKey.split('-').map(Number);\n      listTitle.textContent = `${sd}. ${MONTHS[sm-1]} ${sy}`;\n      entries = EVENTS[selKey].map(ev => ({ day: sd, month: sm-1, ...ev, k: selKey }));\n    } else {\n      \/\/ Show all events of current month sorted\n      listTitle.textContent = 'N\u00e4chste Termine';\n      for (const [k, evs] of Object.entries(EVENTS)) {\n        const [ey, em, ed] = k.split('-').map(Number);\n        if (ey === viewY && em - 1 === viewM) {\n          evs.forEach(ev => entries.push({ day: ed, month: em-1, k, ...ev }));\n        }\n      }\n      entries.sort((a,b) => a.day - b.day);\n      \/\/ If month has no events, show next 5 upcoming\n      if (entries.length === 0) {\n        for (const [k, evs] of Object.entries(EVENTS)) {\n          const [ey, em, ed] = k.split('-').map(Number);\n          const d = new Date(ey, em-1, ed);\n          if (d >= today) evs.forEach(ev => entries.push({ day: ed, month: em-1, year: ey, k, ...ev }));\n        }\n        entries.sort((a,b) => new Date(a.year||viewY, a.month, a.day) - new Date(b.year||viewY, b.month, b.day));\n        entries = entries.slice(0, 5);\n      }\n    }\n\n    entries.forEach(ev => {\n      const item = document.createElement('a');\n      item.href = '#';\n      item.className = 'cal-event-item' + (ev.k === selKey ? ' highlighted' : '');\n      item.innerHTML = `\n        <div class=\"cal-event-date\">\n          <div class=\"cal-event-date-day\">${ev.day}<\/div>\n          <div class=\"cal-event-date-mon\">${MONTHS[ev.month].slice(0,3)}<\/div>\n        <\/div>\n        <div class=\"cal-event-body\">\n          <h4>${ev.title}<\/h4>\n          <span>${ev.time} \u00b7 ${ev.note}<\/span>\n        <\/div>`;\n      item.addEventListener('click', e => {\n        e.preventDefault();\n        selectDay(ev.k, ev.day);\n      });\n      listItems.appendChild(item);\n    });\n\n    if (entries.length === 0) {\n      listItems.innerHTML = '<p style=\"padding:20px;font-size:15px;color:#000;opacity:.45;\">Keine Termine in diesem Monat.<\/p>';\n    }\n  }\n\n  function selectDay(k, d) {\n    if (selKey === k) {\n      selKey = null; \/\/ deselect on second click\n    } else {\n      selKey = k;\n    }\n    renderCalendar();\n    \/\/ Smooth scroll to list on mobile\n    document.getElementById('eventList').scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n  }\n\n  document.getElementById('calPrev').addEventListener('click', () => {\n    viewM--; if (viewM < 0) { viewM = 11; viewY--; }\n    selKey = null; renderCalendar();\n  });\n  document.getElementById('calNext').addEventListener('click', () => {\n    viewM++; if (viewM > 11) { viewM = 0; viewY++; }\n    selKey = null; renderCalendar();\n  });\n\n  \/\/ Init \u2013 start on May 2026 to show events\n  viewY = 2026; viewM = 4;\n  renderCalendar();\n<\/script>\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>Gymnasium \u00b7 K\u00f6nigsee \u00b7 Th\u00fcringen Bildung mit Profil \u2013von Klasse 5 biszum Abitur Das Dr. Max N\u00e4der Gymnasium begleitet \u00fcber 500 Sch\u00fclerinnen und Sch\u00fcler aus 60 Orten. Mit starker Mehrsprachigkeit, MINT-F\u00f6rderung und echtem Schulgeist. Schule entdecken Kontakt aufnehmen \ud83d\udccb Vertretungsplan Digitales Schwarzes Brett \ud83d\udcc5 Termine &#038; Kalender Schuljahr 2025\/26 \ud83c\udf93 Th\u00fcringer Schulportal F\u00fcr Sch\u00fcler &#038; [&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-285","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=285"}],"version-history":[{"count":37,"href":"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/285\/revisions"}],"predecessor-version":[{"id":468,"href":"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/285\/revisions\/468"}],"wp:attachment":[{"href":"https:\/\/eager-nightingale.45-85-217-106.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}