/* Eigenstaendige Schulungs- und Pruefoberflaeche */
body.rbki-training-standalone {
  margin: 0 !important;
  min-height: 100vh;
  padding-top: 0 !important;
  background: #fbfaf7 !important;
}
body.rbki-training-standalone .site-header,
body.rbki-training-standalone header.site-header,
body.rbki-training-standalone #masthead,
body.rbki-training-standalone .main-navigation,
body.rbki-training-standalone .site-footer,
body.rbki-training-standalone footer,
body.rbki-training-standalone .back-to-top,
body.rbki-training-standalone #wpadminbar {
  display: none !important;
}
body.rbki-training-standalone .rbki-private-training,
body.rbki-training-standalone main {
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh;
  margin: 0 !important;
  padding: 0 !important;
}
body.rbki-training-standalone .rbki-kn-accountbar {
  max-width: 1184px;
  margin: 0 auto 22px;
  padding: 16px 24px;
  border: 0;
  border-bottom: 1px solid #dfe5ec;
  border-radius: 0;
  background: #fbfaf7;
}

/* HTML hidden muss die Layout-Regeln des Registrierungsbereichs sicher schlagen. */
body.rbki-training-standalone [hidden],
body.rbki-training-standalone .rbki-kn-register[hidden],
body.rbki-training-standalone #app[hidden] {
  display: none !important;
}

/* Im Fragenblock bleibt nur die eigentliche Pruefoberflaeche sichtbar. */
body.rbki-training-standalone.rbki-exam-mode .rbki-kn-accountbar,
body.rbki-training-standalone.rbki-exam-mode .rbki-kn-admin-note {
  display: none !important;
}
body.rbki-training-standalone.rbki-exam-mode #app {
  min-height: 100vh;
  box-sizing: border-box;
  padding: 24px !important;
}

/* Block 3, Tafel 1: klar lesbarer Datentrichter statt verzerrter Karten. */
.visual-funnel .visual-items {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.visual-funnel .visual-items > div {
  min-height: 58px;
  width: 100%;
  padding: 13px 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  clip-path: polygon(0 0, 100% 0, 94% 100%, 6% 100%);
  border-radius: 8px;
}
.visual-funnel .visual-items > div:nth-child(2) { width: 82%; background: rgba(105,217,255,.09); }
.visual-funnel .visual-items > div:nth-child(3) { width: 64%; background: rgba(105,217,255,.14); }
.visual-funnel .visual-items > div:nth-child(4) { width: 46%; background: rgba(111,224,168,.17); border-color: rgba(111,224,168,.45); }
.visual-funnel .visual-items span { flex: 0 0 28px; }
.visual-funnel .visual-items b { font-size: 14px; }

@media (max-width: 700px) {
  body.rbki-training-standalone .rbki-kn-accountbar { padding: 13px 18px; margin-bottom: 12px; }
  .visual-funnel .visual-items > div {
    width: 100% !important;
    min-height: 55px;
    padding: 12px 18px;
    clip-path: none;
    border-radius: 12px;
  }
}