Анализ сайта mebis.bayern.de
Основное Готовность: 65%
Домен
mebis.bayern.de
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Используйте для продвижения только домен второго уровня.
Отличный запоминающийся домен.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Кол-во редиректов 4 слишком большое! Проверьте настройки сайта и веб-сервера!
Цепочка редиректов:
http://mebis.bayern.de
302 Found
https://mebis.bayern.de/
301 MovedPermanently
https://mebis.bycs.de/
301 MovedPermanently
https://klickpunktschule.bycs.de/mebis-magazin
200 OK
Безопасность
Сайт безопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 05.11.2026 13:13:31.
Включён HSTS (Strict-Transport-Security) — защита от подмены на http.
HTTP автоматически перенаправляется на HTTPS.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
UTF-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице UTF-8.
Язык
de
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: de.
Скорость загрузки
~1,91сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 1,91сек превышает 1 секунду. Желательно улучшить работу сайта!
Объем документа
55Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 55Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 3
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 3 достаточно.
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | /theme/css/bundle.css?id=80872127d40eb79b250563bdb1db0e72 | |
| stylesheet | /theme/fonts/fontawesome-pro-6.1.1-web/css/all.min.css | |
| js | /theme/js/bundle.js?id=0f65ac9fd02b33600f5cc4fd8600ba77 |
Серверные заголовки
Кол-во: 14
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 14шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Date | Thu, 20 Aug 2026 16:28:08 GMT |
| Server | CERN |
| Vary | Accept-Encoding |
| Cache-Control | no-cache, private |
| Access-Control-Allow-Origin | https://klickpunktschule.bycs.de |
| X-XSS-Protection | 0 |
| X-Content-Type-Options | nosniff |
| Strict-Transport-Security | max-age=31536000; includeSubDomains |
| Referrer-Policy | no-referrer |
| X-Frame-Options | SAMEORIGIN |
| X-Debug-Location | default |
| Content-Security-Policy | default-src 'self'; frame-ancestors 'self' *.bycs.de; script-src 'report-sample' 'self' cdn-eu.readspeaker.com www.piwik.bayern.de; style-src 'report-sample' 'self' cdn-eu.readspeaker.com 'sha256-AB6tZSuvWYVErKmJ41HK1dEFs1YVtbk0ecBlDZ9SRas=' 'sha256-KMY+b1xnTixq3IddD8VnKLW3cm5iqISeL31sMKzhq6o=' 'sha256-OINiZC4iGlth4XUdXZmH4M/kXdck+BWQuxV7YpXAb00=' 'sha256-snzGLqQT+PCoOe8ERFA7IYi7p8TN3nE0n4oXkFA4JZE=' 'sha256-2VPQ96n6dcC6kmUvkVdVnzjj5ZM3GUVxFQSRJQrziwk=' 'sha256-44EN2mZEopLcMHKsPLKDdl5eu1o72PFhTQDffnJmBXw=' 'sha256-CDYXn8fo2JOy0sjAX+CHzMpoc0akK+AH2cbjnG50bdE=' 'sha256-CgeonToIiiXca9fzdD5MTaEoHefnXPK3/8oTQqT7GHE=' 'sha256-R81Xz+We8coItWlM8mZik+63a5JcLRDpJ3qNWNOwfX4=' 'sha256-S5jSF/dmY9A34OlP+ynIFGzbM+Zuvrr6Bt+Cq4uffPk=' 'sha256-ZYUO2YL0a3a0TJsvjwiHoaKI2kPj7RjCngOMiSpEeVI=' 'sha256-i7aIqqSP55r04Gy70pxywzyJM1x63OvxjN+iYc2IYBk=' 'sha256-iGtz7ZtHhHChoW+vkcKX20azqB7/onCkTMLLhNhvenc=' 'sha256-o3QF+2WR3NID/sbvsRmmuRiBKZQxIwcliI764zOYtDw=' 'sha256-rs6UQ1e+8gziE+ffBY0fwyipU7lS8YphJ2vB8PW+I8o='; object-src 'none'; base-uri 'self'; connect-src 'self' cdn-eu.readspeaker.com app-eu.readspeaker.com www.piwik.bayern.de *.bycs.de; font-src 'self' data:; frame-src 'self' www.ardmediathek.de api.ardmediathek.de *.bycs.de; img-src 'self' *.bycs.de www.piwik.bayern.de www.ardmediathek.de data:; manifest-src 'self'; media-src 'self' blob:; worker-src 'self' blob:; upgrade-insecure-requests; |
| Connection | close |
| Transfer-Encoding | chunked |
CMS
UMI.CMS
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
Сайт работает на CMS UMI.CMS.
Веб-сервер
CERN
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
В заголовке Server указано: CERN.
Мета-теги Готовность: 23%
Title
mebis Magazin ist klickpunkt.schule | klickpunkt.schule
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Устраните дубли в title: klickpunkt(2), schule(2)
Необходимо уменьшить число символов в title (текущее значение: 55, оптимально: от 40 до 45)
Description
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Установите мета-тег description!
Keywords
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Установите мета-тег keywords!
Канонический Url
https://klickpunktschule.bycs.de/mebis-magazin
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Канонический Url прописан корректно.
Robots
index, follow
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots со значениями index, follow не накладывает ограничений на индексирование и показ контента.
Адаптивность
width=device-width, initial-scale=1.0
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Разметка OpenGraph
Кол-во: 5
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph задана. Страница оптимизирована под социальные сети.
Показать полный список og мета-тегов
| Тип | Значение |
|---|---|
| og:type | website |
| og:title | mebis Magazin ist klickpunkt.schule |
| og:url | https://klickpunktschule.bycs.de/mebis-magazin |
| og:site_name | klickpunkt.schule |
| og:locale | de_DE |
Все мета-теги
Кол-во: 14
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 14шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | viewport | width=device-width, initial-scale=1.0 |
| name | mtsid | 816 |
| name | robots | index, follow |
| name | twitter:card | summary_large_image |
| name | twitter:title | mebis Magazin ist klickpunkt.schule |
| name | apple-mobile-web-app-title | mebis Magazin |
| name | application-name | mebis Magazin |
| name | msapplication-TileColor | #ffffff |
| name | theme-color | #ffffff |
| property | og:type | website |
| property | og:title | mebis Magazin ist klickpunkt.schule |
| property | og:url | https://klickpunktschule.bycs.de/mebis-magazin |
| property | og:site_name | klickpunkt.schule |
| property | og:locale | de_DE |
Оптимизация Готовность: 62%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют в единственном экземпляре).
Контент
Есть ошибки
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Абзацев с текстом 3 слишком мало. Добавьте больше абзацев с текстом (тег <p>)!
Кол-во слов 173 слишком мало. Добавьте больше текста (минимум 400 слов)!
Слова из title 4 встречаются в тексте достаточно.
Среднее число слов в абзаце 36 достаточно.
Кол-во знаков контента 1299 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h2> 1. Это хорошо.
На странице присутствуют заголовки <h3> 2.
Тошнота
2,45
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота страницы в пределах нормы 3.
Академич. тошнота
19,65%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота превышает норму 5-15%. Измените текст страницы!
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| schule | 6 | 3,47% |
| springen | 5 | 2,89% |
| klickpunkt | 4 | 2,31% |
| magazin | 3 | 1,73% |
| unterricht | 3 | 1,73% |
| suchen | 2 | 1,16% |
| bereiche | 2 | 1,16% |
| startseite | 2 | 1,16% |
| anwendungen | 2 | 1,16% |
| digitale | 2 | 1,16% |
| inhalt | 1 | 0,58% |
| fußbereich | 1 | 0,58% |
| geladen | 1 | 0,58% |
| schließen | 1 | 0,58% |
| vorherigen | 1 | 0,58% |
| nächsten | 1 | 0,58% |
| hinweis: | 1 | 0,58% |
| integration | 1 | 0,58% |
| bisherigen | 1 | 0,58% |
| mebis-angebote | 1 | 0,58% |
Индексация Готовность: 50%
Индексирование
Ошибок нет
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 14 оптимально. Поисковые роботы обязательно проиндексируют сайт.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Кол-во редиректов для файла robots.txt 4 слишком большое! Это может вызывать затруднение при индексации поисковыми роботами!
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Цепочка редиректов для файла robots.txt:
http://mebis.bayern.de/robots.txt
302 Found
https://mebis.bayern.de/robots.txt
301 MovedPermanently
https://mebis.bycs.de/
301 MovedPermanently
https://klickpunktschule.bycs.de/mebis-magazin
200 OK
Показать содержимое robots.txt
<!DOCTYPE html>
<html lang="de" dir="ltr" class="no-js kps">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="mtsid" content="816">
<title>mebis Magazin ist klickpunkt.schule | klickpunkt.schule</title>
<meta name="robots" content="index, follow" />
<meta property="og:type" content="website" />
<meta property="og:title" content="mebis Magazin ist klickpunkt.schule" />
<meta property="og:url" content="https://klickpunktschule.bycs.de/mebis-magazin" />
<meta property="og:site_name" content="klickpunkt.schule" />
<meta property="og:locale" content="de_DE" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="mebis Magazin ist klickpunkt.schule" />
<link href="https://klickpunktschule.bycs.de" rel="home" />
<link href="https://klickpunktschule.bycs.de/mebis-magazin" rel="canonical" />
<link type="text/plain" rel="author" href="https://klickpunktschule.bycs.de/humans.txt" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=220925">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=220925">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=220925">
<link rel="manifest" href="/site.webmanifest?v=220925">
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=220925" color="#5bbad5">
<link rel="shortcut icon" href="/favicon.ico?v=220925">
<meta name="apple-mobile-web-app-title" content="mebis Magazin">
<meta name="application-name" content="mebis Magazin">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="/theme/css/bundle.css?id=80872127d40eb79b250563bdb1db0e72">
<noscript id="deferred-styles">
<link href="/theme/fonts/fontawesome-pro-6.1.1-web/css/all.min.css" rel="stylesheet">
</noscript>
<script src="/theme/js/bundle.js?id=0f65ac9fd02b33600f5cc4fd8600ba77" defer="defer"></script>
</head>
<body id="top-of-page" class=" dark:bg-gray-darkest">
<a class="sr-only focus:not-sr-only" href="#content">Zu Inhalt springen</a>
<a class="sr-only focus:not-sr-only" href="#footer">Zu Fußbereich springen</a>
<div class="flex flex-col min-h-full topbar-tooltip-lernplattform">
<bycs-topbar
logoUrl="/theme/images/bycs-klickpunktschule-logo-slogan.svg?id=043d8ae00487bc81605c229551129303"
logoWhiteUrl="/theme/images/bycs-klickpunktschule-logo-slogan-white.svg?id=2b8a261bf4d9deb2a120552845788708"
logoSmallUrl="/theme/images/bycs-klickpunktschule-logo.svg?id=9f93455fe76bef56dd9ba375cc3bf371"
logoSmallWhiteUrl="/theme/images/bycs-klickpunktschule-logo-white.svg?id=0b02f25618bee876a66bd3766c413d58"
userRoles="gast"
homeUrl="https://klickpunktschule.bycs.de"
showBurgerMenu
customBranding
showDarkModeButton
showContrastModeButton
showSearchBtnMobile
noFlyout
a11yEasyLanguageUrl="https://bycs.de/rechtliche-dokumente/magazin/leichte-sprache/index.html"
a11ySignLanguageUrl="https://bycs.de/rechtliche-dokumente/magazin/gebaerdensprache/index.html"
>
<div slot="branding">
<a href="https://klickpunktschule.bycs.de" id="bycs-branding-logo" class="branding pt-2 pb-1.5 block" title="Gehe zu Startseite" aria-label="Gehe zu Startseite">
<span class="dark:hidden">
<img src="/theme/images/bycs-klickpunktschule-logo.svg?id=9f93455fe76bef56dd9ba375cc3bf371" class="h-6 xs:hidden" aria-hidden="true">
<img src="/theme/images/bycs-klickpunktschule-logo-slogan-s.svg?id=f1e1287b043d640e12d8fa57b0771395" class="h-6 hidden xs:max-sm:block" aria-hidden="true">
<img src="/theme/images/bycs-klickpunktschule-logo-slogan.svg?id=043d8ae00487bc81605c229551129303" class="h-6 hidden sm:block" aria-hidden="true">
</span>
<span class="hidden dark:block">
<img src="/theme/images/bycs-klickpunktschule-logo-white.svg?id=0b02f25618bee876a66bd3766c413d58" class="h-6 xs:hidden" aria-hidden="true">
<img src="/theme/images/bycs-klickpunktschule-logo-slogan-s-white.svg?id=6f257a3bae89d433bad79e4b6355c83c" class="h-6 hidden xs:max-sm:block" aria-hidden="true">
<img src="/theme/images/bycs-klickpunktschule-logo-slogan-white.svg?id=2b8a261bf4d9deb2a120552845788708" class="h-6 hidden sm:block" aria-hidden="true">
</span>
</a>
</div>
<div slot="notification"></div>
<!-- SLOT SEARCH DESKTOP -->
<div slot="search">
<form class="search-form w-full " aria-label="Seite durchsuchen" action="/suche/{page}/{query}/{filter}">
<div class="w-full flex">
<input type="search" name="query" placeholder="Suche" class="h-15 flex-1 shadow-none text-xl bg-white dark:bg-gray-darkest placeholder-opacity-60 contrast:placeholder-opacity-100 text-gray-dark dark:text-white rounded-l-full border-t border-l border-b border-r-0 border-gray-medium contrast:border-t-2 contrast:border-l-2 contrast:border-b-2 contrast:border-gray-dark contrast-dark:border-white ">
<input type="hidden" name="filter" value="-">
<input type="hidden" name="page" value="1">
<button type="submit" value="submit" class="h-15 px-4 dark:bg-gray-darkest text-gray-dark dark:text-white rounded-r-full border-t border-r border-b border-l-0 border-gray-medium contrast:border-t-2 contrast:border-r-2 contrast:border-b-2 contrast:border-gray-dark contrast-dark:border-white"><i class="fal fa-search text-lg "></i><span class="sr-only">Suchen</span></button>
</div>
</form>
</div>
<!-- SLOT SEARCH MOBILE -->
<div slot="search-mobile">
<div class="mt-4">
<form class="search-form w-full " aria-label="Seite durchsuchen" action="/suche/{page}/{query}/{filter}">
<div class="w-full flex">
<input type="search" name="query" placeholder="Suche" class="h-15 flex-1 shadow-none text-xl bg-white dark:bg-gray-darkest placeholder-opacity-60 contrast:placeholder-opacity-100 text-gray-dark dark:text-white rounded-l-full border-t border-l border-b border-r-0 border-gray-medium contrast:border-t-2 contrast:border-l-2 contrast:border-b-2 contrast:border-gray-dark contrast-dark:border-white ">
<input type="hidden" name="filter" value="-">
<input type="hidden" name="page" value="1">
<button type="submit" value="submit" class="h-15 px-4 dark:bg-gray-darkest text-gray-dark dark:text-white rounded-r-full border-t border-r border-b border-l-0 border-gray-medium contrast:border-t-2 contrast:border-r-2 contrast:border-b-2 contrast:border-gray-dark contrast-dark:border-white"><i class="fal fa-search text-lg "></i><span class="sr-only">Suchen</span></button>
</div>
</form>
</div>
</div>
</bycs-topbar>
<nav x-data="mainNavMenu"
x-cloak
x-ref="mainMenu"
data-tree="main.json"
data-cls-transparent="dark:text-white"
data-cls-wb="bg-white hover:bg-gray-100 border border-black dark:bg-gray-dark dark:hover:bg-gray-darkest dark:text-white dark:border-gray-dark"
data-cls-db="bg-gray-dark hover:bg-gray-darkest text-white border border-gray-dark dark:bg-white dark:hover:bg-gray-100 dark:text-black dark:border-black"
data-cls-g1="bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600 dark:text-white"
data-cls-g2="bg-gray-200 hover:bg-gray-400 dark:bg-gray-600 dark:hover:bg-gray-700 dark:text-white"
data-cls-g3="bg-gray-400 hover:bg-gray-600 hover:text-white"
data-cls-g4="bg-gray-600 hover:bg-gray-700 text-white dark:bg-gray-200 dark:hover:bg-gray-400 dark:text-black"
data-cls-g5="bg-gray-700 hover:bg-gray-600 text-white dark:bg-gray-100 dark:hover:bg-gray-200 dark:text-black"
data-cls-o1="bg-kpsorange-100 hover:bg-kpsorange-200 dark:bg-kpsorange-600 dark:hover:bg-kpsorange-700"
data-cls-o2="bg-kpsorange-200 hover:bg-kpsorange-300 dark:bg-kpsorange-700 dark:hover:bg-kpsorange-800"
data-cls-o3="bg-kpsorange-300 hover:bg-kpsorange-400 dark:bg-kpsorange-800 dark:hover:bg-kpsorange-900"
data-cls-o4="bg-kpsorange-400 hover:bg-kpsorange-500 dark:bg-kpsorange-900 dark:hover:bg-kpsorange-1000"
data-cls-o5="bg-kpsorange-500 hover:bg-kpsorange-600 dark:bg-kpsorange-1000 dark:hover:bg-kpsorange-900"
data-cls-b1="bg-kpsblue-100 hover:bg-kpsblue-200 dark:bg-kpsblue-600 dark:hover:bg-kpsblue-700"
data-cls-b2="bg-kpsblue-200 hover:bg-kpsblue-300 dark:bg-kpsblue-700 dark:hover:bg-kpsblue-800 dark:hover:text-white"
data-cls-b3="bg-kpsblue-300 hover:bg-kpsblue-400 dark:bg-kpsblue-800 dark:hover:bg-kpsblue-900 dark:text-white dark:hover:text-white"
data-cls-b4="bg-kpsblue-400 hover:bg-kpsblue-500 dark:bg-kpsblue-900 dark:hover:bg-kpsblue-1000 dark:text-white dark:hover:text-white"
data-cls-b5="bg-kpsblue-500 hover:bg-kpsblue-600 dark:bg-kpsblue-1000 dark:hover:bg-kpsblue-900 dark:text-white dark:hover:text-white"
data-active-cls="ring-2 ring-inset ring-mebis-blue_3 dark:ring-mebis-blue_2 contrast:!ring-black contrast-dark:!ring-white"
data-current-id="91621ed2-7951-426e-8a2c-d0ef62b7d0e1"
data-breadcrumb-ids="91621ed2-7951-426e-8a2c-d0ef62b7d0e1"
aria-label="Hauptnavigation"
>
<!-- Backdrop (visual only) -->
<div
x-show="isDropdownOpen"
class="fixed inset-0 overflow-hidden z-9990 bg-gray-darkest/30 dark:bg-gray-darkest/60"
aria-hidden="true"
></div>
<!-- Overlay / Dialog wrapper -->
<div
x-show="isDropdownOpen"
class="w-full fixed h-screen overscroll-contain overflow-y-auto inset-x-0 top-0 z-9999"
@keydown.escape.window="triggerClose"
x-ref="overlay"
role="dialog"
aria-modal="true"
aria-labelledby="main-menu-title"
@keydown.tab="trapTab($event)"
>
<div
class="bg-gray-lightest dark:bg-gray-darkest contrast:bg-white w-full shadow-lg border-b border-transparent dark:border-gray-600">
<div class="flex w-full relative min-h-60" @click.outside="closeDropdown">
<!-- Dialog title for screen readers -->
<h2 id="main-menu-title" class="sr-only">Menü</h2>
<template x-if="isLoading">
<div class="flex absolute top-24 left-6" role="status" aria-live="polite">
<span class="sr-only">Menü wird geladen</span>
<div
class="dark:text-white inline-block animate-spin rounded-full h-6 w-6 border-b-2 border-primary"
aria-hidden="true"></div>
</div>
</template>
<template x-if="error">
<div class="bg-red-600 flex absolute top-6 left-6" role="alert">
<span x-text="error"></span>
</div>
</template>
<button
x-ref="closeButton"
type="button"
@click="closeDropdown"
class="flex absolute right-5 top-5 w-10 h-10 items-center rounded-full border-2 border-transparent contrast:border-gray-darkest contrast-dark:border-white"
aria-label="Menü schließen"
>
<i class="fa-light fa-close text-3xl mx-auto dark:text-white" aria-hidden="true"></i>
</button>
<div class="absolute top-6 left-6">
<a href="https://klickpunktschule.bycs.de" title="mebis Magazin" aria-label="gehe zur Startseite" aria-current="null" class="py-2 block">
<span class="dark:hidden">
<img src="/theme/images/bycs-klickpunktschule-logo-slogan.svg?id=043d8ae00487bc81605c229551129303" class="h-6 max-xl:hidden max-sm:block" aria-hidden="true">
<img src="/theme/images/bycs-klickpunktschule-logo-slogan-s.svg?id=f1e1287b043d640e12d8fa57b0771395" class="h-6 max-sm:hidden xl:hidden" aria-hidden="true">
</span>
<span class="hidden dark:block">
<img src="/theme/images/bycs-klickpunktschule-logo-slogan-white.svg?id=2b8a261bf4d9deb2a120552845788708" class="h-6 max-xl:hidden max-sm:block" aria-hidden="true">
<img src="/theme/images/bycs-klickpunktschule-logo-slogan-s-white.svg?id=6f257a3bae89d433bad79e4b6355c83c" class="h-6 max-sm:hidden xl:hidden" aria-hidden="true">
</span>
</a>
</div>
<template x-if="isReady">
<div class="flex w-full">
<!-- Mobile -->
<div class="sm:hidden p-6 w-full">
<div class="mb-2 mt-16">
<ul class="font-bold text-primary dark:text-white">
<template x-if="currentLevel1Sm.id">
<li>
<button
type="button"
class="p-2.5 flex items-center hover:cursor-pointer"
@click="resetLevel1"
aria-label="Zurück zur Start-Ebene"
>
<i class="fa-light fa-angle-left mr-2.5 text-xl inline-block w-4 overflow-hidden"
aria-hidden="true"></i>
Start
</button>
</li>
</template>
<template x-if="currentLevel1Sm.id && !currentLevel2Sm.id">
<li>
<div
class="p-2.5 pt-5 border-b border-gray-200 dark:border-gray-600 contrast:border-black contrast-dark:border-white hyphens-auto text-balance">
<span x-text="currentLevel1Sm.title"></span>
</div>
</li>
</template>
<template x-if="currentLevel1Sm.id && currentLevel2Sm.id">
<li>
<button
type="button"
class="p-2.5 flex items-center hover:cursor-pointer hyphens-auto text-balance text-left"
@click="resetLevel2"
:aria-label="'Zurück zu ' + currentLevel1Sm.title"
>
<i class="fa-light fa-angle-left mr-2.5 text-xl inline-block w-4 overflow-hidden"
aria-hidden="true"></i>
<span x-text="currentLevel1Sm.title"></span>
</button>
</li>
</template>
<template x-if="currentLevel2Sm.id && !currentLevel3Sm.id">
<li>
<div
class="p-2.5 pt-5 border-b border-gray-200 dark:border-gray-600 contrast:border-black contrast-dark:border-white hyphens-auto text-balance">
<span x-text="currentLevel2Sm.title"></span>
</div>
</li>
</template>
<template x-if="currentLevel2Sm.id && currentLevel3Sm.id">
<li>
<button
type="button"
class="p-2.5 flex items-center hover:cursor-pointer hyphens-auto text-balance text-left"
@click="resetLevel3"
:aria-label="'Zurück zu ' + currentLevel2Sm.title"
>
<i class="fa-light fa-angle-left mr-2.5 text-xl inline-block w-4 overflow-hidden"
aria-hidden="true"></i>
<span x-text="currentLevel2Sm.title"></span>
</button>
</li>
</template>
<template x-if="currentLevel3Sm.id">
<li>
<div
class="p-2.5 pt-5 border-b border-gray-200 dark:border-gray-600 contrast:border-black contrast-dark:border-white hyphens-auto text-balance">
<span x-text="currentLevel3Sm.title"></span>
</div>
</li>
</template>
</ul>
</div>
<div>
<template x-if="!currentLevel1Sm.id">
<ul class="text-lg text-primary leading-7 dark:text-white">
<template x-for="(item, index) in menuData" :key="item.id">
<li>
<button
type="button"
@click="selectLevel1(index)"
class="flex w-full items-center cursor-pointer p-2.5 hover:bg-kpsblue-100 dark:hover:bg-mebis-blue_2 contrast:hover:bg-white contrast-dark:hover:bg-gray-darkest hyphens-auto text-balance text-left"
aria-haspopup="true"
:aria-expanded="selectedLevel1SmIndex === index"
>
<span class="grow text-left" x-text="item.title"></span>
<i class="fa-light fa-angle-right ml-2.5 text-xl inline-block w-4 overflow-hidden"
aria-hidden="true"></i>
</button>
</li>
</template>
</ul>
</template>
<template x-if="currentLevel1Sm.id && !currentLevel2Sm.id">
<ul class="text-lg text-primary leading-7 dark:text-white">
<template x-for="(item, index) in level2SmItems" :key="item.id">
<li>
<button
type="button"
@click="selectLevel2(index)"
class="flex w-full items-center cursor-pointer p-2.5 hover:bg-kpsblue-100 dark:hover:bg-mebis-blue_2 contrast:hover:bg-white contrast-dark:hover:bg-gray-darkest hyphens-auto text-balance text-left"
aria-haspopup="true"
:aria-expanded="selectedLevel2SmIndex === index"
>
<span class="grow text-left" x-text="item.title"></span>
<i class="fa-light fa-angle-right ml-2.5 text-xl inline-block w-4 overflow-hidden"
aria-hidden="true"></i>
</button>
</li>
</template>
</ul>
</template>
<template
x-if="currentLevel2Sm.nav_is_highlight && level3SmItems && level3SmItems.length > 0">
<div class="grid grid-cols-1 gap-5 mt-5">
<template x-for="(item, index) in level3SmItems" :key="item.id">
<div>
<a
:class="bubbleCls(item)"
class="hyphens-auto text-balance h-full w-full block rounded-lg p-6 hover:cursor-pointer contrast:border contrast:ring-inset contrast:ring-2 contrast:ring-transparent contrast:hover:ring-black contrast:border-black contrast:bg-white contrast-dark:bg-gray-darkest contrast-dark:border-white contrast-dark:hover:ring-white contrast-dark:hover:bg-gray-darkest contrast:text-black contrast-dark:text-white"
:href="item.permalink"
:aria-current="isCurrent(item) ? 'page' : null"
>
<h3 x-text="item.title"
:class="{'text-3xl mb-6': item.nav_description, 'text-4xl': !item.nav_description}"></h3>
<div x-show="item.nav_description"
x-text="item.nav_description"></div>
</a>
</div>
</template>
</div>
</template>
<template x-if="!currentLevel2Sm.nav_is_highlight && !currentLevel3Sm.id">
<ul class="text-lg text-primary leading-7 dark:text-white">
<template x-for="(item, index) in level3SmItems" :key="item.id">
<li>
<button
type="button"
@click="selectLevel3(index)"
class="flex w-full items-center cursor-pointer p-2.5 hover:bg-kpsblue-100 dark:hover:bg-mebis-blue_2 contrast:hover:bg-white contrast-dark:hover:bg-gray-darkest hyphens-auto text-balance text-left"
:class="{'text-orange-1100 hover:bg-orange-50 dark:text-orange-300 dark:hover:text-white dark:hover:bg-orange-500 contrast:text-black contrast:underline contrast-dark:text-white': isCurrent(item)}"
aria-haspopup="true"
:aria-expanded="selectedLevel3SmIndex === index"
>
<span class="grow text-left" x-text="item.title"></span>
<i class="fa-light fa-angle-right ml-2.5 text-xl inline-block w-4 overflow-hidden"
aria-hidden="true"></i>
</button>
</li>
</template>
</ul>
</template>
<template
x-if="!currentLevel2Sm.nav_is_highlight && currentLevel3Sm.id && level4SmItems && level4SmItems.length > 0">
<ul class="text-lg text-primary leading-7 dark:text-white">
<template x-for="(item, index) in level4SmItems" :key="item.id">
<li>
<a
:href="item.permalink"
class="block flex items-center cursor-pointer p-2.5 hover:bg-kpsblue-100 dark:hover:bg-mebis-blue_2 contrast:hover:bg-white contrast-dark:hover:bg-gray-darkest hyphens-auto text-balance"
:class="{'text-orange-1100 hover:bg-orange-50 dark:text-orange-300 dark:hover:text-white dark:hover:bg-orange-500 contrast:text-black contrast-dark:text-white': isCurrent(item)}"
:aria-current="isCurrent(item) ? 'page' : null"
>
<div class="grow">
<span class="border-y border-transparent border-dotted contrast:border-solid" :class="{'font-bold border-b-orange-1100 dark:border-b-orange-300 contrast:border-b-black contrast-dark:border-b-white': isCurrent(item)}" x-text="item.title"></span>
</div>
<i class="fa-light fa-angle-right ml-2.5 text-xl inline-block w-4 overflow-hidden" aria-hidden="true"></i>
</a>
</li>
</template>
</ul>
</template>
</div>
</div>
<!-- Desktop -->
<div
class="max-sm:hidden w-56 xl:w-64 shrink-0 bg-gray-100 dark:bg-gray-700 contrast:bg-white contrast-dark:bg-gray-darkest contrast:border-r contrast:border-black contrast-dark:border-r-white h-full min-h-60 py-20 pl-6 pr-2.5">
<div class="sr-only" id="main-menu-level1-label">Bereiche</div>
<ul
class="text-lg text-primary leading-7 dark:text-white"
role="tablist"
id="main-menu-level1-list"
aria-labelledby="main-menu-level1-label"
aria-orientation="vertical"
>
<template x-for="(item, index) in menuData" :key="item.id">
<li role="presentation">
<button
:data-lvl1-index="index"
type="button"
@click="selectLevel1(index)"
@keydown.down.prevent="selectLevel1(selectNext(index, menuData), true)"
@keydown.up.prevent="selectLevel1(selectPrevious(index, menuData), true)"
@keydown.home.prevent="selectLevel1(0, true)"
@keydown.end.prevent="selectLevel1(menuData.length - 1, true)"
class="w-full text-left border-y contrast:border-2 border-transparent cursor-pointer p-2.5 hover:bg-kpsblue-100 dark:hover:bg-mebis-blue_2 contrast:hover:bg-white contrast:hover:border-black contrast-dark:hover:bg-gray-darkest contrast-dark:hover:border-white hyphens-auto text-balance flex items-center"
:class="{'font-bold border-b-primary dark:border-b-white': selectedLevel1Index === index}"
role="tab"
:id="'main-menu-l1-tab-' + item.id"
:aria-selected="selectedLevel1Index === index"
:tabindex="selectedLevel1Index === index ? 0 : -1"
aria-controls="main-menu-l1-panel"
>
<i x-show="item.nav_icon" class="mr-2.5 inline-block w-4 dark:text-white" :class="itemCls(item)" aria-hidden="true"></i>
<span class="grow" x-text="item.title"></span>
</button>
</li>
</template>
</ul>
</div>
<div class="max-sm:hidden py-20 px-6 grow overflow-hidden">
<div
id="main-menu-l1-panel"
role="tabpanel"
:aria-labelledby="currentLevel1 ? ('main-menu-l1-tab-' + currentLevel1.id) : null"
tabindex="0"
>
<template x-if="level2Items && level2Items.length > 0">
<div>
<div
class="border-b border-gray-200 dark:border-gray-600 contrast:border-black contrast-dark:border-white">
<div class="sr-only" id="main-menu-level2-label">Bereiche</div>
<ul
class="text-lg text-primary dark:text-white leading-7 flex flex-col lg:flex-row flex-wrap -mb-px"
role="tablist"
id="main-menu-level2-list"
aria-labelledby="main-menu-level2-label"
>
<template x-for="(item, index) in level2Items" :key="item.id">
<li class="mr-8" role="presentation">
<template x-if="level2Items && level2Items.length > 1">
<button
:data-lvl2-index="index"
type="button"
@click="selectLevel2(index)"
@keydown.right.prevent="selectLevel2(selectNext(index, level2Items), true)"
@keydown.left.prevent="selectLevel2(selectPrevious(index, level2Items), true)"
@keydown.home.prevent="selectLevel2(0, true)"
@keydown.end.prevent="selectLevel2(level2Items.length - 1, true)"
:class="{'font-bold border-b-primary dark:border-b-white bg-gray-100 dark:bg-gray-700 contrast:bg-white contrast-dark:bg-gray-darkest': selectedLevel2Index === index}"
class="block border-y contrast:border-2 border-transparent border-b-primary cursor-pointer p-2.5 hyphens-auto text-balance hover:bg-kpsblue-100 dark:hover:bg-mebis-blue_2 contrast:hover:bg-white contrast:hover:border-black contrast-dark:hover:bg-gray-darkest contrast-dark:hover:border-white text-left"
role="tab"
:id="'main-menu-tab-' + item.id"
:aria-selected="selectedLevel2Index === index"
:tabindex="selectedLevel2Index === index ? 0 : -1"
:aria-controls="'main-menu-panel-' + item.id"
>
<span x-text="item.title"></span>
</button>
</template>
<template x-if="level2Items && level2Items.length === 1">
<h4 class="block border-y border-transparent p-2.5 hyphens-auto text-balance font-bold">
<span x-text="item.title"></span>
</h4>
</template>
</li>
</template>
</ul>
</div>
<div
role="tabpanel"
:id="currentLevel2 ? ('main-menu-panel-' + currentLevel2.id) : null"
:aria-labelledby="currentLevel2 ? ('main-menu-tab-' + currentLevel2.id) : null"
tabindex="0"
>
<template
x-if="currentLevel2 && currentLevel2.nav_is_highlight && level3Items && level3Items.length > 0">
<div class="grid grid-cols-1 lg:grid-cols-6 gap-5 mt-5">
<template x-for="(item, index) in level3Items" :key="item.id">
<div
:class="{'lg:col-span-6': item.nav_bubble_col.value === 'col100', 'lg:col-span-3': item.nav_bubble_col.value === 'col50', 'lg:col-span-2': item.nav_bubble_col.value === 'col33'}">
<a
:class="bubbleCls(item)"
class="hyphens-auto text-balance h-full w-full block rounded-lg p-6 hover:cursor-pointer contrast:border contrast:ring-inset contrast:ring-2 contrast:ring-transparent contrast:hover:ring-black contrast:border-black contrast:bg-white contrast-dark:bg-gray-darkest contrast-dark:border-white contrast-dark:hover:ring-white contrast-dark:hover:bg-gray-darkest contrast:text-black contrast-dark:text-white"
:href="item.permalink"
:aria-current="isCurrent(item) ? 'page' : null"
>
<h3 x-text="item.title"
:class="{'text-4xl mb-6': item.nav_description, 'text-5xl': !item.nav_description}"></h3>
<div x-show="item.nav_description"
x-text="item.nav_description"></div>
</a>
</div>
</template>
</div>
</template>
<template
x-if="currentLevel2 && !currentLevel2.nav_is_highlight && level3Items && level3Items.length > 0">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5 mt-5">
<template x-for="(item, index) in level3Items" :key="item.id">
<div class="text-xs text-primary dark:text-white">
<div
class="p-2.5 mb-2.5 border-b border-gray-200 dark:border-gray-600 contrast:border-black contrast-dark:border-white">
<h5 class="font-bold" x-text="item.title"></h5>
</div>
<template x-if="item.children && item.children.length > 0">
<ul>
<template x-for="(link, linkIndex) in item.children"
:key="link.id">
<li>
<a
:href="link.permalink"
class="group p-2.5 flex items-center hover:bg-kpsblue-100 dark:hover:bg-mebis-blue_2 contrast:hover:bg-white contrast-dark:hover:bg-gray-darkest contrast:ring-inset contrast:ring-2 contrast:ring-transparent contrast:hover:ring-black contrast-dark:hover:ring-white"
:class="{'text-orange-1100 hover:bg-orange-50 dark:text-orange-300 dark:hover:text-white dark:hover:bg-orange-500 contrast:text-black contrast:font-bold contrast-dark:text-white': isCurrent(link)}"
:aria-current="isCurrent(link) ? 'page' : null"
>
<i class="mr-2.5 fa-light fa-arrow-right" aria-hidden="true"></i>
<div class="grow hyphens-auto text-balance">
<span class="border-y border-transparent" :class="{'border-dotted contrast:border-solid border-b border-b-orange-1100 dark:border-b-orange-300 dark:group-hover:border-b-white contrast:border-b-black contrast-dark:border-b-white': isCurrent(link)}" x-text="link.title"></span>
</div>
</a>
</li>
</template>
</ul>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</template>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
</nav>
<main class="flex-1 min-h-screen" id="content" tabindex="-1">
<nav
aria-label="Breadcrumbs"
x-data="breadcrumbs"
data-items="1"
class="px-2.5 xl:px-12"
>
<div :class="containerCls" class="overflow-hidden overflow-clip overflow-y-visible relative flex items-center invisible h-20 min-h-20 max-h-20 text-xs leading-4" x-ref="container">
<ol class="flex items-center" role="list">
<li class="flex items-center" x-ref="startText" x-show="showStartText" x-cloak="x-cloak">
<a
href="/"
class="overflow-hidden text-ellipsis whitespace-nowrap text-gray-600 dark:text-white border-y border-transparent hover:border-b-primary cursor-pointer py-1"
>
<span>Startseite</span>
</a>
<i class="fa-light fa-angle-right mx-2 text-gray-600 dark:text-white text-xl inline-block w-2.5 overflow-hidden" aria-hidden="true"></i>
</li>
<li class="flex items-center" x-ref="startIcon" x-show="showStartIcon" x-cloak="x-cloak">
<a
href="/"
class="text-gray-600 dark:text-white border-y border-transparent hover:border-b-primary cursor-pointer py-1"
title="Startseite"
aria-label="Startseite"
>
<i class="fa-light fa-house text-lg inline-block w-5" aria-hidden="true"></i>
</a>
<i class="fa-light fa-angle-right mx-2 text-gray-600 dark:text-white text-xl inline-block w-2.5 overflow-hidden" aria-hidden="true"></i>
</li>
<li class="static sm:relative flex items-center" x-show="showDropdownBtn" x-cloak="x-cloak" x-ref="dropdownbtn">
<button
@click="toggleDropdown"
class="px-1 text-primary focus:outline-none border-y border-transparent border-b-primary hover:text-gray-600 hover:border-b-gray-600 dark:hover:text-white dark:hover:border-b-white"
aria-haspopup="true"
:aria-expanded="isDropdownOpen"
aria-controls="breadcrumbs-dropdown"
aria-label="Alle Breadcrumbs"
type="button"
x-ref="dropdownToggle"
>
<i class="fa-solid fa-ellipsis text-2xl inline-block w-5" aria-hidden="true"></i>
</button>
<div
id="breadcrumbs-dropdown"
role="region"
aria-label="Alle Breadcrumbs"
x-show="isDropdownOpen"
@click.outside="closeDropdown"
@keydown.escape.stop="closeDropdown"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
x-transition:leave="transition ease-in duration-150"
x-transition:leave-start="opacity-100 transform scale-100"
x-transition:leave-end="opacity-0 transform scale-95"
class="absolute w-full sm:w-96 top-full left-0 -mt-3 sm:mt-2 bg-white shadow rounded-lg z-9990 overflow-y-auto p-4"
x-cloak="x-cloak"
x-ref="dropdown"
>
<ol role="list">
<li class="flex items-center mb-2.5">
<a
href="/"
class="flex items-center justify-between text-gray-600 dark:text-white border-y border-transparent hover:border-b-primary cursor-pointer py-1"
>
<span>Startseite</span>
<i class="fa-light fa-arrow-right ml-2 flex-shrink-0" aria-hidden="true"></i>
</a>
</li>
<li class="flex items-center mb-2.5">
<span
class="text-gray-darkest dark:text-white border-y border-transparent py-1"
aria-current="page"
>
mebis Magazin ist klickpunkt.schule
</span>
</li>
</ol>
<!-- Close button -->
<button
@click="closeDropdown"
class="flex items-center text-left text-primary focus:outline-none hover:text-gray-600 dark:hover:text-white dark:hover:border-b-white"
type="button"
aria-label="Alle Breadcrumbs schließen"
>
<span>schließen</span>
<i class="fa-light fa-arrow-up-from-dotted-line ml-2" aria-hidden="true"></i>
</button>
</div>
<i class="fa-light fa-angle-right mx-2 text-gray-600 dark:text-white text-xl inline-block w-2.5 overflow-hidden" aria-hidden="true"></i>
</li>
<li class="flex items-center" x-ref="item1">
<span
class="overflow-hidden text-ellipsis whitespace-nowrap text-gray-darkest dark:text-white border-y border-transparent py-1"
x-ref="currentText"
aria-current="page"
>
mebis Magazin ist klickpunkt.schule
</span>
</li>
</ol>
</div>
</nav>
<div class="mx-auto w-full max-w-5xl">
<div class="px-4 sm:px-8 md:px-20"><div class="my-4">
<div x-data="carousel"
x-init="initCarousel"
@keydown.right="next"
@keydown.left="prev"
@resize.window.passive="onResize"
tabindex="0"
role="region"
aria-label="Carousel"
class="w-full"
>
<div class="flex">
<div class="w-[7.5%] md:w-1/5 grow-0 flex items-center justify-end">
<button @click="prev" x-show="showCarouselNav" x-cloak="x-cloak" :disabled="isFirst"
class="mr-0.5 h-10 lg:h-16 w-10 lg:w-16 shrink-0 flex items-center justify-center rounded-full bg-white lg:hover:bg-gray-light contrast:border-2 contrast:border-gray-dark shadow focusable"
:class="prevBtnCls"
>
<i class="fal fa-arrow-left text-lg md:text-xl prose" aria-hidden="true"></i>
<span class="sr-only">Zur vorherigen Seite springen</span>
</button>
</div>
<div class="grow w-[85%] md:w-3/5">
<ul class="flex w-full overflow-hidden" x-ref="carouselContainer">
<li x-data="carouselItem" class="px-[5.88%] md:px-[8.33%] w-full shrink-0" tabindex="-1" :aria-hidden="ariaHidden" data-item-index="1">
<div class=""><div class="my-0 w-full md:w-1/4 mr-auto md:mx-auto">
<figure class="max-w-full flex flex-col">
<div class="max-w-full overflow-hidden rounded-3xl flex justify-center">
<img class="block h-auto w-auto max-w-full max-h-[900px] min-h-[1px] rounded-3xl" src="https://klickpunktschule.bycs.de/cdn/ic/containers/s3content/page/91621ed2-7951-426e-8a2c-d0ef62b7d0e1/klickpunkt-schule-logo-mini.png/456b397dca3813698ce80ce4e3ba9926/klickpunkt-schule-logo-mini.webp" srcset="https://klickpunktschule.bycs.de/cdn/ic/containers/s3content/page/91621ed2-7951-426e-8a2c-d0ef62b7d0e1/klickpunkt-schule-logo-mini.png/a60f1bed88742f31d0723887a5ac9df8/klickpunkt-schule-logo-mini.webp 480w, https://klickpunktschule.bycs.de/cdn/ic/containers/s3content/page/91621ed2-7951-426e-8a2c-d0ef62b7d0e1/klickpunkt-schule-logo-mini.png/71f09bb65c2f3b9c121c84a055c6e520/klickpunkt-schule-logo-mini.webp 840w, https://klickpunktschule.bycs.de/cdn/ic/containers/s3content/page/91621ed2-7951-426e-8a2c-d0ef62b7d0e1/klickpunkt-schule-logo-mini.png/75abdaae82f309f67c4e39c66a99ca69/klickpunkt-schule-logo-mini.webp 1024w, https://klickpunktschule.bycs.de/cdn/ic/containers/s3content/page/91621ed2-7951-426e-8a2c-d0ef62b7d0e1/klickpunkt-schule-logo-mini.png/f60c8f69c64aabd7fdee086430ee3d2c/klickpunkt-schule-logo-mini.webp 1200w, https://klickpunktschule.bycs.de/cdn/ic/containers/s3content/page/91621ed2-7951-426e-8a2c-d0ef62b7d0e1/klickpunkt-schule-logo-mini.png/456b397dca3813698ce80ce4e3ba9926/klickpunkt-schule-logo-mini.webp 1440w" sizes="(min-width: 1440px) 1360px, (min-width: 1280px) calc(100vw - 80px), calc(100vw - 40px)" alt="" width="204" height="204" loading="lazy">
</div>
</figure>
</div></div>
</li>
</ul>
</div>
<div class="w-[7.5%] md:w-1/5 grow-0 flex items-center justify-start">
<button @click="next" x-show="showCarouselNav" x-cloak="x-cloak" :disabled="isLast"
class="ml-0.5 h-10 lg:h-16 w-10 lg:w-16 shrink-0 flex items-center justify-center rounded-full bg-white lg:hover:bg-gray-light contrast:border-2 contrast:border-gray-dark shadow focusable"
:class="nextBtnCls"
>
<i class="fal fa-arrow-right text-lg md:text-xl prose" aria-hidden="true"></i>
<span class="sr-only">Zur nächsten Seite springen</span>
</button>
</div>
</div>
<div class="w-full mt-4" x-show="showCarouselNav" x-cloak="x-cloak">
<ul class="flex flex-wrap items-center justify-center" aria-label="Slider Navigation">
<li x-data="carouselDot" x-init="initItem" class="inline-flex items-center mx-1 group" data-item-index="1">
<button type="button" @click="jumpToIndex"
:aria-label="ariaLabel"
:aria-current="ariaCurrent"
:class="dotCls"
class="origin-center w-3 lg:w-5 h-3 lg:h-5 rounded-full"
></button>
</li>
</ul>
</div>
</div>
</div></div>
<div class="px-4 sm:px-8 md:px-20"><div class="prose dark:prose-invert prose-sm md:prose-md lg:prose-base prose-mebisblue text-pretty " ><p><strong>Hinweis:</strong> Die Integration der bisherigen mebis-Angebote in die BayernCloud Schule (ByCS) ist abgeschlossen. Alle Anwendungen, Inhalte und Unterstützungsangebote werden nun einheitlich unter dem Dach der <strong>ByCS</strong> geführt.</p></div></div>
<div class="px-4 sm:px-8 md:px-20"><div class="my-12 w-full mr-auto">
<div class="grid grid-col-1 gap-x-5 gap-y-5">
<div class="grid grid-cols-1 md:grid-cols-2 justify-stretch gap-x-5 gap-y-5">
<article class="w-full relative flex flex-col rounded-3xl overflow-hidden contrast:border contrast:ring-inset contrast:ring contrast:ring-transparent contrast:border-black contrast:bg-white contrast-dark:bg-gray-darkest contrast-dark:border-white contrast:text-black contrast-dark:text-white border border-transparent bg-kpsblue-100 dark:bg-kpsblue-600 hover:bg-kpsblue-200 dark:hover:bg-kpsblue-700 group focusable contrast:hover:ring-2 contrast:hover:ring-black contrast-dark:hover:ring-white contrast-dark:hover:bg-gray-darkest !ring-offset-0">
<div class="grow w-full flex flex-col">
<div class="p-6 grow pb-0">
<h4 class="text-4xl font-display hyphens-auto text-balance">
<a class="cover" href="/">mebis Magazin ist jetzt klickpunkt.schule</a>
</h4>
<p class="text-base mt-6 hyphens-auto text-pretty max-w-3xl">Ihr zentrales bayerisches Angebot für guten Unterricht in einer digitalen Welt<br />
<br />
klickpunkt.schule unterstützt Sie dabei,<br />
● digitale Medien reflektiert in pädagogische Konzepte zu integrieren,<br />
● Unterricht und Schulentwicklung gemeinsam zu denken,<br />
● praxisnahe Ideen aus Schulen kennenzulernen und weiterzuentwickeln.</p>
</div>
<div class="w-full flex items-center justify-end px-6 pb-4 ">
<i class="fal fa-arrow-right-long text-2xl transition group-hover:translate-x-1 pointer-events-none" aria-hidden="true"></i>
</div>
</div>
</article>
<article class="w-full relative flex flex-col rounded-3xl overflow-hidden contrast:border contrast:ring-inset contrast:ring contrast:ring-transparent contrast:border-black contrast:bg-white contrast-dark:bg-gray-darkest contrast-dark:border-white contrast:text-black contrast-dark:text-white border border-transparent bg-kpsorange-200 dark:bg-kpsorange-700 hover:bg-kpsorange-300 dark:hover:bg-kpsorange-800 group focusable contrast:hover:ring-2 contrast:hover:ring-black contrast-dark:hover:ring-white contrast-dark:hover:bg-gray-darkest !ring-offset-0">
<div class="grow w-full flex flex-col">
<div class="p-6 grow pb-0">
<h4 class="text-4xl font-display hyphens-auto text-balance">
<a class="cover" href="https://www.bycs.de/index.html">ByCS-Web-Portal</a>
</h4>
<p class="text-base mt-6 hyphens-auto text-pretty max-w-3xl">Das Web-Portal ist der zentrale Dreh- und Angelpunkt zu allen Anwendungen der ByCS sowie zu Hilfen, Tutorials und Informationen für deren Einsatz im Schulalltag.<br />
<br />
Die Materialien unterstützen Sie dabei,<br />
• technische Funktionen sicher zu nutzen,<br />
• digitale Arbeitsprozesse in Schule und Unterricht effizient zu gestalten,<br />
• und passende Lösungen für Ihren schulischen Alltag zu finden.</p>
</div>
<div class="w-full flex items-center justify-end px-6 pb-4 ">
<i class="fal fa-arrow-right-long text-2xl transition group-hover:translate-x-1 pointer-events-none" aria-hidden="true"></i>
</div>
</div>
</article>
</div>
</div>
</div></div>
<div class="px-4 sm:px-8 md:px-20"><div aria-hidden="true" class="spacer mt-20"></div></div>
</div>
</main>
<a x-data="scrollToTop" x-init="initScrollToTop" x-show="show" x-cloak @scroll.window.passive="onScroll" class="fixed bottom-4 right-4 md:bottom-32 md:right-4 flex items-center justify-center md:w-16 md:h-16 w-10 h-10 bg-white rounded-full drop-shadow z-30" href="#top-of-page">
<i aria-hidden="true" class="fal fa-arrow-up text-lg md:text-2xl"></i>
<span class="sr-only">Zu Seitenstart springen</span>
</a>
<div aria-hidden="true" class="spacer w-full h-10"></div>
<bycs-footer
imprintUrl="/impressum"
privacyUrl="/datenschutz"
termsUrl=""
accessibilityStatementUrl="https://www.bycs.de/rechtliche-dokumente/magazin/barrierefreiheit/index.html"
logoUrl="/theme/images/bycs-logo-white.svg?id=5a78cddb72086f512d8fae63dc5590eb"
>
<bycs-footer-legal-link slot="legal" href="/beitrag/ueber-uns">Über uns</bycs-footer-legal-link>
</bycs-footer>
</div>
<!-- 91621ed2-7951-426e-8a2c-d0ef62b7d0e1 created at 2026-08-19T15:36:55+00:00 v6.0.4:v.3b46039c-20601 :::gby-default-s::: -->
</body>
</html>
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 4
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 4 оптимально.
Внутренние ссылки не запрещены к индексации в robots.txt.
Показать внутренние ссылки
| Url | Анкор | Состояние | Анализировать |
|---|---|---|---|
| / |
<span>Startseite</span>
|
|
Анализировать url |
| / |
<i class="fa-light fa-house text-lg inline-block w-5" aria-hidden="true"></i>
|
|
Анализировать url |
| / |
<span>Startseite</span>
<i class="fa-light fa-arrow-right ml-2 flex-shrink-0" aria-hidden="true"></i>
|
|
Анализировать url |
| / |
mebis Magazin ist jetzt klickpunkt.schule
|
|
Анализировать url |
Внешние ссылки
Кол-во: 1
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 1 оптимально.
Показать внешние ссылки
| Url | Анкор | Анализировать |
|---|---|---|
| bycs.de |
ByCS-Web-Portal
|
Анализировать url |
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Оптимизация сайта mebis.bayern.de выполнена всего на 50%. Чтобы исправить ситуацию и попасть в ТОП необходимо:
Постарайтесь исправить общие ошибки.
Исправьте ошибки в мета-тегах.
Исправьте ошибки оптимизации.
Исправьте ошибки индексации.
Поделитесь с друзьями: