/* uttek Mediathek – Galerie, Liste, Kino */
.md-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:12px 0}
.md-filter{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;flex:1 1 380px;margin:0}.md-filter input[type=search]{flex:1 1 200px;min-width:0;width:auto}.md-filter select{width:auto;flex:0 0 auto}.md-filter .btn{flex:0 0 auto}
.md-views{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden;background:var(--surface)}
.md-views a{display:inline-flex;gap:6px;align-items:center;padding:7px 12px;color:var(--muted);text-decoration:none;font-size:14px}.md-views a+a{border-left:1px solid var(--line)}
.md-views a.on{background:var(--primary-soft);color:var(--primary);font-weight:600}
.md-h2{font-size:17px;margin:8px 0 10px}.md-intro{max-width:760px;color:var(--muted)}
.md-tags{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 14px}.md-tags a{font-size:13px;padding:3px 9px;border-radius:99px;background:var(--surface);border:1px solid var(--line);color:var(--text);text-decoration:none}.md-tags a span{color:var(--faint)}
.md-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.md-albums{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:18px}
.md-card,.md-alb{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--text);text-decoration:none;box-shadow:var(--sh);transition:transform .12s}
.md-card:hover,.md-alb:hover{transform:translateY(-2px)}
.md-th{position:relative;display:block;aspect-ratio:4/3;background:var(--bg);overflow:hidden}.md-th img{width:100%;height:100%;object-fit:cover;display:block}
.md-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--faint);background:linear-gradient(135deg,var(--primary-soft),var(--bg))}
.md-ph.md-k-audio{background:linear-gradient(135deg,#e9e2f5,#f4f1ea)}.md-ph.md-k-video{background:linear-gradient(135deg,#dde9f5,#f1f4f8)}
.theme-dark .md-ph.md-k-audio,.theme-dark .md-ph.md-k-video{background:linear-gradient(135deg,#2a2735,#1b1d22)}
.md-play{position:absolute;left:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center}
.md-dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;padding:1px 6px;border-radius:4px}
.md-ct{display:flex;flex-direction:column;gap:4px;padding:9px 11px}.md-ct b{font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.md-kind{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--muted)}
.md-list .md-lt{width:64px}.md-lt img,.md-lt .md-ph{width:56px;height:42px;object-fit:cover;border-radius:4px;display:flex}
.md-cinema{background:#0d0e10;border-radius:var(--r);padding:12px;color:#eee}
.md-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:240px;height:min(60vh,620px);background:#000;border-radius:var(--r-s);overflow:hidden}
.md-stage .md-media{max-width:100%;max-height:100%;display:block}.md-stage img.md-media{object-fit:contain}.md-stage video.md-media{width:100%}
.md-audio{display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px;width:100%}.md-audio img,.md-audio .md-ph{max-width:340px;width:60%;aspect-ratio:1;object-fit:cover;border-radius:8px}.md-audio audio{width:min(560px,100%)}
.md-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;background:rgba(0,0,0,.35);text-decoration:none;border-radius:6px}
.md-prev{left:6px}.md-next{right:6px}.md-nav:hover{background:rgba(0,0,0,.6)}
.md-cap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 2px}.md-cap .muted{color:#aaa!important}.md-cap .md-kind{color:#bbb}.md-cap-a{display:flex;gap:6px}
.md-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.md-strip a{flex:0 0 86px;height:64px;border-radius:4px;overflow:hidden;opacity:.55;border:2px solid transparent;scroll-snap-align:center}
.md-strip a.on{opacity:1;border-color:var(--primary)}.md-strip img,.md-strip .md-ph{width:100%;height:100%;object-fit:cover}
.md-detail{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.md-one{background:#000;height:auto;max-height:75vh}.md-one .md-media{max-height:75vh}
.md-side{display:flex;flex-direction:column;gap:10px}.md-rep summary{cursor:pointer;color:var(--muted)}
.md-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed var(--line);border-radius:var(--r);padding:28px 14px;margin-bottom:14px;cursor:pointer;text-align:center;position:relative}
.md-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.md-drop.over{border-color:var(--primary);background:var(--primary-soft)}.md-drop span{display:flex;flex-direction:column;align-items:center;gap:4px}
.md-meter{height:8px;background:var(--bg);border:1px solid var(--line);border-radius:99px;overflow:hidden}.md-meter span{display:block;height:100%;background:var(--primary)}
.md-bars{display:flex;align-items:flex-end;gap:6px;height:150px}.md-bars div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}.md-bars span{width:100%;background:var(--primary);border-radius:3px 3px 0 0;min-height:2px}.md-bars em{font-style:normal;font-size:11px;color:var(--faint)}
.md-cinema.playing [data-md-slide]{background:var(--primary);color:#fff}
@media (max-width:860px){.md-detail{grid-template-columns:1fr}}
@media (max-width:560px){.md-filter{flex-wrap:wrap}.md-grid{grid-template-columns:repeat(2,1fr);gap:8px}.md-albums{grid-template-columns:repeat(2,1fr);gap:8px}.md-views a span{display:none}.md-nav{width:36px;height:52px;font-size:30px}.md-strip a{flex-basis:64px;height:48px}.hide-m{display:none}}
/* Öffentlicher Website-Rahmen */
body.site{background:var(--bg)}
.site-in{max-width:1180px;margin:0 auto;padding:0 18px;display:flex;align-items:center;gap:18px}
.site-top{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.site-top .site-in{min-height:62px}
.site-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--text);text-decoration:none;white-space:nowrap}.site-brand img{width:36px;height:36px;border-radius:8px;object-fit:contain}
.site-nav{display:flex;gap:2px;flex:1;flex-wrap:wrap}.site-nav a{padding:8px 12px;border-radius:var(--r-s);color:var(--text);text-decoration:none;font-size:15px}.site-nav a:hover{background:var(--bg)}.site-nav a.on{color:var(--primary);background:var(--primary-soft);font-weight:600}
.site-acc{display:flex;gap:8px;align-items:center;margin-left:auto}.site-nt,.site-burger{display:none}
.site-main{max-width:1180px;margin:0 auto;padding:22px 18px 40px;min-height:60vh}
.site-foot{border-top:1px solid var(--line);background:var(--surface);padding:22px 0;color:var(--muted);font-size:14px}.site-foot .site-in{justify-content:space-between;flex-wrap:wrap}.site-foot a{color:var(--muted)}
.hero{border-radius:var(--r);padding:42px 30px;background:linear-gradient(135deg,var(--primary),var(--primary-h));color:#fff;margin-bottom:22px;background-size:cover;background-position:center;position:relative;overflow:hidden}
.hero.img::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.15))}.hero>*{position:relative}
.hero h1{font-size:clamp(26px,4vw,40px);margin:0 0 8px;color:#fff}.hero p{font-size:17px;max-width:640px;margin:0 0 16px;opacity:.95}.hero .btn{background:#fff;color:#222;border-color:#fff}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;margin:26px 0 12px}.sec-h h2{margin:0;font-size:20px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;color:var(--text);text-decoration:none;box-shadow:var(--sh)}
.pcard .im{aspect-ratio:16/9;background:var(--primary-soft);overflow:hidden}.pcard .im img{width:100%;height:100%;object-fit:cover}.pcard .bd{padding:13px 15px;display:flex;flex-direction:column;gap:6px;flex:1}
.pcard h3{font-size:16px;margin:0;line-height:1.3}.pcard p{margin:0;color:var(--muted);font-size:14px}.pcard .meta{font-size:13px;color:var(--faint)}
.evd{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:54px;padding:6px;border-radius:8px;background:var(--primary-soft);color:var(--primary);line-height:1.1}.evd b{font-size:20px}.evd span{font-size:12px;text-transform:uppercase}
.evrow{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none}.evrow:last-child{border-bottom:0}
.prose{max-width:760px;font-size:16px;line-height:1.65}.prose img{max-width:100%;border-radius:var(--r-s)}
@media (max-width:860px){.site-burger{display:flex;cursor:pointer;padding:6px}.site-nav{display:none;position:absolute;left:0;right:0;top:62px;background:var(--surface);flex-direction:column;padding:8px 14px 14px;border-bottom:1px solid var(--line)}.site-nt:checked~.site-nav{display:flex}.site-acc .btn span{display:none}.site-top .site-in{gap:10px}}
@media (max-width:560px){.hero{padding:28px 18px}.site-brand span{max-width:44vw;overflow:hidden;text-overflow:ellipsis}}
.row-card{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}.row-card:last-child{border-bottom:0}.row-card .grow{flex:1;min-width:200px}
@media(max-width:640px){.site-acc .btn span{display:none}.site-acc .btn{padding-left:.55rem;padding-right:.55rem}.site-brand{min-width:0}.site-brand span,.site-brand b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.cal{border:1px solid var(--line,#e3e6ea);border-radius:12px;background:var(--card,#fff);overflow:hidden}.cal-h{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .8rem;border-bottom:1px solid var(--line,#e3e6ea)}.cal-h b,.cal-h h2{margin:0;font-size:1.05rem}
.cal-wd,.cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-wd span{font-size:.75rem;font-weight:600;color:var(--muted,#667);padding:.35rem .4rem;text-transform:uppercase}
.cal-d{min-height:6.4rem;border-top:1px solid var(--line,#e3e6ea);border-left:1px solid var(--line,#e3e6ea);padding:.25rem .3rem;font-size:.78rem;min-width:0}.cal-g .cal-d:nth-child(7n+1){border-left:0}.cal-d.off{background:color-mix(in srgb,var(--line,#e3e6ea) 35%,transparent)}.cal-d .n{display:inline-block;font-weight:600;min-width:1.6em;text-align:center;border-radius:99px}
.cal-d.today .n{background:var(--primary,#2F5D8C);color:#fff}.cal-d a{display:block;margin:.15rem 0;padding:.12rem .35rem;border-left:3px solid var(--primary,#2F5D8C);border-radius:4px;background:color-mix(in srgb,var(--primary,#2F5D8C) 10%,transparent);color:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-d a:hover{background:color-mix(in srgb,var(--primary,#2F5D8C) 20%,transparent)}
@media(max-width:640px){.cal-d{min-height:3.4rem}.cal-d a{font-size:0;height:.5rem;padding:0;margin:.12rem 0}.cal-d a b{display:none}}
.chat{display:flex;flex-direction:column;gap:.5rem;max-height:60vh;overflow:auto;padding:.5rem}.msg{max-width:78%;padding:.55rem .8rem;border-radius:14px;background:var(--soft,#f1f3f5)}.msg.me{align-self:flex-end;background:color-mix(in srgb,var(--brand,#2F5D8C) 18%,transparent)}.msg .small{display:block;opacity:.7;margin-top:.2rem}
.cm-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.cm-preset{border:1px solid var(--line,#e3e6ea);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background:var(--card,#fff)}.cm-preset.on{border-color:var(--brand,#2F5D8C);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand,#2F5D8C) 30%,transparent)}.cm-preset button{margin-top:auto}
.cm-mods{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.6rem}.cm-mod{display:flex;gap:.6rem;align-items:flex-start;border:1px solid var(--line,#e3e6ea);border-radius:10px;padding:.7rem}.cm-mod.on{border-color:var(--brand,#2F5D8C)}.cm-mod span span{display:block}
.cm-imgp img{max-width:220px;border-radius:8px;display:block;margin:.3rem 0}.person{display:flex;gap:.8rem;align-items:center}.person .pp,.avatar.lg{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--brand,#2F5D8C) 20%,transparent);font-weight:700;font-size:1.3rem}
.evm{display:flex;gap:1rem;flex-wrap:wrap;color:var(--muted,#667)}.list.cols{columns:2 260px}a.kpi{text-decoration:none;color:inherit}a.kpi:hover{outline:2px solid var(--brand,#2F5D8C)}