.web-demo-bar{border:1px solid var(--border);border-left:4px solid #13818d;padding:16px;border-radius:12px;margin-bottom:22px;background:var(--surface);color:var(--text)}
.web-demo-bar strong{font-size:17px}.web-demo-bar span{display:block;color:var(--muted);margin:5px 0}.web-demo-bar small{display:block;line-height:1.5}.web-demo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.web-demo-actions a{text-decoration:none}.sidebar{overflow-y:auto}.main{min-width:0}.content{min-width:0}.card{overflow-x:auto}
.web-print-preview{width:1100px;max-width:97vw;height:95vh;max-height:95vh;padding:18px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;margin:auto}.web-print-preview::backdrop{background:#0009}.web-print-preview p{line-height:1.5;margin-bottom:12px}.web-print-preview .btn{margin:0 8px 12px 0}.web-print-preview iframe{display:block;width:100%;height:calc(100% - 155px);min-height:260px;border:1px solid var(--border);background:white}
@media(max-width:800px){body{display:flex;flex-direction:column;height:100dvh}.sidebar{width:100%;min-width:0;flex-direction:row;flex-shrink:0;overflow:auto;height:54px;padding:0;border-bottom:1px solid var(--border)}.sidebar-logo,.nav-section{display:none}.nav-item{flex-shrink:0;padding:10px 12px;border-left:0;border-bottom:2px solid transparent}.nav-item.active{border-bottom-color:var(--text)}.main{width:100%;flex:1;min-height:0}.topbar{padding:10px 12px;height:auto;gap:8px;flex-wrap:wrap}.content{padding:12px}.topbar-actions{flex-wrap:wrap}.grid2,.grid4{grid-template-columns:1fr!important}.web-demo-bar{padding:12px}.web-demo-actions .btn{font-size:11px}.pos-row{min-width:650px}#r-positionen,#ang-positionen,#rec-positionen{overflow-x:auto}.web-print-preview iframe{height:calc(100% - 210px)}}