{"id":261,"date":"2026-05-27T14:49:46","date_gmt":"2026-05-27T12:49:46","guid":{"rendered":"https:\/\/brainstein.ch\/?page_id=261"},"modified":"2026-05-27T21:44:19","modified_gmt":"2026-05-27T19:44:19","slug":"i-got-this-eba-qv-timer-fuer-pex","status":"publish","type":"page","link":"https:\/\/brainstein.ch\/fr\/i-got-this-eba-qv-timer-fuer-pex\/","title":{"rendered":"I got this &#8211; EBA QV Timer f\u00fcr PEX"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"261\" class=\"elementor elementor-261\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0569421 e-flex e-con-boxed e-con e-parent\" data-id=\"0569421\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5257d1 elementor-widget elementor-widget-html\" data-id=\"e5257d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"de\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>QV-Timer EBA HKB A und HKB B<\/title>\n  <style>\n    :root {\n      color-scheme: light;\n      --bg: #f8f8fc;\n      --panel: #ffffff;\n      --card: #ffffff;\n      --text: #1d0b49;\n      --muted: #6e6a7a;\n      --border: #e4e1ed;\n      --brand-blue: #5867ff;\n      --brand-blue-dark: #4757f2;\n      --brand-orange: #f5a124;\n      --brand-orange-dark: #d88200;\n      --brand-purple: #1d0b49;\n      --green: #15803d;\n      --green-soft: #dcfce7;\n      --amber: #b45309;\n      --amber-soft: #fef3c7;\n      --red: #dc2626;\n      --red-soft: #fee2e2;\n      --shadow: 0 12px 28px rgba(29, 11, 73, 0.08);\n    }\n\n    * {\n      box-sizing: border-box;\n    }\n\n    body {\n      margin: 0;\n      background:\n        radial-gradient(circle at top left, rgba(88, 103, 255, 0.08), transparent 28rem),\n        radial-gradient(circle at top right, rgba(245, 161, 36, 0.10), transparent 26rem),\n        var(--bg);\n      color: var(--text);\n      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    }\n\n    .app {\n      width: min(100%, 880px);\n      margin: 0 auto;\n      padding: 12px;\n    }\n\n    .header {\n      background: var(--panel);\n      border: 1px solid var(--border);\n      border-radius: 20px;\n      box-shadow: var(--shadow);\n      padding: 12px 14px;\n      margin-bottom: 10px;\n    }\n\n    .header-top {\n      display: grid;\n      grid-template-columns: auto 1fr auto;\n      align-items: center;\n      gap: 14px;\n      margin-bottom: 9px;\n    }\n\n    .brand-logo {\n      display: inline-block;\n      width: 96px;\n      line-height: 0;\n      text-decoration: none;\n    }\n\n    .brand-logo svg {\n      display: block;\n      width: 96px;\n      height: auto;\n    }\n\n    .header-title {\n      justify-self: end;\n      margin: 0;\n      text-align: right;\n      font-size: clamp(1.55rem, 3vw, 2.15rem);\n      line-height: 1.05;\n      font-weight: 980;\n      letter-spacing: -0.045em;\n      color: var(--brand-blue);\n    }\n\n    \n    .mode-switch {\n      justify-self: end;\n      display: inline-grid;\n      grid-template-columns: repeat(2, auto);\n      gap: 4px;\n      padding: 4px;\n      border: 1px solid var(--border);\n      border-radius: 999px;\n      background: rgba(255, 255, 255, 0.86);\n    }\n\n    .mode-button {\n      appearance: none;\n      border: 0;\n      border-radius: 999px;\n      padding: 8px 12px;\n      background: transparent;\n      color: var(--muted);\n      font: inherit;\n      font-size: 0.78rem;\n      font-weight: 950;\n      cursor: pointer;\n      line-height: 1;\n      transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;\n    }\n\n    .mode-button:hover {\n      transform: translateY(-1px);\n    }\n\n    .mode-button.active {\n      background: var(--brand-blue);\n      color: #fff;\n      box-shadow: 0 5px 14px rgba(88, 103, 255, 0.22);\n    }\n\n    .mode-button[data-mode=\"hkb-b\"].active {\n      background: var(--brand-orange);\n      color: var(--brand-purple);\n      box-shadow: 0 5px 14px rgba(245, 161, 36, 0.25);\n    }\n\n    .header-description {\n      margin: 0;\n      color: var(--muted);\n      font-size: 0.84rem;\n      line-height: 1.42;\n    }\n\n    .domain-view {\n      display: none;\n    }\n\n    .domain-view.active {\n      display: block;\n    }\n\n    .accordion {\n      display: grid;\n      gap: 10px;\n    }\n\n    .accordion-item.segment {\n      --segment-color: var(--brand-blue);\n      --segment-soft: rgba(88, 103, 255, 0.11);\n      background: var(--panel);\n      border: 1px solid var(--border);\n      border-radius: 20px;\n      box-shadow: var(--shadow);\n      overflow: hidden;\n    }\n\n    .accordion-item.segment-va,\n    .accordion-item.segment-roleplay {\n      --segment-color: var(--brand-blue);\n      --segment-soft: rgba(88, 103, 255, 0.11);\n    }\n\n    .accordion-item.segment-ci,\n    .accordion-item.segment-foreign {\n      --segment-color: var(--brand-orange);\n      --segment-soft: rgba(245, 161, 36, 0.14);\n    }\n\n    .accordion-item.segment-mc,\n    .accordion-item.segment-local {\n      --segment-color: #8a63ff;\n      --segment-soft: rgba(138, 99, 255, 0.12);\n    }\n\n    .accordion-trigger {\n      width: 100%;\n      border: 0;\n      appearance: none;\n      -webkit-appearance: none;\n      text-align: left;\n      color: inherit;\n      font: inherit;\n      list-style: none;\n      cursor: pointer;\n      padding: 11px 13px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 10px;\n      user-select: none;\n      background: linear-gradient(90deg, var(--segment-soft), rgba(255,255,255,0.985) 48%);\n    }\n\n    \n    .summary-main {\n      min-width: 0;\n    }\n\n    .summary-title {\n      display: block;\n      font-size: 0.98rem;\n      font-weight: 950;\n      line-height: 1.25;\n    }\n\n    .summary-note {\n      display: block;\n      color: var(--muted);\n      font-size: 0.76rem;\n      line-height: 1.35;\n      margin-top: 2px;\n    }\n\n    .summary-right {\n      display: flex;\n      align-items: center;\n      gap: 7px;\n      flex: 0 0 auto;\n    }\n\n    .duration-chip,\n    .open-chip {\n      padding: 5px 8px;\n      border-radius: 999px;\n      font-size: 0.68rem;\n      font-weight: 950;\n      white-space: nowrap;\n    }\n\n    .duration-chip {\n      background: rgba(255,255,255,0.80);\n      border: 1px solid color-mix(in srgb, var(--segment-color) 30%, white);\n      color: var(--brand-purple);\n    }\n\n    .open-chip {\n      background: #fff;\n      border: 1px solid var(--border);\n      color: var(--muted);\n    }\n\n    .accordion-trigger[aria-expanded=\"true\"] .open-chip::after {\n      content: \" einklappen\";\n    }\n\n    .accordion-trigger[aria-expanded=\"false\"] .open-chip::after {\n      content: \" ausklappen\";\n    }\n\n    .accordion-panel {\n      padding: 0 10px 10px;\n      border-top: 1px solid #eeeaf7;\n    }\n\n    .accordion-panel[hidden] {\n      display: none !important;\n    }\n\n    .timer-list {\n      display: grid;\n      gap: 7px;\n      padding-top: 10px;\n    }\n\n    .timer {\n      display: grid;\n      grid-template-columns: minmax(210px, 1fr) auto auto;\n      gap: 12px;\n      align-items: center;\n      min-height: 84px;\n      padding: 8px 9px;\n      border: 1px solid var(--border);\n      border-radius: 15px;\n      background: var(--card);\n      transition: opacity 0.25s ease, filter 0.25s ease, background 0.25s ease;\n    }\n\n    .timer.auto-next {\n      border-color: rgba(88, 103, 255, 0.32);\n      background: rgba(88, 103, 255, 0.035);\n    }\n\n    .timer.finished {\n      opacity: 0.48;\n      filter: saturate(0.55);\n      background: #f4f3f8;\n    }\n\n    .timer-main {\n      min-width: 0;\n    }\n\n    .timer-name-row {\n      display: flex;\n      gap: 6px;\n      align-items: center;\n      flex-wrap: wrap;\n      margin-bottom: 3px;\n    }\n\n    .timer-name {\n      font-size: 0.84rem;\n      font-weight: 950;\n      line-height: 1.2;\n    }\n\n    .timer-note {\n      margin: 0;\n      color: var(--muted);\n      font-size: 0.73rem;\n      line-height: 1.3;\n    }\n\n    .pill {\n      border-radius: 999px;\n      padding: 3px 6px;\n      font-size: 0.62rem;\n      font-weight: 950;\n      line-height: 1;\n      background: #efedf5;\n      color: var(--muted);\n      white-space: nowrap;\n    }\n\n    .pill.running {\n      color: var(--green);\n      background: var(--green-soft);\n    }\n\n    .pill.warning {\n      color: var(--amber);\n      background: var(--amber-soft);\n    }\n\n    .pill.done {\n      color: var(--red);\n      background: var(--red-soft);\n    }\n\n    .pill.auto {\n      color: var(--brand-blue-dark);\n      background: rgba(88, 103, 255, 0.13);\n    }\n\n    .clock-wrap {\n      text-align: right;\n      min-width: 155px;\n    }\n\n    .clock {\n      font-size: 3.1rem;\n      line-height: 1;\n      font-weight: 980;\n      letter-spacing: -0.06em;\n      font-variant-numeric: tabular-nums;\n      color: var(--brand-purple);\n    }\n\n    .timer.finished .clock {\n      color: #817b92;\n    }\n\n    .progress {\n      width: 155px;\n      height: 6px;\n      margin-top: 5px;\n      overflow: hidden;\n      border-radius: 999px;\n      background: #e8e4f0;\n    }\n\n    .progress-bar {\n      height: 100%;\n      background: linear-gradient(90deg, var(--brand-blue), var(--brand-orange));\n      transition: width 0.2s linear;\n    }\n\n    .actions {\n      display: grid;\n      grid-template-columns: repeat(2, auto);\n      gap: 4px;\n    }\n\n    .timer-button {\n      appearance: none;\n      border: 1px solid var(--border);\n      border-radius: 10px;\n      padding: 7px 8px;\n      background: #fff;\n      color: var(--text);\n      font: inherit;\n      font-size: 0.74rem;\n      font-weight: 950;\n      cursor: pointer;\n      line-height: 1;\n      transition: transform 0.15s ease, opacity 0.15s ease, background 0.15s ease;\n    }\n\n    .timer-button:hover {\n      transform: translateY(-1px);\n    }\n\n    .timer-button:active {\n      transform: translateY(0);\n    }\n\n    .timer-button:disabled {\n      cursor: not-allowed;\n      opacity: 0.45;\n      transform: none;\n    }\n\n    .toggle {\n      min-width: 58px;\n      background: var(--brand-blue);\n      border-color: var(--brand-blue);\n      color: #fff;\n    }\n\n    .toggle:hover {\n      background: var(--brand-blue-dark);\n      border-color: var(--brand-blue-dark);\n    }\n\n    .reset {\n      min-width: 48px;\n    }\n\n    .footer-note {\n      margin: 10px 2px 0;\n      color: var(--muted);\n      font-size: 0.80rem;\n      line-height: 1.42;\n    }\n\n    @media (max-width: 760px) {\n      .header-top {\n        grid-template-columns: auto 1fr;\n      }\n\n\n      .mode-switch {\n        grid-column: 1 \/ -1;\n        justify-self: end;\n      }\n    }\n\n    @media (max-width: 700px) {\n      .header-top {\n        grid-template-columns: 1fr;\n        justify-items: start;\n      }\n\n      .header-title {\n        justify-self: stretch;\n        text-align: left;\n      }\n\n      .mode-switch {\n        grid-column: auto;\n        justify-self: start;\n      }\n\n      .accordion-trigger {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      .timer {\n        grid-template-columns: 1fr;\n      }\n\n      .clock-wrap {\n        text-align: left;\n      }\n\n      .actions {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      .timer-button,\n      .toggle,\n      .reset {\n        width: 100%;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <main class=\"app\">\n    <section class=\"header\">\n      <div class=\"header-top\">\n        <a class=\"brand-logo\" href=\"https:\/\/i-got-this.ch\" target=\"_blank\" rel=\"noopener\" aria-label=\"I got this Website \u00f6ffnen\"><svg fill=\"none\" height=\"43\" viewBox=\"0 0 118 43\" width=\"118\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"><clipPath id=\"a\"><path d=\"m0 0h118v43h-118z\"\/><\/clipPath><g clip-path=\"url(#a)\"><rect fill=\"#5463ff\" height=\"32\" rx=\"6\" width=\"60\"\/><path d=\"m9.47662 23.956v-14.21201h3.95998v14.21201z\" fill=\"#fff\"\/><path d=\"m48.2134 21.547c-.9534 0-1.716-.1467-2.288-.44-.572-.308-.99-.748-1.254-1.32-.2494-.5867-.374-1.2907-.374-2.112v-4.136h-1.914v-2.706h2.09v-2.70602h3.696v2.70602h2.354v2.706h-2.354v3.85c0 .44.088.7553.264.946.1906.176.4913.264.902.264.1026 0 .22-.0073.352-.022.1466-.0147.3006-.0367.462-.066l.374 2.706c-.3667.1027-.7554.1833-1.166.242-.396.0587-.7774.088-1.144.088z\" fill=\"#fff\"\/><path d=\"m36.042 21.569c-1.1733 0-2.1926-.242-3.058-.726-.8653-.4987-1.54-1.1587-2.024-1.98-.4693-.836-.704-1.7673-.704-2.794 0-.7773.132-1.496.396-2.156.2787-.6747.6674-1.2613 1.166-1.76.5134-.4987 1.122-.8873 1.826-1.166.7187-.2787 1.518-.418 2.398-.418 1.1734 0 2.1854.242 3.036.726.8654.484 1.5327 1.144 2.002 1.98.484.8213.726 1.7527.726 2.794 0 .7627-.132 1.4813-.396 2.156s-.6526 1.2613-1.166 1.76c-.5133.4987-1.1293.8873-1.848 1.166-.704.2787-1.4886.418-2.354.418zm0-2.926c.2787 0 .528-.0587.748-.176.2347-.1173.4327-.286.594-.506.1614-.22.286-.4913.374-.814s.132-.682.132-1.078c0-.5573-.0806-1.0267-.242-1.408-.1466-.3813-.3593-.6673-.638-.858-.264-.2053-.5866-.308-.968-.308-.2933 0-.5573.0587-.792.176-.22.1027-.4106.264-.572.484-.1613.22-.286.4913-.374.814-.0733.3227-.11.6893-.11 1.1 0 .528.0734.99.22 1.386.1467.3813.3594.6747.638.88.2787.2053.6087.308.99.308z\" fill=\"#fff\"\/><path d=\"m23.1126 25.573c-1.1293 0-2.0973-.1687-2.904-.506-.792-.3373-1.408-.792-1.848-1.364-.4253-.572-.6527-1.1807-.682-1.826l3.52-.264c.044.3227.22.6013.528.836s.726.352 1.254.352c.5867 0 1.0487-.1613 1.386-.484s.506-.7773.506-1.364v-1.65c-.2787.3227-.5427.6013-.792.836-.2347.2347-.5207.418-.858.55-.3227.1173-.748.176-1.276.176-.8947 0-1.6867-.22-2.376-.66-.6747-.44-1.2027-1.0413-1.584-1.804-.3667-.7773-.55-1.672-.55-2.684 0-.7627.1027-1.452.308-2.068.22-.6307.528-1.1733.924-1.628.396-.4693.8727-.8287 1.43-1.078s1.1807-.374 1.87-.374c.5573 0 .9973.066 1.32.198.3373.1173.6307.286.88.506s.506.4767.77.77v-1.21h3.806v9.79c0 1.0267-.2273 1.9067-.682 2.64-.4547.748-1.1073 1.32-1.958 1.716-.836.396-1.8333.594-2.992.594zm.088-7.634c.2787 0 .528-.0513.748-.154.22-.1173.4107-.2787.572-.484s.286-.44.374-.704c.088-.2787.132-.572.132-.88 0-.4253-.0807-.8067-.242-1.144-.1467-.3373-.3593-.6013-.638-.792-.264-.1907-.5793-.286-.946-.286-.3813 0-.7113.0953-.99.286s-.4913.4547-.638.792c-.1467.3227-.22.704-.22 1.144 0 .4253.0733.8067.22 1.144s.3593.6013.638.792.6087.286.99.286z\" fill=\"#fff\"\/><rect fill=\"#f09b25\" height=\"31\" rx=\"6\" width=\"60\" x=\"58\" y=\"10\"\/><g fill=\"#fff\"><path d=\"m106.515 26.925-.814-9.526h4.224l-.792 9.526zm1.276 5.896c-.616 0-1.122-.2053-1.518-.616s-.594-.9093-.594-1.496c0-.4107.088-.7773.264-1.1.191-.3227.44-.5793.748-.77.323-.1907.69-.286 1.1-.286.616 0 1.122.2053 1.518.616.411.4107.616.924.616 1.54 0 .5867-.205 1.0853-.616 1.496-.396.4107-.902.616-1.518.616z\"\/><path d=\"m98.9006 32.755c-1.5546 0-2.7426-.3007-3.564-.902-.8066-.6013-1.2393-1.4227-1.298-2.464l3.432-.242c.0734.4107.242.726.506.946.264.2053.6234.308 1.078.308.4254 0 .7407-.0733.9464-.22.205-.1613.308-.3813.308-.66s-.103-.484-.308-.616c-.2057-.1467-.5064-.2493-.9024-.308l-1.254-.198c-.748-.1173-1.3933-.3153-1.936-.594-.528-.2787-.9386-.638-1.232-1.078-.2786-.44-.418-.968-.418-1.584 0-.704.1834-1.3053.55-1.804.3667-.5133.8874-.902 1.562-1.166.6894-.2787 1.5034-.418 2.442-.418.9534 0 1.7744.1393 2.4644.418.704.264 1.254.638 1.65 1.122s.608 1.034.638 1.65l-3.388.242c-.015-.2347-.081-.4327-.1984-.594-.1026-.1613-.2566-.2787-.462-.352-.2053-.088-.4473-.132-.726-.132-.352 0-.6233.066-.814.198-.176.1173-.264.286-.264.506 0 .2787.1027.484.308.616.22.1173.5134.2053.88.264l1.6064.264c1.012.1467 1.811.4913 2.398 1.034.601.5427.902 1.2833.902 2.222 0 .7187-.198 1.3493-.594 1.892-.382.528-.939.9387-1.672 1.232-.734.2787-1.6137.418-2.6404.418z\"\/><path d=\"m88.6457 32.491v-10.472h3.85v10.472zm1.914-11.462c-.6013 0-1.0927-.1833-1.474-.55-.3667-.3667-.55-.814-.55-1.342 0-.5427.1833-1.0047.55-1.386.3813-.3813.8727-.572 1.474-.572s1.0853.1907 1.452.572c.3813.3813.572.8433.572 1.386 0 .528-.1907.9753-.572 1.342-.3667.3667-.8507.55-1.452.55z\"\/><path d=\"m75.9966 32.491v-15.092h3.85v6.182c.2786-.3813.55-.704.814-.968.264-.2787.5793-.4913.946-.638.3813-.1467.8653-.22 1.452-.22.792 0 1.4446.1833 1.958.55.5133.3667.902.858 1.166 1.474.264.6013.396 1.276.396 2.024v6.688h-3.872v-6.248c0-.4107-.1027-.7627-.308-1.056-.2054-.308-.55-.462-1.034-.462-.3227 0-.594.0807-.814.242-.22.1467-.396.3593-.528.638-.1174.264-.176.5793-.176.946v5.94z\"\/><path d=\"m71.9048 32.733c-.9534 0-1.716-.1467-2.288-.44-.572-.308-.99-.748-1.254-1.32-.2494-.5867-.374-1.2907-.374-2.112v-4.136h-1.914v-2.706h2.09v-2.706h3.696v2.706h2.354v2.706h-2.354v3.85c0 .44.088.7553.264.946.1906.176.4913.264.902.264.1026 0 .22-.0073.352-.022.1466-.0147.3006-.0367.462-.066l.374 2.706c-.3667.1027-.7554.1833-1.166.242-.396.0587-.7774.088-1.144.088z\"\/><\/g><path d=\"m9 32h12l-12 11z\" fill=\"#5463ff\"\/><path d=\"m19 32h12l-12 11z\" fill=\"#5463ff\"\/><\/g><\/svg><\/a>\n        <h1 class=\"header-title\" id=\"pageTitle\">QV-Timer EBA<\/h1>\n        <nav class=\"mode-switch\" aria-label=\"HKB ausw\u00e4hlen\">\n          <button class=\"mode-button active\" type=\"button\" data-mode=\"hkb-a\" aria-pressed=\"true\">HKB A<\/button>\n          <button class=\"mode-button\" type=\"button\" data-mode=\"hkb-b\" aria-pressed=\"false\">HKB B<\/button>\n        <\/nav>\n      <\/div>\n      <p class=\"header-description\" id=\"pageDescription\">Vertiefungsarbeit, Critical Incident und Mini Case.<\/p>\n    <\/section>\n\n    <section class=\"domain-view active\" data-view=\"hkb-a\">\n      <section class=\"accordion\">\n        <div class=\"accordion-item segment segment-va\">\n          <button class=\"accordion-trigger\" id=\"accordion-trigger-1\" type=\"button\" aria-expanded=\"true\" aria-controls=\"accordion-panel-1\">\n            <span class=\"summary-main\">\n              <span class=\"summary-title\">Vertiefungsarbeit<\/span>\n              <span class=\"summary-note\">Einrichtung \u2192 Pr\u00e4sentation \u2192 Fragen<\/span>\n            <\/span>\n            <span class=\"summary-right\">\n              <span class=\"duration-chip\">15 + 10 + 10 Min.<\/span>\n              <span class=\"open-chip\"><\/span>\n            <\/span>\n          <\/button>\n          <div class=\"accordion-panel\" id=\"accordion-panel-1\" aria-labelledby=\"accordion-trigger-1\">\n            <div class=\"timer-list\" data-block=\"a-va\"><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"accordion-item segment segment-ci\">\n          <button class=\"accordion-trigger\" id=\"accordion-trigger-2\" type=\"button\" aria-expanded=\"false\" aria-controls=\"accordion-panel-2\">\n            <span class=\"summary-main\">\n              <span class=\"summary-title\">Critical Incident<\/span>\n              <span class=\"summary-note\">berufliches oder privates Umfeld<\/span>\n            <\/span>\n            <span class=\"summary-right\">\n              <span class=\"duration-chip\">2 + 3 Min.<\/span>\n              <span class=\"open-chip\"><\/span>\n            <\/span>\n          <\/button>\n          <div class=\"accordion-panel\" id=\"accordion-panel-2\" aria-labelledby=\"accordion-trigger-2\" hidden>\n            <div class=\"timer-list\" data-block=\"a-ci\"><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"accordion-item segment segment-mc\">\n          <button class=\"accordion-trigger\" id=\"accordion-trigger-3\" type=\"button\" aria-expanded=\"false\" aria-controls=\"accordion-panel-3\">\n            <span class=\"summary-main\">\n              <span class=\"summary-title\">Mini Case<\/span>\n              <span class=\"summary-note\">berufliches oder privates Umfeld<\/span>\n            <\/span>\n            <span class=\"summary-right\">\n              <span class=\"duration-chip\">2 + 3 Min.<\/span>\n              <span class=\"open-chip\"><\/span>\n            <\/span>\n          <\/button>\n          <div class=\"accordion-panel\" id=\"accordion-panel-3\" aria-labelledby=\"accordion-trigger-3\" hidden>\n            <div class=\"timer-list\" data-block=\"a-mc\"><\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n    <\/section>\n\n    <section class=\"domain-view\" data-view=\"hkb-b\">\n      <section class=\"accordion\">\n        <div class=\"accordion-item segment segment-roleplay\">\n          <button class=\"accordion-trigger\" id=\"accordion-trigger-4\" type=\"button\" aria-expanded=\"true\" aria-controls=\"accordion-panel-4\">\n            <span class=\"summary-main\">\n              <span class=\"summary-title\">Rollenspiel in der Fremdsprache<\/span>\n              <span class=\"summary-note\"><\/span>\n            <\/span>\n            <span class=\"summary-right\">\n              <span class=\"duration-chip\">5 + 5 Min.<\/span>\n              <span class=\"open-chip\"><\/span>\n            <\/span>\n          <\/button>\n          <div class=\"accordion-panel\" id=\"accordion-panel-4\" aria-labelledby=\"accordion-trigger-4\">\n            <div class=\"timer-list\" data-block=\"b-roleplay\"><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"accordion-item segment segment-foreign\">\n          <button class=\"accordion-trigger\" id=\"accordion-trigger-5\" type=\"button\" aria-expanded=\"false\" aria-controls=\"accordion-panel-5\">\n            <span class=\"summary-main\">\n              <span class=\"summary-title\">Critical Incident 1 in der Landessprache<\/span>\n              <span class=\"summary-note\">kommunikative Situation<\/span>\n            <\/span>\n            <span class=\"summary-right\">\n              <span class=\"duration-chip\">2 + 3 Min.<\/span>\n              <span class=\"open-chip\"><\/span>\n            <\/span>\n          <\/button>\n          <div class=\"accordion-panel\" id=\"accordion-panel-5\" aria-labelledby=\"accordion-trigger-5\" hidden>\n            <div class=\"timer-list\" data-block=\"b-ci-one\"><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"accordion-item segment segment-local\">\n          <button class=\"accordion-trigger\" id=\"accordion-trigger-6\" type=\"button\" aria-expanded=\"false\" aria-controls=\"accordion-panel-6\">\n            <span class=\"summary-main\">\n              <span class=\"summary-title\">Critical Incident 2 in der Landessprache<\/span>\n              <span class=\"summary-note\">kommunikative Situation<\/span>\n            <\/span>\n            <span class=\"summary-right\">\n              <span class=\"duration-chip\">2 + 3 Min.<\/span>\n              <span class=\"open-chip\"><\/span>\n            <\/span>\n          <\/button>\n          <div class=\"accordion-panel\" id=\"accordion-panel-6\" aria-labelledby=\"accordion-trigger-6\" hidden>\n            <div class=\"timer-list\" data-block=\"b-ci-two\"><\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n    <\/section>\n  <\/main>\n  <script>\n    const timerConfig = [\n      {\n        id: \"a-setup\",\n        block: \"a-va\",\n        name: \"Einrichtung im Pr\u00fcfungszimmer\",\n        note: \"Technik und Einrichtung\",\n        seconds: 15 * 60,\n        nextTimerId: \"a-va-presentation\"\n      },\n      {\n        id: \"a-va-presentation\",\n        block: \"a-va\",\n        name: \"Pr\u00e4sentation Vertiefungsarbeit\",\n        note: \"\",\n        seconds: 10 * 60,\n        nextTimerId: \"a-va-questions\"\n      },\n      {\n        id: \"a-va-questions\",\n        block: \"a-va\",\n        name: \"Konkretisierungs- und Verst\u00e4ndnisfragen\",\n        note: \"Fragen zur Pr\u00e4sentation und\/oder Vertiefungsarbeit\",\n        seconds: 10 * 60\n      },\n      {\n        id: \"a-ci-prep\",\n        block: \"a-ci\",\n        name: \"Vorbereitung Critical Incident\",\n        note: \"Einlesen und Notizen\",\n        seconds: 2 * 60,\n        nextTimerId: \"a-ci-solution\"\n      },\n      {\n        id: \"a-ci-solution\",\n        block: \"a-ci\",\n        name: \"M\u00fcndliche Darstellung Critical Incident\",\n        note: \"Pr\u00e4sentation der L\u00f6sung\",\n        seconds: 3 * 60\n      },\n      {\n        id: \"a-mc-prep\",\n        block: \"a-mc\",\n        name: \"Vorbereitung Mini Case\",\n        note: \"Einlesen und Notizen\",\n        seconds: 2 * 60,\n        nextTimerId: \"a-mc-solution\"\n      },\n      {\n        id: \"a-mc-solution\",\n        block: \"a-mc\",\n        name: \"M\u00fcndliche L\u00f6sung Mini Case\",\n        note: \"Pr\u00e4sentation der L\u00f6sung\",\n        seconds: 3 * 60\n      },\n      {\n        id: \"b-roleplay-prep\",\n        block: \"b-roleplay\",\n        name: \"Vorbereitung Rollenspiel in der Fremdsprache\",\n        note: \"Einlesen, Notizen erlaubt, keine Hilfsmittel\",\n        seconds: 5 * 60,\n        nextTimerId: \"b-roleplay-play\"\n      },\n      {\n        id: \"b-roleplay-play\",\n        block: \"b-roleplay\",\n        name: \"Rollenspiel in der Fremdsprache\",\n        note: \"Pr\u00fcfungszeit in der Fremdsprache\",\n        seconds: 5 * 60\n      },\n      {\n        id: \"b-ci-one-prep\",\n        block: \"b-ci-one\",\n        name: \"Vorbereitung Critical Incident 1 in der Landessprache\",\n        note: \"Einlesen und Notizen\",\n        seconds: 2 * 60,\n        nextTimerId: \"b-ci-one-solution\"\n      },\n      {\n        id: \"b-ci-one-solution\",\n        block: \"b-ci-one\",\n        name: \"Pr\u00e4sentation Critical Incident 1 in der Landessprache\",\n        note: \"Pr\u00e4sentation der L\u00f6sung\",\n        seconds: 3 * 60\n      },\n      {\n        id: \"b-ci-two-prep\",\n        block: \"b-ci-two\",\n        name: \"Vorbereitung Critical Incident 2 in der Landessprache\",\n        note: \"Einlesen und Notizen\",\n        seconds: 2 * 60,\n        nextTimerId: \"b-ci-two-solution\"\n      },\n      {\n        id: \"b-ci-two-solution\",\n        block: \"b-ci-two\",\n        name: \"Pr\u00e4sentation Critical Incident 2 in der Landessprache\",\n        note: \"Pr\u00e4sentation der L\u00f6sung\",\n        seconds: 3 * 60\n      }\n    ];\n  <\/script>\n  <script>\n    \n    const UPDATE_INTERVAL_MS = 250;\n\n    const timers = timerConfig.map((timer) => ({\n      ...timer,\n      remaining: timer.seconds,\n      running: false,\n      endAt: null\n    }));\n\n    const blockElements = document.querySelectorAll(\"[data-block]\");\n    const modeButtons = document.querySelectorAll(\".mode-button\");\n    const domainViews = document.querySelectorAll(\".domain-view\");\n    const pageTitle = document.getElementById(\"pageTitle\");\n    const pageDescription = document.getElementById(\"pageDescription\");\n    let tickerId = null;\n\n    const modeCopy = {\n      \"hkb-a\": {\n        title: 'QV-Timer EBA',\n        description: \"Vertiefungsarbeit, Critical Incident und Mini Case.\"\n      },\n      \"hkb-b\": {\n        title: 'QV-Timer EBA',\n        description: \"Rollenspiel in der Fremdsprache und zwei Critical Incidents in der Landessprache.\"\n      }\n    };\n\n    function formatTime(totalSeconds) {\n      const safeSeconds = Math.max(0, totalSeconds);\n      const minutes = Math.floor(safeSeconds \/ 60);\n      const seconds = safeSeconds % 60;\n      return `${String(minutes).padStart(2, \"0\")}:${String(seconds).padStart(2, \"0\")}`;\n    }\n\n    function findTimer(id) {\n      return timers.find((timer) => timer.id === id);\n    }\n\n    function anyTimerRunning() {\n      return timers.some((timer) => timer.running);\n    }\n\n    function calculateRemainingSeconds(timer, now = Date.now()) {\n      if (!timer.running || timer.endAt === null) {\n        return timer.remaining;\n      }\n\n      const millisecondsLeft = timer.endAt - now;\n      return Math.max(0, Math.ceil(millisecondsLeft \/ 1000));\n    }\n\n    function getTimerStatus(timer) {\n      if (timer.remaining === 0) return { text: \"Fertig\", className: \"done\" };\n      if (timer.running && timer.remaining <= 60) return { text: \"Letzte Minute\", className: \"warning\" };\n      if (timer.running) return { text: \"L\u00e4uft\", className: \"running\" };\n      return { text: \"Bereit\", className: \"\" };\n    }\n\n    function timerMarkup(timer) {\n      const status = getTimerStatus(timer);\n      const progress = timer.seconds === 0 ? 0 : (timer.remaining \/ timer.seconds) * 100;\n      const hasAutoNext = Boolean(timer.nextTimerId);\n\n      return `\n        <article class=\"timer ${hasAutoNext ? \"auto-next\" : \"\"} ${timer.remaining === 0 ? \"finished\" : \"\"}\" data-timer-id=\"${timer.id}\">\n          <div class=\"timer-main\">\n            <div class=\"timer-name-row\">\n              <div class=\"timer-name\">${timer.name}<\/div>\n              <div class=\"pill ${status.className}\">${status.text}<\/div>\n              ${hasAutoNext ? `<div class=\"pill auto\">Auto-Weiterlauf<\/div>` : \"\"}\n            <\/div>\n            <p class=\"timer-note\">${timer.note}<\/p>\n          <\/div>\n\n          <div class=\"clock-wrap\">\n            <div class=\"clock\">${formatTime(timer.remaining)}<\/div>\n            <div class=\"progress\"><div class=\"progress-bar\" style=\"width: ${progress}%\"><\/div><\/div>\n          <\/div>\n\n          <div class=\"actions\">\n            <button class=\"timer-button toggle js-toggle\" type=\"button\" ${timer.remaining === 0 ? \"disabled\" : \"\"}>${timer.running ? \"Stopp\" : \"Start\"}<\/button>\n            <button class=\"timer-button reset js-reset\" type=\"button\">Reset<\/button>\n          <\/div>\n        <\/article>\n      `;\n    }\n\n    function renderTimerMarkup() {\n      blockElements.forEach((element) => {\n        const block = element.dataset.block;\n        element.innerHTML = timers\n          .filter((timer) => timer.block === block)\n          .map(timerMarkup)\n          .join(\"\");\n      });\n    }\n\n    function ensureTicker() {\n      if (tickerId !== null) return;\n      tickerId = window.setInterval(runTicker, UPDATE_INTERVAL_MS);\n    }\n\n    function stopTickerIfIdle() {\n      if (anyTimerRunning()) return;\n      if (tickerId !== null) {\n        window.clearInterval(tickerId);\n        tickerId = null;\n      }\n    }\n\n    function startTimerAt(timer, startAt) {\n      if (!timer || timer.running || timer.remaining === 0) return;\n\n      timer.running = true;\n      timer.endAt = startAt + timer.remaining * 1000;\n\n      ensureTicker();\n      synchronizeTimers(Date.now());\n    }\n\n    function startTimer(timer) {\n      startTimerAt(timer, Date.now());\n      renderTimerMarkup();\n    }\n\n    function stopTimer(timer) {\n      if (!timer) return;\n\n      const now = Date.now();\n      timer.remaining = calculateRemainingSeconds(timer, now);\n      timer.running = false;\n      timer.endAt = null;\n\n      stopTickerIfIdle();\n      renderTimerMarkup();\n    }\n\n    function resetTimer(timer) {\n      if (!timer) return;\n\n      timer.running = false;\n      timer.endAt = null;\n      timer.remaining = timer.seconds;\n\n      stopTickerIfIdle();\n      renderTimerMarkup();\n    }\n\n    function finishTimerAndAutoStartNext(timer, now) {\n      const exactFinishTime = timer.endAt ?? now;\n\n      timer.running = false;\n      timer.endAt = null;\n      timer.remaining = 0;\n\n      if (!timer.nextTimerId) return;\n\n      const nextTimer = findTimer(timer.nextTimerId);\n\n      if (!nextTimer || nextTimer.running || nextTimer.remaining !== nextTimer.seconds) return;\n\n      startTimerAt(nextTimer, exactFinishTime);\n    }\n\n    function synchronizeTimers(now = Date.now()) {\n      let changed = false;\n      let needsAnotherPass = false;\n      let safetyCounter = 0;\n\n      do {\n        needsAnotherPass = false;\n\n        for (const timer of timers) {\n          if (!timer.running || timer.endAt === null) continue;\n\n          const newRemaining = calculateRemainingSeconds(timer, now);\n\n          if (newRemaining !== timer.remaining) {\n            timer.remaining = newRemaining;\n            changed = true;\n          }\n\n          if (timer.remaining === 0) {\n            finishTimerAndAutoStartNext(timer, now);\n            changed = true;\n            needsAnotherPass = true;\n          }\n        }\n\n        safetyCounter += 1;\n      } while (needsAnotherPass && safetyCounter <= timers.length + 2);\n\n      stopTickerIfIdle();\n      return changed;\n    }\n\n    function runTicker() {\n      const changed = synchronizeTimers(Date.now());\n      if (changed) {\n        renderTimerMarkup();\n      }\n    }\n\n    function resyncAfterBrowserStateChange() {\n      synchronizeTimers(Date.now());\n      renderTimerMarkup();\n\n      if (anyTimerRunning()) {\n        ensureTicker();\n      }\n    }\n\n    function setMode(mode) {\n      domainViews.forEach((view) => {\n        view.classList.toggle(\"active\", view.dataset.view === mode);\n      });\n\n      modeButtons.forEach((button) => {\n        const active = button.dataset.mode === mode;\n        button.classList.toggle(\"active\", active);\n        button.setAttribute(\"aria-pressed\", active ? \"true\" : \"false\");\n      });\n\n      pageTitle.innerHTML = modeCopy[mode].title;\n      pageDescription.textContent = modeCopy[mode].description;\n    }\n\n    document.addEventListener(\"click\", (event) => {\n      const accordionTrigger = event.target.closest(\".accordion-trigger\");\n      if (accordionTrigger) {\n        const currentlyExpanded = accordionTrigger.getAttribute(\"aria-expanded\") === \"true\";\n        const panelId = accordionTrigger.getAttribute(\"aria-controls\");\n        const panel = panelId ? document.getElementById(panelId) : null;\n\n        accordionTrigger.setAttribute(\"aria-expanded\", currentlyExpanded ? \"false\" : \"true\");\n        if (panel) {\n          panel.hidden = currentlyExpanded;\n        }\n        return;\n      }\n\n      const modeButton = event.target.closest(\".mode-button\");\n      if (modeButton) {\n        setMode(modeButton.dataset.mode);\n        return;\n      }\n\n      const timerCard = event.target.closest(\"[data-timer-id]\");\n      if (!timerCard) return;\n\n      const timer = findTimer(timerCard.dataset.timerId);\n      if (!timer) return;\n\n      if (event.target.classList.contains(\"js-toggle\")) {\n        timer.running ? stopTimer(timer) : startTimer(timer);\n      }\n\n      if (event.target.classList.contains(\"js-reset\")) {\n        resetTimer(timer);\n      }\n    });\n\n    document.addEventListener(\"visibilitychange\", resyncAfterBrowserStateChange);\n    window.addEventListener(\"focus\", resyncAfterBrowserStateChange);\n    window.addEventListener(\"pageshow\", resyncAfterBrowserStateChange);\n\n    renderTimerMarkup();\n    setMode(\"hkb-a\");\n  \n  <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26e1d72 elementor-widget elementor-widget-html\" data-id=\"26e1d72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"text-align: center; margin: 28px 0 10px 0;\">\n  <a\n    href=\"https:\/\/brainstein.ch\/wp-content\/uploads\/2026\/05\/qv_timer_eba_hkb_a_b.zip\"\n    download\n    style=\"\n      display: inline-block;\n      padding: 14px 24px;\n      background: #F59B1B;\n      color: #ffffff;\n      font-family: Arial, Helvetica, sans-serif;\n      font-size: 16px;\n      font-weight: 700;\n      line-height: 20px;\n      text-decoration: none;\n      border-radius: 14px;\n      box-shadow: 0 10px 24px rgba(245, 155, 27, 0.22);\n      transition: opacity 0.2s ease, transform 0.2s ease;\n    \"\n    onmouseover=\"this.style.opacity='0.92'; this.style.transform='translateY(-1px)'\"\n    onmouseout=\"this.style.opacity='1'; this.style.transform='translateY(0)'\"\n  >\n    EBA-Timer f\u00fcr die Offline-Nutzung herunterladen\n  <\/a>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>QV-Timer EBA HKB A und HKB B QV-Timer EBA HKB A HKB B Vertiefungsarbeit, Critical Incident und Mini Case. Vertiefungsarbeit [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-261","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"learni6","author_link":"https:\/\/brainstein.ch\/fr\/author\/learni6\/"},"uagb_comment_info":0,"uagb_excerpt":"QV-Timer EBA HKB A und HKB B QV-Timer EBA HKB A HKB B Vertiefungsarbeit, Critical Incident und Mini Case. Vertiefungsarbeit [&hellip;]","_links":{"self":[{"href":"https:\/\/brainstein.ch\/fr\/wp-json\/wp\/v2\/pages\/261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brainstein.ch\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brainstein.ch\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brainstein.ch\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brainstein.ch\/fr\/wp-json\/wp\/v2\/comments?post=261"}],"version-history":[{"count":12,"href":"https:\/\/brainstein.ch\/fr\/wp-json\/wp\/v2\/pages\/261\/revisions"}],"predecessor-version":[{"id":408,"href":"https:\/\/brainstein.ch\/fr\/wp-json\/wp\/v2\/pages\/261\/revisions\/408"}],"wp:attachment":[{"href":"https:\/\/brainstein.ch\/fr\/wp-json\/wp\/v2\/media?parent=261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}