.twoi-demo-mode .twoi-dashboard-shell{padding-top:58px!important}
.twoi-demo-mode .twoi-event-chrome{top:52px!important}
.twoi-demo-banner{position:fixed;z-index:9999;left:10px;right:10px;top:7px;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid rgba(17,24,39,.12);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 7px 20px rgba(17,24,39,.10);backdrop-filter:blur(14px);font-family:inherit;color:#111827}
.twoi-demo-banner-copy{display:flex;align-items:center;gap:8px;min-width:0}.twoi-demo-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 7px;border-radius:999px;background:#111827;color:white;font-size:9px;font-weight:800;letter-spacing:.08em}.twoi-demo-banner strong{font-size:12px;line-height:1.2}.twoi-demo-banner small{display:none}.twoi-demo-banner-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.twoi-demo-banner button,.twoi-demo-banner a{appearance:none;border:1px solid #d0d5dd;background:#fff;color:#111827;border-radius:999px;padding:6px 9px;font:inherit;font-size:10px;font-weight:700;line-height:1.1;text-decoration:none;white-space:nowrap;cursor:pointer}.twoi-demo-banner a.twoi-demo-start{background:#111827;color:#fff;border-color:#111827}.twoi-demo-banner a.twoi-demo-leave{background:#fff;color:#111827;border-color:#d0d5dd}
.twoi-demo-toast{position:fixed;z-index:10000;right:22px;bottom:22px;max-width:420px;padding:14px 16px;border-radius:16px;background:#111827;color:#fff;box-shadow:0 14px 44px rgba(0,0,0,.2);font:600 13px/1.45 Arial,sans-serif;opacity:0;transform:translateY(12px);transition:.2s ease;pointer-events:none}.twoi-demo-toast.show{opacity:1;transform:none}
.twoi-demo-mode .twoi-new-event summary:after{content:'DEMO';margin-left:10px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#667085}
@media(max-width:720px){
  .twoi-demo-mode .twoi-dashboard-shell{padding-top:49px!important}
  .twoi-demo-mode .twoi-event-chrome{top:44px!important}
  .twoi-demo-banner{left:5px;right:5px;top:5px;min-height:34px;padding:5px 6px;gap:5px;border-radius:10px}
  .twoi-demo-banner-copy{gap:4px}.twoi-demo-banner-copy>div{display:none}.twoi-demo-badge{padding:4px 6px;font-size:8px}
  .twoi-demo-banner-actions{gap:4px;min-width:0}.twoi-demo-banner button,.twoi-demo-banner a{padding:5px 7px;font-size:9px}
}


/* Demo-Showcase: Teilnehmerart + Programmpunkte als echte Auswahlkarten statt Bullet-Liste. */
.twoi-demo-mode .twoi-public .twoi-field[data-field-id="participant_type"],
.twoi-demo-mode .twoi-public .twoi-field[data-field-id="sessions"]{
  grid-template-columns:repeat(4,minmax(0,1fr));gap:10px
}
.twoi-demo-mode .twoi-public .twoi-field[data-field-id="participant_type"]>label:first-child,
.twoi-demo-mode .twoi-public .twoi-field[data-field-id="sessions"]>label:first-child{
  grid-column:1/-1;margin-bottom:2px
}
.twoi-demo-mode .twoi-public .twoi-field[data-field-id="participant_type"]>.twoi-choice,
.twoi-demo-mode .twoi-public .twoi-field[data-field-id="sessions"]>.twoi-choice{
  position:relative;display:flex!important;align-items:center;justify-content:center;min-height:54px;margin:0;padding:12px 14px;
  border:1px solid color-mix(in srgb,var(--twoi-text) 18%,transparent);border-radius:13px;
  background:color-mix(in srgb,var(--twoi-bg) 95%,var(--twoi-text) 5%);color:var(--twoi-text);text-align:center;
  font-weight:720!important;line-height:1.25;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease
}
.twoi-demo-mode .twoi-public .twoi-field[data-field-id="participant_type"]>.twoi-choice:hover,
.twoi-demo-mode .twoi-public .twoi-field[data-field-id="sessions"]>.twoi-choice:hover{
  transform:translateY(-1px);border-color:color-mix(in srgb,var(--twoi-primary) 58%,var(--twoi-text) 18%);box-shadow:0 7px 18px color-mix(in srgb,var(--twoi-primary) 10%,transparent)
}
.twoi-demo-mode .twoi-public .twoi-field[data-field-id="participant_type"]>.twoi-choice:has(input:checked),
.twoi-demo-mode .twoi-public .twoi-field[data-field-id="sessions"]>.twoi-choice:has(input:checked){
  border-color:var(--twoi-primary);background:color-mix(in srgb,var(--twoi-primary) 12%,var(--twoi-bg));box-shadow:0 0 0 2px color-mix(in srgb,var(--twoi-primary) 15%,transparent)
}
.twoi-demo-mode .twoi-public .twoi-field[data-field-id="participant_type"]>.twoi-choice:has(input:focus-visible),
.twoi-demo-mode .twoi-public .twoi-field[data-field-id="sessions"]>.twoi-choice:has(input:focus-visible){
  outline:3px solid color-mix(in srgb,var(--twoi-primary) 28%,transparent);outline-offset:2px
}
.twoi-demo-mode .twoi-public .twoi-field[data-field-id="participant_type"]>.twoi-choice input,
.twoi-demo-mode .twoi-public .twoi-field[data-field-id="sessions"]>.twoi-choice input{
  position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none
}

/* Dasselbe Erscheinungsbild in der Live-Vorschau des Demo-CMS. */
.twoi-demo-mode .twoi-preview-field[data-preview-node-id="participant_type"] .twoi-preview-choices,
.twoi-demo-mode .twoi-preview-field[data-preview-node-id="sessions"] .twoi-preview-choices{
  grid-template-columns:repeat(2,minmax(0,1fr));gap:7px
}
.twoi-demo-mode .twoi-preview-field[data-preview-node-id="participant_type"] .twoi-preview-choice,
.twoi-demo-mode .twoi-preview-field[data-preview-node-id="sessions"] .twoi-preview-choice{
  position:relative;display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 9px;text-align:center;font-weight:700;
  border:1px solid color-mix(in srgb,var(--preview-text) 18%,transparent)!important;border-radius:8px!important;
  background:color-mix(in srgb,var(--preview-bg) 95%,var(--preview-text) 5%)!important
}
.twoi-demo-mode .twoi-preview-field[data-preview-node-id="participant_type"] .twoi-preview-choice:has(input:checked),
.twoi-demo-mode .twoi-preview-field[data-preview-node-id="sessions"] .twoi-preview-choice:has(input:checked){
  border-color:var(--preview-primary)!important;background:color-mix(in srgb,var(--preview-primary) 13%,var(--preview-bg))!important
}
.twoi-demo-mode .twoi-preview-field[data-preview-node-id="participant_type"] .twoi-preview-choice input,
.twoi-demo-mode .twoi-preview-field[data-preview-node-id="sessions"] .twoi-preview-choice input{
  position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none
}

@media(max-width:720px){
  .twoi-demo-mode .twoi-public .twoi-field[data-field-id="participant_type"],
  .twoi-demo-mode .twoi-public .twoi-field[data-field-id="sessions"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .twoi-demo-mode .twoi-public .twoi-field[data-field-id="participant_type"]>.twoi-choice,
  .twoi-demo-mode .twoi-public .twoi-field[data-field-id="sessions"]>.twoi-choice{min-height:52px;padding:11px 9px;font-size:13px}
}