/* Demo-Portal: Ergänzungen zu landing.css */
.hero.one{grid-template-columns:minmax(0,1fr);max-width:880px}
.demos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;scroll-margin-top:90px}
@media (max-width:1080px){.demos{grid-template-columns:minmax(0,1fr)}}
.demo{display:grid;grid-template-rows:auto 1fr;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0}
@media (max-width:1080px){.demo{grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-rows:auto;align-items:start}}
@media (max-width:700px){.demo{grid-template-columns:minmax(0,1fr)}}
.demo .shot{display:block;text-decoration:none;box-shadow:none}
.demo-body{display:grid;gap:8px;align-content:start;padding:2px 4px 4px}
.demo-body h2{font-size:28px!important;text-transform:none}
.demo-body p{margin:0;color:var(--ink-2);line-height:1.55}
.demo-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}
.dot{width:10px;height:10px;border-radius:50%;background:var(--idle);display:inline-block}
.dot.ok{background:var(--run)} .dot.bad{background:var(--fault)}
.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.lang-switch button{border:0;border-radius:0;padding:4px 9px;font-size:12px;font-weight:600;background:var(--surface);color:var(--ink-2)}
.lang-switch button+button{border-left:1px solid var(--line)}
.lang-switch button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
#navAuth{display:inline-flex;gap:8px;align-items:center}
.welcome{font-size:15px}
.welcome .btns{display:flex;gap:8px;flex-wrap:wrap;width:100%}
.account{padding:22px;gap:14px}
.acc{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:14px}
.acc dt{color:var(--ink-3)} .acc dd{margin:0}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.danger-zone{border-top:1px solid var(--line);padding-top:12px}
.danger-zone summary{cursor:pointer;color:var(--fault);font-weight:600;font-size:13px}
.inline{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.inline input{flex:1;min-width:180px;padding:8px 10px}