/* Nur die Live-Demo. Datenerhebung und Maskierung bleiben unverändert. */
.ds-request-demo{border:1px solid #536989;border-radius:10px;overflow:hidden;background:#0d1c32;box-shadow:0 24px 60px #02081430}
.ds-request-demo [hidden]{display:none!important}
.ds-request-toolbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 24px;background:#152941;border-bottom:1px solid #405879}
.ds-request-toolbar .ds-meta{font-size:12px;color:#c1d9ff}
.ds-request-toolbar>div{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}
.ds-request-toolbar button{font:12px/1.6 var(--ds-mono,Consolas,monospace);color:#d9e8ff;background:none;border:0;border-bottom:1px solid #6e87ab;padding:8px 0;min-height:36px}
.ds-request-status{color:#c1d9ff;font:12px/1.6 var(--ds-mono,Consolas,monospace);display:flex;align-items:center;gap:8px}
.ds-request-status:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}
.ds-request-demo .ds-demo-stage-list{display:flex;padding:22px 24px;margin:0;border-bottom:1px solid #405879;background:#101f36;gap:20px}
.ds-request-demo .ds-demo-stage-list:before{top:45px;left:15%;right:15%;background:#536989}
.ds-request-demo .ds-demo-stage{min-height:72px;gap:10px;font-size:14px;color:#c0cfe6}
.ds-request-demo .ds-demo-stage span{width:46px;height:46px;font-size:13px;background:#101f36;border-color:#6e87ab}
.ds-request-demo .ds-demo-stage[aria-pressed=true]{color:#eef4ff}
.ds-request-demo .ds-demo-stage[aria-pressed=true] span{background:#c1d9ff;color:#081426;border-color:#c1d9ff;box-shadow:0 0 0 5px #a6c3ff10}
.ds-request-demo .ds-demo-stage[data-step-state=complete] span{border-color:#b9d5ff;color:#c1d9ff}
.ds-request-demo .ds-demo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;border:0;border-radius:0;background:#0d1c32}
.ds-request-demo .ds-demo-flow,.ds-request-demo .ds-demo-code{min-width:0;padding:28px}
.ds-request-demo .ds-demo-flow{border-right:1px solid #405879;background:radial-gradient(ellipse at 0 0,#24447450,transparent 80%)}
.ds-request-demo .ds-demo-code{background:#081426;display:flex;flex-direction:column}
.ds-request-demo .ds-request-panel{padding:20px 0;border-top:1px solid #405879}
.ds-request-demo.ds-request-enhanced .ds-request-panel{border:0;padding:0;min-height:355px}
.ds-request-demo .ds-request-panel>.ds-meta{font-size:12px;display:block;margin-bottom:14px;color:#c1d9ff}
.ds-request-demo .ds-request-panel h3{font-size:27px;line-height:1.25;margin-bottom:15px;color:#eef4ff}
.ds-request-demo .ds-request-panel p{font-size:15px;line-height:1.7;color:#c0cfe6;margin:0 0 22px}
.ds-request-demo .ds-request-fields{margin:0;font:13px/1.7 var(--ds-mono,Consolas,monospace);max-height:260px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#6e87ab #13243d}
.ds-request-demo .ds-request-fields>div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px;border-bottom:1px solid #304462;padding:9px 0}
.ds-request-demo dt{color:#b5c9e7;overflow-wrap:anywhere}
.ds-request-demo dd{margin:0;color:#eef4ff;overflow-wrap:anywhere}
.ds-request-demo .ds-request-panel .ds-request-hint{font-size:13px;line-height:1.7;color:#b5c9e7;margin:20px 0 0}
.ds-request-demo .ds-request-path{display:flex;align-items:center;gap:0;margin:25px 0;font:12px var(--ds-mono,Consolas,monospace);color:#c1d9ff}
.ds-request-demo .ds-request-path span{border:1px solid #536989;padding:12px;flex:1;text-align:center;position:relative;background:#152941;border-radius:4px}
.ds-request-demo .ds-request-path span+span{margin-left:20px}
.ds-request-demo .ds-request-path span+span:before{content:'';position:absolute;width:20px;height:2px;left:-21px;top:50%;background:#a6c3ff}
.ds-request-demo .ds-code-label{gap:12px;flex-wrap:wrap;font-size:12px;line-height:1.6;border-color:#304462;padding-bottom:15px}
.ds-request-demo .ds-code-label span:last-child{font-size:12px}
.ds-request-demo .ds-demo-code pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;margin:0;tab-size:2;max-height:395px;min-height:330px;overflow:auto;overscroll-behavior:contain;padding-top:18px!important;scrollbar-color:#6e87ab #13243d}
.ds-request-demo .ds-request-code:focus-visible,.ds-request-demo .ds-request-fields:focus-visible{outline:2px solid #c1d9ff;outline-offset:3px}
.ds-request-demo .ds-demo-code pre{height:395px;min-height:395px}
.ds-request-demo .ds-demo-foot{margin-top:20px;padding-top:16px;border-top:1px solid #304462;font-size:12px;line-height:1.8;color:#b5c9e7}
.ds-request-demo .ds-demo-foot a{color:#c1d9ff;text-decoration:underline;text-underline-offset:3px}
.ds-request-demo .ds-request-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:768px) and (max-width:1100px){
  .ds-request-demo .ds-demo{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
  .ds-request-demo .ds-demo-flow,.ds-request-demo .ds-demo-code{padding:23px}
  .ds-request-demo .ds-request-fields>div{grid-template-columns:1fr;gap:4px}
  .ds-request-demo.ds-request-enhanced .ds-request-panel{min-height:425px}
  .ds-request-demo .ds-demo-code pre{height:410px;max-height:410px;min-height:410px}
  .ds-request-demo .ds-request-path{font-size:12px;flex-direction:column;align-items:stretch;gap:14px;margin:20px 0}
  .ds-request-demo .ds-request-path span+span{margin-left:0}
  .ds-request-demo .ds-request-path span+span:before{left:50%;top:-15px;width:2px;height:14px}
}
@media(max-width:767px){
  .ds-request-toolbar{padding:16px 18px;gap:12px 20px}
  .ds-request-toolbar>div{width:100%;margin-left:0;gap:20px}
  .ds-request-demo .ds-demo-stage-list{padding:18px 12px;gap:8px}
  .ds-request-demo .ds-demo-stage-list:before{top:41px}
  .ds-request-demo .ds-demo-stage{font-size:12px}
  .ds-request-demo .ds-demo{grid-template-columns:1fr}
  .ds-request-demo .ds-demo-flow,.ds-request-demo .ds-demo-code{padding:22px 18px}
  .ds-request-demo .ds-demo-flow{border-right:0;border-bottom:1px solid #405879}
  .ds-request-demo.ds-request-enhanced .ds-request-panel{min-height:0}
  .ds-request-demo .ds-request-panel h3{font-size:25px}
  .ds-request-demo .ds-request-fields>div{grid-template-columns:1fr;gap:3px}
  .ds-request-demo .ds-demo-code pre{font-size:13px;height:340px;min-height:340px;max-height:340px}
  .ds-request-demo .ds-request-path{font-size:12px}
  .ds-request-demo .ds-request-path span{padding:12px 5px}
  .ds-request-demo .ds-request-path span+span{margin-left:12px}
  .ds-request-demo .ds-request-path span+span:before{width:12px;left:-13px}
}
@media(prefers-reduced-motion:no-preference){.ds-request-demo.ds-request-enhanced .ds-request-panel:not([hidden]){animation:ds-request-in .18s ease-out}@keyframes ds-request-in{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}}
@media print{.ds-request-demo [hidden]{display:block!important}.ds-request-demo .ds-request-controls,.ds-request-toolbar{display:none!important}.ds-request-demo .ds-demo-code pre{max-height:none;overflow:visible}.ds-request-demo .ds-request-fields dd,.ds-request-demo .ds-request-panel h3{color:#121c32}}