[hidden]{display:none!important}:root{font-family:Inter,system-ui;--a:#8c1644;--m:#74666c;color:#261f22;background:#f7f4f5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.primary{background:var(--a);color:#fff;border:0;border-radius:10px;padding:11px}.login{min-height:100vh;display:grid;place-items:center}.login form{width:min(390px,92%);background:#fff;padding:32px;border-radius:18px;box-shadow:0 15px 50px #4410201f}.password{display:flex;border:1px solid #ddd;border-radius:10px;overflow:hidden}.password input{flex:1;min-width:0;border:0;padding:12px}.password button{border:0;color:var(--a)}.login .primary{width:100%;margin-top:12px}.loginLinks{text-align:center;margin-top:20px;padding-top:16px;border-top:1px solid #eee}.loginLinks p{color:var(--m);font-size:.9rem;margin:14px 0 4px}.loginLinks a{color:var(--a);font-weight:700;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:15px clamp(15px,4vw,48px);background:linear-gradient(135deg,var(--a),#65102f);color:#fff}header #title{border:0;background:transparent;color:#fff;text-align:left}header h1{margin:0;font-size:1.35rem}header small{display:block;margin-top:3px;color:#eed7e0}header>div button{border:0;border-radius:9px;padding:9px 12px;background:#fff;color:var(--a);margin-left:6px}.toolbar{display:flex;gap:8px;padding:10px clamp(15px,4vw,48px);background:#fff}.toolbar input{flex:1}.toolbar input,.toolbar select{padding:10px;border:1px solid #d8cbd0;border-radius:9px}main{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:22px clamp(15px,4vw,48px)}aside h3{color:var(--a);font-size:1rem}.treeItem{display:flex;width:100%;gap:8px;align-items:center;border:0;background:transparent;padding:8px;border-radius:8px;text-align:left}.treeItem span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.treeItem.active{background:#efdee5;color:var(--a);font-weight:700}.level{margin-left:9px;border-left:1px solid #dbc7cf;padding-left:6px}.level:first-child{margin-left:0;border:0}.folderIcon{position:relative;display:inline-block;flex:0 0 auto;width:22px;height:15px;background:var(--a);border-radius:3px}.folderIcon:before{content:"";position:absolute;top:-4px;left:2px;width:10px;height:5px;background:var(--a);border-radius:3px 3px 0 0}.folderBar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:8px}.nav{display:flex;gap:5px}.nav button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:9px;background:#eee6e9;font-size:1.2rem}.folderBar>button{border:1px solid #ddd;background:#fff;border-radius:9px;padding:8px 12px}#status{color:var(--m)}#list{display:flex;flex-direction:column;gap:8px}.row{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;width:100%;padding:10px;border:0;border-radius:12px;background:#fff;color:inherit;text-align:left;text-decoration:none;box-shadow:0 3px 12px #32101e0a}.row img{width:115px;aspect-ratio:16/9;object-fit:cover;border-radius:7px}.row small{display:block;color:var(--m);margin-top:3px}.row em{color:var(--a);font-style:normal}.pdf{display:grid;place-items:center;width:46px;height:56px;background:var(--a);color:#fff;border-radius:5px;font-size:.75rem;font-style:normal;font-weight:800}#more{display:block;margin:18px auto}footer{display:flex;justify-content:space-between;padding:18px clamp(15px,4vw,48px);background:var(--a);color:#fff;margin-top:30px}#playerLayer{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#110b0ed9;backdrop-filter:blur(15px)}.player{position:relative;width:min(940px,calc(100vw - 48px),calc((100vh - 48px)*16/9));aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden}.playerHead{position:absolute;z-index:3;inset:0 0 auto;display:flex;justify-content:space-between;padding:12px 15px;color:#fff;background:linear-gradient(#000c,transparent)}.playerHead small{display:block}.playerHead button{width:36px;height:36px;border:0;border-radius:50%;font-size:1.4rem}.player #stage,.player video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.controls{position:absolute;z-index:2;inset:auto 0 0;display:flex;align-items:center;gap:8px;padding:28px 12px 10px;background:linear-gradient(transparent,#000e);opacity:0}.player:hover .controls{opacity:1}.controls button{border:0;background:transparent;color:#fff}.controls #seek{flex:1}.controls input{accent-color:var(--a)}#bigPlay{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;border:0;border-radius:50%;background:var(--a);color:#fff;font-size:1.5rem}.switch{position:fixed;z-index:51;top:50%;transform:translateY(-50%);width:52px;height:74px;border:0;border-radius:14px;background:var(--a);color:#fff;font-size:3rem}.prev{left:18px}.next{right:18px}.switch:disabled{opacity:.2}
@media(max-width:1024px){header{padding:9px 12px}header h1{font-size:1.05rem}header small{font-size:.7rem}#logout{display:none}.toolbar{padding:7px 10px}.toolbar input,.toolbar select{padding:8px;font-size:.86rem}main{display:block;padding:14px}aside{display:none}.switch{display:none}footer{padding:12px;font-size:.78rem}}
@media(max-width:600px){.toolbar{flex-direction:column}.folderBar{grid-template-columns:auto minmax(0,1fr) auto}.nav button{width:35px;height:35px}.row img{width:84px}footer{flex-direction:column;gap:4px}.controls{opacity:1}.controls #volume,.controls #now{display:none}.player{width:min(calc(100vw - 12px),calc((100vh - 12px)*16/9));aspect-ratio:16/9;border-radius:10px}}
#tree .rootOnly{margin-left:0;border-left:0;padding-left:0}#tree .rootNode{font-weight:800}#tree .depth1{margin-left:14px}#tree .depth2{margin-left:28px}#tree .depth3{margin-left:42px}#tree .depth4{margin-left:56px}#tree .depth5{margin-left:70px}
/* Logischer, verschachtelter Ordnerbaum entlang des aktiven Pfads. */
#tree .treeNode{min-width:0}#tree .treeChildren{margin-left:17px;padding-left:8px;border-left:1px solid #dbc7cf}#tree .treeChildren>.treeNode{position:relative}#tree .treeChildren>.treeNode:before{content:"";position:absolute;left:-8px;top:18px;width:7px;border-top:1px solid #dbc7cf}#tree .rootNode{margin-left:0}#tree .rootNode>.treeItem{font-weight:800}