*{margin:0;box-sizing:border-box}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#eef1f5;color:#1e2939}header.top{background:#fff;border-bottom:1px solid #e5e7eb;padding:10px 28px;display:flex;gap:22px;align-items:center;position:sticky;top:0;z-index:5}header.top .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}header.top .brand .logo{height:30px;width:auto;display:block}header.top .brand span{font-size:18px;font-weight:800;color:#1e2939;letter-spacing:-.2px}header.top .nav{display:flex;gap:18px;align-items:center}header.top .nav a{color:#438194;text-decoration:none;font-size:14px;padding-bottom:2px}header.top .nav a.on{font-weight:700;border-bottom:2px solid currentColor}.usermenu{margin-left:auto;position:relative}.usericon{width:38px;height:38px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#4a5565;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.usericon:hover{border-color:#6abfd9;color:#0b5e6b}.usermenu-pop{position:absolute;right:0;top:46px;min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 30px -12px #0f21354d;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:10}.usermenu-pop[hidden]{display:none}.usermenu-pop .um-name{font-size:12px;color:#9aa3b2;padding:6px 10px 4px;border-bottom:1px solid #eef0f3;margin-bottom:4px}.usermenu-pop a,.usermenu-pop button{display:block;width:100%;text-align:left;background:none;border:0;color:#1e2939;font:inherit;font-size:14px;padding:8px 10px;border-radius:7px;text-decoration:none;cursor:pointer}.usermenu-pop a:hover,.usermenu-pop button:hover{background:#f4f6f8;color:#0b5e6b}.usermenu-pop form{margin:4px 0 0;border-top:1px solid #eef0f3;padding-top:4px}.loginlogo{display:block;height:38px;width:auto;margin:0 auto 14px}main{max-width:1180px;margin:0 auto;padding:28px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;grid-auto-rows:1fr}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}.card:hover{border-color:#6abfd9;box-shadow:0 6px 18px -10px #0f213540}.card h3{font-size:16px;margin:6px 0 8px}.badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;background:#e5e7eb}.badge.Bereit{background:#e5f8e7;color:#024819}.badge.Geplant{background:#fff3e0;color:#7a4b12}.badge.Live{background:#0b5e6b;color:#fff}.badge.Brief,.badge.Produktion,.badge.Fassungen{background:#d0eaf3;color:#1f4e5c}.chips{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:11px;padding:2px 9px;border-radius:999px;border:1px solid #e5e7eb;color:#4a5565}h2.brandhead{margin:26px 0 12px;font-size:15px;text-transform:uppercase;letter-spacing:2px;color:#4a5565}h3.grouphead{margin:22px 0 12px;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#0b5e6b;display:flex;align-items:center;gap:12px}h3.grouphead:after{content:"";flex:1;height:1px;background:#d7dde5}.stage{font-size:12px;color:#9aa3b2;margin-left:6px}.metrics{margin-top:auto;padding-top:12px;border-top:1px solid #eef0f3;display:flex;flex-direction:column;gap:7px}.metricrow{display:flex;align-items:center;gap:8px}.picon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;font-size:11px;font-weight:800;color:#fff;flex-shrink:0;letter-spacing:-.5px}.picon.li{background:#0a66c2}.picon.fb{background:#1877f2}.picon{background:#9aa3b2}.mstats{display:flex;flex-wrap:wrap;gap:5px}.mstat{font-size:12px;color:#334;display:inline-flex;align-items:center;gap:3px;background:#f4f6f8;border-radius:6px;padding:2px 7px;white-space:nowrap}.mstand{font-size:10.5px;color:#9aa3b2}.meta{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;margin-bottom:24px;font-size:14px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}.mocks{display:flex;gap:28px;flex-wrap:wrap;align-items:flex-start}.mockcol h2{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#4a5565;margin-bottom:10px}.hint{max-width:520px;font-size:12.5px;color:#7a4b12;background:#fff7ec;border:1px solid #f3d9b5;border-radius:8px;padding:8px 12px;margin-bottom:10px}.phone{width:100%;max-width:520px;border-radius:14px;padding:14px}.phone.li{background:#f4f2ee}.phone.fb{background:#f0f2f5}.postcard{background:#fff;border-radius:10px;box-shadow:0 1px 2px #00000026;overflow:hidden}.head{display:flex;gap:10px;padding:12px 14px 8px;align-items:flex-start}.avatar{width:48px;height:48px;border-radius:6px;color:#fff;font-weight:800;font-size:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar.round{border-radius:50%}.name{font-weight:700;font-size:14px}.sub{font-size:12px;color:#666}.follow{margin-left:auto;color:#0a66c2;font-weight:700;font-size:14px}.body{padding:4px 14px 10px;font-size:14px;line-height:1.45}.body p{margin-bottom:.7em}.body p:last-child{margin-bottom:0}.tag,.body a{color:#0a66c2;font-weight:600;text-decoration:none}.copy.folded{max-height:5.8em;overflow:hidden}.morebtn{border:0;background:none;color:#666;font-size:13px;cursor:pointer;padding:0 0 4px}.media img,.media video{width:100%;display:block}.media.grid{display:grid;gap:2px}.media.grid.g2,.media.grid.g3,.media.grid.g4{grid-template-columns:1fr 1fr}.media.grid figure{position:relative;margin:0}.media.grid img{height:100%;object-fit:cover;aspect-ratio:1.91/1}.media .more{position:absolute;inset:0;background:#00000073;color:#fff;font-size:30px;font-weight:700;display:flex;align-items:center;justify-content:center}.media.doc .dochead{font-size:12px;padding:8px 14px;background:#f4f2ee;border-top:1px solid #e5e7eb}.media.doc iframe{width:100%;aspect-ratio:4/5;border:0;display:block}.media.placeholder{padding:36px 20px;text-align:center;background:#f4f2ee;color:#666;font-size:13px}.media img{cursor:zoom-in}.carousel{position:relative;background:#1b1f23}.carousel img{display:none;width:100%}.carousel img.active{display:block}.carousel .nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:#0000008c;color:#fff;font-size:24px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s}.carousel:hover .nav{opacity:1}.carousel .nav.prev{left:10px}.carousel .nav.next{right:10px}.carousel .pagepill{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#000000a6;color:#fff;font-size:12px;padding:3px 12px;border-radius:999px}dialog.lightbox{border:0;padding:0;background:transparent;outline:none;width:100vw;height:100vh;max-width:100vw;max-height:100vh;display:none;align-items:center;justify-content:center}dialog.lightbox[open]{display:flex}dialog.lightbox::backdrop{background:#000000d9}#lbstage{display:flex;align-items:center;justify-content:center;pointer-events:none}#lbstage img,#lbstage video{max-width:88vw;max-height:90vh;display:block;border-radius:6px;pointer-events:auto}.lbnav{position:fixed;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:#ffffff24;color:#fff;font-size:30px;line-height:1;cursor:pointer;z-index:2}.lbnav:hover{background:#ffffff47}.lbnav.prev{left:22px}.lbnav.next{right:22px}.lbclose{position:fixed;top:18px;right:22px;border:0;background:none;color:#fffc;font-size:26px;cursor:pointer;z-index:2}dialog.lightbox .pagepill{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:#000000a6;color:#fff;font-size:13px;padding:4px 14px;border-radius:999px}.media .expand{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:8px;border:0;background:#0000008c;color:#fff;font-size:17px;cursor:pointer}.media.single{position:relative}.media .more{cursor:pointer}.playbadge{position:absolute;right:8px;bottom:8px;background:#0009;color:#fff;font-size:11px;padding:2px 8px;border-radius:999px;pointer-events:none}.media.grid video{width:100%;height:100%;object-fit:cover;aspect-ratio:1.91/1;cursor:zoom-in}.stats{display:flex;justify-content:space-between;padding:8px 14px;font-size:12px;color:#666;border-bottom:1px solid #eee}.actions{display:flex;justify-content:space-around;padding:8px 4px;font-size:13px;color:#555;font-weight:600}details.briefbox{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px}details.briefbox>summary{cursor:pointer;padding:14px 20px;font-weight:700;font-size:14px;list-style:none}details.briefbox>summary::-webkit-details-marker{display:none}details.briefbox[open]>summary{border-bottom:1px solid #e5e7eb}.brief{padding:8px 24px 22px;font-size:14px;line-height:1.5}.brief h1{font-size:20px;margin:16px 0 8px}.brief h2{font-size:16px;margin:18px 0 6px}.brief h3{font-size:14px;margin:14px 0 4px}.brief p{margin:8px 0}.brief ul,.brief ol{margin:8px 0 8px 22px}.brief li{margin:3px 0}.brief code{background:#f1f3f7;padding:1px 5px;border-radius:4px;font-size:12.5px}.brief blockquote{border-left:3px solid #d0eaf3;background:#f7fbfd;padding:8px 14px;margin:10px 0;color:#3a4a52}.brief table{border-collapse:collapse;margin:10px 0;font-size:12.5px;width:100%}.brief th,.brief td{border:1px solid #e5e7eb;padding:6px 10px;text-align:left;vertical-align:top}.brief th{background:#f7f8fa}.brief hr{border:0;border-top:1px solid #e5e7eb;margin:14px 0}.brief a{color:#0a66c2}.legend{display:flex;gap:20px;flex-wrap:wrap;font-size:12.5px;color:#4a5565;margin:4px 0 16px}.legend i{display:inline-block;width:14px;height:4px;border-radius:2px;vertical-align:middle;margin-right:5px}.legend i.mk{width:0;height:14px;border-left:2px dashed #9aa3b2;border-radius:0}.tlsite{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 18px 18px;margin-bottom:22px}.tlsite .grouphead{margin-top:4px}svg.chart{width:100%;height:auto;display:block}svg.chart .grid{stroke:#eef0f3;stroke-width:1}svg.chart .ylab{fill:#9aa3b2;font-size:9px;text-anchor:end}svg.chart .xlab{fill:#9aa3b2;font-size:9px;text-anchor:middle}svg.chart .mark{stroke:#9aa3b2;stroke-width:1;stroke-dasharray:3 3}svg.chart .mlab{fill:#0b5e6b;font-size:10px;font-weight:700;text-anchor:end;cursor:pointer}svg.chart .ibar{fill:#0a66c229;stroke:#0a66c28c;stroke-width:1}svg.chart a:hover .ibar{fill:#0a66c252}svg.chart .barval{fill:#0a4f97;font-size:10px;font-weight:700;text-anchor:middle}svg.chart .rlab{fill:#0a66c2;font-size:9px;text-anchor:start}svg.chart rect.hit{cursor:default}svg.chart rect.hit:hover{fill:#0b5e6b12!important}svg.chart .rcap{fill:#0a66c2;font-size:9px;font-weight:700;text-anchor:start}.legend i.mkbar{width:9px;height:14px;border-radius:1px;background:#0a66c266;border:1px solid #0a66c2}.tl-toggle{gap:16px}.serie-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border-radius:6px}.serie-toggle:hover{background:#f4f6f8}.serie-toggle b{color:#1e2939;font-weight:700}.serie-toggle.off{opacity:.45}.serie-toggle.off i{background:#c2c8d0!important}.serie-toggle.off b{color:#9aa3b2}ul.tlposts{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}ul.tlposts li{font-size:13px}ul.tlposts a{color:#1e2939;text-decoration:none}ul.tlposts a:hover{color:#0b5e6b}ul.tlposts .tlstat{margin-left:8px;font-size:12px;color:#4a5565;background:#f4f6f8;border-radius:6px;padding:1px 8px;white-space:nowrap}.folrow{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:18px}.folcard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 18px;min-width:210px}.folname{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#4a5565}.folnum{font-size:30px;font-weight:800;color:#0b5e6b;line-height:1.1;margin-top:2px}.folnum small{font-size:12px;font-weight:600;color:#9aa3b2}.foldelta{font-size:12px;color:#9aa3b2;margin-top:2px}.foldelta.up{color:#057a3c}.foldelta.down{color:#c0392b}svg.spark{width:168px;height:38px;display:block;margin-top:8px}.histspark{margin-top:8px;padding-top:8px;border-top:1px solid #eef0f3}.histlbl{font-size:11px;color:#4a5565}.histspark svg.spark{width:100%;height:30px;margin-top:3px}.cardwrap{position:relative;display:flex;height:100%}.loginwrap{min-height:70vh;display:flex;align-items:center;justify-content:center}.loginbox{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:32px;width:360px;max-width:92vw;box-shadow:0 10px 30px -18px #0f213559}.loginbox h1{font-size:20px;margin-bottom:4px}.loginbox p.lead{font-size:13px;color:#4a5565;margin-bottom:20px}.loginbox label{display:block;font-size:12px;font-weight:700;color:#4a5565;margin:12px 0 4px}.loginbox input{width:100%;padding:9px 12px;border:1px solid #d7dde5;border-radius:8px;font-size:14px}.loginbox input:focus{outline:none;border-color:#6abfd9}.loginbox button{width:100%;margin-top:20px;padding:10px;border:0;border-radius:8px;background:#0b5e6b;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.loginbox button:hover{background:#0a525e}.loginerr{margin-top:16px;font-size:13px;color:#c0392b;background:#fff5f5;border:1px solid #f0c8c8;border-radius:8px;padding:8px 12px}.comments{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px;margin-top:24px;max-width:720px}.comments h2{font-size:15px;text-transform:uppercase;letter-spacing:2px;color:#4a5565;margin-bottom:14px}.comment{padding:12px 0;border-top:1px solid #eef0f3}.comment:first-of-type{border-top:0}.comment .chead{display:flex;gap:10px;align-items:baseline;font-size:13px}.comment .cauthor{font-weight:700;color:#1e2939}.comment .ctime{color:#9aa3b2;font-size:12px}.comment .ctext{margin-top:4px;font-size:14px;line-height:1.5;white-space:pre-wrap}.commentform{margin-top:16px;padding-top:16px;border-top:1px solid #eef0f3}.commentform textarea{width:100%;min-height:80px;padding:10px 12px;border:1px solid #d7dde5;border-radius:8px;font:inherit;font-size:14px;resize:vertical}.commentform textarea:focus{outline:none;border-color:#6abfd9}.commentform button{margin-top:10px;padding:8px 18px;border:0;border-radius:8px;background:#0b5e6b;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.commentform button:hover{background:#0a525e}.commentform .cerr{margin-top:10px;font-size:13px;color:#c0392b}.comments .empty{font-size:13px;color:#9aa3b2}.utable{width:100%;max-width:820px;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.utable th,.utable td{text-align:left;padding:10px 14px;font-size:14px;border-bottom:1px solid #eef0f3;vertical-align:middle}.utable th{background:#f7f8fa;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#4a5565}.utable tr:last-child td{border-bottom:0}.utable .u-role{text-transform:lowercase}.utable .u-self{color:#9aa3b2;font-size:12px}.utable .u-actcol{text-align:right;white-space:nowrap}.u-actions{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.utable input,.utable select{padding:6px 9px;border:1px solid #d7dde5;border-radius:7px;font:inherit;font-size:13px}.utable input:focus,.utable select:focus{outline:none;border-color:#6abfd9}.u-actions .uerr{color:#c0392b;font-size:12px}.uform{display:flex;gap:8px;flex-wrap:wrap;align-items:center;max-width:820px;margin-top:4px}.uform input,.uform select{padding:8px 11px;border:1px solid #d7dde5;border-radius:8px;font:inherit;font-size:14px}.uform input:focus,.uform select:focus{outline:none;border-color:#6abfd9}.uform input[name=email]{flex:1 1 180px}.uform input[name=name]{flex:1 1 140px}.uform input[name=password]{flex:1 1 160px}.uform button[type=submit]{padding:8px 16px;border:0;border-radius:8px;background:#0b5e6b;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.uform button[type=submit]:hover{background:#0a525e}.uform .uerr{color:#c0392b;font-size:13px;flex-basis:100%}.accountcard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 18px;max-width:420px}.acrow{display:flex;gap:12px;padding:6px 0;font-size:14px}.acrow+.acrow{border-top:1px solid #eef0f3}.aclbl{width:80px;color:#4a5565;font-size:12px;text-transform:uppercase;letter-spacing:1px;align-self:center}.pwform{display:flex;flex-direction:column;gap:6px;max-width:420px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.pwform label{font-size:12px;font-weight:700;color:#4a5565;margin-top:8px}.pwform input{padding:9px 12px;border:1px solid #d7dde5;border-radius:8px;font:inherit;font-size:14px}.pwform input:focus{outline:none;border-color:#6abfd9}.pwrow{display:flex;gap:8px}.pwrow input{flex:1}.pwform button[type=submit]{margin-top:16px;padding:10px;border:0;border-radius:8px;background:#0b5e6b;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.pwform button[type=submit]:hover{background:#0a525e}.acmsg{margin-top:12px;font-size:13px}.acmsg.err{color:#c0392b}.acmsg.ok{color:#057a3c;font-weight:700}.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:680px){header.top{padding:9px 12px;gap:10px}header.top .brand .logo{height:24px}header.top .nav{flex:1 1 auto;min-width:0;overflow-x:auto;gap:16px;scrollbar-width:none}header.top .nav::-webkit-scrollbar{display:none}header.top .nav a{white-space:nowrap}.usermenu{flex:0 0 auto}main{padding:18px 14px}h2.brandhead{margin:20px 0 10px}.mocks{gap:18px}.mockcol{width:100%}.hint{max-width:100%}.meta{gap:10px}.meta code{word-break:break-all}.meta span[style]{margin-left:0!important}.brief{overflow-x:auto;padding:8px 16px 18px}.comments{padding:16px}.folrow{gap:12px}.folcard{flex:1 1 100%;min-width:0}.utable{min-width:520px}}
