{"id":47,"date":"2026-06-12T15:12:37","date_gmt":"2026-06-12T13:12:37","guid":{"rendered":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/calvin\/wordpress\/?page_id=47"},"modified":"2026-06-21T22:37:01","modified_gmt":"2026-06-21T20:37:01","slug":"hhhhh","status":"publish","type":"page","link":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/calvin\/wordpress\/?page_id=47","title":{"rendered":"Erfolge"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"407\" height=\"790\" src=\"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/calvin\/wordpress\/wp-content\/uploads\/2026\/06\/grafik-7.png\" alt=\"\" class=\"wp-image-102\" style=\"width:575px;height:auto\" srcset=\"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/calvin\/wordpress\/wp-content\/uploads\/2026\/06\/grafik-7.png 407w, https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/calvin\/wordpress\/wp-content\/uploads\/2026\/06\/grafik-7-155x300.png 155w\" sizes=\"auto, (max-width: 407px) 100vw, 407px\" \/><\/figure>\n\n\n<div class=\"lazyblock-mein-api-scrollchart-Z1UBjma wp-block-lazyblock-mein-api-scrollchart\"><div class=\"hak-chart-container\">\n  <h3 class=\"hak-chart-title\">HAK &#8211; Brgenz der Absolute Albtraum<\/h3>\n  <p class=\"hak-chart-desc\">Monatliche \u00dcberlebensstatistik in der Schule<\/p>\n  \n  <div class=\"hak-css-chart\">\n    \n    <!-- Balken 1 - J\u00e4nner -->\n    <div class=\"chart-row\">\n      <span class=\"chart-label\">J\u00e4nner<\/span>\n      <div class=\"chart-bar-container\">\n        <div class=\"chart-bar bar-jan\">\n          <span class=\"bar-value\">60%<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Balken 2 - Februar -->\n    <div class=\"chart-row\">\n      <span class=\"chart-label\">Februar<\/span>\n      <div class=\"chart-bar-container\">\n        <div class=\"chart-bar bar-feb\">\n          <span class=\"bar-value\">70%<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Balken 3 - M\u00e4rz -->\n    <div class=\"chart-row\">\n      <span class=\"chart-label\">M\u00e4rz<\/span>\n      <div class=\"chart-bar-container\">\n        <div class=\"chart-bar bar-mar\">\n          <span class=\"bar-value\">40%<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Balken 4 - April -->\n    <div class=\"chart-row\">\n      <span class=\"chart-label\">April<\/span>\n      <div class=\"chart-bar-container\">\n        <div class=\"chart-bar bar-apr\">\n          <span class=\"bar-value\">10%<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- STYLING & DIE GEFIXTE ANIMATION -->\n<style>\n.hak-chart-container {\n  background: #1a1a1a;\n  color: #fff;\n  padding: 40px;\n  border-radius: 12px;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  max-width: 700px;\n  margin: 30px auto;\n  box-shadow: 0 15px 40px rgba(0,0,0,0.6);\n  border: 1px solid #333;\n}\n\n.hak-chart-title {\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  font-size: 20px;\n  margin-bottom: 5px;\n}\n\n.hak-chart-desc {\n  color: #aaa;\n  font-size: 14px;\n  margin-top: 0;\n  margin-bottom: 30px;\n  border-bottom: 1px solid #444;\n  padding-bottom: 15px;\n}\n\n.chart-row {\n  display: flex;\n  align-items: center;\n  margin-bottom: 18px;\n}\n\n.chart-label {\n  width: 90px;\n  font-size: 14px;\n  color: #ddd;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  font-weight: bold;\n}\n\n.chart-bar-container {\n  flex-grow: 1;\n  background: #333;\n  height: 28px;\n  border-radius: 6px;\n  overflow: hidden;\n  position: relative;\n  box-shadow: inset 0 2px 5px rgba(0,0,0,0.3);\n}\n\n.chart-bar {\n  height: 100%;\n  background: linear-gradient(90deg, #d32f2f 0%, #ff5252 100%);\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding-right: 12px;\n  border-radius: 6px;\n  box-sizing: border-box;\n}\n\n.bar-value {\n  color: #fff;\n  font-size: 12px;\n  font-weight: bold;\n  white-space: nowrap; \/* Verhindert, dass die Schrift umbricht *\/\n}\n\n\/* HIER STEHEN JETZT DIE GENAUEN L\u00c4NGEN UND ANIMATIONEN *\/\n.bar-jan { animation: loadJan 1.8s cubic-bezier(0.1, 0.8, 0.3, 1) forwards; animation-delay: 0.1s; }\n.bar-feb { animation: loadFeb 1.8s cubic-bezier(0.1, 0.8, 0.3, 1) forwards; animation-delay: 0.2s; }\n.bar-mar { animation: loadMar 1.8s cubic-bezier(0.1, 0.8, 0.3, 1) forwards; animation-delay: 0.3s; }\n.bar-apr { animation: loadApr 1.8s cubic-bezier(0.1, 0.8, 0.3, 1) forwards; animation-delay: 0.4s; }\n\n\/* Jede Animation f\u00e4hrt exakt bis zu ihrem eigenen Prozentwert *\/\n@keyframes loadJan { from { width: 0; } to { width: 70%; } }\n@keyframes loadFeb { from { width: 0; } to { width: 45%; } }\n@keyframes loadMar { from { width: 0; } to { width: 90%; } }\n@keyframes loadApr { from { width: 0; } to { width: 100%; } }\n<\/style><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/calvin\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/calvin\/wordpress\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/calvin\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/calvin\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/calvin\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=47"}],"version-history":[{"count":5,"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/calvin\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":104,"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/calvin\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/47\/revisions\/104"}],"wp:attachment":[{"href":"https:\/\/websites.hakbregenz.at\/schuelerwebsites\/3adb\/calvin\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}