@import url("/tokens.css");



[hidden]{display:none!important}




*{box-sizing:border-box}











input,textarea,select,button{color:inherit}











textarea{background:var(--w);border:1px solid var(--line);border-radius:var(--r-md);
  padding:12px 14px;font:inherit;font-size:var(--fs-text);line-height:1.55;resize:vertical}
textarea:focus{outline:0;border-color:var(--fg)}









html{font-family:var(--st-font)}





button,input,select,textarea{font-family:inherit}

body{min-height:100vh;display:flex;flex-direction:column}
body > main{flex:1 0 auto;width:100%}
body{margin:0;background:var(--w);color:var(--fg);
 font-family:var(--st-font);
 font-size:var(--fs-text);line-height:1.45;letter-spacing:-.004em;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}






.mono{font-variant-numeric:tabular-nums;letter-spacing:-.005em}




.num{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:400}
.pad{padding:0 56px}
.wrap{max-width:1360px;margin:0 auto}
@media(max-width:1100px){.pad{padding:0 32px}}
@media(max-width:820px){.pad{padding:0 22px}}

 
.hd{position:sticky;top:0;z-index:60;background:var(--w);border-bottom:1px solid var(--soft)}
.hd-in{display:flex;align-items:center;gap:20px;height:78px}






.nav-c{flex:1;display:flex;justify-content:center;gap:4px}
.nav-c a{padding:12px 16px;border-radius:var(--r-pill);font-size:var(--fs-text);font-weight:500;color:var(--muted)}
.nav-c a:hover{background:var(--wash);color:var(--fg)}
.nav-c a.on{color:var(--mark);font-weight:600}




.hd-r{display:flex;align-items:center;gap:6px;margin-left:auto}
.hlink{padding:12px 16px;border-radius:var(--r-pill);font-weight:600;font-size:var(--fs-text)}







.hlink:hover{background:var(--wash)}
.acct{position:relative}
.burger{display:flex;align-items:center;gap:9px;border:1px solid var(--line);
        border-radius:var(--r-pill);padding:5px 6px 5px 13px}
.burger:hover{box-shadow:var(--sh-s)}
.ava{width:30px;height:30px;border-radius:var(--r-pill);background:var(--dim);color:var(--w);
     display:grid;place-items:center;font-size:var(--fs-label);font-weight:600}







.menu{position:absolute;right:0;top:54px;width:266px;background:var(--w);border-radius:var(--r-xl);
      box-shadow:var(--sh-l),0 0 0 1px var(--line);padding:9px 0;display:none;
      max-width:calc(100vw - 24px)}
.menu.open{display:block}
.menu a{display:block;padding:11px 18px;font-size:var(--fs-text)}
.menu a:hover{background:var(--wash)}
.menu hr{border:0;border-top:1px solid var(--soft);margin:9px 0}















:focus-visible{outline:2px solid var(--mark);outline-offset:2px;border-radius:var(--r-xs)}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:0}


































.feld,.sin,.dp-such,.lsearch,.ask-in{
  background:var(--wash);
  border:0;box-shadow:none;
  border-radius:var(--r-md);
  padding:8px 12px;
  font:inherit;font-size:var(--fs-input);line-height:20px;color:var(--fg);
  outline:0;
}
textarea.feld,textarea.sin{
  border-radius:var(--r-md);line-height:1.5;resize:vertical;min-height:76px;
}
.feld:focus,.sin:focus,.dp-such:focus,.lsearch:focus,.ask-in:focus{
  background:var(--w);box-shadow:inset 0 0 0 1px var(--line-str);
}





label.sfeld > input.sin{display:block;width:100%;max-width:440px}
.feld::placeholder,.sin::placeholder,.dp-such::placeholder,
.lsearch::placeholder,.ask-in::placeholder{color:var(--faint)}

 


.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--mark);
     color:var(--w);font-weight:600;font-size:var(--fs-text);padding:15px 28px;border-radius:var(--r-pill)}
.btn:hover{background:var(--mark-deep)}
.btn.ghost{background:var(--w);color:var(--fg);border:1px solid var(--fg)}
.btn.ghost:hover{background:var(--wash)}
.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);
      border-radius:var(--r-pill);padding:10px 18px;font-weight:600;font-size:var(--fs-text);background:var(--w)}
.pill:hover{box-shadow:var(--sh-s)}











.board-main .pill{background:var(--mark);color:var(--w);border-color:var(--mark);
  padding:9px 18px;font-size:var(--fs-text)}
.board-main .pill:hover{background:var(--mark-deep);border-color:var(--mark-deep)}


.board-main .pill#st-drop,.board-main .pill#st-erase,
.board-main .pill[data-unlink],.board-main .pill#st-2fa-off{
  background:transparent;color:var(--muted);border-color:var(--line-str)}
.board-main .pill#st-drop:hover,.board-main .pill#st-erase:hover,
.board-main .pill[data-unlink]:hover,.board-main .pill#st-2fa-off:hover{
  background:transparent;color:var(--err);border-color:var(--err)}
.pill.solid{background:var(--mark);color:var(--w);border-color:var(--mark)}

 
.hero{display:grid;grid-template-columns:1fr 400px;gap:64px;align-items:center;
      padding:76px 0 72px}
@media(max-width:940px){.hero{grid-template-columns:1fr;gap:36px;padding:48px 0}}
.hero h1{margin:0 0 20px;font-size:var(--fs-hero);line-height:1.04;font-weight:600;letter-spacing:-.038em}
.hero .lede{margin:0 0 30px;font-size:var(--fs-card);color:var(--muted);max-width:52ch}
.hero .acts{display:flex;gap:12px;flex-wrap:wrap}














.claim-hint{margin:12px 0 0;min-height:21px;font-size:var(--fs-dense);
            color:var(--muted)}
.claim-hint.ok{color:var(--live)}
.claim-hint.bad{color:var(--err-soft)}

.card-hero{border:1px solid var(--line);border-radius:var(--r-2xl);padding:28px;box-shadow:var(--sh)}
.card-hero .lbl{font-size:var(--fs-dense);font-weight:600;color:var(--muted);letter-spacing:.02em}
.card-hero .addr{font-size:var(--fs-sec);margin:8px 0 4px;letter-spacing:-.01em}
.card-hero p{margin:0 0 20px;color:var(--muted);font-size:var(--fs-text)}
.card-hero .btn{width:100%}
.card-hero .fine{margin:14px 0 0;font-size:var(--fs-dense);color:var(--faint);text-align:center}

 
.sec{padding:64px 0;border-top:1px solid var(--soft)}
.sec-h{margin:0 0 8px;font-size:var(--fs-band);font-weight:600;letter-spacing:-.032em}
.sec-s{margin:0 0 34px;color:var(--muted);font-size:var(--fs-card);max-width:62ch}
.steps{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.step{background:var(--wash);border-radius:var(--r-xl);padding:26px}
.step .n{width:30px;height:30px;border-radius:var(--r-pill);background:var(--fg);color:var(--w);
         display:grid;place-items:center;font-size:var(--fs-dense);font-weight:600;margin-bottom:16px}
.step b{display:block;font-size:var(--fs-card);font-weight:600;margin-bottom:6px;letter-spacing:-.012em}
.step p{margin:0;color:var(--muted);font-size:var(--fs-text)}

 
.rules{max-width:820px}
.rule{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--soft)}
.rule:first-child{border-top:1px solid var(--soft)}
.rule .ic{flex:0 0 auto;width:24px;color:var(--fg);padding-top:2px}
.rule b{display:block;font-size:var(--fs-card);font-weight:600;margin-bottom:4px}
.rule span{color:var(--muted)}

 
.note{background:var(--wash);border-radius:var(--r-xl);padding:24px;display:flex;gap:18px;
      align-items:flex-start;max-width:820px}
.note .ic{flex:0 0 auto}
.note b{display:block;font-weight:600;margin-bottom:5px;font-size:var(--fs-card)}
.note p{margin:0 0 16px;color:var(--muted);font-size:var(--fs-text)}

 
.plans{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.plan{box-shadow:var(--tiefe);border-radius:var(--r-2xl);padding:28px;display:flex;flex-direction:column}
.plan.lift{box-shadow:var(--sh)}
.plan .tag{align-self:flex-start;background:var(--wash);border-radius:var(--r-pill);padding:5px 12px;
           font-size:var(--fs-dense);font-weight:600;margin-bottom:16px}
.plan h3{margin:0 0 4px;font-size:var(--fs-card);font-weight:600}
.plan .price{font-size:var(--fs-band);font-weight:600;letter-spacing:-.03em;margin:14px 0 2px}



.plan .vat{margin:2px 0 0;font-size:var(--fs-dense);color:var(--faint)}



.plan .price .unit{font-size:var(--fs-card);font-weight:500;color:var(--muted);letter-spacing:0}

.plan .per{color:var(--muted);font-size:var(--fs-text);margin-bottom:0}
.plan ul{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:11px}
.plan li{display:flex;gap:11px;color:var(--muted);font-size:var(--fs-text)}
.plan li svg{flex:0 0 auto;margin-top:4px;color:var(--fg)}




.plan .btn,.plan .pill{width:100%;justify-content:center;margin:20px 0 0}
.plan-h{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:29px}
.plan-h h3{margin:0}



.plan .tag{align-self:center;margin-bottom:0}
.plan .incl{margin:24px 0 14px;font-size:var(--fs-text);color:var(--fg);font-weight:600}
.plan ul{margin:0}



.plans-top{display:flex;justify-content:flex-start;margin:0 0 24px}
.plans-top .pill{width:auto}

 
.faq{max-width:820px}
.q{border-bottom:1px solid var(--soft)}
.q summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;
           justify-content:space-between;gap:20px;align-items:center;
           font-size:var(--fs-card);font-weight:600;letter-spacing:-.015em}
.q summary::-webkit-details-marker{display:none}
.q .pm{flex:0 0 auto;color:var(--muted)}
.q[open] .pm{transform:rotate(45deg)}
.q p{margin:0 0 24px;color:var(--muted);max-width:70ch}

 
.ft{background:var(--wash);border-top:1px solid var(--soft);padding:48px 0 30px;margin-top:24px}
.ft-c{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}




.ft-schmal{padding-top:26px}
.ft-schmal .ft-b{margin-top:0;padding-top:0}
.ft h4{margin:0 0 12px;font-size:var(--fs-text);font-weight:600}
.ft a{display:block;color:var(--muted);padding:5px 0;font-size:var(--fs-text)}
.ft a:hover{text-decoration:underline;color:var(--fg)}
.ft-b{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);display:flex;
      justify-content:space-between;gap:14px 26px;flex-wrap:wrap;align-items:center;
      color:var(--muted);font-size:var(--fs-text)}

 
.acc{display:grid;grid-template-columns:392px minmax(0,1fr)}
@media(max-width:980px){.acc{grid-template-columns:1fr}.accr{border-left:0;padding-left:0}}
.accl{padding:44px 56px 60px 0}
.accl h1{margin:0 0 26px;font-size:var(--fs-band);font-weight:600;letter-spacing:-.03em}
.notebox{background:var(--wash);border-radius:var(--r-xl);padding:20px;margin-bottom:26px;position:relative}
.notebox .x{position:absolute;top:16px;right:16px;color:var(--muted)}
.notebox b{display:block;font-weight:600;margin:10px 0 4px;font-size:var(--fs-text)}
.notebox p{margin:0 0 14px;color:var(--muted);font-size:var(--fs-text);max-width:34ch}
.notebox .pill{width:100%;justify-content:center}
.navl a{display:flex;align-items:center;gap:15px;padding:14px 16px;border-radius:var(--r-pill);font-size:var(--fs-text)}
.navl a:hover{background:var(--wash)}
.navl a.on{background:var(--mark-soft);color:var(--mark);font-weight:600}
.navl .tagn{margin-left:auto;background:var(--warn-bg);color:var(--warn);border-radius:var(--r-pill);
            padding:2px 9px;font-size:var(--fs-label);font-weight:600}
.navl hr{border:0;border-top:1px solid var(--soft);margin:14px 12px}
.accr{border-left:1px solid var(--soft);padding:44px 0 70px 64px;min-width:0}
.accr h2{margin:0 0 6px;font-size:var(--fs-band);font-weight:600;letter-spacing:-.03em}
.accr .sub{margin:0 0 10px;color:var(--muted)}
.line{padding:24px 0;border-bottom:1px solid var(--soft)}
.line-h{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}



.conns{display:flex;flex-direction:column;margin:14px 0 0 52px}
.conn{display:flex;align-items:center;gap:14px;font-size:var(--fs-text);color:var(--muted);
      padding:9px 0}


.sblock .conn{font-size:var(--fs-dense)}
.conn + .conn{border-top:1px solid var(--soft)}
.conn b{color:var(--fg);font-weight:600}
.conn .pill{margin-left:auto}
.line b{display:block;font-weight:600;margin-bottom:3px;font-size:var(--fs-text)}
.line-h > div > span{display:block;color:var(--muted);max-width:74ch}
.line .ed{flex:0 0 auto;font-weight:600;text-decoration:underline;text-underline-offset:3px}


.btn-o{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  border:1px solid var(--line);border-radius:var(--r-pill);padding:14px 24px;
  font-weight:600;font-size:var(--fs-text);color:var(--fg);cursor:pointer;
  margin-bottom:10px;transition:border-color .15s,background .15s}
.btn-o:hover{border-color:var(--line-str);background:var(--wash)}
.btn-s{display:inline-flex;align-items:center;border:1px solid var(--fg);border-radius:var(--r-pill);
       padding:9px 16px;font-weight:600;font-size:var(--fs-dense);margin-top:12px}
.btn-s:hover{background:var(--wash)}
.edit-b{padding-top:16px;display:flex;flex-direction:column;gap:10px;max-width:620px}
.opt{display:block;box-shadow:var(--tiefe);border-radius:var(--r-l);padding:16px 18px;cursor:pointer}
.opt:hover{background:var(--line-fade)}
.opt.on{border:2px solid var(--mark);padding:15px 17px;background:var(--mark-soft)}
.oh{display:flex;justify-content:space-between;align-items:center;gap:12px}
.oh b{margin:0;font-size:var(--fs-text)}
.od{color:var(--muted);margin-top:4px;font-size:var(--fs-text)}
.rad{width:20px;height:20px;border-radius:var(--r-pill);border:1px solid var(--dimmer);flex:0 0 auto;
     display:grid;place-items:center;color:transparent}
.opt.on .rad{background:var(--mark);border-color:var(--mark);color:var(--w)}
.edit-b .btn{align-self:flex-start;margin-top:4px}
.q[open] .pm{transform:none}
.q[open] .pm .v{display:none}

 
.hd-2{display:flex;align-items:center;gap:12px;padding:0 0 16px;overflow-x:auto;
      scrollbar-width:none}
.hd-2::-webkit-scrollbar{display:none}
.fp{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 17px;
    border:1px solid var(--line);border-radius:var(--r-pill);font-weight:500;font-size:var(--fs-text);background:var(--w)}
.fp:hover{border-color:var(--fg)}
.fp.on{background:var(--mark);color:var(--w);border-color:var(--mark);font-weight:600}
.sbar{display:flex;align-items:center;background:var(--w);border:1px solid var(--line);
      border-radius:var(--r-pill);height:40px;flex:0 0 auto;margin:0 auto}
.sbar:hover{box-shadow:var(--sh)}
.sseg{padding:0 20px;height:100%;display:flex;align-items:center;font-weight:500;font-size:var(--fs-text);
      border-radius:var(--r-pill);white-space:nowrap}
.sseg:hover{background:var(--wash)}
.sseg.dim{color:var(--muted);font-weight:400}
.sdiv{width:1px;height:26px;background:var(--line);flex:0 0 auto}
.sgo{width:38px;height:38px;margin-right:7px;border-radius:var(--r-pill);background:var(--fg);
     color:var(--w);display:grid;place-items:center;flex:0 0 auto}

.count{margin:26px 0 4px;font-size:var(--fs-card);font-weight:600;letter-spacing:-.018em}
.count-s{margin:0 0 22px;color:var(--muted);font-size:var(--fs-text)}
.count-s u{text-underline-offset:2px}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));
      padding-bottom:56px}
.ent{border:1px solid var(--line);border-radius:var(--r-xl);padding:22px;display:flex;
     flex-direction:column;transition:box-shadow .2s,transform .2s}
.ent:hover{box-shadow:var(--sh);transform:translateY(-2px)}
.ent-h{display:flex;justify-content:space-between;gap:14px;align-items:baseline}
.ent-h b{font-size:var(--fs-card);font-weight:600;letter-spacing:-.014em}
.ent-h .n{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-text);color:var(--fg)}
.ent .what{color:var(--muted);margin-top:2px}
.ent .say{margin:14px 0 0;color:var(--fg);font-size:var(--fs-text);line-height:1.5;
          display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ent .foot{display:flex;align-items:center;justify-content:space-between;gap:12px;
           margin-top:18px;padding-top:16px;border-top:1px solid var(--soft)}
.ent .addr{color:var(--muted);font-size:var(--fs-dense)}
.ent .st{font-size:var(--fs-dense);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.ent .st.live{color:var(--live)}
.ent .st .dot{width:6px;height:6px;border-radius:var(--r-pill);background:currentColor;display:inline-block}
.ent .mark{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-dense);font-weight:600;color:var(--muted)}
.more-row{display:flex;justify-content:center;padding:0 0 64px}

 
.claim{display:flex;gap:10px;flex-wrap:wrap;margin:0}





 
.field{display:flex;align-items:center;gap:2px;border:0;border-radius:var(--r-md);
       padding:0 12px;height:40px;background:var(--wash);min-width:0;flex:1 1 auto;
       box-shadow:none}
.claim .field{min-width:260px;flex:1 1 260px}
.field:focus-within{background:var(--w);box-shadow:inset 0 0 0 1px var(--line-str)}
.field .at{color:var(--muted);font-size:var(--fs-text)}


.field input,.field textarea{font-size:var(--fs-input)}
.field input{border:0;outline:0;font:inherit;font-size:var(--fs-input);flex:1;background:transparent;min-width:0}
.field .at + input,.field.mono input{}
.claim .btn{height:56px}
.fine{color:var(--faint);font-size:var(--fs-dense);margin:0}

 
.win{border:1px solid var(--line);border-radius:var(--r-3xl);overflow:hidden;box-shadow:var(--sh);
     display:grid;grid-template-columns:284px 1fr;background:var(--w);margin:12px 0 0}
@media(max-width:860px){.win{grid-template-columns:1fr}.win-l{display:none}}
.win-l{border-right:1px solid var(--soft);background:var(--w);padding:10px}
.item{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;
      padding:12px 14px;border-radius:var(--r-l)}
.item:hover{background:var(--wash)}
.item[aria-current="true"]{background:var(--wash)}
.av{width:34px;height:34px;border-radius:50%;flex:none}
.item .tt{min-width:0;flex:1;padding-top:1px}
.item .top{display:flex;align-items:baseline;gap:8px}
.item .who{font-weight:600;font-size:var(--fs-text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item .t{color:var(--faint);font-size:var(--fs-dense);flex:0 0 auto}
.item .peek{display:block;color:var(--muted);font-size:var(--fs-dense);margin-top:2px;overflow:hidden;
            text-overflow:ellipsis;white-space:nowrap}
.win-r{display:flex;flex-direction:column;min-width:0}
.win-h{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--soft)}
.win-h .av{width:24px;height:24px}
.win-h .who{font-weight:600}
.win-h .rgt{margin-left:auto;color:var(--muted);font-size:var(--fs-dense)}
.stream{padding:20px;display:flex;flex-direction:column;gap:12px;min-height:474px;
        max-height:474px;overflow-y:auto}
.stream>*{animation:rise .42s both}
@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.stream>*{animation:none}}
.pv{background:var(--wash);border-radius:var(--r-xl);padding:16px 18px}
.pv .pt{font-size:var(--fs-label);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.pv .pm{font-size:var(--fs-card);font-weight:600;margin:6px 0 10px;letter-spacing:-.014em}
.pv .pl{display:flex;flex-wrap:wrap;gap:8px}
.pv .pl span{background:var(--w);border:1px solid var(--line);border-radius:var(--r-pill);
             padding:5px 11px;font-size:var(--fs-dense)}
.checks{display:flex;flex-direction:column;gap:9px;padding:2px 2px}
.checks div{display:flex;gap:10px;font-size:var(--fs-text);color:var(--muted)}
.checks b{color:var(--fg);font-weight:600}
.checks .ok{color:var(--fg);flex:0 0 auto}
.checks .no .ok{color:var(--faint)}
.bub{max-width:80%;padding:12px 17px;border-radius:var(--r-2xl);background:var(--wash);font-size:var(--fs-text)}



.bub.me{align-self:flex-end;background:var(--soft)}
.bub .nm{display:inline-flex;align-items:center;gap:6px;font-weight:600;margin-right:5px}
.bub .nm i{width:14px;height:14px;border-radius:50%;display:inline-block}




.bub.typ{display:inline-flex;gap:5px;align-items:center;padding:15px 17px;align-self:flex-start}
.bub.typ.me{align-self:flex-end}
.bub.typ i{width:6px;height:6px;border-radius:50%;background:var(--faint);display:block;
           animation:tip 1.15s infinite}
.bub.typ i:nth-child(2){animation-delay:.16s}
.bub.typ i:nth-child(3){animation-delay:.32s}
@keyframes tip{0%,58%,100%{opacity:.3;transform:translateY(0)}
               29%{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.bub.typ i{animation:none}}
.sys{align-self:center;color:var(--muted);font-size:var(--fs-dense);display:flex;gap:7px;align-items:center;
     background:var(--wash);border-radius:var(--r-pill);padding:7px 14px}
.sys b{color:var(--fg);font-weight:600}
.done{align-self:center;font-weight:600;font-size:var(--fs-dense);border:1px solid var(--line);
      border-radius:var(--r-pill);padding:7px 16px}
.comp{display:flex;align-items:center;gap:10px;border-top:1px solid var(--soft);
      padding:14px 20px;color:var(--muted)}
.comp .plus{width:30px;height:30px;border-radius:var(--r-pill);border:1px solid var(--line);
            display:grid;place-items:center;flex:0 0 auto;color:var(--fg)}
.comp .ph{flex:1;font-size:var(--fs-text)}

 
.uses{display:grid;gap:0 40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
      max-width:960px}
.use{display:flex;align-items:flex-start;justify-content:flex-start;text-align:left;gap:14px;padding:16px 0;border-bottom:1px solid var(--soft)}

.use b{font-weight:600;font-size:var(--fs-card);flex:0 1 auto}
.use span:last-child{color:var(--muted);margin-left:auto;font-size:var(--fs-text);text-align:right}
.hero.solo{grid-template-columns:1fr;padding:82px 0 54px;max-width:none;text-align:center}
.hero.solo h1{font-size:var(--fs-hero);max-width:none;white-space:nowrap}



.hero.solo .lede{font-size:var(--fs-sec);max-width:60ch;margin-left:auto;margin-right:auto;
                 text-wrap:balance}
.hero.solo .claim{max-width:620px;margin:0 auto;justify-content:center}
@media(max-width:940px){.hero.solo{padding:48px 0 34px}
  

  .hero.solo h1{white-space:normal}}

.uses{gap:0 56px}
.col-h{margin:0 0 4px;font-size:var(--fs-dense);font-weight:600;letter-spacing:.05em;
       text-transform:uppercase;color:var(--muted)}
.use b{flex:1 1 auto}
.field input::placeholder{color:var(--faint);opacity:1}
.use b{font-weight:500;font-size:var(--fs-text);line-height:1.4}
.rows-flat{max-width:1000px}
.rows-flat .line:first-child{border-top:1px solid var(--soft)}
.nav-c a.on{color:var(--mark);font-weight:600}




.plans.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:820px;
  margin-left:auto;margin-right:auto}
.plans.two .plan{padding:24px}
.plans.two .plan .price{font-size:var(--fs-band);margin:10px 0 2px}




.plans.two .plan ul{margin-top:16px;margin-bottom:26px;flex:1 1 auto}



.plans.two .plan > .btn,.plans.two .plan > .pill{margin-top:auto;
  justify-content:center;height:48px;padding:0 20px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;align-items:center;margin-bottom:22px}
.kv .k{color:var(--muted);font-size:var(--fs-dense)}
.kv .v{display:flex;align-items:center;gap:10px;background:var(--wash);border-radius:var(--r-pill);
       padding:9px 8px 9px 15px;font-size:var(--fs-dense);overflow:hidden;white-space:nowrap}
.cp{margin-left:auto;width:28px;height:28px;border-radius:var(--r-pill);background:var(--w);
    display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line)}
.cp:hover{box-shadow:var(--sh-s)}
.prov{display:flex;align-items:center;gap:16px}
.prov .ico{width:36px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;
           color:var(--fg);overflow:visible}
.prov .ico > svg{flex:none}
.prov .ico svg{display:block}
.prov b{font-size:var(--fs-card);font-weight:500}
.dot-ic{width:26px;height:26px;border-radius:var(--r-pill);border:1px solid var(--line);
        display:flex;align-items:center;justify-content:center;color:var(--muted);flex:0 0 auto}
.dot-ic svg{display:block}
.line-h .pill{flex:0 0 auto}

 
.app{display:grid;grid-template-columns:330px 1fr;grid-template-rows:auto 1fr;height:calc(100vh - 79px)}
.app-l{border-right:1px solid var(--soft);display:flex;flex-direction:column;min-height:0}
.app-l-h{padding:22px 20px 12px}
.app-l-h h1{margin:0 0 14px;font-size:var(--fs-sec);font-weight:600;letter-spacing:-.026em}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 14px;font-size:var(--fs-dense);
      font-weight:500;background:var(--w)}
.chip:hover{border-color:var(--fg)}
.chip.on{background:var(--mark);color:var(--w);border-color:var(--mark);font-weight:600}
.app-list{overflow-y:auto;padding:8px 10px 20px;min-height:0}





.picker{position:relative}
.pick{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--line);
      border-radius:var(--r-pill);padding:8px 12px 8px 8px;background:var(--w);text-align:left}
.pick:hover{box-shadow:var(--sh-s)}
.pick .av{width:24px;height:24px;flex:0 0 auto}
.pick-a{flex:1;font-size:var(--fs-dense);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pick-c{flex:0 0 auto;color:var(--muted)}
.pick-n{flex:0 0 auto;background:var(--fg);color:var(--w);border-radius:var(--r-pill);
        min-width:19px;height:19px;padding:0 6px;font-size:var(--fs-label);font-weight:600;
        display:grid;place-items:center}
.pick-m{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:var(--w);
        border-radius:var(--r-xl);box-shadow:var(--sh-l),0 0 0 1px var(--line);padding:6px;
        max-height:320px;overflow-y:auto}
.pick-i{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;
        border-radius:var(--r-l,12px);text-align:left}
.pick-i:hover{background:var(--wash)}
.pick-i[aria-selected="true"]{background:var(--wash)}
.pick-i .av{width:24px;height:24px;flex:0 0 auto}
.pick-t{display:flex;flex-direction:column;min-width:0}
.pick-t b{font-size:var(--fs-dense);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pick-t span{font-size:var(--fs-dense);color:var(--faint)}





.item.neu .who{font-weight:600}
.item.neu .peek{color:var(--fg)}
.item .bot{display:flex;align-items:center;gap:8px}
.item .bot .peek{flex:1;min-width:0}
.item .cnt{flex:0 0 auto;background:var(--fg);color:var(--w);border-radius:var(--r-pill);
           min-width:20px;height:20px;padding:0 6px;font-size:var(--fs-label);font-weight:600;
           display:grid;place-items:center}




.locked{grid-column:1/-1;background:var(--wash);padding:14px 20px;
        border-bottom:1px solid var(--soft)}
.locked b{display:block;font-weight:600;font-size:var(--fs-text);margin-bottom:3px}
.locked p{margin:0;color:var(--muted);font-size:var(--fs-dense);line-height:1.5;max-width:76ch}



.back{display:none;flex:0 0 auto;width:34px;height:34px;border-radius:var(--r-pill);
      align-items:center;justify-content:center;margin-left:-6px}
.back:hover{background:var(--wash)}
.app-r{display:flex;flex-direction:column;min-height:0}
.app-r .stream{flex:1;max-height:none;min-height:0}
.empty{margin:auto;text-align:center;max-width:34ch;padding:40px}
.empty .ic{width:52px;height:52px;border-radius:var(--r-pill);background:var(--wash);margin:0 auto 16px;
           display:grid;place-items:center;color:var(--muted)}
.empty b{display:block;font-size:var(--fs-card);font-weight:600;margin-bottom:6px}
.empty p{margin:0;color:var(--muted)}
.unread{width:8px;height:8px;border-radius:var(--r-pill);background:var(--fg);flex:0 0 auto}
.ask{border:1px solid var(--fg);border-radius:var(--r-xl);padding:18px;margin-top:4px}
.ask b{display:block;font-weight:600;margin-bottom:12px}
.ask .opts{display:flex;flex-direction:column;gap:8px}
.ask .opt-b i{font-style:normal;color:var(--muted);font-size:var(--fs-dense);font-weight:400;text-align:right}
.ask .opt-b{display:flex;justify-content:space-between;align-items:center;gap:12px;
            border:1px solid var(--line);border-radius:var(--r-pill);padding:12px 18px;
            font-weight:500;text-align:left;width:100%}
.ask .opt-b:hover{background:var(--wash);border-color:var(--fg)}
.ask .opt-b span{color:var(--muted);font-size:var(--fs-dense)}
.ask .later{margin-top:12px;color:var(--muted);font-size:var(--fs-dense);text-decoration:underline;
            text-underline-offset:3px}

 
.form-wrap{max-width:452px;margin:0 auto;padding:56px 0 80px}
.form-wrap h1{margin:0 0 6px;font-size:var(--fs-band);font-weight:600;letter-spacing:-.026em}
.form-wrap .sub{margin:0 0 28px;color:var(--muted)}
.f{margin-bottom:12px}
.f label{display:block;font-size:var(--fs-dense);font-weight:600;color:var(--muted);margin:0 0 6px}
.f .field{width:100%;height:56px}
.f input{width:100%}
.preview{margin:6px 0 0;font-size:var(--fs-dense);color:var(--muted)}
.form-wrap .btn{width:100%;margin-top:12px}
.form-wrap .legal{margin:18px 0 0;font-size:var(--fs-dense);color:var(--faint);line-height:1.5}
.form-wrap .legal a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.or{display:flex;align-items:center;gap:14px;margin:26px 0;color:var(--faint);font-size:var(--fs-dense)}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--soft)}
.alt{display:flex;flex-direction:column;gap:10px}
.alt a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--r-pill);
       padding:14px 20px;font-weight:600;font-size:var(--fs-text)}
.alt a:hover{background:var(--wash)}
.swap{margin:24px 0 0;text-align:center;color:var(--muted);font-size:var(--fs-text)}
.swap a{color:var(--fg);font-weight:600;text-decoration:underline;text-underline-offset:3px}



.got-row{display:flex;align-items:baseline;gap:16px;margin:22px 0 16px}
.got-a{font-family:var(--st-mono);font-size:var(--fs-sec);font-weight:500;letter-spacing:-.015em;
       line-height:1.26;overflow-wrap:anywhere;flex:1;min-width:0}
.got-row .ed{flex:0 0 auto;font-weight:600;font-size:var(--fs-dense);color:var(--muted)}
.got-row .ed:hover{color:var(--fg)}




.got-a .num{font-size:var(--fs-dense)}
#next{margin-top:34px;padding-top:30px;border-top:1px solid var(--soft)}
.next-h{margin:0 0 18px;font-size:var(--fs-sec);font-weight:600;letter-spacing:-.022em}



.dlg{border:1px solid var(--line);border-radius:var(--r-2xl);box-shadow:var(--sh-l);
     padding:28px;width:min(408px,calc(100vw - 32px));background:var(--w);color:var(--fg)}











.dlg{opacity:0;transform:scale(.965) translateY(10px);
     transition:opacity .16s ease-out,
                transform .46s linear(0,.009,.035 3%,.14 6.6%,.573 20%,.76 26.4%,
                          .888 32.9%,.96 39.4%,.99 45.9%,1.007 52.4%,1.017 62%,1.001),
                overlay .46s allow-discrete, display .46s allow-discrete}
.dlg[open]{opacity:1;transform:scale(1) translateY(0)}
@starting-style{.dlg[open]{opacity:0;transform:scale(.965) translateY(10px)}}
.dlg::backdrop{background:rgba(0,0,0,0);
               transition:background .24s ease-out, overlay .24s allow-discrete, display .24s allow-discrete}
.dlg[open]::backdrop{background:rgba(0,0,0,.32)}
@starting-style{.dlg[open]::backdrop{background:rgba(0,0,0,0)}}
@media(prefers-reduced-motion:reduce){
  .dlg,.dlg::backdrop{transition:none}
  .dlg{transform:none}
}
.dlg h2{margin:0 0 6px;font-size:var(--fs-sec);font-weight:600;letter-spacing:-.026em}
.dlg > p{margin:0 0 20px;color:var(--muted);font-size:var(--fs-text);line-height:1.5}
.dlg .field{height:52px}
.dlg .field input{font-size:var(--fs-card);letter-spacing:.08em}
.dlg-x{display:block;margin:16px auto 0;color:var(--muted);font-size:var(--fs-dense);
       text-decoration:underline;text-underline-offset:3px}
.dlg-x:hover{color:var(--fg)}
.pin-row{display:flex;gap:10px;align-items:stretch}
.pin-row .field{flex:1;height:52px}
.pin-row .btn{margin-top:0;width:auto;flex:0 0 auto;padding:15px 26px}
.tell{margin:22px 0 8px;color:var(--muted);font-size:var(--fs-text);line-height:1.6;text-align:center}
.tell-line{display:flex;align-items:center;gap:12px;background:var(--wash);
           border-radius:var(--r-pill);padding:10px 10px 10px 16px}
.tell-line .mono{flex:1;min-width:0;font-size:var(--fs-dense);color:var(--fg);
                 overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tell-line .ed{flex:0 0 auto;font-weight:600;font-size:var(--fs-dense);color:var(--muted);padding:4px 6px}
.tell-line .ed:hover{color:var(--fg)}
 
.alt a .ico{width:20px;height:20px;flex:0 0 auto;display:grid;place-items:center}
.alt a .ico svg{width:100%;height:100%;display:block}

 
.matters{max-width:1100px}
.m-row{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--soft)}
.m-row:first-child{border-top:1px solid var(--soft)}
.m-row .av{width:30px;height:30px}
.m-row .tt{flex:1;min-width:0}
.m-row b{display:block;font-weight:600;font-size:var(--fs-text)}
.m-row span{display:block;color:var(--muted);font-size:var(--fs-text);overflow:hidden;
            text-overflow:ellipsis;white-space:nowrap}
.state{flex:0 0 auto;border-radius:var(--r-pill);padding:6px 13px;font-size:var(--fs-dense);font-weight:600;
       background:var(--wash)}
.state.you{background:var(--fg);color:var(--w)}
.state.live{background:var(--ok-bg);color:var(--live)}

 
.addr-row{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--soft)}
.addr-row:first-child{border-top:1px solid var(--soft)}
.addr-row .av{width:30px;height:30px}
.addr-row .tt{flex:1;min-width:0}
.addr-row .nm{font-weight:600;font-size:var(--fs-input);border:0;outline:0;background:transparent;width:100%;
              font-family:inherit;padding:2px 6px;margin-left:-6px;border-radius:var(--r-sm)}
.addr-row .nm:hover{background:var(--wash)}
.addr-row .nm:focus{background:var(--wash);box-shadow:inset 0 0 0 1px var(--line)}
.addr-row .full{display:block;color:var(--muted);font-size:var(--fs-dense);margin-top:1px}



.addr-row .used{display:block;color:var(--faint);font-size:var(--fs-dense);margin-top:1px}
.addr-row .drop{color:var(--muted);font-weight:600;text-decoration:underline;
                text-underline-offset:3px;font-size:var(--fs-text);flex:0 0 auto}
.addr-row .drop:hover{color:var(--fg)}
.addr-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.addr-head p{margin:0;color:var(--muted)}
.new-flash{animation:flash 1.1s ease}
@keyframes flash{from{background:var(--ok-bg-soft)}to{background:transparent}}

 
.c-row{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--soft)}
.c-row:first-child{border-top:1px solid var(--soft)}
.c-row .av{width:34px;height:34px}
.c-row .tt{flex:1;min-width:0}
.c-row b{display:block;font-weight:600;font-size:var(--fs-text)}
.c-row .sub2{display:block;color:var(--muted);font-size:var(--fs-text)}
.c-row .act{flex:0 0 auto;font-weight:600;text-decoration:underline;text-underline-offset:3px;
            font-size:var(--fs-text);color:var(--muted)}
.c-row .act:hover{color:var(--fg)}
.head-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.head-row .chips{margin:0}
.toggle{width:46px;height:28px;border-radius:var(--r-pill);background:var(--line);position:relative;
        flex:0 0 auto;transition:background .18s}
.toggle::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:var(--r-pill);
               background:var(--w);box-shadow:var(--tiefe);transition:transform .18s}
.toggle[aria-pressed="true"]{background:var(--fg)}
.toggle[aria-pressed="true"]::after{transform:translateX(18px)}

 
.doc{max-width:760px;padding:56px 0 80px}
.doc h1{margin:0 0 10px;font-size:var(--fs-page);font-weight:600;letter-spacing:-.03em}
.doc .upd{margin:0 0 40px;color:var(--faint);font-size:var(--fs-dense)}
.doc h2{margin:44px 0 12px;font-size:var(--fs-sec);font-weight:600;letter-spacing:-.018em}
.doc p{margin:0 0 16px;color:var(--muted);line-height:1.6}
.doc ul{margin:0 0 16px;padding-left:0;list-style:none}
.doc li{display:flex;gap:11px;color:var(--muted);margin-bottom:9px;line-height:1.55}
.doc li::before{content:"";width:5px;height:5px;border-radius:var(--r-pill);background:var(--line-str,var(--line-str));
                flex:0 0 auto;margin-top:9px}
.doc .lead{font-size:var(--fs-card);color:var(--fg);margin-bottom:26px}



.lead{padding-top:84px;padding-bottom:38px;text-align:center;max-width:1000px}
.lead h1{margin:22px 0 0;font-size:var(--fs-hero);line-height:1.02;font-weight:600;letter-spacing:-.042em}
.lead-s{margin:22px auto 0;font-size:var(--fs-card);line-height:1.7;color:var(--muted);max-width:62ch}
.lead-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:32px 0 0}
.doc a{color:var(--fg);text-decoration:underline;text-underline-offset:3px}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 34px}
.toc a{border:1px solid var(--line);border-radius:var(--r-pill);padding:8px 15px;font-size:var(--fs-dense);
       font-weight:500;text-decoration:none;color:var(--muted)}
.toc a:hover{border-color:var(--fg);color:var(--fg)}
.kvs{display:grid;grid-template-columns:auto 1fr;gap:10px 26px;margin:0 0 20px}
.kvs dt{color:var(--muted);font-size:var(--fs-text)}
.kvs dd{margin:0}
.code{background:var(--wash);border-radius:var(--r-lg);padding:16px 18px;font-family:var(--st-mono);
      font-size:var(--fs-dense);line-height:1.7;overflow-x:auto;color:var(--fg);margin:0 0 16px}
.code .c{color:var(--faint)}

 
.more-w{position:relative;flex:0 0 auto}
.dots-b{width:38px;height:38px;border-radius:var(--r-pill);border:1px solid var(--line);
        display:grid;place-items:center;background:var(--w)}
.dots-b:hover{box-shadow:var(--sh-s)}
.pop{position:absolute;right:0;top:46px;width:236px;background:var(--w);border-radius:var(--r-l);
      
     box-shadow:var(--sh-l),0 0 0 1px var(--line);padding:8px 0;display:none;z-index:70}
.pop.open{display:block}
.pop button,.pop a{display:block;width:100%;text-align:left;padding:11px 18px;font-size:var(--fs-text)}
.pop button:hover,.pop a:hover{background:var(--wash)}
.pop hr{border:0;border-top:1px solid var(--soft);margin:8px 0}
.pop .danger{color:var(--err)}

 
.set{max-width:1000px}

.set-h:first-of-type{margin-top:8px}
.set-h h2{margin:0;font-size:var(--fs-sec);font-weight:600;letter-spacing:-.02em}
.set-h span{color:var(--faint);font-size:var(--fs-dense)}
.srow{display:flex;align-items:center;gap:24px;padding:14px 0;border-bottom:1px solid var(--soft)}
.srow > .k{width:250px;flex:0 0 auto;font-weight:600;font-size:var(--fs-dense);padding-top:2px}
.srow > .v{flex:1;min-width:0}
.srow .edit-in{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:var(--fs-input);
               padding:8px 12px;margin-left:-12px;border-radius:var(--r-s);color:var(--fg)}
.srow .edit-in:hover{background:var(--wash)}
.srow .edit-in:focus{background:var(--wash);box-shadow:inset 0 0 0 1px var(--line-str,var(--line-str))}
.srow .edit-in::placeholder{color:var(--faint)}



.srow textarea.edit-in{font-weight:400;line-height:1.5;resize:vertical;min-height:56px}
.srow .static{padding:8px 0;color:var(--muted);font-size:var(--fs-dense)}
.srow .static b{color:var(--fg);font-weight:500}
.srow .act{flex:0 0 auto}
.seg{display:inline-flex;background:var(--wash);border-radius:var(--r-pill);padding:3px}
.seg button{padding:8px 16px;border-radius:var(--r-pill);font-size:var(--fs-text);font-weight:500;color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--w);color:var(--fg);font-weight:600;
                                 box-shadow:0 0 0 1px var(--line)}



.danger-row{margin-top:34px;display:flex;
            align-items:center;justify-content:space-between;gap:20px;max-width:1000px}
.danger-row p{margin:0;color:var(--muted)}
.danger-row b{display:block;color:var(--fg);font-weight:600;margin-bottom:2px}
.btn-danger{border:1px solid var(--err-line);color:var(--err);border-radius:var(--r-pill);padding:11px 20px;
            font-weight:600;font-size:var(--fs-text);flex:0 0 auto}
.btn-danger:hover{background:var(--err-bg)}

.pane[hidden]{display:none}
.srow:first-child{border-top:1px solid var(--soft)}

 
.nmx{max-width:1000px}
.nmx-h{display:flex;align-items:center;gap:24px;padding:0 0 10px;border-bottom:1px solid var(--soft)}
.nmx-h .k{flex:1}
.nmx-h .c{width:92px;flex:0 0 auto;text-align:center;font-size:var(--fs-dense);font-weight:600;
          color:var(--muted);letter-spacing:.02em;text-transform:uppercase}
.nrow{display:flex;align-items:center;gap:24px;padding:16px 0;border-bottom:1px solid var(--soft)}
.nrow .k{flex:1;min-width:0}
.nrow .k b{display:block;font-weight:600;font-size:var(--fs-text)}
.nrow .k span{display:block;color:var(--muted);font-size:var(--fs-dense);margin-top:1px}
.nrow .c{width:92px;flex:0 0 auto;display:flex;justify-content:center}
.tick{width:26px;height:26px;border-radius:var(--r-sm);border:1px solid var(--line-str,var(--line-str));
      display:grid;place-items:center;color:transparent;background:var(--w)}
.tick[aria-pressed="true"]{background:var(--fg);border-color:var(--fg);color:var(--w)}
.tick:hover{border-color:var(--fg)}

 
@media(max-width:900px){
  .nav-c{display:none}
  .hd-in{height:64px;gap:12px}
  .hd-r{gap:2px}
  .hd-r .mono{display:none}
  .acc{grid-template-columns:1fr}
  .accl{padding:28px 0 0}
  .accr{border-left:0;padding:24px 0 60px}
  .srow{flex-direction:column;align-items:flex-start;gap:6px;padding:16px 0}
  .srow > .k{width:auto}
  .srow .edit-in{margin-left:-12px}
  .srow .act{padding-top:4px}
  .nrow{gap:12px}
  .nrow .c{width:56px}
  .win{grid-template-columns:1fr}
  




  .app{grid-template-columns:1fr;height:calc(100vh - 65px)}
  .app-l{border-right:0}
  .app > .app-r{display:none}
  .app.show-chat > .app-l{display:none}
  .app.show-chat > .app-r{display:flex}
  .back{display:flex}
  .stream{max-height:none}
  .uses{grid-template-columns:1fr;gap:0}
  .col+.col{margin-top:30px}
  .c-row,.addr-row,.m-row{gap:12px}
}
@media(max-width:560px){
  .hd-r .btn{padding:10px 15px;font-size:var(--fs-dense)}
  .hd-r .hlink{padding:10px 10px;font-size:var(--fs-dense)}
  .claim{flex-direction:column}
  .claim .field,.claim .btn{width:100%}
}
 
.ed,.act,.drop,.later,.swap a,.doc a,.logo,.preview a,.cs a,.more{
  display:inline-flex;align-items:center;min-height:24px}
.addr-row .nm{padding:5px 6px}
.plan li{align-items:flex-start}
@media(max-width:560px){
  .claim .field{flex:0 0 auto;width:100%;min-width:0}
  .claim .btn{width:100%}
}
.chips{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto}
@media(max-width:560px){
  .line-h{flex-direction:column;align-items:flex-start;gap:10px}
  .line-h .pill,.line-h .ed{align-self:flex-start}
  .prov{width:100%}
  .pill.mono{font-size:var(--fs-dense);padding:9px 14px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
}
.c-row .about{display:block;color:var(--fg);margin-top:6px;max-width:70ch}
.c-row .agents{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.pl-chip{background:var(--wash);border-radius:var(--r-pill);padding:5px 11px;font-size:var(--fs-dense);color:var(--muted)}
.c-row{align-items:flex-start}
.c-row .pill{margin-top:2px}
.sinput{border:0;outline:0;background:transparent;font:inherit;font-size:var(--fs-text);
        color:var(--fg);min-width:0}
.sinput::placeholder{color:var(--muted)}
.sbar:focus-within{box-shadow:var(--sh)}

 
.doc .tw{overflow-x:auto;margin:6px 0 22px}
.doc table{width:100%;min-width:640px;table-layout:fixed;border-collapse:separate;border-spacing:0 8px;font-size:var(--fs-text)}
.doc col.k{width:150px}
.doc col.t{width:132px}
.doc th{text-align:left;font-weight:600;font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;
  color:var(--faint);padding:0 14px 2px;white-space:nowrap}
.doc td{background:var(--wash);color:var(--muted);padding:14px;line-height:1.55;vertical-align:top}
.doc td:first-child{border-radius:var(--r-md) 0 0 var(--r-md);color:var(--fg);font-weight:500}
.doc td:last-child{border-radius:0 var(--r-md) var(--r-md) 0}
.doc tr td:only-child{border-radius:var(--r-md)}
.doc h2 .num{display:inline-block;min-width:26px;color:var(--faint);font-weight:500}
.doc .legal{font-size:var(--fs-dense);color:var(--faint);line-height:1.6}
.doc .when{font-size:var(--fs-dense);color:var(--faint)}
.doc b{color:var(--fg);font-weight:600}
.doc h3{margin:26px 0 8px;font-size:var(--fs-card);font-weight:600}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 40px}
.toc a{padding:7px 14px;border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--fs-dense);
  color:var(--muted);text-decoration:none}
.toc a:hover{background:var(--wash);color:var(--fg)}

 
.msg{margin:0 0 14px;color:var(--err,var(--err-soft));font-size:var(--fs-text);line-height:1.5;min-height:0}
.msg:empty{display:none}
a.ul{color:var(--fg);text-decoration:underline;text-underline-offset:3px}
.alt:empty{display:none}

.field .pre{color:var(--faint);font-size:var(--fs-text);padding-left:2px}
.f .preview{margin:7px 0 0;font-size:var(--fs-dense);color:var(--faint)}

 
.send{flex:none;width:36px;height:36px;border-radius:var(--r-pill);background:var(--fg);
  color:var(--w);display:grid;place-items:center;border:0;cursor:pointer}
.send:disabled{opacity:.45}
.comp input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:var(--fs-text);
  color:var(--fg);min-width:0}
.ft-b span{white-space:nowrap}


.ft-b a{display:inline;padding:0;text-decoration:none}
.ft-b a:hover{text-decoration:underline}





.offer{background:var(--wash);border-radius:var(--r-xl);padding:16px 18px;margin:2px 0}
.offer-kind{display:block;font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;
  color:var(--faint);margin-bottom:6px}
.offer-subject{display:block;font-size:var(--fs-text);font-weight:600;margin-bottom:10px}
.offer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.offer li{display:flex;gap:14px;font-size:var(--fs-text);color:var(--muted)}
.offer li span{flex:0 0 74px}
.offer li b{color:var(--fg);font-weight:600}
.offer-note{margin:12px 0 0;font-size:var(--fs-dense);color:var(--faint);line-height:1.5}
.offer-note em{font-style:italic}





.sgrp{border-bottom:1px solid var(--soft)}
.sgrp > .srow{border-bottom:0}
.smore{padding:0 0 22px;max-width:660px}
.smore > p{margin:0 0 14px;color:var(--muted);font-size:var(--fs-text);line-height:1.55;
           background:none;border-radius:0;padding:0;display:block}
.smore > p b{display:inline;color:var(--fg);font-weight:600;margin:0;font-size:inherit}
.smore ul{margin:0 0 14px;padding-left:1.15rem;color:var(--muted);font-size:var(--fs-text);line-height:1.6}
.smore ul b{color:var(--fg);font-weight:600}
.smore .lbl{display:block;font-size:var(--fs-dense);font-weight:600;margin:0 0 6px}
.smore .lbl em{font-style:normal;color:var(--faint);font-weight:400}




.smore .field{height:46px;margin:0 0 14px;flex:0 1 auto}
.smore textarea{width:100%;border:0;box-shadow:inset 0 0 0 1px var(--line);
                border-radius:var(--r-md);padding:9px 14px;outline:0;
                font:inherit;font-size:var(--fs-input);line-height:1.55;resize:vertical;
                background:var(--wash);color:var(--fg);margin:0 0 14px}
.smore textarea:focus{box-shadow:inset 0 0 0 1px var(--fg)}
.smore .acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:4px 0 0}
.smore .duo{display:flex;gap:12px;flex-wrap:wrap}
.smore .duo .field{flex:1 1 150px}
.smore .chips{margin:0 0 14px}
.out{font-size:var(--fs-dense);color:var(--muted);margin:10px 0 0;line-height:1.5}
.out:empty{display:none}
.out.bad{color:var(--err-soft)}
.qr{background:var(--w-solid);border:1px solid var(--line);border-radius:var(--r-md);
    padding:14px;width:max-content;margin:0 0 14px}





.qr svg,.qr img,.qr canvas{display:block;width:184px;height:184px}
.sums{list-style:none;margin:0;padding:0}
.sums li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;
         border-bottom:1px solid var(--soft);font-size:var(--fs-text);color:var(--muted)}
.sums li b{color:var(--fg);font-weight:500}
.purse{display:flex;align-items:baseline;gap:12px;margin:0 0 14px}
.purse b{font-size:var(--fs-band);font-weight:600;letter-spacing:-.02em}
.purse span{color:var(--muted);font-size:var(--fs-text)}
.tabs{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}
.tab{border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 14px;font-size:var(--fs-dense);
     color:var(--muted)}
.tab:hover{border-color:var(--fg)}
.tab[aria-current="true"]{background:var(--fg);color:var(--w);border-color:var(--fg);font-weight:600}
.srow .v .sub{display:block;color:var(--dim);font-size:var(--fs-text);margin-top:5px;line-height:1.5}
.set-h{margin:38px 0 6px}
.out.ok{color:var(--live)}
.addr-row .look,.addr-row .grant{color:var(--muted);font-size:var(--fs-dense);flex:0 0 auto}
.addr-row .look:hover,.addr-row .grant:hover{color:var(--fg)}
.addr-more{padding:2px 0 18px;max-width:660px}
.addr-more p{margin:0 0 12px;color:var(--muted);font-size:var(--fs-text);line-height:1.55}

 
.btn-p{min-height:24px}




.reveal-wrap{position:relative;display:flex;align-items:center;flex:1 1 auto;min-width:0}
.reveal-wrap input{width:100%;padding-right:34px}
.reveal{position:absolute;right:-8px;top:50%;transform:translateY(-50%);
        display:flex;align-items:center;justify-content:center;
        width:36px;height:36px;border-radius:50%;background:none;
        color:var(--faint);cursor:pointer}
.reveal:hover{color:var(--fg);background:var(--wash)}
.line-more .steps{display:block;margin:0;padding-left:1.3rem;color:var(--muted);
                  font-size:var(--fs-text);line-height:1.7}
.line-more .steps b{color:var(--fg);font-weight:600}
.line-more{padding:0 0 4px;max-width:660px}
.line-more p{margin:0;color:var(--muted);font-size:var(--fs-text);line-height:1.55}
.line-h .act{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto;align-items:center}
.ask .opt-b[aria-pressed="true"]{background:var(--fg);color:var(--w);border-color:var(--fg)}
.ask .opt-b[aria-pressed="true"] span{color:var(--w)}
.ask .opt-b:disabled{opacity:.55}


 
.feats{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}
@media(max-width:820px){.feats{grid-template-columns:1fr}}
.feat{background:var(--wash);border-radius:var(--r-xl);padding:26px 26px 24px}
.feat h3{margin:0 0 8px;font-size:var(--fs-card);font-weight:600;letter-spacing:-.01em}
.feat p{margin:0;color:var(--muted);font-size:var(--fs-text);line-height:1.55}
.feat code{font-family:var(--st-mono);font-size:var(--fs-dense);color:var(--fg);
           background:var(--w);border-radius:var(--r-xs);padding:1px 6px}







.dash { display: grid; grid-template-columns: repeat(12, 1fr); gap: 24px; align-items: start; }
.d-12 { grid-column: 1 / -1; }
.d-8 { grid-column: span 8; }
.d-7 { grid-column: span 7; }
.d-5 { grid-column: span 5; }
.d-4 { grid-column: span 4; }
@media (max-width: 60rem) { .d-8, .d-7, .d-5, .d-4 { grid-column: 1 / -1; } }

.d-kopf { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 40px 0 22px; }
.d-kopf h1 { margin: 0; font-size: var(--fs-page); font-weight: 600; letter-spacing: -.025em; }
.d-kopf p { margin: 4px 0 0; font-size: var(--fs-dense); color: var(--muted); }

 
.d-zeit { display: inline-flex; padding: 2px; background: var(--wash); border-radius: var(--r-sm); }
.d-zeit button {
  font-size: var(--fs-label); padding: 6px 13px; border: 0; border-radius: var(--r-xs);
  background: transparent; color: var(--muted); cursor: pointer; font-variant-numeric: tabular-nums;
}
.d-zeit button[aria-current="true"] { background: var(--w); color: var(--fg); font-weight: 500; box-shadow: 0 0 0 1px var(--line); }

 
.d-p { background: var(--w); border: 1px solid var(--soft); border-radius: var(--r-s); min-width: 0; }
.d-p > h2 {
  margin: 0; padding: 14px 18px; font-size: var(--fs-label); font-weight: 500; letter-spacing: .04em;
  text-transform: uppercase; color: var(--dimmer); border-bottom: 1px solid var(--hair);
  display: flex; justify-content: space-between; align-items: baseline; gap: 10px;
}
.d-p-in { padding: 16px 18px; }

 
.d-kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 24px; }
.d-kpi { background: var(--w); border: 1px solid var(--soft); border-radius: var(--r-s); padding: 16px 18px 0; overflow: hidden; }
.d-kpi-l { font-size: var(--fs-label); color: var(--muted); letter-spacing: .01em; }
.d-kpi-n { font-size: var(--fs-band); font-weight: 600; letter-spacing: -.03em; line-height: 1.1; margin-top: 3px; font-variant-numeric: tabular-nums; }
.d-kpi-v { display: flex; align-items: baseline; gap: 7px; font-size: var(--fs-label); color: var(--dimmer); margin-top: 2px; }
.d-up { color: var(--live); font-weight: 500; }
.d-down { color: var(--err); font-weight: 500; }
.d-flat { color: var(--dimmer); font-weight: 500; }
.d-spark { margin: 12px -18px 0; display: block; width: calc(100% + 36px); height: 30px; }


.d-spark .d-f { opacity: .04; }
.d-spark .d-l { stroke-width: 1.5; }

 
.d-ch { display: flex; gap: 10px; }
.d-ch-y { display: flex; flex-direction: column; justify-content: space-between; font-size: var(--fs-label);
          color: var(--dimmer); text-align: right; min-width: 26px; height: 168px; font-variant-numeric: tabular-nums; }
.d-ch svg { flex: 1; height: 168px; overflow: visible; }
.d-g { stroke: var(--hair); stroke-width: 1; vector-effect: non-scaling-stroke; }
.d-f { fill: var(--fg); opacity: .07; }
.d-l { fill: none; stroke: var(--fg); stroke-width: 1.75; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.d-pt { fill: var(--fg); stroke: var(--w); stroke-width: 2; vector-effect: non-scaling-stroke; }
.d-cross { stroke: var(--line-str); stroke-width: 1; vector-effect: non-scaling-stroke; }
.d-blind { fill: var(--wash); }
.d-hit { fill: transparent; cursor: crosshair; }
.d-ch-x { display: flex; justify-content: space-between; font-size: var(--fs-label); color: var(--dimmer); margin: 8px 0 0 36px; }
.d-wert { font-size: var(--fs-label); color: var(--fg); font-variant-numeric: tabular-nums; }

 
.d-tr { display: flex; align-items: center; gap: 12px; height: 34px; }
.d-tr-n { min-width: 42px; text-align: right; font-size: var(--fs-text); font-weight: 600; font-variant-numeric: tabular-nums; }
.d-tr-b { flex: 1; height: 6px; background: var(--wash); border-radius: var(--r-pill); overflow: hidden; min-width: 30px; }
.d-tr-b > span { display: block; height: 100%; background: var(--fg); border-radius: var(--r-pill); }
.d-tr-w { font-size: var(--fs-dense); white-space: nowrap; }
.d-tr-p { font-size: var(--fs-label); color: var(--dimmer); min-width: 34px; text-align: right; font-variant-numeric: tabular-nums; }
.d-tr-s { font-size: var(--fs-label); color: var(--dimmer); padding: 12px 0 6px 54px; letter-spacing: .04em; }

 



.d-tab-w { max-height: 380px; overflow: auto; }



.d-tab tbody tr:last-child td { border-bottom: 1px solid var(--hair); }
.d-tab { width: 100%; border-collapse: collapse; font-size: var(--fs-dense); }
.d-tab th {
  position: sticky; top: 0; background: var(--w); z-index: 1; text-align: left;
  font-size: var(--fs-label); font-weight: 500; letter-spacing: .05em; text-transform: uppercase;
  color: var(--dimmer); padding: 10px 14px; white-space: nowrap; border-bottom: 1px solid var(--hair);
}
.d-tab td { padding: 0 14px; height: 38px; border-bottom: 1px solid var(--hair); white-space: nowrap; }
.d-tab .r { text-align: right; font-variant-numeric: tabular-nums; }
.d-tab tbody tr:hover { background: var(--wash); }
.d-tab tbody tr:last-child td { border-bottom: 0; }
.d-aus td:not(:last-child) { opacity: .45; }
.d-badge {
  display: inline-block; font-size: var(--fs-label); padding: 2px 8px; border-radius: var(--r-pill);
  background: var(--err-bg); color: var(--err); font-weight: 500;
}
.d-b {
  font-size: var(--fs-label); padding: 4px 10px; border-radius: var(--r-xs); border: 1px solid var(--soft);
  background: transparent; color: var(--muted); cursor: pointer;
}
.d-b:hover { border-color: var(--fg); color: var(--fg); }
.d-b:disabled { opacity: .4; cursor: default; }
.d-tab tbody tr:not(:hover) .d-b { opacity: 0; }
.d-tab tbody tr:focus-within .d-b { opacity: 1; }

 
.d-bl { display: flex; flex-direction: column; gap: 9px; }
.d-bl-z { display: flex; align-items: center; gap: 12px; font-size: var(--fs-label); }
.d-bl-w { color: var(--dimmer); min-width: 42px; font-variant-numeric: tabular-nums; }
.d-bl-b { flex: 1; height: 6px; background: var(--wash); border-radius: var(--r-pill); overflow: hidden; }
.d-bl-b > span { display: block; height: 100%; background: var(--fg); opacity: .8; border-radius: var(--r-pill); }
.d-bl-n { color: var(--muted); min-width: 46px; text-align: right; font-variant-numeric: tabular-nums; }

 
.d-k { border-bottom: 1px solid var(--hair); }
.d-k summary { list-style: none; cursor: pointer; padding: 11px 0; display: flex; align-items: baseline; gap: 12px; font-size: var(--fs-dense); }
.d-k summary::-webkit-details-marker { display: none; }
.d-k-t { font-weight: 500; min-width: 130px; }
.d-k-v { font-weight: 600; font-variant-numeric: tabular-nums; }
.d-k-w { color: var(--muted); flex: 1; font-size: var(--fs-label); }
.d-k-pm { color: var(--dimmer); }
.d-k[open] .d-k-pm { transform: rotate(45deg); }
.d-k-in { padding: 0 0 14px; }
.d-z { display: flex; align-items: baseline; gap: 12px; padding: 5px 0; font-size: var(--fs-dense); }
.d-z-n { min-width: 52px; text-align: right; font-weight: 500; font-variant-numeric: tabular-nums; }
.d-z-q { font-size: var(--fs-label); color: var(--dimmer); }
.d-hin { font-size: var(--fs-label); color: var(--dimmer); margin: 10px 0 0; max-width: 62ch; }
@media (prefers-reduced-motion: reduce) { .d-k-pm, .d-zeit button { transition: none; } }






















.soft-h{color:var(--dimmer)}

.tag-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);
  border-radius:var(--r-pill);padding:6px 14px;font-size:var(--fs-dense);font-weight:500;
  color:var(--muted);background:var(--w)}
.tp-dot{width:7px;height:7px;border-radius:var(--r-pill);background:var(--live)}


.chip-i{display:inline-flex;align-items:center;border:1px solid var(--mark-line);
  border-radius:var(--r-pill);padding:2px 10px;font-size:var(--fs-text);color:var(--mark);
  background:var(--mark-soft);white-space:nowrap}

 

.shot{position:relative;padding:8px 56px 96px}
.board{display:grid;grid-template-columns:206px 1fr;align-items:stretch;border:1px solid var(--line);
  border-radius:var(--r-2xl);overflow:hidden;box-shadow:var(--sh-l);background:var(--w)}





.board-side{background:var(--grund);border-right:0;padding:16px 12px 26px}


.ds-sw{position:relative}
.ds-top{display:flex;align-items:center;gap:9px;font-size:var(--fs-text);font-weight:600;
  padding:6px 8px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  width:100%;background:none;border:0;color:inherit;font-family:inherit;text-align:left;cursor:pointer}




.ds-top > #sname{flex:1 1 auto;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}




.ds-car{flex:0 0 auto;margin-left:auto;color:var(--faint);font-size:var(--fs-label);
  width:10px;height:10px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 3.5 5 7l3.5-3.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 3.5 5 7l3.5-3.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.ds-menu{position:absolute;left:4px;right:-6px;top:38px;z-index:30;padding:5px;
  background:var(--w);border:0;border-radius:var(--r-md);
  box-shadow:0 0 0 .5px rgba(0,0,0,.1),var(--tiefe),var(--tiefe-hoch)}
.ds-p{display:flex;align-items:center;gap:8px;width:100%;padding:8px 9px;border:0;
  background:none;color:var(--muted);font:inherit;font-size:var(--fs-dense);text-align:left;
  border-radius:var(--r-sm);cursor:pointer}
.ds-p:hover{background:var(--w);color:var(--fg)}
.ds-p[aria-current="true"]{color:var(--fg);font-weight:600}
.ds-p .ds-ava{width:19px;height:19px;font-size:var(--fs-label)}
.ds-p.add{border-top:1px solid var(--line);border-radius:0 0 var(--r-sm) var(--r-sm);margin-top:4px}
.ds-p[disabled]{opacity:.45;cursor:default}





.ds-ava{flex:0 0 auto;width:22px;height:22px;border-radius:var(--r-pill);
  background:var(--fg);color:var(--w);
  display:grid;place-items:center;font-size:var(--fs-label);font-weight:600}
.ds-ava i{font-style:normal}





.ds-ava:has(img){background:var(--w);overflow:hidden}
.ds-ava:has(img) i{display:none}
.ds-ava img{width:100%;height:100%;object-fit:contain;display:block}
.ds-lbl{font-size:var(--fs-label);color:var(--faint);padding:14px 8px 6px;letter-spacing:.03em}


.ds-g{display:flex;align-items:center;justify-content:space-between;width:100%;
  padding:9px;border:0;background:none;border-radius:var(--r-sm);
  font:inherit;font-size:var(--fs-text);color:var(--muted);cursor:pointer;text-align:left}
.ds-g:hover{background:var(--soft);color:var(--fg)}
.ds-g .ds-car{font-size:var(--fs-label);transition:transform .16s ease}
.ds-g[aria-expanded="true"]{color:var(--fg)}
.ds-g[aria-expanded="true"] .ds-car{transform:rotate(180deg)}





.ds-sub{display:flex;flex-direction:column}
.ds-sub .ds-i{padding-left:22px}


.ds-set{margin-top:6px}






.ds-i{display:flex;align-items:center;gap:8px;padding:9px;border-radius:var(--r-sm);
  font-size:var(--fs-text);color:var(--muted);cursor:default}


.ds-i.on{background:var(--w);color:var(--fg);font-weight:600}
.ds-n{margin-left:auto;background:var(--fg);color:var(--w);border-radius:var(--r-pill);
  font-size:var(--fs-label);padding:1px 7px;font-weight:600}

















.board-head{background:var(--w);padding:0 20px}




.board-bar{display:flex;align-items:center;gap:7px;padding:14px 24px 4px;
  flex-wrap:wrap}
.db-pill{border:1px solid var(--line);border-radius:var(--r-pill);padding:4px 11px;
  font-size:var(--fs-dense);color:var(--muted);background:var(--w)}
.db-pill.on{background:var(--mark);color:var(--w);border-color:var(--mark)}
.db-r{margin-left:auto;font-size:var(--fs-dense);color:var(--faint)}
.db-r b{color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}

















.board-one{padding:12px 20px 24px;display:flex;flex-direction:column;gap:12px}




@media(max-width:560px){
  .board-one,.board-grid{padding-left:10px;padding-right:10px}
  

  .board-head{padding-left:10px;padding-right:10px}
  .board-sub{padding-left:12px;padding-right:12px;gap:14px}
  .board-bar{padding-left:2px;padding-right:2px}
  


  .board-grid{grid-template-columns:1fr}
  






  .app-shell .dp{overflow-x:auto}
}


.dt td.qsay{color:var(--muted);max-width:0;width:34%;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
 
.rk-wrap{overflow-x:auto}









.cw-kopf,.cw-r{display:grid;grid-template-columns:40px 1fr 92px 190px 88px 1fr;
  gap:12px;align-items:center;padding:0 12px}
.cw-kopf{height:31px;font-size:var(--fs-label);font-weight:500;color:var(--faint)}





.cw-r{height:44px;font-size:var(--fs-dense)}


.cw-kopf.cw-eng,.cw-r.cw-eng{grid-template-columns:40px 1fr 92px 1.2fr}
.cw-gh{margin:14px 0 4px;padding:0 12px;font-size:var(--fs-label);color:var(--faint)}
.cw-gh:first-child{margin-top:0}
.cw-nr{color:var(--faint);font-variant-numeric:tabular-nums}
.cw-b{display:flex;gap:9px;align-items:center;min-width:0}












.cw-b .fav{width:22px;height:22px;margin:0;border-radius:var(--r-xs);
  background:var(--st-mark-bg);padding:2px}
.cw-b .fav img{width:18px;height:18px}









.cw-b .fav img[src$="openai-dark.svg"]{transform:scale(1.9)}
.cw-b .fav img[src$="px-dark.svg"]{transform:scale(1.3)}
.cw-b .fav img[src$="webzio.png"]{transform:scale(1.12)}
.cw-b b{font-weight:400;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cw-p{color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cw-st em,.cw-a em{font-style:normal}



.cw-st .cw-open{color:var(--muted)}
.cw-st .cw-partial{color:var(--warn)}
.cw-st .cw-blocked{color:var(--err)}
 
.cw-u{font-size:var(--fs-label);color:var(--faint);
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:58rem){
  .cw-kopf,.cw-r{grid-template-columns:32px 1fr 88px}
  .cw-kopf span:nth-child(n+4),.cw-p,.cw-st,.cw-u{display:none}
}







.todo{display:flex;flex-direction:column;gap:12px}


















.todo-r{display:flex;gap:14px;border-radius:var(--r-lg);padding:4px 0 18px}
.todo-r + .todo-r{padding-top:18px;box-shadow:inset 0 1px 0 var(--soft)}




.todo-n{flex:0 0 auto;width:22px;height:22px;border-radius:var(--r-pill);background:var(--soft);
  color:var(--dim);font-size:var(--fs-label);font-weight:600;
  display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
.todo-b{min-width:0}
.todo-t{font-size:var(--fs-card);font-weight:600;line-height:1.35;letter-spacing:-.012em}
.todo-w{margin-top:7px;font-size:var(--fs-text);color:var(--dim);line-height:1.55;max-width:78ch}
.todo-a{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px}



.todo-a .btn{padding:9px 18px;font-size:var(--fs-text)}
.todo-v{border:0;background:none;font:inherit;font-size:var(--fs-text);color:var(--dim);
  cursor:pointer;padding:0}
.todo-v:hover{color:var(--fg)}



.todo-ab{opacity:.62}
.todo-ok{font-size:var(--fs-dense);color:var(--muted)}
.todo-l{display:flex;flex-direction:column;gap:6px}
.todo-d{display:flex;align-items:baseline;gap:10px;background:var(--w);border-radius:var(--r-sm);
  padding:9px 12px;font-size:var(--fs-dense)}
.todo-d i{font-style:normal;font-size:var(--fs-label);color:var(--faint);
  flex:0 0 auto;font-variant-numeric:tabular-nums}
.todo-d span{flex:1;min-width:0}
.todo-d em{font-style:normal;font-size:var(--fs-label);color:var(--faint);flex:0 0 auto}
.todo .x,.todo-l .x{margin:0;color:var(--dim);font-size:var(--fs-text);line-height:1.5}


.dt-fix{table-layout:fixed;width:100%}





.a-m{white-space:nowrap;color:var(--muted)}
.a-m img{width:calc(var(--fs-dense) * 1.4);height:calc(var(--fs-dense) * 1.4);
  object-fit:contain;vertical-align:middle;opacity:.9}
.a-m em{font-style:normal}
.dt .a-t{color:var(--muted);line-height:1.5}
.dt .a-row td{vertical-align:top}
.dt-fix .a-q,.dt-fix .a-t{white-space:normal;overflow-wrap:anywhere}



.rk td.num,.rk th.num{width:58px;min-width:58px;text-align:center}
.rk td:first-child,.rk th:first-child{width:auto}
.rk-me td{background:var(--mark-soft)}
.rk-0{color:var(--line-str)}


 
.qstats{display:flex;gap:26px;margin:-4px 0 18px}
.qstats span{display:flex;align-items:baseline;gap:7px}
.qstats b{font-size:var(--fs-card);font-weight:600;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;color:var(--fg)}
.qstats em{font-style:normal;font-size:var(--fs-label);color:var(--faint)}

 




.dt td.qtext{max-width:0;width:52%}
.dt td.qtop{white-space:nowrap}
.dt td.num.hit b,.dt td.num.hit{color:var(--fg)}








.board-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;padding:12px 20px 24px;
  align-items:start}









.dp{background:var(--w);box-shadow:var(--tiefe);border-radius:var(--r-xl);
  padding:18px;overflow:hidden}











.board-grid > .dp.tief{padding-bottom:18px}














.board-grid > .dp{min-width:0}








.pc-raster{grid-template-columns:1fr 1fr}
.board-grid > .dp.breit{grid-column:1 / -1}
.board-grid > .dp.dehnt{align-self:stretch;display:flex;flex-direction:column;min-width:0}













@media (min-width:561px){
  

  body:not(.bm-eng) #v-overview.board-grid{--spalt:12px;column-gap:var(--spalt);
    grid-template-columns:calc((100% - var(--spalt)) / 2.4) calc((100% - var(--spalt)) / 12 - var(--spalt)) minmax(0,1fr)}
  body.app-shell:not(.bm-eng) #v-overview.board-grid{--spalt:14px}
  body:not(.bm-eng) #v-overview.board-grid > .dp{grid-column:1 / -1}
  body:not(.bm-eng) #v-overview.board-grid > .dp.schmal{grid-column:1 / 2}
  body:not(.bm-eng) #v-overview.board-grid > .dp.weit{grid-column:2 / 4}
}



















.board-grid > .dp.dehnt .roll-liste{
  










  










  


  --kopfhoehe:34px;
  



  --zeilenhoehe:46px;
  




  



  





  flex:1 1 auto; min-height:0; overflow:auto;
   
  margin:0 -18px; padding:0 18px;
  scrollbar-width:thin;
}
.board-grid > .dp.dehnt .roll-liste .dt thead th{
  

  position:sticky; top:0; z-index:4; background:var(--w);
  height:var(--kopfhoehe); box-sizing:border-box;
   
  padding-top:2px;
}





.board-grid > .dp.dehnt .roll-liste .dt td{
  height:var(--zeilenhoehe); padding-top:0; padding-bottom:0}


















.klebe{
  position:absolute; left:18px; right:18px; z-index:3;
  background:var(--w);
  pointer-events:none;
}
.klebe table{ background:var(--w); }
.klebe td{ background:var(--w); }
 
.board-grid > .dp.dehnt{ position:relative; }




























.board-grid > .dp.dehnt .donut-row{flex:1 1 auto;min-height:0;justify-content:center}



.board-grid > .dp.dehnt .donut-row .legend{flex:1 1 auto}
 
.board-grid > .dp.dehnt .donut{flex:0 1 auto;min-height:0;max-width:190px;width:100%}
.board-grid > .dp.dehnt .donut svg{width:100%;height:100%;object-fit:contain}










.board-grid > .dp.dehnt .donut-row{padding-bottom:13px}














.board-grid > .dp.dehnt .chart{flex:1;display:flex;flex-direction:column;
  justify-content:center;min-height:0}






.board-grid > .dp.dehnt .chart-plot{flex:1;min-height:0;max-height:380px}
.app-shell .board-grid > .dp.dehnt .chart svg{height:100%}
.app-shell .board-grid > .dp.dehnt .chart-y{height:100%}











.board-grid > .dp.voll{grid-column:1 / -1}










.board-grid > .dp .dt td{padding-top:11px;padding-bottom:11px}















.dp-h b{display:block;font-size:var(--fs-sec);font-weight:600;letter-spacing:-.026em;line-height:1.2}





.dp-h span{font-size:var(--fs-text);color:var(--dim);line-height:1.45;display:block;margin-top:6px}

.chart{position:relative}
.chart svg{width:100%;height:180px;display:block}
.chart line{stroke:var(--soft);stroke-width:1;opacity:.55}
 
.chart line:nth-child(2),.chart line:nth-child(4){display:none}
.chart path{fill:none;stroke-width:2;stroke-linecap:round}
.chart .l1{stroke:var(--st-who-1)}
.chart .l2{stroke:var(--st-who-4)}
.chart .l3{stroke:var(--st-who-2)}
.chart .l4{stroke:var(--st-who-3)}
.chart .l5{stroke:var(--st-who-6)}






.chart-x{display:flex;justify-content:space-between;font-size:var(--fs-label);color:var(--faint);
  padding-top:8px}
.chart-tip{position:absolute;right:14px;top:14px;background:var(--fg);color:var(--w);
  border-radius:var(--r-s);padding:11px 13px;min-width:184px;box-shadow:var(--sh)}







.board-main .chart-tip{position:static;background:none;color:var(--muted);box-shadow:none;
  padding:16px 0 0;min-width:0;display:flex;flex-wrap:wrap;gap:6px 22px;align-items:baseline;
  border-top:0;margin-top:4px}
.board-main .ct-h{display:none}
.board-main .ct-r{padding:0;font-size:var(--fs-label);gap:7px;width:auto}
.board-main .ct-r em{margin-left:0;padding-left:2px;color:var(--fg);font-weight:600}
.ct-h{font-size:var(--fs-label);opacity:.65;margin-bottom:8px}
.ct-r{display:flex;align-items:center;gap:8px;font-size:var(--fs-dense);padding:2.5px 0}
.ct-r i{width:7px;height:7px;border-radius:var(--r-pill);flex:0 0 auto}
.ct-r em{margin-left:auto;font-style:normal;font-size:var(--fs-dense);font-variant-numeric:tabular-nums}

.dt{width:100%;border-collapse:collapse;font-size:var(--fs-dense)}













.dt thead th{text-align:left;font-weight:500;color:var(--faint);font-size:var(--fs-label);
  padding:0 10px 13px 10px}
 
.dt tbody th{text-align:left;font-weight:400;color:var(--fg);font-size:var(--fs-dense);
  padding:12px 10px 12px 0;border-bottom:1px solid var(--line-fade)}













.dt td{padding:13px 10px;border-bottom:0}
.dt tbody th{padding:13px 10px;border-bottom:0}
.dt tbody tr{background:transparent}





.dt tbody td:first-child,.dt tbody th:first-child{border-radius:var(--r-s) 0 0 var(--r-s);padding-left:12px}
.dt tbody td:last-child{border-radius:0 var(--r-s) var(--r-s) 0;padding-right:12px}
.dt thead th:first-child{padding-left:12px}


.dt thead th:last-child:not(.num){padding-right:12px}
.dt td .dot{display:inline-block;margin-right:8px;vertical-align:middle}






.dt .num{font-family:var(--st-font);letter-spacing:0;font-size:var(--fs-dense);
  text-align:right;font-variant-numeric:tabular-nums}
.dt .x{font-family:var(--st-font)}
.dt .up{color:var(--live)}






.dt tr.me td{font-weight:600}
.you{margin-left:7px;font-size:var(--fs-label);font-weight:500;color:var(--w);background:var(--fg);
  border-radius:var(--r-pill);padding:1px 7px;vertical-align:middle}


















.ty{--tc:var(--line);display:inline-flex;align-items:center;justify-content:center;
  height:calc(var(--zeilenhoehe,46px) - 13px);padding:0 12px;
  background:var(--wash);border:0;border-radius:var(--r-s);
  font-size:var(--fs-label);color:var(--muted)}









select.ty{font:inherit;font-size:var(--fs-label);cursor:pointer;appearance:none;
  max-width:100%;text-overflow:ellipsis;
  

  text-align:center;text-align-last:center}
select.ty:hover{background:var(--soft);color:var(--fg)}







.ty.fest{color:var(--fg)}

















































.ty.t-own{color:var(--fg)}




.dt .tyc{text-align:center}




.dt .tyc .ty{width:100%;max-width:150px}
.dt thead .tyc button{width:100%;text-align:center}
.dt td:has(> .d-h):has(+ .tyc){width:1px}


.dt td:has(+ .tyc):not(:has(> .d-h)){width:62%}





.cw-a .ty{--tc:var(--faint)}

 






.dt tr:has(.g-a) td{vertical-align:top}



.g-a{display:flex;gap:9px;align-items:flex-start;text-decoration:none;color:inherit}
.g-a .fav{flex:0 0 auto;margin-right:0;margin-top:1px}
.g-tx{min-width:0}
.d-h{display:inline-flex;gap:8px;align-items:center}
.g-a b{display:block;font-weight:600;font-size:var(--fs-dense);line-height:1.4}
.g-a:hover b{text-decoration:underline;text-underline-offset:3px}
.g-u{display:block;font-size:var(--fs-label);color:var(--faint);
  margin-top:2px;overflow-wrap:anywhere}


.g-m{display:block;margin-top:6px;font-size:var(--fs-dense);color:var(--muted)}


.g-m i{font-style:normal;color:var(--faint)}



.pc-list .x,.mx .x,.sugg-list .x,.donut .x,.cw .x{margin:0;color:var(--dim);font-size:var(--fs-text);line-height:1.55;max-width:64ch}
.dt td .ty + .ty{margin-left:6px}

.dq{list-style:none;margin:0;padding:0}
.dq li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding:9px 0;border-bottom:1px solid var(--line-fade);font-size:var(--fs-dense)}
.dq-n{font-size:var(--fs-dense);color:var(--faint);font-variant-numeric:tabular-nums}
.dq-cta{margin-top:14px;background:var(--wash);border-radius:var(--r-s);padding:10px 12px;
  font-size:var(--fs-dense);color:var(--muted)}




.overcard{position:relative;margin:-34px auto 0;max-width:720px;background:var(--w);
  border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-l);
  padding:18px 20px 16px;scroll-margin-top:120px}
.oc-in{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.oc-lbl{font-size:var(--fs-dense);color:var(--faint);flex:0 0 auto}
.oc-in .chk-field{flex:1 1 240px;min-width:200px}
.chk-field .at{font-size:var(--fs-dense);color:var(--faint)}
.overcard .claim-hint{margin:10px 0 0;font-size:var(--fs-dense);color:var(--faint)}
.oc-res{margin-top:16px;padding-top:16px;border-top:1px solid var(--soft)}
.ocr-q{font-size:var(--fs-text);font-weight:500;margin-bottom:16px;letter-spacing:-.01em}
.ocr-body{display:grid;grid-template-columns:1fr 1fr;gap:26px}

.res-lbl{font-size:var(--fs-dense);font-weight:600;color:var(--faint);margin-bottom:12px}
.res-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.res-list li{display:flex;align-items:center;gap:10px;font-size:var(--fs-text)}














.dot{display:inline-block;flex:0 0 auto;width:9px;height:9px;border-radius:0}




.dt td button.dot{background:var(--c);border:0;padding:8px;margin:-8px 8px -8px -8px;
  box-sizing:content-box;cursor:pointer;background-clip:content-box;vertical-align:middle}




.dt td button.dot.hohl{background:none;position:relative}




.dt td button.dot.hohl::before{content:"";position:absolute;inset:8px;
  border-radius:0;box-shadow:inset 0 0 0 1.5px var(--c)}
.mrow{cursor:pointer}
 
.mrow.aus td{opacity:.72}
.mrow.aus button.dot{opacity:1}


.chart.hebt svg [data-linie]{opacity:.18}
.chart.hebt svg [data-linie].hoch{opacity:1}
.res-miss{margin-top:16px;padding-top:14px;border-top:1px solid var(--soft);
  display:flex;align-items:center;gap:9px;font-size:var(--fs-text);font-weight:600}
.res-miss .x{color:var(--err)}
.res-miss .ok{color:var(--live)}
.res-src{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.res-src li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  font-size:var(--fs-dense)}
.src-t{font-family:var(--st-font);font-size:var(--fs-dense);color:var(--faint)}

 

.trust{padding:0 56px 84px;text-align:center}


 
.trust-h{margin:0 0 22px;font-size:var(--fs-dense);color:var(--faint)}
.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 40px;
  padding:22px 0;border-top:1px solid var(--soft);border-bottom:1px solid var(--soft)}
.tm{display:inline-flex;align-items:center;gap:9px;font-size:var(--fs-card);font-weight:600;
  color:var(--dim);letter-spacing:-.015em}




.trust-f{margin:20px 0 0;font-size:var(--fs-text);color:var(--faint)}

 

.band{padding:84px 56px;border-top:1px solid var(--soft)}
.band-h{max-width:66ch;margin:0 0 42px}
.band-h.mid{margin:0 auto 46px;text-align:center}
.band-h h2{margin:18px 0 0;font-size:var(--fs-band);font-weight:600;letter-spacing:-.036em;line-height:1.06}
.band-h p{margin:14px 0 0;color:var(--muted);font-size:var(--fs-card);line-height:1.6}
.band-h.mid p{margin-left:auto;margin-right:auto}
.band-h.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:none;align-items:end}
.band-h.split p{margin:0;padding-bottom:6px}

 
.split-feat{display:grid;grid-template-columns:380px 1fr;gap:20px;align-items:start}
.sf-list{display:flex;flex-direction:column;gap:12px}
.sf{background:var(--wash);border-radius:var(--r-xl);padding:22px 24px}
.sf.on{background:var(--w);border:1px solid var(--line);box-shadow:var(--sh)}
.sf b{display:block;font-size:var(--fs-card);font-weight:600;margin-bottom:7px;letter-spacing:-.014em}
.sf p{margin:0;color:var(--muted);font-size:var(--fs-text);line-height:1.6}

.sf-shot{border:1px solid var(--line);border-radius:var(--r-2xl);padding:26px 28px 30px;
  box-shadow:var(--sh);background:var(--w)}
.sfs-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sfs-h b{font-size:var(--fs-text)}
.sfs-big{margin:18px 0 0;font-size:var(--fs-hero);font-weight:600;letter-spacing:-.04em;line-height:1;
  display:flex;align-items:baseline;gap:12px}
.sfs-big .up{font-size:var(--fs-card);font-weight:600;color:var(--live);letter-spacing:-.01em}
.sfs-sub{margin-top:8px;color:var(--muted);font-size:var(--fs-text)}
.bars{margin-top:26px;display:flex;flex-direction:column;gap:13px}
.bar{display:grid;grid-template-columns:130px 1fr 44px;align-items:center;gap:12px;font-size:var(--fs-dense)}
.bar span{color:var(--muted)}
.bar i{height:9px;border-radius:var(--r-pill);display:block}
.bar em{font-style:normal;font-size:var(--fs-dense);text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
.bar.me span,.bar.me em{color:var(--fg);font-weight:600}

 
.cards2{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}
.c2{background:var(--wash);border-radius:var(--r-2xl);padding:30px 30px 0;overflow:hidden}
.c2 > b{display:block;font-size:var(--fs-sec);font-weight:600;letter-spacing:-.02em;margin-bottom:10px}
.c2 > p{margin:0 0 26px;color:var(--muted);font-size:var(--fs-text);line-height:1.65}
.c2-shot{background:var(--w);border:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) 0 0;
  border-bottom:0;padding:16px 18px 22px;box-shadow:var(--sh-s)}

.mv-h{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-bottom:12px;border-bottom:1px solid var(--soft);margin-bottom:6px;font-size:var(--fs-dense)}
.mv-ok{color:var(--live);font-size:var(--fs-label);font-weight:500}
.mv-r{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:9px 0;border-bottom:1px solid var(--line-fade);font-size:var(--fs-dense);color:var(--muted)}
.mv-r b{color:var(--fg);font-size:var(--fs-dense);font-weight:600}
.mv-r.dim{opacity:.55}

.gq{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:11px 0;border-bottom:1px solid var(--line-fade);font-size:var(--fs-dense)}
.gq-q{color:var(--fg)}
.gq-a{display:flex;gap:6px}
.gq-y,.gq-n{border:1px solid var(--line);border-radius:var(--r-pill);padding:3px 12px;font-size:var(--fs-dense)}
.gq-y{background:var(--fg);color:var(--w);border-color:var(--fg)}
.gq-f{font-size:var(--fs-dense);color:var(--fg);font-weight:600}
.gq-note{margin-top:14px;font-size:var(--fs-dense);color:var(--faint)}

.cta{padding:84px 56px 104px;text-align:center;border-top:1px solid var(--soft)}
.cta h2{margin:0;font-size:var(--fs-band);font-weight:600;letter-spacing:-.036em}
.cta p{margin:12px 0 28px;color:var(--muted);font-size:var(--fs-card)}

@media (max-width:1180px){
  .split-feat{grid-template-columns:1fr}
  .board{grid-template-columns:1fr}
  .board-side{display:none}
}
@media (max-width:980px){
  .board-grid{grid-template-columns:1fr}
}
@media (max-width:860px){
  .lead{padding-top:56px}
  .lead-acts .btn,.lead-acts .pill{flex:1 1 100%;justify-content:center}
  .overcard{margin-top:-28px}
  .ocr-body{grid-template-columns:1fr;gap:20px}
  .band-h.split{grid-template-columns:1fr;gap:20px;align-items:start}
  .shot,.trust,.band,.cta{padding-left:20px;padding-right:20px}
}




.plan ul{margin-top:22px}
.plan li::before{content:"";flex:0 0 auto;width:15px;height:15px;margin-top:4px;
  background:currentColor;color:var(--fg);
  -webkit-mask:no-repeat center/15px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
  mask:no-repeat center/15px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}










.ds-search{margin:0 4px 6px;border:1px solid var(--line);border-radius:var(--r-sm);
  padding:7px 10px;font-size:var(--fs-dense);color:var(--faint);background:var(--w)}



.db-x{margin-left:auto;border:1px solid var(--line);border-radius:var(--r-pill);
  padding:4px 13px;font-size:var(--fs-dense);color:var(--fg);background:var(--w)}

 
.dsb-l{font-size:var(--fs-dense);color:var(--fg)}
.dsb-r{font-size:var(--fs-dense);color:var(--faint)}
.dsb-r b{color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}

.dp-tabs{display:flex;gap:4px;margin-bottom:16px}



.dtab{border-radius:var(--r-pill);padding:5px 13px;font-size:var(--fs-dense);color:var(--muted);
  background:none;border:0;font-family:inherit;cursor:pointer}
.dtab.on{background:var(--wash);color:var(--fg);font-weight:500}







.se-zahlen{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.mw-kopf-z{display:flex;gap:9px;align-items:center;margin:0 0 2px}
.mw-kopf-z .fav{width:22px;height:22px;margin:0}
.mw-kopf-z .fav img{width:22px;height:22px}
.mw-et{font-size:var(--fs-dense);color:var(--faint)}
.cw-pl{display:inline-flex;gap:7px;align-items:center}
.cw-pl .fav{width:16px;height:16px;margin:0}
.cw-pl .fav img{width:16px;height:16px}
.cw-sum{display:flex;gap:20px;margin:0 0 16px}
.cw-s2{display:inline-flex;gap:7px;align-items:baseline;font-size:var(--fs-dense);color:var(--muted)}
.cw-s2 b{font-size:var(--fs-dense);font-weight:600;color:var(--fg)}
.cw-s2.cw-blocked b{color:var(--err)}












.sblock{padding:0 0 22px;font-size:var(--fs-dense)}













.sblock:not(:has(.bl-karten)){
  background:var(--w); border-radius:var(--r-xl); box-shadow:var(--tiefe);
  padding:22px 24px;
}


.sblock > :last-child{margin-bottom:0}
.sblock + .sblock{margin-top:14px}


 








.skarte{display:flex;gap:12px;align-items:baseline;margin:0 0 20px;
  padding:0;background:none;border:0}
.skarte b{font-size:var(--fs-card);font-weight:600;letter-spacing:-.02em}
.skarte .mono{color:var(--muted)}
.spillen{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.spille{display:inline-flex;gap:8px;align-items:baseline;padding:5px 12px;
  background:var(--wash);border-radius:var(--r-pill);font-size:var(--fs-dense)}






.bl-ende{margin-top:14px;color:var(--muted)}
.bl-ende:hover{color:var(--err);border-color:var(--err)}
.spille-x{margin-left:2px;color:var(--faint);font-size:var(--fs-text);line-height:1;
  padding:0 2px;border-radius:var(--r-xs)}
.spille-x:hover{color:var(--err);background:var(--wash)}
.spille b{font-weight:500}
.spille i{font-style:normal;color:var(--faint);font-size:var(--fs-label)}
.spille .x{border:0;background:none;color:var(--faint);cursor:pointer;padding:0 0 0 2px}
.spill-neu{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}


.spill-neu .sin{margin-top:0;flex:1 1 0;width:auto;min-width:0}






.sb-kopf,.sb-r{display:grid;grid-template-columns:102px 1fr 1fr 214px 110px 30px;
  gap:12px;align-items:center;padding:0 12px}
.sb-kopf{height:31px;font-size:var(--fs-label);color:var(--faint)}
.sb-r{height:52px}
.sb-r + .sb-r{border-top:1px solid var(--line)}
.sb-n{display:flex;gap:8px;align-items:center;min-width:0}
.sb-n b{font-weight:600}
.sb-a,.sb-r .mono{color:var(--muted);min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}











 
.sb-m{text-align:center;font-variant-numeric:tabular-nums}
.sb-x{border:0;background:none;color:var(--faint);font-size:var(--fs-text);cursor:pointer}
.sb-x:hover{color:var(--fg)}

 
.snutz{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:6px}
.snutz-b{display:flex;flex-direction:column;gap:6px}
.snutz-b > span{font-size:var(--fs-label);color:var(--faint)}
.snutz-b b{font-size:var(--fs-card);font-weight:600;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums}
.snutz-b em{font-style:normal;font-size:var(--fs-label);color:var(--muted)}
.sproj{margin-top:6px}
.smem{margin-top:6px}
 
.sm-kopf,.sm-r{display:grid;grid-template-columns:1fr 150px 230px;gap:12px;
  align-items:center;padding:0 12px}
.sm-kopf{height:31px;font-size:var(--fs-label);color:var(--faint)}
 


.sm-rolle{display:flex;flex-direction:column;gap:2px}
.sm-rolle em{font-style:normal;font-size:var(--fs-label);color:var(--faint)}
.sm-tun{display:flex;justify-content:flex-end;gap:6px}
.sm-k{font:inherit;font-size:var(--fs-label);color:var(--muted);background:var(--wash);border:0;
  border-radius:var(--r-pill);padding:6px 12px;cursor:pointer;white-space:nowrap}
.sm-k:hover{color:var(--fg);background:var(--soft)}
.sm-k.weg[data-sicher="1"]{color:var(--err)}
.sm-feld{flex:0 0 280px;height:34px}
.sm-feld .at{font-size:var(--fs-dense);white-space:nowrap}
.sm-r{height:52px}
.sm-r + .sm-r{border-top:1px solid var(--line)}
.sm-n{display:flex;align-items:center;gap:12px;min-width:0}
.sm-n > span{display:flex;flex-direction:column;gap:2px;min-width:0}
 
.sm-av{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;
  border-radius:var(--r-sm);background:var(--soft);font-style:normal;
  font-size:var(--fs-label);font-weight:500;color:var(--muted)}
.sm-tools{display:flex;gap:8px;align-items:center;flex:0 0 auto}
.sm-n b{font-weight:600}
.sm-n em{font-style:normal;font-size:var(--fs-label);color:var(--faint)}
@media (max-width:58rem){
  .snutz{grid-template-columns:1fr}
  .sb-kopf,.sb-r{grid-template-columns:72px 1fr 90px 30px}
  .sb-kopf span:nth-child(3),.sb-kopf span:nth-child(4),.sb-a,.sb-r .mono{display:none}
}
.sblock + .sblock{border-top:0;margin-top:6px}
.sblock h3{margin:0 0 6px;font-size:var(--fs-card);font-weight:600;letter-spacing:-.02em}
.sblock > .sub{margin:0 0 22px;font-size:var(--fs-dense);color:var(--muted);max-width:70ch}


.sfeld{display:block;margin:0 0 22px;font-size:var(--fs-dense);font-weight:600;color:var(--fg)}


label.sfeld{font-weight:400;color:var(--muted)}
label.sfeld > .sin{margin-top:6px}
.sfeld .ssub,.sfeld .out,.sfeld .szeile{font-weight:400}
 
.sin{display:block;width:100%;margin-top:8px}
.ssub{display:block;margin-top:7px;font-size:var(--fs-label);color:var(--faint);max-width:70ch}
.sfuss{display:flex;align-items:center;gap:12px;margin-top:14px}
.sfuss .out{margin:0;flex:1}


.sfuss .ssub{flex:1}
.szeile{display:flex;align-items:baseline;gap:12px;margin-top:10px;
  font-size:var(--fs-dense)}
.szeile > span:first-child{width:120px;flex:0 0 auto;color:var(--muted)}
.szeile b{font-size:var(--fs-dense);font-weight:600}
.szeile em{font-style:normal;color:var(--faint);font-size:var(--fs-label)}
.szeile .dp-knopf{margin-left:auto}
.spaar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
@media (max-width:44rem){ .spaar{grid-template-columns:1fr} }

 
.mw-kopf,.mw-r{display:grid;grid-template-columns:1fr 92px 110px;gap:12px;
  align-items:center;padding:0 12px}
.mw-kopf{height:31px;font-size:var(--fs-label);font-weight:500;color:var(--faint)}


.mw-kopf span:nth-child(2),.mw-kopf span:nth-child(3){text-align:center}
.mw-r{height:44px;font-size:var(--fs-dense)}
.mw-r + .mw-r{border-top:1px solid var(--line)}
.mw-p{color:inherit;text-decoration:none;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.mw-p:hover{text-decoration:underline;text-underline-offset:3px}
 
.mw-n{text-align:center;font-variant-numeric:tabular-nums}
.mw-w{color:var(--muted)}
@media (max-width:44rem){
  .mw-kopf,.mw-r{grid-template-columns:1fr 56px}
  .mw-kopf span:last-child,.mw-r .mw-w{display:none}
}
.se-z{display:flex;flex-direction:column;gap:7px}




.se-z > span{display:inline-flex;gap:7px;align-items:center;
  font-size:var(--fs-label);color:var(--faint)}
.se-z b{font-size:var(--fs-card);font-weight:600;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;color:var(--fg)}

 
.se-kopf,.se-r{display:grid;grid-template-columns:1fr 92px 72px;gap:12px;
  align-items:center;padding:0 14px}
.se-kopf{height:31px;font-size:var(--fs-label);font-weight:500;color:var(--faint)}


.se-kopf span:nth-child(2),.se-kopf span:nth-child(3),
.se-r .se-p,.se-r .se-n{text-align:center;font-variant-numeric:tabular-nums}



.se-r{height:44px;font-size:var(--fs-dense)}
.se-r + .se-r{border-top:1px solid var(--line)}
.se-q{display:flex;gap:8px;align-items:center;min-width:0}
.se-q img{width:16px;height:16px;flex:0 0 auto;object-fit:contain}
 
.se-q .fav{width:20px;height:20px;flex:0 0 auto;margin:0;padding:2px}
.se-q .fav img{width:16px;height:16px}




.se-q b{font-weight:400;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.se-q em{font-style:normal;font-size:var(--fs-label);color:var(--faint);flex:0 0 auto}

.se-p{color:var(--muted)}

 
.se-pg{display:flex;gap:4px;align-items:center;padding:12px 14px 4px}
.se-s{width:28px;height:28px;border:0;border-radius:var(--r-sm);background:none;
  color:var(--muted);font:inherit;font-size:var(--fs-dense);cursor:pointer}
.se-s:hover{background:var(--wash);color:var(--fg)}
.se-s.on{background:var(--wash);color:var(--fg);font-weight:600}
.se-x{width:20px;text-align:center;color:var(--faint)}
.se-zeigt{margin-left:auto;font-size:var(--fs-dense);color:var(--faint)}
.se-fuss{margin:14px 0 0;font-size:var(--fs-dense);color:var(--muted)}
.se-fuss b{color:var(--fg);font-weight:600}



.tm-kopf{display:grid;grid-template-columns:1fr 72px;gap:12px;height:30px;
  align-items:center;padding:0 12px;font-size:var(--fs-label);color:var(--faint)}
 
.tm-kopf span:last-child{text-align:center}
.tm-r{position:relative;display:grid;grid-template-columns:1fr 72px;gap:12px;
  align-items:center;height:36px;margin-top:2px;padding:0 12px;
  font-size:var(--fs-dense);border-radius:var(--r-sm)}
.tm-r i{position:absolute;left:0;top:0;bottom:0;width:var(--w);
  background:var(--wash);border-radius:var(--r-sm)}
.tm-r span,.tm-r b{position:relative}
.tm-r b{text-align:right;color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}

@media (max-width:44rem){
  .se-zahlen{grid-template-columns:1fr}
  .se-kopf,.se-r{grid-template-columns:1fr 56px}
  .se-kopf span:nth-child(2){display:none}
  .se-r .se-p{display:none}
}

.dt .up{color:var(--live);font-size:var(--fs-label)}
.dt .dn{color:var(--err);font-size:var(--fs-label)}






.bq{cursor:help}

.donut-row{display:flex;align-items:center;gap:28px;padding-top:6px}









.board-grid > .dp.dehnt .donut-row{flex-direction:column;align-items:stretch;gap:20px}
.board-grid > .dp.dehnt .donut{align-self:center}
















.donut{position:relative;width:190px;flex:0 0 auto}
.donut svg{width:100%;height:auto;aspect-ratio:1;transform:rotate(-90deg)}



.chart .ln-gap{fill:none;stroke-width:1.2;stroke-dasharray:3 4;opacity:.5}



.chart .ln-dot{stroke:none}


.ct-r.ct-leer{opacity:.45}

.dring{fill:none;stroke:var(--soft);stroke-width:3.4}
.dseg{fill:none;stroke-width:3.4;stroke-linecap:butt}


.donut.hebt .dseg{opacity:.3}
.donut.hebt .dseg.hoch{opacity:1;stroke-width:4.4}
.dseg{transition:opacity .12s linear,stroke-width .12s linear}
@media (prefers-reduced-motion:reduce){.dseg{transition:none}}
.dseg.s1{stroke:var(--st-who-4)}
.dseg.s2{stroke:var(--st-who-8)}
 
.dseg.s3{stroke:var(--st-who-3)}
.dseg.s4{stroke:var(--st-who-5)}




.donut-n{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;line-height:1.1;
  pointer-events:none;font-size:var(--fs-card);font-weight:600;letter-spacing:-.02em}
.donut-n em{display:block;margin-top:3px;font-style:normal;font-weight:500;
  font-size:var(--fs-label);color:var(--faint);letter-spacing:0;
  max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 18px;max-width:230px}
.legend li{display:flex;align-items:center;gap:7px;font-size:var(--fs-dense);color:var(--muted)}





.legend i{width:9px;height:9px;border-radius:0;flex:0 0 auto}








.sov-leg{max-width:none;flex:1;min-width:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 20px;
  



  align-content:space-between}




#emp-leg{grid-template-columns:repeat(auto-fill,minmax(max(180px,calc(50% - 10px)),1fr))}





:is(#sov-leg, #emp-leg){min-height:calc(4 * 1.45em + 3 * 10px)}
:is(#sov-leg, #emp-leg):not(:has(li:nth-child(7))){align-content:start}
.sov-leg li{min-width:0}
.sov-leg span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sov-leg b{flex:none;color:var(--faint)}



.sov-leg u{flex:none;text-decoration:none;font-size:var(--fs-label);
  font-weight:500;color:var(--dimmer);font-variant-numeric:tabular-nums;
  min-width:2.4em;text-align:right}
.sov-leg u.auf{color:var(--live)}
.sov-leg u.ab{color:var(--err)}


.sov-leg li.me span,.sov-leg li.me b{color:var(--fg);font-weight:600}












.oc-go{width:46px;height:46px;padding:0;border-radius:var(--r-pill);font-size:var(--fs-card);flex:0 0 auto}

 
.pl-h{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-bottom:12px;border-bottom:1px solid var(--soft);font-size:var(--fs-dense);color:var(--muted)}
.pl-add{border:1px solid var(--line);border-radius:var(--r-pill);padding:3px 11px;font-size:var(--fs-label)}
.pl-r{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;
  padding:11px 0;border-bottom:1px solid var(--line-fade);font-size:var(--fs-dense)}
.pl-v{font-size:var(--fs-dense);font-weight:600;font-variant-numeric:tabular-nums}
.pl-t{font-size:var(--fs-label);color:var(--faint);border:1px solid var(--line);
  border-radius:var(--r-pill);padding:2px 9px;white-space:nowrap}
.pl-r.dim{opacity:.5}

.ac{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  padding:11px 0;border-bottom:1px solid var(--line-fade);font-size:var(--fs-dense)}
.ac-s{font-size:var(--fs-label);border-radius:var(--r-pill);padding:2px 10px;font-weight:500}
.ac-s.done{background:var(--ok-bg);color:var(--live)}
.ac-s.open{border:1px solid var(--line);color:var(--faint)}
.ac-i{font-size:var(--fs-dense);color:var(--faint);font-variant-numeric:tabular-nums}
.ac-i.up{color:var(--live);font-weight:600}
.ac-note{margin-top:14px;font-size:var(--fs-dense);color:var(--faint)}




.faq{max-width:820px;margin:0 auto}
.faq details{border-top:1px solid var(--soft)}
.faq details:last-child{border-bottom:1px solid var(--soft)}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;
  font-size:var(--fs-card);font-weight:600;letter-spacing:-.016em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:11px;height:11px;
  margin-top:-7px;border-right:2px solid var(--faint);border-bottom:2px solid var(--faint);
  transform:rotate(45deg);transition:transform .18s}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.faq summary:hover{color:var(--ink)}
.faq p{margin:0 0 24px;padding-right:44px;color:var(--muted);font-size:var(--fs-text);line-height:1.65}

@media (max-width:860px){
  .donut-row{flex-direction:column;align-items:flex-start;gap:18px}
  .legend{max-width:none}
  .faq summary{font-size:var(--fs-text)}
}















body.app-shell{margin:0;height:100dvh;overflow:hidden;overflow:clip;background:var(--w)}





body.app-shell:has(> .ob:not([hidden])){height:auto;overflow-y:auto;overflow-x:hidden}
 
#step-profile.liest .wiz-f{opacity:.5}

.app-shell .board{display:grid;grid-template-columns:222px 1fr;height:100dvh;
  border:0;border-radius:0;box-shadow:none;overflow:hidden;overflow:clip}
.app-shell .board-side{display:flex;flex-direction:column;overflow-y:auto;
  padding:18px 12px 14px}
.app-shell .board-main{display:flex;flex-direction:column;min-width:0;overflow:hidden}



.app-shell .board-head{flex:0 0 auto}



















.app-shell .board-grid,.app-shell .board-one,.app-shell .db-empty{overflow-y:auto;flex:1 1 auto;align-content:start;
  scrollbar-width:none;padding-top:0}














.app-shell .board-grid{grid-auto-rows:max-content}











#v-overview.board-grid{grid-auto-rows:minmax(0,1fr)}











.app-shell .board-one .board-grid{overflow:visible;flex:0 0 auto}



.app-shell .board-head{margin-bottom:12px}



.app-shell .board-grid::-webkit-scrollbar,.app-shell .board-one::-webkit-scrollbar,
.app-shell .db-empty::-webkit-scrollbar{display:none}










.app-shell .board-grid{align-content:start;background:var(--w)}



.src-a{display:inline-block;max-width:52ch;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;vertical-align:bottom}
.src-a:hover{text-decoration:underline}
.src-h{color:var(--faint);padding-right:6px}








.qtabs{display:flex;gap:4px;margin:0 0 12px}
.qtab{font:inherit;font-size:var(--fs-dense);color:var(--muted);background:none;border:0;
  padding:5px 12px;border-radius:var(--r-pill);cursor:pointer}
.qtab:hover{color:var(--fg)}
.qtab.on{color:var(--fg);background:var(--wash);font-weight:600}
.qbar{display:flex;align-items:center;gap:10px;margin:0 0 14px}



.qbar .dp-csv{margin-left:0}
.qcount{margin-left:auto;font-size:var(--fs-dense);color:var(--faint);font-variant-numeric:tabular-nums}










.q-land{display:inline-block;margin-left:6px;font-size:var(--fs-label);
  color:var(--faint);letter-spacing:.04em;vertical-align:middle}
.q-topic{display:inline-block;margin-left:8px;font-size:var(--fs-dense);color:var(--muted);
  border:1px solid var(--line-str);border-radius:var(--r-pill);padding:1px 8px;vertical-align:middle}


.app-shell .board-grid > .dp{border-right:1px solid var(--soft);
  border-bottom:1px solid var(--soft)}
.app-shell .board-grid > .dp:nth-child(2n){border-right:0}
.app-shell .board-grid > .dp:nth-child(3),
.app-shell .board-grid > .dp:nth-child(4){padding-bottom:20px}
.app-shell .board-grid{border-top:0}



.ds-foot{margin-top:auto;padding-top:14px}


.ds-nav{display:none}
.app-shell .ds-list{display:flex;flex-direction:column;flex:1;min-height:0}
.ds-i[href],.ds-i[data-view],.ds-out{cursor:pointer}
.ds-out{width:100%;border:0;background:none;font:inherit;font-size:var(--fs-text);
  text-align:left;color:var(--muted)}




.ds-i:not(.on):hover,.ds-out:hover{background:var(--soft);color:var(--fg)}
.ds-who{padding:8px 9px 0;font-size:var(--fs-label);color:var(--faint);
  word-break:break-all}



.app-shell .db-setup{max-width:560px;margin:0 auto;padding:16vh 24px 0;
  height:100dvh;overflow-y:auto}
.db-setup h1{font-size:var(--fs-band);font-weight:400;letter-spacing:-.02em;margin:0 0 8px}
.db-in{margin-top:20px}



.db-btn{margin-left:auto;border:0;background:var(--fg);color:var(--w);
  border-radius:var(--r-pill);padding:6px 15px;font:inherit;font-size:var(--fs-dense);
  font-weight:500;cursor:pointer}
.db-btn:disabled{opacity:.5;cursor:default}
























.board-sub{display:flex;align-items:center;gap:14px;
  flex-wrap:wrap;padding:22px 24px 20px}












.btrend{display:flex;gap:22px;margin-left:auto;align-items:center;
  background:var(--w);border-radius:var(--r-pill);min-height:37px;padding:0 18px}





.bt{display:inline-flex;flex-direction:column;align-items:flex-end;gap:1px}
.bt b{font-size:var(--fs-card);font-weight:600;color:var(--faint);line-height:1.1;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums;
  display:inline-flex;align-items:baseline;gap:3px}


.bt b i{font-style:normal;font-size:var(--fs-label);font-weight:500;
  color:var(--dimmer);letter-spacing:0}
.bt em{font-style:normal;font-size:var(--fs-label);color:var(--dimmer)}


.bt-leer b{color:var(--dimmer);cursor:help}
 
.bt.auf b{color:var(--live)}
.bt.ab b{color:var(--err)}
@media (max-width:58rem){ .btrend{margin-left:0;gap:16px;flex-wrap:wrap} }




.db-hint{margin:0;padding:10px 20px 0;font-size:var(--fs-text);color:var(--dim);
  font-family:inherit}
.db-hint:empty{display:none}










.lauf-stand{flex:0 0 auto;display:flex;align-items:center;gap:10px;margin:0 20px 12px;
  padding:11px 16px;background:var(--w);border-radius:var(--r-lg);box-shadow:var(--tiefe);
  font-size:var(--fs-dense);color:var(--muted)}
.ls-kreis{flex:0 0 auto;width:14px;height:14px;border-radius:50%;border:2px solid var(--line);
  border-top-color:var(--mark);animation:w-dreh .8s linear infinite}
.lauf-stand.fehler .ls-kreis{animation:none;border:0;background:var(--err)}
@media(prefers-reduced-motion:reduce){.ls-kreis{animation:none}}
.ls-wege{margin-left:auto}
.ls-knopf{height:30px;padding:0 14px;border:0;border-radius:var(--r-pill);background:var(--mark);
  color:var(--w);font:inherit;font-size:var(--fs-dense);font-weight:600;cursor:pointer}
.board-grid.wartet > .dp:not(:has(.dp-h)){display:none}
.leer-bar{display:inline-block;height:8px;border-radius:var(--r-pill);background:var(--wash);vertical-align:middle}
.leer-z td{color:var(--faint)}
.leer-ring circle{stroke:var(--wash)}
.leer-ring{width:100%;height:100%}
.leer-leg{display:flex;align-items:center;gap:8px;list-style:none;min-width:120px}
.leer-leg i{width:8px;height:8px;border-radius:0;background:var(--soft);flex:0 0 auto}
.leer-leg .leer-bar{flex:1}
.leer-chart{position:relative;height:210px;padding-right:34px}
.leer-chart svg{width:100%;height:100%}
.leer-chart line{stroke:var(--soft);stroke-width:1;vector-effect:non-scaling-stroke}
.leer-y{position:absolute;right:0;top:0;bottom:0;width:30px;display:flex;flex-direction:column;
  justify-content:space-between;padding:1px 0;font-size:var(--fs-label);color:var(--faint);text-align:right}
.leer-x{display:flex;justify-content:space-between;padding:10px 34px 0 0;font-size:var(--fs-label);color:var(--faint)}
.ls-balken{flex:0 0 160px;height:6px;border-radius:var(--r-pill);background:var(--wash);overflow:hidden}
.ls-balken > span{display:block;height:100%;width:100%;background:var(--mark);border-radius:inherit;clip-path:inset(0 100% 0 0 round 3px); }
.db-empty{padding:44px 20px 64px;color:var(--muted);font-size:var(--fs-dense);max-width:720px}
.db-empty h2{margin:0 0 7px;font-size:var(--fs-sec);font-weight:600;letter-spacing:-.018em;color:var(--fg)}
.db-empty p{margin:0 0 18px;line-height:1.55;max-width:56ch}




.db-empty .pill-s{background:var(--w);color:var(--mark);border-color:var(--line)}
.db-empty .pill-s:hover{border-color:var(--mark)}
#leer-zeit-wege{display:flex;gap:8px;flex-wrap:wrap}
.empty-qs{margin-top:26px;border:1px solid var(--soft);border-radius:var(--r-lg);overflow:hidden}
.eq{display:flex;gap:12px;padding:11px 14px;font-size:var(--fs-dense);color:var(--fg);line-height:1.45}
.eq + .eq{border-top:1px solid var(--soft)}
.eq i{flex:0 0 auto;font-style:normal;font-size:var(--fs-label);color:var(--faint)}



.board-one > .dp{padding-bottom:26px}











.board-one > .dp:only-child{flex:1 0 auto}





















.app-shell .board-one > .dp{flex-shrink:0}



.app-shell .chart{padding-right:34px}



















.chart-plot{position:relative}



.chart svg *{vector-effect:non-scaling-stroke}







.app-shell .chart svg{height:210px}
.app-shell .chart-y{height:300px}






























.app-shell{--achsspur:34px}
.app-shell .chart svg{width:calc(100% - var(--achsspur))}
.chart-y{position:absolute;right:0;top:0;height:210px;width:28px;
  line-height:1;
  font-size:var(--fs-label);color:var(--faint);text-align:right;font-variant-numeric:tabular-nums}



.chart-y span{position:absolute;right:0;transform:translateY(-50%)}
.app-shell .chart-x{padding-right:var(--achsspur)}
.chart-none{margin:0;padding:64px 0;text-align:center;color:var(--faint);font-size:var(--fs-dense)}

























.app-shell .chart-tip{top:0;right:34px;min-width:0;padding:9px 11px;font-size:var(--fs-label)}
.app-shell .ct-r{padding:1.5px 0;font-size:var(--fs-label);gap:7px}
.app-shell .ct-r em{padding-left:12px}

.dt .qn{color:var(--muted);font-size:var(--fs-dense)}
.dt .x{color:var(--faint);font-size:var(--fs-dense);white-space:nowrap}











.dt .ty{white-space:nowrap}
.legend b{font-weight:600;font-variant-numeric:tabular-nums}

 




@media (max-width:56rem){
  body.app-shell{height:auto;overflow:visible}
  .app-shell .board{grid-template-columns:1fr;height:auto}

  










  





  .app-shell .dt-fix{min-width:620px}

  .app-shell .board-grid > .dp.dehnt{height:auto;align-self:start}
  .app-shell .board-grid > .dp.dehnt .roll-liste{overflow:visible;flex:none;height:auto}
  .app-shell .board-grid > .dp.dehnt .roll-liste .dt td{height:auto;padding-top:11px;padding-bottom:11px}
  


  .app-shell .board-side{position:relative;flex-direction:row;align-items:center;gap:8px;
    border-right:0;border-bottom:1px solid var(--soft);overflow:visible;padding:10px 12px}
  .ds-sw{flex:1;min-width:0}
  .ds-top{width:100%}
  .ds-nav{display:flex;align-items:center;gap:6px;flex:none;
    padding:7px 12px;border-radius:var(--r-pill);border:1px solid var(--line);
    background:var(--w);color:var(--fg);font:inherit;font-weight:600;
    font-size:var(--fs-dense);cursor:pointer}
  

  .app-shell .ds-list{display:none;position:absolute;top:100%;left:8px;right:8px;z-index:40;
    flex-direction:column;gap:2px;max-height:70vh;overflow-y:auto;
    background:var(--wash);border:1px solid var(--line);border-radius:var(--r-lg);
    padding:8px;box-shadow:var(--tiefe-hoch)}
  .app-shell .board-side.open .ds-list{display:flex}
  .ds-who{display:none}
  


  .ds-lbl{padding:10px 8px 4px}
  .ds-foot{margin-top:8px;padding-top:8px}

  

  .board-sub{padding:12px 12px 18px}
  .fseg{flex-wrap:wrap}
  .app-shell .board-grid,.app-shell .board-one,.app-shell .db-empty{overflow:visible}
  .board-grid{grid-template-columns:1fr}
}





.setup-top{display:flex;align-items:center;justify-content:space-between;
  margin-bottom:12vh}
 
.setup-top{--marke:18px}
.setup-out{width:auto;padding:6px 10px;border-radius:var(--r-sm)}



.db-setup .claim-hint{font-family:inherit;font-size:var(--fs-dense);color:var(--faint)}




.ocr-go{display:flex;align-items:center;justify-content:space-between;gap:16px;
  flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--soft)}
.ocr-go p{margin:0;font-size:var(--fs-dense);color:var(--muted)}
.ocr-go .btn{flex:0 0 auto;padding:10px 18px;font-size:var(--fs-dense)}




.tn{display:inline-flex;align-items:baseline;gap:4px;margin-right:8px;white-space:nowrap}
.tn[title]{cursor:help}
.dt .thin{color:var(--faint);font-size:var(--fs-label)}



.q-say{margin-top:5px;padding-left:9px;border-left:2px solid var(--line-str);
  font-size:var(--fs-dense);color:var(--muted);max-width:52ch}
.q-say.mixed,.q-say.negative{border-left-color:var(--fg);color:var(--fg)}
.tn-me{font-weight:600}








.tm img{display:block;flex:0 0 auto}










.tm img.tm-auf-dunkel{display:none}











.board-one .srow:first-of-type{border-top:0}









.board-main .srow{border-top:0;padding:16px 18px;border-radius:var(--r-lg);
  background:var(--soft);margin-bottom:8px}
.board-main .srow:last-of-type{margin-bottom:0}
.board-one .srow > .k{width:210px}
 
.board-one .srow .edit-in + .edit-in{margin-top:6px}
 
.qr-box{margin:10px 0 4px;width:168px}
.qr-box svg{width:100%;height:auto;display:block;background:var(--w);
  padding:8px;border-radius:var(--r-s);border:1px solid var(--line);}










@media(max-width:560px){.wiz-two{grid-template-columns:1fr}}





























.app-shell .ob{display:grid;grid-template-columns:504px minmax(0,1fr);align-items:start;
  min-height:100dvh;background:var(--grund)}
.ob-l{display:flex;flex-direction:column;padding:20px 20px 20px;
  background:0;gap:0}



.ob-l .ob-body,.ob-l .ob-foot{background:var(--w);padding-left:22px;padding-right:22px}
.ob-l .ob-body{border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--tiefe);
  padding-top:22px;clip-path:inset(-20px -20px 0 -20px)}
.ob-l .ob-foot{border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:var(--tiefe);
  clip-path:inset(0 -20px -20px -20px)}



.ob.grauf .ob-l .ob-body{background:0;box-shadow:none;clip-path:none;
  border-radius:0;padding-left:0;padding-right:0}







.ob-l .ob-body:has(+ .ob-foot[hidden]){border-radius:var(--r-lg);
  clip-path:inset(-20px)}










.ob-top{display:flex;align-items:baseline;gap:14px;flex:0 0 auto;
  padding:2px 22px 16px}


.ob-top .logo{flex:0 0 auto}
.ob-who{flex:1;min-width:0;font-size:var(--fs-label);color:var(--faint);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-out{flex:0 0 auto;white-space:nowrap}



.ob-top{--marke:16px}
.ob-out{border:1px solid var(--ob-line);background:0;border-radius:var(--r-sm);
  padding:0 11px;height:28px;font:inherit;font-size:var(--fs-dense);color:var(--muted);cursor:pointer}
.ob-out:hover{border-color:var(--fg);color:var(--fg)}





.ob-body{padding:30px 0 20px;display:flex;flex-direction:column}


.ob-foot{flex:0 0 auto;display:flex;gap:9px;padding:14px 0 18px;background:var(--w)}























.ob-foot{justify-content:space-between}
.ob-foot .btn{flex:0 0 auto;height:36px;padding:0 20px;font-size:var(--fs-dense);justify-content:center}
.ob-foot .btn.ghost{flex:0 0 auto;border:0;background:var(--wash);color:var(--fg)}
.ob-foot .btn.ghost:hover{background:var(--soft)}
.ob-foot .btn:disabled{opacity:.4;cursor:default}

.wiz{width:100%;max-width:424px}
.wiz h1{font-size:var(--fs-sec);font-weight:600;letter-spacing:-.018em;margin:0 0 7px}


.wiz h1 + form{margin-top:22px}



.w-lesen.laeuft{display:flex;align-items:center;gap:9px;color:var(--muted)}
.w-lesen.laeuft::before{content:"";flex:0 0 auto;width:12px;height:12px;border-radius:50%;
  border:2px solid var(--line);border-top-color:var(--mark);animation:w-dreh .8s linear infinite}
@keyframes w-dreh{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.w-lesen.laeuft::before{animation:none}}
.wiz .sub2{color:var(--faint);font-size:var(--fs-dense);line-height:1.55;margin:0 0 22px;max-width:48ch}



.wiz-n{display:block;font-size:var(--fs-label);font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;color:var(--faint);margin-bottom:9px}








 
.ob-dom{display:flex;align-items:stretch;border:0;
  box-shadow:none;
  border-radius:var(--r-md);overflow:hidden;background:var(--wash);height:40px}





.ob-dom:focus-within{background:var(--wash);box-shadow:inset 0 0 0 1px var(--line)}




.ob-scheme{display:flex;align-items:center;padding:0 11px 0 15px;margin:8px 0;
  background:0;color:var(--faint);font-size:var(--fs-input);
  border-right:1px solid var(--line)}
.ob-dom input{flex:1;border:0;outline:0;background:0;font:inherit;font-size:var(--fs-input);
  padding:0 15px 0 11px;color:var(--fg);min-width:0}
.ob-dom input::placeholder{color:var(--faint)}

.wiz-f{display:block;margin:0 0 14px}




.wiz-f > span,.wiz-f > label{display:block;font-weight:400;color:var(--muted);font-size:var(--fs-dense);margin-bottom:6px}
.wiz-f > label{width:max-content;cursor:default}
.wiz-f > em{display:block;font-style:normal;color:var(--faint);font-size:var(--fs-label);margin-top:4px}









.wiz-f .edit-in{width:100%;border:0;box-shadow:none;
  border-radius:var(--r-md);
  padding:0 12px;height:40px;font:inherit;font-size:var(--fs-input);
  background:var(--wash);color:var(--fg)}
.wiz-f .edit-in:focus{outline:0;background:var(--wash);box-shadow:inset 0 0 0 1px var(--line)}
.wiz-f .edit-in::placeholder{color:var(--faint)}


.wiz-f textarea.edit-in{border:0;resize:none;overflow:hidden;line-height:1.5;height:auto;
  border-radius:var(--r-md);padding:10px 14px}
.wiz-two{display:grid;grid-template-columns:1fr 1fr;gap:11px}

.chips-e{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.ochip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ob-line);
  border-radius:var(--r-sm);padding:4px 6px 4px 9px;font-size:var(--fs-dense);background:var(--w)}
.ochip.fest{padding:4px 10px}
.ochip button{border:0;background:0;cursor:pointer;color:var(--faint);font-size:var(--fs-text);
  line-height:1;padding:2px 4px;border-radius:50%}
.ochip button:hover{color:var(--fg);background:var(--wash)}
.ochip-in{border:1px dashed var(--ob-line);border-radius:var(--r-sm);padding:4px 9px;
  font:inherit;font-size:var(--fs-dense);background:0;color:var(--fg);width:120px}
.ochip-in:focus{outline:0;border-style:solid;border-color:var(--fg)}

.wiz-count{display:flex;justify-content:space-between;align-items:baseline;
  margin:0 0 8px;font-size:var(--fs-dense);color:var(--faint)}
.wiz-count b{color:var(--fg)}
.wiz-count b.over{color:var(--err)}
.wpicks{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}






.wpick{display:flex;gap:11px;align-items:center;padding:0 11px;min-height:40px;cursor:pointer;
  font-size:var(--fs-dense);line-height:1.4;border:0;border-radius:var(--r-md);background:0;
  transition:background-color .12s}
.wpick:hover{background:var(--wash)}
.wpick input{appearance:none;-webkit-appearance:none;margin:0;flex:0 0 auto;
  width:18px;height:18px;border-radius:var(--r-pill);background:var(--wash);
  box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;display:grid;place-items:center}
.wpick input:checked{background:var(--mark);box-shadow:none}
.wpick input:checked::after{content:"";width:5px;height:9px;
  border:solid var(--w);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.wpick input:focus-visible{outline:2px solid var(--mark);outline-offset:2px}
.wpick input:not(:checked) + span{color:var(--faint)}
.wpick-g{margin-bottom:8px}
.wpick-g > b{display:block;padding:6px 2px 6px;font-size:var(--fs-label);color:var(--faint);
  font-weight:600;letter-spacing:.02em}







.ob-r{background:var(--ob-r-bg);overflow:hidden;display:flex;align-items:flex-start;
  justify-content:flex-start;padding:70px 0 0 99px;
  position:sticky;top:0;height:100dvh}






.ob-app{display:grid;grid-template-columns:196px 1fr;width:100%;height:100%;
  background:var(--w);border:0;box-shadow:var(--tiefe);
  border-radius:var(--r-lg) 0 0 0;overflow:hidden}









.pv-side{background:var(--w);border-right:1px solid var(--line);padding:12px 10px;min-width:0}
 















.pv-acc{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--r-pill);
  border:0;background:var(--wash);margin-bottom:14px;font-size:var(--fs-text);font-weight:600}
.pv-acc i{font-style:normal;width:22px;height:22px;border-radius:var(--r-xs);background:var(--w);
  display:grid;place-items:center;font-size:var(--fs-dense);font-weight:600;flex:0 0 auto}
.pv-acc b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv-acc span{margin-left:auto;color:var(--faint);font-size:var(--fs-dense)}
.pv-nav{padding:9px;border-radius:var(--r-md);font-size:var(--fs-text);color:var(--muted)}



.pv-nav.on{background:var(--mark-soft);color:var(--mark);font-weight:600;
  box-shadow:none}



.pv-main{padding:20px 22px;min-width:0;overflow:hidden;background:var(--grund)}











.ob-app > *{filter:blur(3px)}
.ob-app:has(.pv-schau){grid-template-columns:1fr}
.ob-app:has(.pv-schau) .pv-side{display:none}
.pv-main:has(.pv-schau){padding:0;background:0}



.pv-schau{display:block;width:1440px;max-width:none;height:auto}
.pv-main h3{margin:0 0 3px;font-size:var(--fs-sec);font-weight:600;letter-spacing:-.018em}
.pv-main .lede{margin:0 0 16px;color:var(--faint);font-size:var(--fs-text)}
 
.pv-bar{height:8px;border-radius:var(--r-pill);background:var(--wash)}
.pv-chips-row{display:flex;gap:7px;margin:14px 0}
.pv-chips-row span{height:22px;width:66px;border-radius:var(--r-pill);background:var(--wash)}
 
.pv-chart{height:120px;border:0;box-shadow:var(--tiefe);background:var(--w);
  border-radius:var(--r-lg);margin-bottom:12px;overflow:hidden}
.pv-chart i{display:block;height:29px;border-bottom:1px solid var(--line)}
.pv-tab{border:0;box-shadow:var(--tiefe);background:var(--w);
  border-radius:var(--r-lg);overflow:hidden}
.pv-tr{display:flex;gap:14px;align-items:center;padding:13px 14px}
.pv-tr + .pv-tr{border-top:1px solid var(--line)}
.pv-tr .pv-bar{flex:1}


.pv-ava{width:44px;height:44px;border-radius:var(--r-md);background:var(--w);
  box-shadow:var(--tiefe);display:grid;place-items:center;font-size:var(--fs-card);
  font-weight:600;margin:0 0 12px;position:relative}
.pv-k{font-size:var(--fs-text);color:var(--faint);margin:14px 0 6px;font-weight:400}
 
.pv-box{border:0;background:var(--wash);border-radius:var(--r-pill);padding:9px 14px;
  font-size:var(--fs-input);line-height:1.5}
.pv-list{border:0;box-shadow:var(--tiefe);background:var(--w);
  border-radius:var(--r-lg);padding:2px 12px}
.pv-row{display:flex;gap:9px;padding:9px 0;font-size:var(--fs-text);line-height:1.5}
.pv-row + .pv-row{border-top:1px solid var(--line)}
.pv-row i{font-style:normal;color:var(--faint);
  font-size:var(--fs-label);flex:0 0 auto;padding-top:1px}

@media(max-width:1000px){
  .app-shell .ob{grid-template-columns:1fr}
  .ob-r{display:none}
  .ob-l{padding:22px 24px 0;border-right:0}
}





@media(max-width:44rem){
  .app-shell .ob,.ob-l,.ob-body,.ob-foot{min-width:0}
  .ob-l{padding:20px 16px 0}
  .ob-foot{flex-wrap:wrap}
  .ob-out{white-space:normal}
}
.ob-fine{flex:0 0 auto;margin:0;padding:16px 22px 18px;font-size:var(--fs-label);color:var(--faint);
  display:flex;justify-content:space-between}
.ob-fine a{color:var(--faint);text-decoration:none}




.ob-l{min-height:100dvh;box-sizing:border-box}
.ob-fine{margin-top:auto}
.ob-fine span{display:flex;gap:6px}
.ob-fine i{font-style:normal}
.ob-fine a:hover{color:var(--fg)}






body.anm{height:auto;min-height:100dvh;overflow-y:auto;overflow-x:hidden}
.anm .ob-l .ob-body{border-radius:var(--r-lg);clip-path:inset(-20px);padding-bottom:24px}
.anm .ob-out{display:inline-flex;align-items:center;text-decoration:none}
.anm .wiz .btn{width:100%;height:36px;padding:0 20px;font-size:var(--fs-dense)}
.anm .wiz-f{margin-bottom:12px}
.anm .kwort{margin:0 0 14px;font-size:var(--fs-dense);color:var(--muted)}
.anm .kwort:empty{display:none}
.anm .kwort.schlecht{color:var(--err)}
.anm .anm-h{margin:0 0 7px;font-size:var(--fs-card);font-weight:600}
.anm #warte .btn{margin-top:6px;text-decoration:none}
.anm .anm-oder{display:flex;align-items:center;gap:12px;margin:18px 0 12px;
  color:var(--faint);font-size:var(--fs-label)}
.anm .anm-oder::before,.anm .anm-oder::after{content:"";flex:1;border-top:1px solid var(--soft)}
.anm .anm-alt{display:flex;flex-direction:column;gap:8px}
 
.anm .anm-alt .btn.ghost{border:0;background:var(--wash);color:var(--fg)}
.anm .anm-alt .btn.ghost:hover{background:var(--soft)}
.anm .anm-liste{margin:0 0 18px;padding-left:18px;font-size:var(--fs-dense);line-height:1.6;color:var(--fg)}
.anm .anm-klein{margin:18px 0 0;font-size:var(--fs-label);line-height:1.55;color:var(--faint)}
.anm .anm-klein a{color:var(--muted)}


.anm .wiz h1{margin-bottom:20px}
.anm .anm-recht{margin:14px 0 0;padding:0 22px;max-width:424px;
  font-size:var(--fs-label);line-height:1.55;color:var(--faint)}
.anm .anm-recht a{color:var(--muted)}
.anm #anm-site:not([hidden]){margin-top:-13px}












.app-shell .ob{
  --ob-l-bg:var(--w);
  --ob-r-bg:var(--grund);
  --ob-line:var(--line);
  --ob-wash:var(--wash);
  --ob-err:var(--err);
  --ob-err-bg:var(--err-bg);
}
 
.ob-dom.bad{border-color:var(--ob-err);background:var(--ob-err-bg)}
.ob-dom.bad .ob-scheme{background:0;border-right-color:var(--ob-err)}
.ob .claim-hint.bad{color:var(--ob-err)}
 
.wiz-f > em.pre{margin:0 0 6px}
 
.sel-i{position:relative;display:flex;align-items:center}
.sel-i > i{position:absolute;left:15px;font-style:normal;font-size:var(--fs-input);
  pointer-events:none;z-index:1;display:flex;align-items:center;color:var(--muted)}
 
.sel-i > i svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}


.sel-i .edit-in{padding-left:38px;appearance:none;padding-right:34px}


.sel-i::after{content:"";position:absolute;right:13px;top:50%;width:6px;height:6px;
  border-right:1.5px solid var(--faint);border-bottom:1.5px solid var(--faint);
  transform:translateY(-70%) rotate(45deg);pointer-events:none}
.sel-i.tz::after{content:none}



.sel-i.tz{border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r-pill);
  height:40px;padding:0 15px 0 38px;gap:8px;font-size:var(--fs-input);
  background:var(--wash)}
.sel-i.tz b{font-weight:400}
.sel-i.tz em{font-style:normal;color:var(--faint)}
 
.note-i{display:flex;gap:9px;background:var(--ob-wash);border-radius:var(--r-sm);
  padding:10px 12px;margin:0 0 10px;font-size:var(--fs-dense);color:var(--muted);line-height:1.5}
.note-i > i{font-style:normal;font-size:var(--fs-label);flex:0 0 auto;
  width:15px;height:15px;border-radius:50%;background:var(--fg);color:var(--w);
  display:grid;place-items:center;margin-top:1px}
.note-i b{display:block;color:var(--fg)}
 
.auds{display:flex;flex-direction:column;gap:2px}
.aud{display:flex;align-items:center;gap:14px;padding:8px 0;font-size:var(--fs-dense)}
.aud .t{flex:1;min-width:0;cursor:default}
.aud .t b{display:block;font-weight:600}
.aud .t span{color:var(--faint);font-size:var(--fs-label)}



.aud-p{flex:0 0 auto;display:flex;align-items:center;width:84px;height:36px;
  background:var(--wash);border-radius:var(--r-md);padding:0 12px 0 0}
.aud-p:focus-within{box-shadow:inset 0 0 0 1px var(--line)}
.aud-p .pc{flex:1;min-width:0;width:100%;height:100%;border:0;background:0;outline:0;
  text-align:right;padding:0 4px 0 10px;font:inherit;font-size:var(--fs-input);
  font-variant-numeric:tabular-nums;color:var(--fg);-moz-appearance:textfield}
.aud-p .pc::-webkit-outer-spin-button,.aud-p .pc::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.aud-p i{font-style:normal;color:var(--faint);font-size:var(--fs-input)}
.aud-s{margin:8px 0 0;font-size:var(--fs-label);color:var(--faint);text-align:right}
.aud-s.bad{color:var(--err)}
 
.qgroups{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.qg{border:1px solid var(--ob-line);border-radius:var(--r-s);background:var(--w);overflow:hidden}
.qg > summary{display:flex;align-items:center;gap:9px;padding:0 12px;height:40px;
  cursor:pointer;font-size:var(--fs-dense);font-weight:500;list-style:none}
.qg > summary::-webkit-details-marker{display:none}
.qg > summary .n{margin-left:auto;color:var(--faint);font-size:var(--fs-label)}
.qg > summary .ch{color:var(--faint);font-size:var(--fs-label);transition:transform .15s}
.qg[open] > summary .ch{transform:rotate(90deg)}
.qg-in{padding:0 12px 8px}
.qg-in > .k{font-size:var(--fs-label);color:var(--faint);padding:2px 0 6px;font-weight:600}
 
.addrow{display:flex;align-items:center;gap:7px;min-height:37px;padding:0 11px;
  border:1px dashed var(--ob-line);border-radius:var(--r-sm);background:0;width:100%;
  font:inherit;font-size:var(--fs-dense);color:var(--faint);cursor:pointer;text-align:left}
.addrow:hover{border-color:var(--line);color:var(--fg)}
.addrow input{flex:1;min-width:0;border:0;outline:0;background:0;font:inherit;
  font-size:var(--fs-dense);color:var(--fg)}
.addrow:focus-within{border-style:solid;border-color:var(--fg);color:var(--fg)}


.ob .claim-hint:empty{display:none}




.wmap{position:relative;margin-top:10px;border:1px solid var(--ob-line);
  border-radius:var(--r-md);background:var(--ob-wash);overflow:hidden;padding:10px}
.wmap svg{display:block;width:100%;height:auto}
.wmap svg path{fill:var(--soft);stroke:var(--ob-wash);stroke-width:.7;
  transition:fill .15s ease}
.wmap svg path.on{fill:var(--fg)}
@media(prefers-reduced-motion:reduce){.wmap svg path{transition:none}}
.wmap-p{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  background:var(--w);border:1px solid var(--ob-line);border-radius:var(--r-pill);
  padding:5px 12px;font-size:var(--fs-dense);color:var(--muted);white-space:nowrap}





.use-cards{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.use-c{display:flex;flex-direction:column;gap:5px;text-align:left;width:100%;
  border:1px solid var(--ob-line);border-radius:var(--r-xl);background:var(--w);
  padding:18px;font:inherit;color:inherit;cursor:pointer}



.use-c{transition:background-color .12s}
.use-c:hover{background:var(--wash)}
.use-i{display:block;margin-bottom:11px}
.use-i svg{width:64px;height:40px;display:block}
.use-i rect{fill:var(--ob-wash);stroke:var(--ob-line);stroke-width:1}
.use-i circle.f{fill:var(--w);stroke:var(--line);stroke-width:1}
.use-t{font-size:var(--fs-text);font-weight:600}
.use-s{font-size:var(--fs-dense);color:var(--faint);line-height:1.5}


.use-x{font-size:var(--fs-label);color:var(--muted);margin-top:3px}





.app-shell .ob.solo{grid-template-columns:1fr}
.ob.solo .ob-r{display:none}
.wiz-tarif{max-width:1100px;margin:0 auto;text-align:center}



.ob.tarif .ob-l .ob-body{background:0;box-shadow:none;clip-path:none}
.wiz-tarif .sub2{margin-left:auto;margin-right:auto}


.plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;margin-top:26px;text-align:left}
.plan-cards .plan-c{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
 
.plan-kopf{align-self:start;min-width:0}
.plan-zahlen{align-self:end}
@media (max-width:900px){.plan-cards{grid-template-columns:1fr}.plan-cards .plan-c{grid-row:auto;grid-template-rows:none}}






.plan-c{border-radius:var(--r-xl);padding:22px;
  background:var(--w);display:flex;flex-direction:column}
.plan-n{font-size:var(--fs-dense);font-weight:600;margin-bottom:8px}
.plan-p{font-size:var(--fs-band);font-weight:600;letter-spacing:-.02em;line-height:1.1}
.plan-p s{color:var(--faint);font-weight:400;font-size:var(--fs-card);margin-right:9px}
.plan-p span{font-size:var(--fs-dense);font-weight:400;color:var(--faint);margin-left:5px}
.plan-note{color:var(--faint);font-size:var(--fs-dense);margin-top:6px}


.plan-r{display:flex;justify-content:space-between;align-items:baseline;
  margin-top:12px;font-size:var(--fs-dense);color:var(--muted)}
.plan-r b{font-weight:600;color:var(--fg)}














.app-shell .ob.solo.grauf{background:var(--ob-r-bg)}
.ob.solo.grauf .ob-l{background:0}



.wiz-vor{max-width:800px;background:var(--w);border:0;box-shadow:var(--tiefe);
  border-radius:var(--r-lg);padding:34px 36px 30px}
.vor-pill{display:inline-block;margin-bottom:16px;padding:5px 13px;
  border:1px solid var(--ob-line);border-radius:var(--r-pill);
  font-size:var(--fs-dense);color:var(--muted)}
.wiz-vor h1{font-size:var(--fs-page);line-height:1.08;letter-spacing:-.025em;margin:0 0 12px}
.wiz-vor .sub2{font-size:var(--fs-text);line-height:1.5;margin:0 auto 4px;max-width:46ch}





.pv-tabs{display:flex;gap:22px;margin:26px 0 0;border-bottom:1px solid var(--ob-line);
  text-align:left}
.pv-tabs span{padding:0 0 10px;font-size:var(--fs-dense);color:var(--faint)}
.pv-tabs span.on{color:var(--fg);font-weight:500;box-shadow:0 1px 0 var(--fg)}
.pv-tab2{width:100%;border-collapse:collapse;text-align:left;margin-bottom:26px}
.pv-tab2 th{font-size:var(--fs-label);font-weight:500;color:var(--faint);padding:11px 12px;
  letter-spacing:.02em}
.pv-tab2 td{padding:9px 12px;font-size:var(--fs-dense);border-top:1px solid var(--ob-line)}
.pv-tab2 td:first-child{color:var(--faint);font-size:var(--fs-label);width:1%}
.pv-tab2 tr.mine td{background:var(--ob-wash)}
.pv-tab2 tr.mine td:nth-child(2){font-weight:600}
.pv-tab2 .pv-bar{width:62px;height:8px}


.pv-tab2 tr.mine .pv-bar{background:var(--soft)}
.wiz-tarif .btn{min-width:220px;height:36px;border-radius:var(--r-sm);font-size:var(--fs-dense)}



.pay-sw{display:inline-flex;gap:2px;margin-top:22px;padding:3px;
  background:var(--w);border:1px solid var(--line);border-radius:var(--r-pill)}



.pay-o{border:0;background:0;font:inherit;font-size:var(--fs-dense);color:var(--muted);
  font-weight:500;letter-spacing:-.01em;
  padding:6px 18px;border-radius:var(--r-pill);cursor:pointer}
.pay-o.on{background:var(--mark);color:var(--w-solid)}


.plan-d{margin-top:18px}
.plan-d > summary{list-style:none;cursor:pointer;font-size:var(--fs-dense);color:var(--faint)}
.plan-d > summary::-webkit-details-marker{display:none}
.plan-d > summary:hover{color:var(--fg)}
.plan-d[open] > summary{margin-bottom:14px}
.plan-m{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:14px}
.plan-m img{width:17px;height:17px;display:block}
.plan-m b{font-weight:400;font-size:var(--fs-label);color:var(--muted)}
.plan-mk{flex:0 0 100%;font-size:var(--fs-label);color:var(--faint);letter-spacing:.02em}
 
.plan-w{margin-top:10px;font-size:var(--fs-dense);color:var(--muted);line-height:1.45}
.plan-c .plan-go{margin-top:20px;height:36px;border-radius:var(--r-sm);
  font-size:var(--fs-dense);justify-content:center}
.plan-f{list-style:none;margin:18px 0 0;padding:0;display:flex;
  flex-direction:column;gap:8px}
.plan-f li{position:relative;padding-left:19px;font-size:var(--fs-dense);color:var(--muted);
  line-height:1.45}
.plan-f li::before{content:"";position:absolute;left:2px;top:5px;width:8px;height:4px;
  border-left:1.5px solid var(--fg);border-bottom:1.5px solid var(--fg);
  transform:rotate(-45deg)}



.ob .claim-hint{font-family:inherit;font-size:var(--fs-dense);margin-top:8px}




.db-btn.busy{display:inline-flex;align-items:center}
.btn.busy::before,.db-btn.busy::before{content:"";flex:0 0 auto;width:12px;height:12px;margin-right:8px;
  border:1.6px solid currentColor;border-right-color:transparent;
  border-radius:var(--r-pill);animation:dreht .7s linear infinite}
@keyframes dreht{to{transform:rotate(1turn)}}
@media(prefers-reduced-motion:reduce){.btn.busy::before,.db-btn.busy::before{animation:none;opacity:.5}}






.qopen{cursor:pointer}
.qopen:hover td{background:var(--soft)}
.ans{position:fixed;inset:0;z-index:60;display:grid;place-items:center;
  padding:24px;background:rgba(0,0,0,.55)}










.ans-box{width:min(64vw,980px);max-width:100%;height:min(76vh,760px);
  display:grid;grid-template-columns:1fr 285px;gap:14px;
  background:var(--wash);border-radius:var(--r-lg);padding:16px}
.ans-links{display:flex;flex-direction:column;min-width:0;min-height:0;padding:6px 8px 0 10px}



.ans-rechts{position:relative;display:flex;flex-direction:column;gap:18px;min-height:0;
  background:var(--w);border-radius:var(--r-md);padding:14px 14px 16px;overflow:auto}
.ans-abs{display:flex;flex-direction:column;gap:8px;min-width:0}
.ans-abs > b{font-size:var(--fs-label);color:var(--faint);font-weight:600;letter-spacing:.02em}
.ans-det{display:flex;flex-direction:column;gap:12px;min-width:0}
.ans-dz{display:flex;flex-direction:column;gap:5px;font-size:var(--fs-dense)}
.ans-dz > i{font-style:normal;font-size:var(--fs-label);color:var(--faint)}
.ans-dz > span{display:flex;flex-wrap:wrap;gap:5px;color:var(--fg)}
.ans-top{display:flex;align-items:center;gap:10px}
.ans-model{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-label);
  color:var(--muted);background:var(--w);border-radius:var(--r-pill);padding:3px 10px 3px 4px}
.ans-model img{width:15px;height:15px;object-fit:contain}
.ans-model b{font-weight:500}
.ans-land{font-size:var(--fs-label);color:var(--faint);background:var(--w);
  border-radius:var(--r-pill);padding:3px 9px;letter-spacing:.04em}
.ans-x{position:absolute;top:8px;right:8px;z-index:2;background:none;border:0;color:var(--muted);font-size:var(--fs-sec);
  line-height:1;cursor:pointer;padding:2px 6px;border-radius:var(--r-sm)}
.ans-x:hover{background:var(--w);color:var(--fg)}
.ans-q{font-size:var(--fs-card);font-weight:600;margin:12px 0 14px;color:var(--fg)}
.ans-body{overflow-y:auto;flex:1 1 auto;font-size:var(--fs-dense);line-height:1.62;color:var(--muted);
  scrollbar-width:none}
.ans-body::-webkit-scrollbar{display:none}
.ans-body p{margin:0 0 11px}


.ans-body mark{background:var(--soft);color:var(--fg);border-radius:var(--r-xs);padding:1px 4px}
.ans-body mark.me{background:var(--fg);color:var(--w);font-weight:600}
 
.ans-body .ans-folge{margin:22px 0 12px;font-size:var(--fs-text)}











.ans-src{display:flex;flex-direction:column;gap:4px}
.ans-sh{font-size:var(--fs-label);color:var(--faint);font-weight:500;padding:0 0 4px}
.ans-s{display:flex;align-items:center;gap:10px;font-size:var(--fs-dense);color:var(--muted);
  background:var(--soft);border-radius:var(--r-s);padding:9px 12px;text-decoration:none}
.ans-st{min-width:0;display:flex;flex-direction:column;gap:1px}
.ans-st b{font-weight:500;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.ans-st i{font-style:normal;font-size:var(--fs-label);color:var(--faint);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ans-s:hover{background:var(--w)}
.ans-s.none{background:none;color:var(--faint);padding-left:0}
.ans-foot{display:flex;align-items:center;gap:10px;padding:14px 0 4px;flex:0 0 auto}
 
.pager{border:1px solid var(--line);border-radius:var(--r-pill);background:none;
  padding:5px 14px;font:inherit;font-size:var(--fs-dense);color:var(--muted);cursor:pointer}
.pager:hover:not(:disabled){border-color:var(--line-str);color:var(--fg)}
.pager:disabled{opacity:.4;cursor:default}
.ans-nr{margin-left:auto;margin-right:auto;font-size:var(--fs-label);color:var(--faint)}

 


.board-grid > .dp.warn{grid-column:1 / -1}
.rb-list{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}
.rb{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-label);color:var(--muted);
  background:var(--w);border:1px solid var(--line);border-radius:var(--r-pill);padding:4px 11px}
.rb b{color:var(--fg);font-weight:600}
.rb i{font-style:normal;font-size:var(--fs-label);color:var(--faint)}
.rb.blocked{border-color:var(--fg)}
.rb.blocked i{color:var(--fg)}

 


.ans-q2{font-size:var(--fs-label);color:var(--muted);background:var(--wash);border:0;
  border-radius:var(--r-xs);padding:4px 10px}













 
th.nw{white-space:nowrap}
.q-tag{margin-left:7px;font-size:var(--fs-label);font-weight:500;color:var(--tc, var(--muted));
  border:1px solid var(--tc, var(--line));
  border-radius:var(--r-pill);padding:2px 9px;white-space:nowrap}
.q-tag.i-informational{--tc:var(--st-int-learn)}
.q-tag.i-commercial{--tc:var(--st-int-compare)}
.q-tag.i-transactional{--tc:var(--st-int-buy)}



.q-tag.br{color:var(--fg);border-color:var(--line-str)}
.q-tag.lb{color:var(--muted);border-color:var(--line-str)}



.qtag-b{background:none;border:0;padding:2px 0;margin:0;font:inherit;text-align:left;
  cursor:text;display:block;width:100%}




.q-tag.add{color:var(--muted);border-color:var(--line-str);border-style:dashed;margin-left:0}
.qtag-b:hover .q-tag.add{color:var(--fg);border-color:var(--fg);border-style:solid}
.qtag-in{font:inherit;font-size:var(--fs-dense);color:var(--fg);background:var(--w);
  border:1px solid var(--line-str);border-radius:var(--r-xs);padding:3px 8px;width:100%;min-width:12ch}



.mx-wrap{overflow-x:auto}








.mx{width:100%;border-collapse:separate;border-spacing:3px;font-size:var(--fs-dense);
  table-layout:fixed}
.mx thead th:first-child,.mx tbody th{width:32%}
 
.mx tbody th{white-space:normal !important;line-height:1.3}
.mx.x-lang tbody th{white-space:nowrap !important}
.mx tbody th > span.mx-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}


.mx thead th{font-weight:500;color:var(--faint);font-size:var(--fs-label);text-align:center;
  padding:0 2px 5px;vertical-align:bottom;overflow:hidden;
  display:table-cell;line-height:1.25}
.mx thead th > span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 
.mx.x-lang thead th:not(:first-child) > span{white-space:normal;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}
 
.mx.x-lang thead th:first-child,.mx.x-lang tbody th{width:150px}
.mx thead th:first-child{text-align:left}
.mx tbody th{color:var(--muted);padding-right:10px;text-align:left;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}




























.mx-bar{display:flex;align-items:center;gap:8px;padding:0 0 14px;position:relative}
















.mx-sel,.qsel,.lfil select{background:var(--w);color:var(--fg);border:0;
  box-shadow:inset 0 0 0 1px var(--line);
  border-radius:var(--r-pill);padding:7px 30px 7px 15px;font:inherit;font-size:var(--fs-dense);
  cursor:pointer;appearance:none;field-sizing:content;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%239A9CA0' stroke-width='1.4'/></svg>");
  background-repeat:no-repeat;background-position:right 12px center}
.mx-sel:hover,.qsel:hover,.lfil select:hover{box-shadow:inset 0 0 0 1px var(--faint)}
.mx-bar .ds-car{margin-left:6px;font-size:var(--fs-label);color:var(--faint)}
 
.mx-menu{position:absolute;top:calc(100% - 4px);left:0;z-index:30;display:flex;gap:0;
  background:var(--w);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--line),
  var(--tiefe-hoch);padding:12px}
.mx-menu[hidden]{display:none}
.mx-col{display:flex;flex-direction:column;gap:2px;min-width:168px;padding:0 8px}
.mx-col + .mx-col{box-shadow:inset 1px 0 0 var(--soft)}
.mx-col label{font-size:var(--fs-label);color:var(--faint);padding:2px 8px 8px}
.mx-o{text-align:left;background:none;border:0;border-radius:var(--r-xs);padding:7px 10px;
  font:inherit;font-size:var(--fs-dense);color:var(--muted);cursor:pointer}
.mx-o:hover:not([disabled]){background:var(--soft);color:var(--fg)}
.mx-o.on{background:var(--soft);color:var(--fg)}
.mx-o[disabled]{color:var(--faint);cursor:default}





































.mx td, .mx-leg s{
  background:oklch(from var(--st-val)
    calc(l + (var(--wert-null) - l) * (1 - var(--v))) calc(c * var(--v)) h);
}
.mx td{--v:0;text-align:center;padding:10px 6px;border-radius:var(--r-xs);
  font-variant-numeric:tabular-nums;
  









  





















  color:color-mix(in srgb, var(--st-val-auf) calc((var(--v) - var(--st-val-kipp)) * 10000%), var(--st-val-unter))}
.mx td.mx-x{color:var(--faint);background:none}
.mx-leg{display:flex;align-items:center;gap:8px;padding-top:14px;font-size:var(--fs-label);color:var(--faint)}
.mx-leg i{display:inline-flex;gap:3px}
.mx-leg s{display:inline-block;width:26px;height:9px;border-radius:var(--r-xs);text-decoration:none;
  --v:var(--s)}



.mx-leg i{display:flex;gap:2px;flex:0 0 auto}
.mx-leg i s{width:22px;height:8px;border-radius:var(--r-xs);text-decoration:none;
  --v:var(--s)}












.dtabs{display:flex;gap:4px;padding:0 20px 16px}
 
.pc-sub{padding:0 20px 14px;font-size:var(--fs-text);color:var(--muted);max-width:78ch;
  line-height:1.55}
.pc-sub:empty{display:none}














.pchead{display:flex;gap:0;margin:0 0 20px;padding:14px 4px;
  background:var(--w);border-radius:var(--r-md)}
.pch{flex:1 1 0;min-width:0;padding:0 20px;
  display:flex;flex-direction:column;gap:3px}
.pch + .pch{box-shadow:inset 1px 0 0 var(--soft)}
.pch label{font-size:var(--fs-dense);color:var(--faint);display:flex;align-items:center;gap:6px}



.pch b{font-size:var(--fs-text);font-weight:600;line-height:1.3;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}












.pci{font-style:normal;width:14px;height:14px;flex:0 0 auto;border-radius:var(--r-pill);
  box-shadow:inset 0 0 0 1px var(--line);display:inline-flex;align-items:center;
  justify-content:center;font-size:var(--fs-label);color:var(--faint);cursor:help;
  line-height:1;position:relative}
.pci:hover,.pci:focus-visible{color:var(--fg);box-shadow:inset 0 0 0 1px var(--faint)}


.pci::after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 8px);
  transform:translateX(-50%);width:max-content;max-width:280px;
  background:var(--w);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line),
  var(--tiefe-hoch);border-radius:var(--r-sm);padding:9px 12px;
  font-size:var(--fs-label);font-weight:400;line-height:1.5;letter-spacing:0;
  text-align:left;white-space:normal;pointer-events:none;
  opacity:0;visibility:hidden;z-index:40}
.pci:hover::after,.pci:focus-visible::after{opacity:1;visibility:visible}



.pci:not(:hover):not(:focus-visible)::after{display:none}




.pci::after{margin-left:var(--tipx, 0px)}

.pc-list{display:flex;flex-direction:column;gap:6px}
.pcr{font-size:var(--fs-dense);cursor:pointer}
.pcr-h{display:flex;align-items:center;gap:12px}














.pcspur{flex:1;min-width:0}
.pcbar{display:flex;align-items:center;box-sizing:border-box;
  min-width:min(200px, 52%);width:max(var(--w), min(200px, 52%));
  padding:10px 14px;border-radius:var(--r-sm);
  












  background:var(--st-val)}
.pcr:hover .pcbar{background:oklch(from var(--st-val) calc(l * .88) c h)}
.pcbar b{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--st-val-auf)}
.pcr-h i{font-style:normal;font-size:var(--fs-label);color:var(--faint);white-space:nowrap;
  margin-left:auto}
.pcr-h .num{font-variant-numeric:tabular-nums;color:var(--muted);flex:0 0 auto;
  margin-left:auto;width:34px;text-align:right}
.pcr-h i + .num{margin-left:0}

















.dp-tools{display:flex;align-items:center;gap:8px;margin-bottom:14px}


.dp-such{width:260px;max-width:100%;padding-left:34px;
  background-color:var(--wash);
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2386868C' stroke-width='1.4'%3E%3Ccircle cx='7' cy='7' r='4.6'/%3E%3Cpath d='M10.4 10.4 14 14' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:12px center;background-size:14px}
.dp-such:focus{box-shadow:inset 0 0 0 1px var(--faint)}
 
.dp-csv{margin-left:auto;background:var(--w);border:0;width:30px;height:30px;flex:0 0 auto;
  border-radius:var(--r-pill);color:var(--muted);cursor:pointer;
  box-shadow:inset 0 0 0 1px var(--line);
  display:inline-flex;align-items:center;justify-content:center;padding:0}
.dp-csv svg{width:15px;height:15px}
.dp-csv:hover{color:var(--fg);box-shadow:inset 0 0 0 1px var(--faint)}
 
.ex-menu{position:fixed;z-index:70;background:var(--wash);border-radius:var(--r-sm);
  padding:6px;display:flex;flex-direction:column;min-width:190px;box-shadow:var(--sh)}
.ex-menu button{background:none;border:0;text-align:left;padding:9px 12px;
  border-radius:var(--r-xs);font:inherit;font-size:var(--fs-dense);color:var(--muted);
  cursor:pointer}
.ex-menu button:hover{background:var(--w);color:var(--fg)}
 
.zaehl-menu{max-width:300px}
.zaehl-frage{margin:6px 8px 10px;font-size:var(--fs-dense);line-height:1.45;color:var(--fg)}
.zaehl-auch{display:flex;gap:8px;align-items:center;margin:0 8px 10px;font-size:var(--fs-dense);color:var(--muted)}
.zaehl-knoepfe{display:flex;gap:6px;padding:0 4px 4px}
.ex-menu .zaehl-knoepfe .btn{flex:1;justify-content:center;text-align:center;padding:0 12px;height:32px;font-size:var(--fs-dense)}
.ex-menu .zaehl-knoepfe .btn:not(.ghost){background:var(--akzent);color:var(--auf-akzent)}
.ex-menu .zaehl-knoepfe .btn.ghost{border:0;background:var(--w);color:var(--fg)}






.dp-knopf{background:var(--wash);border:0;border-radius:var(--r-pill);padding:7px 15px;
  font:inherit;font-size:var(--fs-dense);color:var(--fg);cursor:pointer}
.dp-knopf:hover{background:var(--soft)}
.bl-anf .dp-knopf{background:var(--w)}
.bl-anf .dp-knopf:hover{background:var(--wash)}
 
.dp-knopf.stark{background:var(--mark);color:var(--w);box-shadow:none;font-weight:600}
.dp-knopf.stark:hover{background:var(--mark-deep);box-shadow:none}
.dp-knopf[disabled]{opacity:.5;cursor:default}



.cl-dialog{position:fixed;inset:0;z-index:60;display:flex;align-items:center;
  justify-content:center;padding:28px;background:var(--veil)}
.cl-dialog[hidden]{display:none}
.cl-box{background:var(--wash);border-radius:var(--r-md);padding:22px 24px;
  width:min(680px,100%);max-height:82vh;display:flex;flex-direction:column;gap:16px}
.cl-liste{overflow-y:auto;display:flex;flex-direction:column;gap:14px;min-height:0}
.clg{background:var(--w);border-radius:var(--r-sm);padding:12px 14px}
.clg-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.clg-n{flex:1;min-width:0;background:none;border:0;padding:3px 6px;margin-left:-6px;
  border-radius:var(--r-xs);font:inherit;font-size:var(--fs-text);font-weight:600;
  color:var(--fg);outline:0}
.clg-n:hover{box-shadow:inset 0 0 0 1px var(--line)}
.clg-n:focus{box-shadow:inset 0 0 0 1px var(--faint)}
.clg-h span{font-size:var(--fs-label);color:var(--faint);font-variant-numeric:tabular-nums}
.clg-x{background:none;border:0;padding:4px 8px;border-radius:var(--r-pill);font:inherit;
  font-size:var(--fs-label);color:var(--faint);cursor:pointer}
.clg-x:hover{background:var(--wash);color:var(--err)}
.clg-t{display:flex;flex-wrap:wrap;gap:6px}
.term-x{background:none;border:0;padding:0 0 0 6px;font:inherit;font-size:var(--fs-label);
  color:var(--faint);cursor:pointer;line-height:1}
.term-x:hover{color:var(--err)}
.cl-fuss{display:flex;align-items:center;gap:10px}
.cl-fuss .dp-such{flex:1;width:auto}
 
.cl-fuss .out{flex:1;margin:0}
 
.cl-box.bst{width:min(440px,100%)}
.bst-luft{flex:1}
.cl-box.qneu{width:min(620px,100%)}
.qn-liste{display:flex;flex-direction:column;gap:6px;overflow:auto;min-height:0}
.qn-r{display:flex;align-items:center;gap:10px;padding:10px 12px;
  background:var(--soft);border-radius:var(--r-s);font-size:var(--fs-dense)}
.qn-r > span:first-child{flex:1;min-width:0}
.qn-r .dp-knopf{flex:0 0 auto}
.afuss{margin:12px 0 0;font-size:var(--fs-label);color:var(--faint);text-align:right}





.arow{font-size:var(--fs-dense);cursor:pointer;min-height:44px;
  display:flex;flex-direction:column;justify-content:center;padding:0 4px}
.arow[hidden]{display:none}
.arow.skopf{flex-direction:row;min-height:0;padding-bottom:8px}
.arow + .arow{box-shadow:inset 0 1px 0 var(--soft)}



.arow.skopf{cursor:default;font-size:var(--fs-label);color:var(--faint);
  align-items:center;gap:12px}
.arow.skopf b{font-weight:500;flex:1}
.arow.skopf .srang,.arow.skopf .sriv,.arow.skopf .squ{color:var(--faint)}
.arow-h{display:flex;align-items:center;gap:12px}
.arow-h b{font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srang{font-size:var(--fs-label);color:var(--muted);white-space:nowrap;
  font-variant-numeric:tabular-nums;width:82px;text-align:right;flex:0 0 auto}
.sriv{display:inline-flex;align-items:center;width:86px;flex:0 0 auto;justify-content:flex-end}
.sriv i{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;
  border-radius:var(--r-pill);background:var(--c);color:var(--w);font-style:normal;
  font-size:var(--fs-label);font-weight:600;margin-left:-4px;
  box-shadow:0 0 0 2px var(--w)}
.sriv u{text-decoration:none;font-size:var(--fs-label);color:var(--faint);margin-left:7px}



.arow-h .sriv:has(.tag){display:inline-flex;gap:6px;align-items:center}
.arow-h b a{color:var(--fg);text-decoration:none}
.arow-h b a:hover{text-decoration:underline}










.dp-h b .pci{margin-left:8px;vertical-align:middle;position:relative;top:-1px}
.ri{width:8px;height:8px;border-radius:var(--r-pill);flex:0 0 auto;background:none}
.ri.fuer{background:var(--gut)}
.ri.gegen{background:var(--schlecht)}
.tag .ri{margin-right:6px}













.tag{display:inline-flex;align-items:center;border-radius:var(--r-pill);
  padding:2px 9px;font-size:var(--fs-label);color:var(--tc, var(--muted));
  border:1px solid var(--tc, var(--line));background:none;white-space:nowrap}
 
.tw{overflow-x:auto}
 
.tblatt{display:flex;align-items:center;gap:12px;padding-top:14px}
.tblatt .afuss{margin:0 0 0 auto;padding:0}
.tpag{display:flex;gap:4px}
.tp{min-width:28px;height:28px;padding:0 8px;border:0;border-radius:var(--r-xs);
  background:none;color:var(--muted);font:inherit;font-size:var(--fs-label);cursor:pointer}
.tp:hover:not([disabled]){background:var(--soft);color:var(--fg)}
.tp.on{background:var(--soft);color:var(--fg)}
.tp[disabled]{color:var(--faint);cursor:default}




.qt img{width:calc(var(--fs-label) * 1.15);height:calc(var(--fs-label) * 1.15);
  object-fit:contain;opacity:.9;vertical-align:middle}
.qt td:last-child{display:table-cell;white-space:nowrap}
.qt td:last-child img + img{margin-left:4px}
#terms-t .qurl a{color:var(--fg)}
#terms-t .qurl{min-width:200px;max-width:none}
.squ{font-size:var(--fs-label);color:var(--faint);font-variant-numeric:tabular-nums;
  width:44px;text-align:right;flex:0 0 auto}


.pcr-b,.arow .pcr-b{display:none}
.pcr.offen .pcr-b,.arow.offen .pcr-b{display:block;padding-top:12px}
.pcr .pcq{display:none}
.pcr.offen .pcq{display:block;margin:9px 0 0;color:var(--muted);font-size:var(--fs-label);
  line-height:1.5;max-width:70ch}
.terms{display:flex;flex-wrap:wrap;gap:6px}
.term{display:inline-flex;align-items:baseline;gap:5px;background:var(--soft);
  border-radius:var(--r-pill);padding:4px 10px;font-size:var(--fs-label);color:var(--muted)}
.term i{font-style:normal;font-variant-numeric:tabular-nums;color:var(--faint)}
.term em{font-style:normal;color:var(--faint);font-size:var(--fs-label)}




.term img{width:calc(var(--fs-dense) * 1.15);height:calc(var(--fs-dense) * 1.15);
  object-fit:contain;align-self:center;opacity:.9}
.pcsrc{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:10px}
.pcsrc label{font-size:var(--fs-label);color:var(--faint)}
.pcsrc a{font-size:var(--fs-label);color:var(--muted)}














.qtwrap{overflow-x:auto}




.qt{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-dense)}
.qt th{text-align:left;padding:0 12px 8px 0;color:var(--faint);font-weight:500;
  font-size:var(--fs-label);white-space:nowrap}


.qt td{padding:0 12px 0 0;height:44px;vertical-align:middle;color:var(--muted)}
.qt tbody tr + tr td{box-shadow:inset 0 1px 0 var(--soft)}
 


.qt th.num,.qt td.num{text-align:center;font-variant-numeric:tabular-nums}



.qt th.num,.qt td.num{padding-left:6px;padding-right:6px}


.qt .qurl{min-width:240px;max-width:340px}
.qt .qurl a{color:var(--fg);text-decoration:none;display:block;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qt .qurl a:hover{text-decoration:underline}
.qt .qurl i{display:block;font-style:normal;color:var(--faint);margin-top:2px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 
.qt .tag{display:inline-flex}














.fc-leer{display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:40px 20px 40px;
  background:var(--w);box-shadow:var(--tiefe);border-radius:var(--r-xl)}
.fc-blind{filter:blur(20px);opacity:.5;pointer-events:none;user-select:none;
  max-width:600px;margin-bottom:20px}
.fc-blind p{margin:0 0 20px;font-size:var(--fs-text);line-height:1.75;color:var(--dim)}
.fc-leer h3{margin:0 0 10px;font-size:var(--fs-sec);font-weight:600;letter-spacing:-.02em}
.fc-satz{margin:0 0 26px;font-size:var(--fs-input);font-weight:500;color:var(--dim);
  max-width:448px;line-height:1.45}
.fc-box{width:100%;max-width:672px;text-align:left}



.fc-box textarea{width:100%;box-sizing:border-box;
  background:var(--wash);border:0;box-shadow:inset 0 0 0 1px var(--line);
  border-radius:var(--r-md);padding:9px 14px;font:inherit;font-size:var(--fs-input);
  color:var(--fg);outline:0;line-height:1.75;resize:vertical;min-height:108px}
.fc-box textarea:focus{box-shadow:inset 0 0 0 1px var(--fg)}
.fc-box textarea::placeholder{color:var(--faint)}
.fc-box textarea:focus{outline:none;box-shadow:inset 0 0 0 1px var(--muted)}
.fc-bar{display:flex;align-items:center;gap:8px;margin-top:14px}
.fc-bar .dp-knopf{height:28px;padding:0 12px;font-size:var(--fs-dense)}
.fc-zahl{font-size:var(--fs-label);color:var(--faint);font-variant-numeric:tabular-nums}
.fc-hint{font-size:var(--fs-label);color:var(--muted);flex:1;min-width:0}
.fc-bar .dp-knopf:first-of-type{margin-left:auto}
 
.fc-leer.voll{padding-top:24px;padding-bottom:24px}
.fc-leer.voll .fc-blind,.fc-leer.voll h3,.fc-leer.voll .fc-satz{display:none}



.pcr.fcr{cursor:pointer}
.fch{display:flex;align-items:baseline;gap:12px;padding:11px 0}
.fch b{font-weight:400;flex:1;min-width:0;line-height:1.5}
.fcn{font-size:var(--fs-label);color:var(--faint);white-space:nowrap;flex:0 0 auto}
.pcr.fcr.aus .fch b{color:var(--faint)}











.fcv{font-size:var(--fs-label);white-space:nowrap;flex:0 0 auto;
  padding:2px 9px;border-radius:var(--r-pill);background:var(--soft)}
.fcv.bad{color:var(--err-soft)}
.fcv.ok{color:var(--muted)}
.fcv.non{color:var(--faint)}
.fcq{margin:0 0 10px;font-size:var(--fs-label);color:var(--muted);line-height:1.6;
  max-width:80ch}
.fcq label,.fcm label{display:block;color:var(--faint);margin-bottom:3px}
.fcm{margin:0 0 10px;font-size:var(--fs-label);color:var(--muted);
  display:flex;flex-wrap:wrap;gap:4px 20px}
.fcm label{display:block;width:100%;margin:0}


.pcr-b .pcr.fcr{padding-left:14px;box-shadow:inset 2px 0 0 var(--soft)}




.pcbadge{display:inline-block;min-width:18px;padding:1px 6px;border-radius:var(--r-pill);
  background:var(--soft);color:var(--muted);font-size:var(--fs-label);font-weight:500;
  text-align:center}

.mx td.leer{color:var(--faint);background:var(--soft)}








 
.sk-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-bottom:16px}
.sk{text-align:left;background:var(--wash);border:1px solid var(--line);border-radius:var(--r-sm);
  padding:11px 13px;cursor:pointer;font:inherit;color:var(--muted)}
.sk:hover{border-color:var(--faint)}
.sk[aria-current="true"]{border-color:var(--fg);background:var(--soft)}
.sk b{display:block;font-size:var(--fs-text);font-weight:600;color:var(--fg);margin-bottom:3px}
.sk span{font-size:var(--fs-label);line-height:1.45;display:block}
.ask-row{display:flex;gap:8px}


.ask-in{flex:1 1 auto}
.ask-in.url{margin-top:8px;width:100%}
.ask-out{display:flex;flex-direction:column;gap:12px;padding-top:6px}
.ask-a{background:var(--wash);box-shadow:var(--tiefe);border-radius:var(--r-md);padding:16px 18px;
  font-size:var(--fs-dense);line-height:1.62;color:var(--muted)}
.ask-a > b{display:block;color:var(--fg);font-size:var(--fs-text);margin-bottom:10px}
.ask-a p{margin:0 0 10px}
.ask-a p:last-child{margin-bottom:0}

 








.fseg{display:inline-flex;gap:2px;background:var(--wash);
  border-radius:var(--r-pill);padding:2px}


.fseg-b{background:none;border:0;color:var(--muted);font:inherit;font-size:var(--fs-dense);
  padding:7px 14px;border-radius:var(--r-pill);cursor:pointer}
.fseg-b:hover{color:var(--fg)}
.fseg-b[aria-current="true"]{background:var(--fg);color:var(--w);font-weight:600}






.fdrop{position:relative}
.fdrop-top{display:inline-flex;align-items:center;gap:8px;background:var(--wash);
  border:0;border-radius:var(--r-pill);padding:7px 12px 7px 14px;cursor:pointer;
  color:var(--fg);font:inherit;font-size:var(--fs-dense);font-weight:600}



.fdrop-top:hover{background:var(--soft)}
.fdrop-top .ds-car{margin-left:0}


.fdrop-menu{left:0;right:auto;top:calc(100% + 6px);min-width:190px}

 
.notes{display:flex;flex-wrap:wrap;gap:6px;padding-top:9px}






.tnote{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-label);color:var(--muted);
  background:var(--w);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px 5px 3px 10px}
.tnote i{font-style:normal;color:var(--faint);font-variant-numeric:tabular-nums}
.tnote button{background:none;border:0;color:var(--faint);cursor:pointer;font-size:var(--fs-dense);
  line-height:1;padding:0 5px;border-radius:var(--r-pill)}
.tnote button:hover{color:var(--fg)}

 







.ct-ns{position:absolute;left:0;right:0;top:0;height:180px;pointer-events:none}
.app-shell .ct-ns{height:200px;right:var(--achsspur)}






.ct-w{position:absolute;bottom:0;top:0;width:1px;background:var(--line);
      pointer-events:auto;cursor:help}
.ct-n{position:absolute;bottom:0;height:20px;width:1px;background:var(--faint);
  transform:translateX(-.5px);cursor:help;pointer-events:auto}
.ct-n::after{content:"";position:absolute;top:-3px;left:-2px;width:5px;height:5px;
  border-radius:var(--r-pill);background:var(--fg)}

 
.qadd{display:flex;gap:8px;padding-top:14px}


.dt td.num:last-child{white-space:nowrap}



.qtags{white-space:nowrap}

















.qarch,.qdel{background:none;border:0;color:var(--faint);font-size:var(--fs-dense);
  line-height:1;cursor:pointer;padding:0;width:26px;height:26px;
  display:inline-grid;place-items:center;border-radius:var(--r-pill)}
.qarch svg,.qdel svg{width:14px;height:14px}
.qarch:hover{color:var(--fg);background:var(--w)}
.qdel:hover{color:var(--err);background:var(--w)}

 
.lnk{background:none;border:0;padding:0;font:inherit;font-size:var(--fs-label);color:var(--muted);
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lnk:hover{color:var(--fg)}

 
.pc .ob-t{color:var(--fg);font-weight:500;min-width:0;flex:0 0 auto;max-width:42%}
.pc > b{min-width:auto}

 
.sugg-list{display:flex;flex-wrap:wrap;gap:8px}
.sugg{display:inline-flex;align-items:center;gap:9px;background:var(--wash);
  border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 8px 6px 14px;
  color:var(--muted);font:inherit;font-size:var(--fs-dense);cursor:pointer}
.sugg:hover{border-color:var(--fg)}
.sugg b{color:var(--fg);font-weight:600}
.sugg i{font-style:normal;font-size:var(--fs-label);color:var(--faint)}
.sugg em{font-style:normal;display:grid;place-items:center;width:20px;height:20px;
  border-radius:var(--r-pill);background:var(--soft);color:var(--fg);font-size:var(--fs-dense)}
.sugg[disabled]{opacity:.5;cursor:default}







.sugg-j,.sugg-n{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;
  border:0;border-radius:var(--r-pill);background:var(--soft);
  font:inherit;font-size:var(--fs-dense);line-height:1;cursor:pointer}



.sugg-j{color:var(--fg)}
.sugg-n{color:var(--muted)}
.sugg-j:hover{background:var(--akzent);color:var(--auf-akzent)}
.sugg-n:hover{color:var(--fg)}
.sugg-j[disabled],.sugg-n[disabled]{opacity:.5;cursor:default}




.sb-ali{display:grid;grid-template-columns:auto 1fr auto;gap:10px 12px;align-items:center;
  padding:12px;margin:0 0 6px;border-radius:var(--r-s);background:var(--wash)}
.sb-ali-l{font-size:var(--fs-label);color:var(--muted);white-space:nowrap}


button.sb-a,.sb-nb{border:0;background:none;padding:0;font:inherit;text-align:left;
  cursor:pointer;width:100%;color:inherit;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
button.sb-a:hover,.sb-nb:hover{color:var(--fg);text-decoration:underline}
.sb-nb b{font-weight:600}


























.lede{padding:2px 0 4px}








#v-perception .board-grid{grid-template-columns:1fr 1fr}
.board-one .board-grid{padding-left:0;padding-right:0}
 
.board-one .dtabs{padding-left:0;padding-right:0}








.lede h2{margin:0;font-size:var(--fs-sec);font-weight:600;letter-spacing:-.026em;
  line-height:1.2;text-wrap:balance}



.lede p{margin:6px 0 0;font-size:var(--fs-text);color:var(--dim);max-width:78ch}
 
.lede .lede-at{display:block;margin:0 0 6px;font-size:var(--fs-label);color:var(--faint)}







.dt.lead{table-layout:fixed;width:100%}
.dt.lead th[scope="row"]{width:38%;vertical-align:middle;padding-right:20px}



  color:var(--dim);font-size:var(--fs-dense);line-height:1.4}
.dt.lead td{display:flex;flex-wrap:wrap;gap:6px;align-items:center}



  background:var(--soft);color:var(--dim);font-size:var(--fs-dense);white-space:nowrap}








.todo-e{list-style:none;margin:12px 0 0;padding:10px 0 0;display:flex;flex-direction:column;gap:7px}
.todo-e li{display:flex;gap:10px;align-items:center;font-size:var(--fs-dense);min-width:0}
.todo-e li .ty{flex:0 0 auto}
.todo-e-t{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}
.todo-e li em{font-style:normal;color:var(--faint);flex:0 0 auto;font-size:var(--fs-label)}
.todo-e-x{color:var(--faint)}



.chk{display:flex;flex-direction:column;gap:2px}
.chk-r{display:flex;gap:12px;align-items:baseline;padding:11px 0;font-size:var(--fs-dense)}
.chk-r + .chk-r{border-top:1px solid var(--line-fade)}
.chk-d{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--dimmer);
  transform:translateY(-1px)}
.chk-d.ok{background:var(--muted)}
.chk-d.no{background:var(--fg)}
.chk-r span{flex:1 1 auto;min-width:0}
.chk-r em{font-style:normal;color:var(--faint);text-align:right;flex:0 0 auto}




.pgr{display:flex;align-items:center;gap:10px;padding-top:16px}
.pgr .pager{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;
  font-size:var(--fs-dense);padding:0}
.pgr-n{font-size:var(--fs-label);color:var(--faint);font-variant-numeric:tabular-nums}
.pgr-t{margin-left:auto;font-size:var(--fs-label);color:var(--faint)}




















.dt .mv{font-style:normal;font-size:var(--fs-label);font-weight:500;
  margin-left:6px;color:var(--dimmer);font-variant-numeric:tabular-nums;
  white-space:nowrap}
.dt td:has(> .mv), .dt td:has(> b + .mv){white-space:nowrap}
.dt .mv.auf{color:var(--live)}
.dt .mv.ab{color:var(--err)}





.lfil{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 18px}
 
.lsearch{flex:1 1 220px;min-width:0;max-width:320px}






.dt.srt thead th{padding:0 0 11px 0}
.dt.srt thead th button{background:none;border:0;padding:0;font:inherit;
  font-size:var(--fs-label);font-weight:500;color:var(--faint);cursor:pointer}
.dt.srt thead th button:hover{color:var(--fg)}




.dt.srt thead th button{position:relative}
.dt.srt thead th[aria-sort="descending"] button::after,
.dt.srt thead th[aria-sort="ascending"] button::after{
  position:absolute;right:0;top:50%;transform:translateY(-50%);pointer-events:none}
.dt.srt thead th[aria-sort="descending"] button::after{content:"↓"}
.dt.srt thead th[aria-sort="ascending"] button::after{content:"↑"}
.dt.srt thead th[aria-sort]:not([aria-sort="none"]) button{color:var(--fg)}



.dt.srt thead th.num button{width:100%;text-align:center}



 
.dt thead th.num{text-align:center}






.g-m .dot{width:6px;height:6px;margin-right:5px}
.dt.lead .lp{gap:7px}

.wp{display:inline-flex;align-items:center;gap:6px;margin-right:14px;
  font-size:var(--fs-label);color:var(--muted);white-space:nowrap}
.wp .dot{width:7px;height:7px}
.wp.none{color:var(--faint)}





















.a-src{white-space:nowrap}













.fav{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;
  margin-right:5px;border-radius:var(--r-xs);overflow:hidden;background:var(--st-mark-bg);
  vertical-align:middle}
.fav img{position:relative;z-index:1;width:18px;height:18px;object-fit:contain;
  background:var(--st-mark-bg)}












































img[src$="openai.svg"],img[src$="openai-dark.svg"]{transform:scale(1.9)}
img[src$="px.svg"],img[src$="px-dark.svg"]{transform:scale(1.3)}


img[src$="google.ico"]{transform:scale(1.25)}
img[src$="copilot.svg"]{transform:scale(1.08)}
.fav i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;
  font-size:var(--fs-label);color:var(--faint);font-weight:600}
.fav-n{font-style:normal;font-size:var(--fs-label);color:var(--faint);vertical-align:middle}
 
 
.hostz{display:inline-flex;align-items:center;gap:8px}
.hostz .fav{margin-right:0;width:16px;height:16px}
.hostz .fav img{width:16px;height:16px}

 
.sbar{white-space:nowrap}
.sbar i{display:inline-block;width:72px;height:7px;border-radius:var(--r-pill);
  background:var(--soft);position:relative;vertical-align:middle;margin-right:10px}
.sbar i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);
  border-radius:var(--r-pill);background:var(--line-str)}
.sbar b{font-weight:400;font-variant-numeric:tabular-nums}

 
.todo-e li em{display:inline-flex;align-items:center;gap:4px}
.todo-e li em .dot{width:6px;height:6px;margin-left:6px}




.mx tbody th{font-weight:400;color:var(--muted);font-size:var(--fs-dense);text-align:left;
  padding:0 14px 0 0;white-space:nowrap}
 
.board-main .pill{font-size:var(--fs-dense);padding:8px 16px}



.todo-v{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-str)}
.todo-v:hover{text-decoration-color:var(--fg)}
























.bl-mod{padding:0}
.bl-mh{display:block;font-size:var(--fs-card);font-weight:600;letter-spacing:-.02em}
.bl-zeile{display:flex;justify-content:space-between;align-items:baseline;
  margin-top:16px;font-size:var(--fs-dense);color:var(--muted)}
.bl-zeile b{font-weight:600;color:var(--fg)}
.bl-marken{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}

 
.bl-bh{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
 
.bl-bh h3{margin-bottom:6px;font-size:var(--fs-sec)}
 
#v-setaccount .bl-bh h3{font-size:var(--fs-card)}




.bl-sw{margin-top:0;flex:0 0 auto}









.bl-karten{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,286px)) minmax(0,1fr);
  gap:14px;margin-top:6px}
 
.bl-anf{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:12px;padding-left:10px;font-size:var(--fs-text);color:var(--dim)}


.bl-k,.bl-pak{background:var(--w);box-shadow:var(--tiefe);border-radius:var(--r-xs);
  padding:20px 22px 22px;display:flex;flex-direction:column}



.bl-k-on{box-shadow:inset 0 0 0 1px var(--line-str)}
.bl-pak.bl-k-on{box-shadow:inset 0 0 0 1px var(--line-str)}
.bl-kn{font-size:var(--fs-text);color:var(--muted)}
.bl-kp{display:flex;align-items:baseline;gap:6px;margin-top:6px;
  padding-bottom:18px;border-bottom:1px solid var(--soft)}
.bl-kp b{font-size:var(--fs-sec);font-weight:600;letter-spacing:-.02em}
.bl-kp span{font-size:var(--fs-dense);color:var(--muted)}
.bl-kz{display:flex;justify-content:space-between;align-items:baseline;
  margin-top:14px;font-size:var(--fs-dense);color:var(--muted)}
.bl-kz b{font-weight:600;color:var(--fg)}
.bl-kb{width:100%;margin-top:20px;border:0;border-radius:var(--r-pill);
  padding:9px 15px;background:var(--fg);color:var(--w);
  font:inherit;font-size:var(--fs-dense);font-weight:600;cursor:pointer}
.bl-kb:hover{background:var(--muted)}
.bl-kb.busy{opacity:.6;cursor:default}


.bl-kb-o{background:0;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);
  cursor:default}
.bl-kb-o:hover{background:0}


.bl-kende{align-self:center;margin-top:auto;border:0;background:none;padding:4px 8px;
  font:inherit;font-size:var(--fs-dense);color:var(--muted);cursor:pointer;border-radius:var(--r-pill)}
.bl-kende:hover{color:var(--fg);background:var(--wash)}
.bl-kende-d{margin-top:auto;padding-top:16px;text-align:center;font-size:var(--fs-dense);color:var(--muted)}
.bl-km{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:20px;padding-top:18px;border-top:1px solid var(--soft)}
.bl-kmk{font-size:var(--fs-label);color:var(--faint);letter-spacing:.02em}
.bl-km .chip{pointer-events:none;padding:4px 11px;font-size:var(--fs-label);
  color:var(--muted);background:0}
.bl-kl{display:flex;flex-direction:column;gap:9px;margin-top:18px}



.bl-kf{position:relative;padding-left:20px;font-size:var(--fs-dense);
  color:var(--fg);line-height:1.45}
.bl-kf::before{content:"";position:absolute;left:2px;top:5px;width:8px;height:4px;
  border-left:1.5px solid var(--fg);border-bottom:1.5px solid var(--fg);
  transform:rotate(-45deg)}
.bl-kf-aus{color:var(--faint)}
.bl-kf-aus::before{top:8px;width:9px;height:0;border-left:0;
  border-bottom:1.5px solid var(--line-str);transform:none}

@media(max-width:1180px){
  .bl-karten{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
}
@media(max-width:820px){
  .bl-bh{flex-direction:column}
}



.bl-mp{display:inline-flex;align-items:center;gap:7px;padding:5px 13px 5px 6px;
  background:var(--w);border-radius:var(--r-pill);
  font-size:var(--fs-dense);color:var(--muted);
   
  border:1px solid var(--line);cursor:pointer;font-family:inherit;
  transition:background .12s,border-color .12s,color .12s}
.bl-mp:hover{border-color:var(--faint);color:var(--fg)}
.bl-mp .fav{width:18px;height:18px}











.bl-mp.on{background:var(--mark-soft);border-color:var(--mark);
  color:var(--mark);font-weight:600}
.bl-mp.on:hover{border-color:var(--mark-deep);color:var(--mark-deep)}


.bl-mp[aria-busy="true"]{opacity:.55;cursor:default}




.bl-mp.aus{opacity:.45}
 
 
.bl-kmarken{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.bl-kmarken .fav{width:26px;height:26px;border-radius:var(--r-xs)}






.ds-sub .ds-lbl:first-child{padding-top:6px}




.saud{display:flex;flex-direction:column;gap:2px;margin-top:10px;
  background:var(--wash);border-radius:var(--r-md);padding:6px 14px 12px}
.saud-r{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px 0}
.saud-r + .saud-r{box-shadow:inset 0 1px 0 var(--soft)}
.saud-r b{display:block;font-size:var(--fs-dense);font-weight:600}
.saud-r span{display:block;margin-top:2px;font-size:var(--fs-label);color:var(--faint)}
.saud-p{display:flex;align-items:center;gap:6px;flex:0 0 auto}



.saud-p .sin{width:76px;margin:0;text-align:right;padding:9px 12px;
  -moz-appearance:textfield;appearance:textfield}
.saud-p .sin::-webkit-outer-spin-button,
.saud-p .sin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.saud-p i{font-style:normal;font-size:var(--fs-dense);color:var(--faint)}


.saud-s{margin:10px 0 0;font-size:var(--fs-label);color:var(--faint)}
.saud-s.bad{color:var(--err)}
 



.ssuch{width:242px;margin:0;flex:0 0 auto}

 
.sfliste{margin:0 0 14px}
.sf-r{display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:44px;padding:8px 12px;border-radius:var(--r-s);font-size:var(--fs-dense)}
.sf-r + .sf-r{border-top:1px solid var(--line)}
 
.sf-r.aus span{color:var(--faint)}
.sf-r .dp-knopf{flex:0 0 auto}



.sp-kopf,.sp-r{display:grid;grid-template-columns:1fr 1fr 90px 80px 110px 110px;
  gap:12px;align-items:center;padding:0 12px}
.sp-kopf{height:31px;font-size:var(--fs-label);color:var(--faint)}
.sp-r{height:52px;font-size:var(--fs-dense)}




.sp-r + .sp-r{border-top:1px solid var(--line)}





.sb-m > .fw, .mw-n > .fw{ margin:0 auto; }
 
.sp-r.jetzt b{font-weight:600}
@media (max-width:58rem){
  .sp-kopf,.sp-r{grid-template-columns:1fr 90px 110px}
  .sp-kopf span:nth-child(2),.sp-kopf span:nth-child(4),
  .sp-r .mono,.sp-r span:nth-child(4){display:none}
}


.sproj,.smem,.sfliste{margin-bottom:26px}
















#ichart .chart-y{height:auto;bottom:22px}




.bl-kp b{font-variant-numeric:tabular-nums;}























.app-shell,
.board-main{
  background-color:var(--grund);
}























.lede h2, .lede h1, h1.lede, h2.lede{
  font-family:var(--st-display);
  font-weight:var(--st-display-weight);
  letter-spacing:-.02em;
}
.dp-h b, .board-sub .dsb-l b{
  font-family:var(--st-display);
  font-weight:600;
  letter-spacing:-.02em;
}



.th, thead th,
.kpi-l{
  font-family:var(--st-display);
  font-weight:600;
  letter-spacing:-.01em;
}

 
.btn,
.btn-p{
  background:var(--akzent);
  color:var(--w-solid);
  border-color:var(--akzent);
}



.fseg-b[aria-current="true"],
.pill.on, .chip.on, .db-pill.on, .dtab.on,
[role="tab"][aria-selected="true"]{
  background:var(--mark);
  border-color:var(--mark);
  color:var(--w-solid);
}



.app-shell .board-grid,
.app-shell .board-one,
.app-shell .db-empty,
.board-main > .v{ background:transparent; }

 
body.app-shell{
  background-color:var(--grund);
}












.bl-karte, .plan-c, .sp-karte, .ds-karte, .st-box{
  background:var(--w);
  border:0;
  box-shadow:var(--tiefe);
  border-radius:var(--r-xl);
}
.s-titel, .plan-c .name,
.sblock h3, .board-one h2, .board-one h1{
  font-family:var(--st-display);
  font-weight:var(--st-display-weight);
  letter-spacing:-.02em;
}
 
.plan-c .btn-p, .bl-karte .btn-p, a.up, button.up,
.btn-dark, .btn-solid{
  background:var(--akzent);
  border-color:var(--akzent);
  color:var(--w-solid);
}




.plan-c a[class*="btn"]:not(.ghost),
.plan-c button:not(.ghost),
.bl-karte button, .bl-karte a{
  background:var(--akzent);
  border-color:var(--akzent);
  color:var(--w-solid);
}






























.dp-h{
  display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 14px;
  border-bottom:0;
  margin:0 0 18px;
}
.dp-h b{
  display:block; padding:0; border-right:0;
  font-size:var(--fs-card); line-height:1.25;
  white-space:nowrap;
}
.dp-h span{
  display:block; padding:0; margin:0; flex:1 1 auto;
  font-size:var(--fs-dense); line-height:1.45;
  color:var(--muted);
}



.dp-h .dp-tools{ margin:0 0 0 auto; }




.dp-h span + span{ flex:0 0 auto; margin-left:auto; }

 
.app-shell .board-grid{ gap:14px; }




.dp table tr,
.dp .dt tr{ background:none !important; }






.dp table:not(.mx){ border-collapse:collapse; }
.dp table:not(.mx) tbody tr + tr{ border-top:1px solid var(--line); }












.dp table:not(.mx) thead tr{ border-bottom:1px solid var(--line); }
.dp table:not(.mx) td, .dp table:not(.mx) th{ border-bottom:0; }




































.fw .mv{ margin-left:5px; }















































.dt td.num, .dt thead th.num{ width:var(--num-spalte,100px); min-width:var(--num-spalte,100px); }
.dt:has(#srcs2), .dt:has(#srcs){ --num-spalte:170px; }













.dt td.num, thead th.num{ padding-left:var(--num-polster,16px); padding-right:var(--num-polster,16px); }





.dt-spur, .dt-fix{ --num-polster:8px; }
.dt tbody td.num:last-child{ padding-right:var(--num-polster,16px); }
.dt tbody td.num{ padding-left:var(--num-polster,16px); padding-right:var(--num-polster,16px); }
.dt tbody td.num:last-child{ padding-right:var(--num-polster,16px); }






.fw{
  display:flex; align-items:center; justify-content:center;
  height:calc(var(--zeilenhoehe,46px) - 13px); padding:0 4px;
  






  width:100%;
  background:var(--wash); border-radius:var(--r-s);
}




















thead th.num{ text-align:center; padding-left:4px; padding-right:4px;
  white-space:nowrap; vertical-align:bottom; }



thead th.num{ padding-left:var(--num-polster,16px); padding-right:var(--num-polster,16px); }





.dt-spur, .dt-fix{ --num-polster:8px; }




















@media (min-width:44.0625rem){
  




  .dt-spur{ table-layout:fixed; }
  .dt-spur col.c-nr{ width:7%; }
  





  .dt-spur col.c-num{ width:var(--num-spalte,18%); }



  








.dt-spur:has(#tdom){ --num-spalte:15%; }

  


  



  .dt-spur col.c-typ{ width:45%; }
  .dt-spur col.c-host{ width:33%; }
}











b, strong{ font-weight:600; }

 
.dp .gross, .dp .kpi-v, .ring-mitte b, .dp b.num{
  font-family:var(--st-display);
  font-weight:600;
}




.btn, .btn-p, button.voll, a.voll{
  background:var(--akzent);
  color:var(--auf-akzent);
  border:1px solid var(--akzent);
  font-family:var(--st-display);
  font-weight:600; letter-spacing:.04em;
}
.btn:hover, .btn-p:hover{ background:var(--akzent-deep); border-color:var(--akzent-deep); }
.btn.ghost{
  background:var(--w); color:var(--mark); border:1px solid var(--mark);
}
.btn.ghost:hover{ background:var(--mark-soft); }

 
.pill{ border-color:var(--mark); color:var(--mark); background:var(--w); }






.bl-kb, .db-btn, .dp-knopf.stark, .q-add, .sv-b, .st-save,
button[type="submit"]:not(.ghost):not(.link){
  background:var(--akzent);
  color:var(--auf-akzent);
  border:1px solid var(--akzent);
  font-family:var(--st-display);
  font-weight:600; letter-spacing:.04em;
}
.bl-kb:hover, .db-btn:hover, .dp-knopf.stark:hover{ background:var(--akzent-deep); }
 
.bl-kb-o, .bl-kb[disabled]{
  background:var(--w); color:var(--mark); border:1px solid var(--mark);
}















.logo{
  display:block; width:96px; height:34px;
  color:var(--mark);
  background:currentColor;
  -webkit-mask-image:url(/mark/logo.png); -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain; -webkit-mask-position:left center;
  mask-image:url(/mark/logo.png); mask-repeat:no-repeat;
  mask-size:contain; mask-position:left center;
}
.logo .logo-s, .logo .logo-w{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip-path:inset(50%); white-space:nowrap;
}
 
.hero .logo, .seitenfuss .logo, footer .logo, .auf-ton .logo{ color:var(--w-solid); }












.kaufwort{
  position:fixed;left:50%;bottom:26px;transform:translateX(-50%);
  z-index:60;max-width:min(560px, calc(100vw - 32px));
  background:var(--fg);color:var(--w);
  border-radius:var(--r-md);padding:14px 20px;
  font-size:var(--fs-text);font-weight:500;text-align:center;
  box-shadow:var(--tiefe-hoch);
  transition:opacity .5s ease, transform .5s ease;
}
.kaufwort.weg{opacity:0;transform:translateX(-50%) translateY(8px);}
@media (prefers-reduced-motion: reduce){ .kaufwort{transition:none} }



















.bf-schleier{ position:fixed; inset:0; z-index:60; background:rgba(0,0,0,.32) }
.bf{
  position:fixed; inset:4.5vh 6vw; z-index:61;
  background:var(--w); color:var(--fg);
  border-radius:var(--r-lg); overflow:hidden;
  box-shadow:var(--tiefe-hoch);
  display:flex; flex-direction:column;
}
@media (max-width:640px){ .bf{ inset:2vh 3vw } }

.bf-rahmen{
  position:relative; z-index:3; flex:0 0 auto; background:var(--w);
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px;
  font-size:var(--fs-dense); font-weight:400;
}
.bf-wer{ display:flex; gap:14px; align-items:center; color:var(--muted) }
.bf-rechts{ display:flex; gap:16px; align-items:center; color:var(--muted) }
.bf-wahl{
  font:inherit; color:var(--fg);
  background:var(--wash); border:0; border-radius:var(--r-pill);
  padding:7px 14px; display:flex; gap:8px; align-items:center; cursor:pointer;
}
.bf-wahl:hover{ background:var(--soft) }
.bf-wahl b{ font-family:var(--st-display); font-weight:600 }
.bf-zu{
  font:inherit; color:var(--fg);
  background:var(--wash); border:0; border-radius:var(--r-pill);
  padding:7px 15px; cursor:pointer;
}
.bf-zu:hover{ background:var(--soft) }

.bf-liste{
  position:absolute; top:calc(100% + 6px); left:20px; z-index:9;
  background:var(--w); color:var(--fg); border-radius:var(--r-md); min-width:300px;
  box-shadow:var(--tiefe-hoch); overflow:hidden; padding:4px 0;
  max-height:60vh; overflow-y:auto;
}
.bf-liste button{
  font:inherit; width:100%;
  background:transparent; border:0; cursor:pointer; text-align:left;
  display:flex; gap:12px; align-items:baseline; padding:9px 14px;
  font-size:var(--fs-dense); font-weight:600; color:inherit;
}
.bf-liste button:hover{ background:var(--wash) }
.bf-liste em{ margin-left:auto; font-style:normal; font-weight:400; color:var(--muted) }
.bf-liste .aus{ opacity:.5 }

.bf-lauf{ flex:0 0 auto; height:3px; background:var(--wash); position:relative; z-index:3 }
.bf-lauf i{ display:block; height:100%; width:0; background:var(--mark); transition:width .15s linear }



.bf-rollfeld{
  flex:1 1 auto; overflow-y:auto; scroll-snap-type:y mandatory; position:relative;
  scrollbar-width:none; -ms-overflow-style:none;
}
.bf-rollfeld::-webkit-scrollbar{ width:0; height:0; display:none }

.bf-tafel{
  position:relative; min-height:100%; scroll-snap-align:start; scroll-snap-stop:always;
  display:flex; flex-direction:column; justify-content:center; gap:20px;
  padding:48px 56px; background:var(--w); color:var(--fg);
}
@media (max-width:640px){ .bf-tafel{ padding:32px 24px; gap:16px } }




.bf-tafel.down, .bf-tafel.flat{ background:var(--w); color:var(--fg) }

.bf-eyebrow{ font-size:var(--fs-dense); font-weight:400; color:var(--muted) }
.bf-h{ font-family:var(--st-display); font-weight:600;
       line-height:1.05; letter-spacing:-.02em; font-size:var(--fs-page) }
.bf-h.mid{ font-size:var(--fs-band); line-height:1.1 }
.bf-satz{ font-size:var(--fs-card); line-height:1.45; max-width:44ch }
.bf-satz b{ font-weight:600 }
.bf-note{ font-size:var(--fs-dense); color:var(--muted); line-height:1.55; max-width:56ch }



.bf-reihe{ display:flex; gap:12px }
.bf-feld{ flex:1; min-width:0; background:var(--wash); border-radius:var(--r-md);
          padding:16px 16px; display:flex; flex-direction:column; gap:8px }
.bf-feld .bf-eyebrow{ font-size:var(--fs-label) }
.bf-werte{ display:flex; align-items:baseline; gap:8px; flex-wrap:wrap }
.bf-was{ font-size:var(--fs-sec); font-weight:400; color:var(--faint);
         text-decoration:line-through; text-decoration-thickness:1px }
.bf-pfeil{ color:var(--faint) }
.bf-now{ font-family:var(--st-display); font-weight:600; font-size:var(--fs-band); line-height:1 }
@media (max-width:640px){ .bf-reihe{ flex-wrap:wrap } .bf-feld{ flex:1 1 45% } }

.bf-karte{ background:var(--wash); color:var(--fg); border-radius:var(--r-md); overflow:hidden }
.bf-karte a, .bf-karte div{ display:flex; gap:16px; align-items:baseline;
  padding:14px 18px; color:inherit; text-decoration:none }
.bf-karte a:hover{ background:var(--soft) }
.bf-karte .host{ font-weight:600; font-size:var(--fs-dense); min-width:180px }
.bf-karte .titel{ font-size:var(--fs-dense); color:var(--muted); line-height:1.4 }
@media (max-width:640px){ .bf-karte a, .bf-karte div{ flex-direction:column; gap:4px }
                          .bf-karte .host{ min-width:0 } }

.bf-beleg{ background:var(--wash); border-radius:var(--r-md); padding:14px 18px;
           font-size:var(--fs-card); line-height:1.45; max-width:48ch }

 
.bf-auf{ opacity:0; transform:translateY(16px); transition:opacity .45s ease, transform .45s ease }
.bf-tafel.da .bf-auf{ opacity:1; transform:none }
.bf-tafel.da .bf-auf:nth-child(2){ transition-delay:.07s }
.bf-tafel.da .bf-auf:nth-child(3){ transition-delay:.14s }
.bf-tafel.da .bf-auf:nth-child(4){ transition-delay:.21s }
.bf-tafel.da .bf-auf:nth-child(5){ transition-delay:.28s }
@media (prefers-reduced-motion:reduce){
  .bf-auf{ opacity:1; transform:none; transition:none }
}






.tl{display:flex;flex-direction:column}
.tl-th{display:flex;align-items:baseline;gap:10px;padding:22px 0 8px}
.tl-th:first-child{padding-top:4px}
.tl-th b{font-size:var(--fs-text);font-weight:600}
.tl-th span{font-size:var(--fs-label);color:var(--faint)}
.tl-r{box-shadow:inset 0 1px 0 var(--soft)}
.tl-k{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:16px;
  width:100%;border:0;background:none;font:inherit;text-align:left;color:var(--fg);
  padding:13px 2px;cursor:pointer}
.tl-k:hover .tl-q{color:var(--akzent)}
.tl-q{font-size:var(--fs-text);line-height:1.4;min-width:0}
.tl-n{font-size:var(--fs-dense);color:var(--dim);white-space:nowrap;font-variant-numeric:tabular-nums}
.tl-p{width:8px;height:8px;border-right:1.5px solid var(--faint);border-bottom:1.5px solid var(--faint);
  transform:rotate(45deg) translate(-2px,-2px);justify-self:center}
.tl-r.offen .tl-p{transform:rotate(-135deg) translate(-2px,-2px)}
.tl-ab .tl-q{color:var(--muted)}
.tl-b{padding:2px 2px 22px}
.tl-sec{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 8px}
.tl-sec:first-child{margin-top:4px}
.tl-sec b{font-size:var(--fs-label);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}
.tl-t{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.tl-t li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;
  background:var(--wash);border-radius:var(--r-sm);padding:9px 10px 9px 14px}
.tl-tt{font-size:var(--fs-text);font-weight:600;min-width:0;overflow-wrap:anywhere}
.tl-c{border:0;background:var(--w);border-radius:var(--r-pill);padding:5px 12px;font:inherit;
  font-size:var(--fs-dense);color:var(--fg);cursor:pointer}
.tl-c:hover{box-shadow:inset 0 0 0 1px var(--faint)}
.tl-x{margin:0;font-size:var(--fs-text);line-height:1.55;max-width:78ch;color:var(--fg)}
 
.tl-dl{display:flex;gap:6px}
.tl-md{margin:0;padding:14px 16px;background:var(--wash);border-radius:var(--r-md);
  font:inherit;font-size:var(--fs-dense);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto}
.tl-pub{display:flex;gap:10px;align-items:center}
.tl-pub .feld{flex:1;min-width:0}
 
.bf-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.bf-kopf span{font-size:var(--fs-label);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}
.bf{display:flex;flex-direction:column;gap:22px}
.bf-k{display:flex;flex-direction:column;gap:12px}
.bf-t{font-size:var(--fs-text);font-weight:600}
.bf-f{display:flex;flex-direction:column;gap:6px}
.bf-f span{font-size:var(--fs-dense);color:var(--dim)}
.bf-a{display:flex;align-items:center;gap:12px;margin:22px 0 26px}
.bf-m{font-size:var(--fs-dense);color:var(--dim)}
@media (max-width:820px){
  .tl-k{grid-template-columns:minmax(0,1fr) 16px}
  .tl-n{display:none}
}







#answers tr.a-row td{vertical-align:top;padding-top:14px;padding-bottom:14px;border-bottom:0}
#answers tr.qopen:hover td:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm)}
#answers tr.qopen:hover td:last-child{border-radius:0 var(--r-sm) var(--r-sm) 0}
#answers .a-wer{margin-top:10px;display:flex;flex-wrap:wrap;row-gap:6px}




#v-answers table.dt{border-collapse:separate;border-spacing:0}
#v-answers table.dt thead tr{border-bottom:0}


#answers tr.a-row td{border-radius:0}


#answers tr.qopen:hover .fw{background:var(--w)}

 
.bl-anfrage{margin:16px 0 0;display:flex;align-items:center;gap:14px;font-size:var(--fs-text);color:var(--dim)}
.bl-anfrage:empty{display:none}
.bl-anfrage a{text-decoration:none;color:var(--fg)}
.bl-knote{font-size:var(--fs-dense);color:var(--dim);line-height:1.45;margin:6px 0 4px}
.bl-kplus,.plan-plus{display:block;font-size:var(--fs-dense);color:var(--dim);margin-bottom:2px}
.plan-fl{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.plan-fi{font-size:var(--fs-dense);color:var(--fg);padding-left:18px;position:relative}
.plan-fi::before{content:"✓";position:absolute;left:0;color:var(--akzent)}









#v-overview .roll-liste table.dt{ border-collapse:separate; border-spacing:0; }
#v-overview .roll-liste table.dt tbody tr + tr{ border-top:0; }
#v-overview .roll-liste table.dt tbody tr:hover td{ background:var(--wash); }
#v-overview .roll-liste table.dt tbody tr:hover td:first-child{ border-radius:var(--r-s) 0 0 var(--r-s); }
#v-overview .roll-liste table.dt tbody tr:hover td:last-child{ border-radius:0 var(--r-s) var(--r-s) 0; }


#v-overview .roll-liste table.dt tbody tr:hover .fw,
#v-overview .roll-liste table.dt tbody tr:hover .ty{ background:var(--w); }




.chart-xi{position:relative;height:1.4em;flex:1;width:100%}
.chart-xi span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.chart-xi span.a{transform:none}
.chart-xi span.e{transform:translateX(-100%)}



.chart.eigen-vorn svg [data-linie]:not(.eigen){opacity:.4}
.chart.eigen-vorn svg path.eigen{stroke-width:3}




.ct-hov{position:absolute;inset:0;pointer-events:none;z-index:2}


.ct-pkt{position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;
  box-shadow:0 0 0 2px var(--w)}



.ct-hov.gleitet .ct-pkt{transition:opacity .18s ease-out}
.ct-tip-leer{font-size:var(--fs-dense);color:var(--muted)}



.ct-tip{position:absolute;left:0;top:0;min-width:200px;max-width:270px;padding:12px 14px;
  background:var(--w);border-radius:var(--r-s);
  box-shadow:0 0 0 .5px rgba(0,0,0,.1),var(--tiefe),var(--tiefe-hoch)}
.ct-tip-d{font-size:var(--fs-label);color:var(--faint);margin-bottom:6px}
.ct-tip-z{display:flex;align-items:center;gap:8px;font-size:var(--fs-dense);line-height:1.9}
.ct-tip-z i{flex:0 0 auto;width:8px;height:8px;border-radius:50%}
.ct-tip-z span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}
.ct-tip-z b{font-weight:600;font-variant-numeric:tabular-nums;color:var(--fg)}
.ct-tip-z.leer b{color:var(--faint);font-weight:400}










.app-shell .board-head{background:transparent}
.app-shell .board-sub{padding-left:0;padding-right:0}
.app-shell .board-head .fseg,
.app-shell .board-head .fdrop-top{background:var(--w)}







.btrend .bt{flex-direction:row-reverse;align-items:baseline;gap:7px}
.btrend .bt b{font-size:var(--fs-dense)}
.btrend .bt em{font-size:var(--fs-dense);color:var(--muted)}
.btrend:empty{display:none}





.spot-knopf{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;
  width:37px;height:37px;border:0;border-radius:50%;background:var(--w);color:var(--muted);cursor:pointer}
.spot-knopf:hover{color:var(--fg)}
.spot-knopf svg{width:16px;height:16px}
.board-sub .spot-knopf + .btrend{margin-left:0}

.spot{position:fixed;inset:0;z-index:60}
.spot-grund{position:absolute;inset:0;background:rgba(0,0,0,.24);opacity:0;transition:opacity .16s ease-out}
.spot-feld{position:absolute;left:50%;top:16vh;width:min(640px,calc(100vw - 32px));
  background:var(--w);border-radius:var(--r-l);overflow:hidden;
  


  box-shadow:0 0 0 .5px rgba(0,0,0,.12),var(--tiefe),var(--tiefe-hoch),var(--tiefe-hoch);
  transform:translateX(-50%) scale(.98);opacity:0;
  transition:transform .18s ease-out,opacity .16s ease-out}
.spot.da .spot-grund{opacity:1}
.spot.da .spot-feld{transform:translateX(-50%) scale(1);opacity:1}

.spot-zeile{display:flex;align-items:center;gap:12px;padding:0 20px;height:60px;color:var(--faint)}
.spot-zeile svg{flex:0 0 auto;width:20px;height:20px}


.spot-in{flex:1;min-width:0;border:0;outline:0;background:none;box-shadow:none;padding:0;
  font:inherit;font-size:var(--fs-sec);color:var(--fg);letter-spacing:-.01em}
.spot-in::placeholder{color:var(--faint)}
.spot-esc{flex:0 0 auto}
.spot kbd{font:inherit;font-size:var(--fs-label);color:var(--faint);background:var(--wash);
  border-radius:var(--r-s);padding:1px 7px;min-width:18px;text-align:center;display:inline-block}

.spot-liste{max-height:min(56vh,440px);overflow-y:auto;padding:4px 8px 8px;
  box-shadow:inset 0 .5px 0 var(--line)}
.spot-liste:empty{display:none}
.spot-g{font-size:var(--fs-label);color:var(--faint);padding:12px 12px 4px}
.spot-z{display:flex;align-items:center;gap:12px;padding:0 12px;height:40px;border-radius:var(--r-s);
  cursor:pointer;font-size:var(--fs-text);color:var(--fg)}
.spot-z.gross{height:52px;font-size:var(--fs-card)}


.spot-z[aria-selected="true"]{background:var(--wash)}
.spot-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spot-n b{font-weight:600}
.spot-nb{flex:0 0 auto;font-size:var(--fs-dense);color:var(--muted);font-variant-numeric:tabular-nums}
.spot-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;margin:0 3px;
  box-shadow:0 0 0 1.5px var(--w)}
.spot-fav{flex:0 0 auto;display:inline-flex;width:16px;height:16px}
.spot-fav img{width:16px;height:16px}
.spot-sym{flex:0 0 auto;width:16px;text-align:center;color:var(--faint)}
.spot-leer{padding:22px 12px;color:var(--muted);font-size:var(--fs-text)}

 
@keyframes spot-hier{0%{background:var(--mark-soft)}100%{background:transparent}}
.spot-hier > td{animation:spot-hier 1.6s ease-out}

@media (prefers-reduced-motion:reduce){
  .spot-grund,.spot-feld{transition:none}
  .spot-hier > td{animation:none}
}
@media (max-width:560px){
  .spot-feld{top:10px}
}
 
@keyframes spot-ring{0%{box-shadow:0 0 0 3px var(--mark-soft)}100%{box-shadow:0 0 0 3px transparent}}
.spot-hier:not(tr){animation:spot-ring 1.6s ease-out}
@media (prefers-reduced-motion:reduce){ .spot-hier:not(tr){animation:none} }













.app-shell .board-one:has(> .sblock),
.app-shell .board-one:has(> .dp):not(:has(> .dp ~ .dp)){
  background:0;border-radius:0;margin:0;padding:30px 36px 48px;
  gap:0;flex:1 1 auto}
.app-shell .board-one:has(> .sblock) > .sblock,
.app-shell .board-one:has(> .dp):not(:has(> .dp ~ .dp)) > .dp{
  background:0;box-shadow:none;border-radius:0;padding:0;clip-path:none;margin:0;max-width:880px}
.app-shell .board-one:has(> .sblock) > .sblock + .sblock{margin-top:40px}
.app-shell .board-one:has(> .sblock) > .sblock:has(.bl-karten){max-width:none}




.app-shell .board-one:has(> .dp):not(:has(> .dp ~ .dp)) > .dp:has(table.dt),
.app-shell .board-one:has(> .dp):not(:has(> .dp ~ .dp)) > .dp:has(table.mx){max-width:none}
 

 
.loesch-frage{max-width:560px;margin-top:4px}
.loesch-frage p{margin:0 0 14px;font-size:var(--fs-dense);line-height:1.55;color:var(--fg)}
.loesch-knoepfe{display:flex;gap:9px}
.loesch-ja,.dp-knopf.rot{background:var(--err);color:var(--w);border-color:var(--err)}
.loesch-ja:hover{filter:brightness(.92)}


 
.pc-leer{display:flex;justify-content:space-between;align-items:center;gap:16px;height:40px}
.pc-none.lauf-stand{margin:0 0 12px}






.bq-kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.bq-sperre.lauf-stand{margin:0 0 12px;justify-content:space-between}


#v-brandq table.dt{border-collapse:separate;border-spacing:0;width:100%}
#v-brandq table.dt tbody tr + tr{border-top:0}
#v-brandq table.dt tbody tr[tabindex]{cursor:pointer}
#v-brandq table.dt{table-layout:fixed}
 
#v-brandq .fw{width:100%;max-width:150px}
#v-brandq table.dt tbody tr[tabindex]:hover td{background:var(--wash)}
#v-brandq table.dt tbody tr[tabindex]:hover td:first-child{border-radius:var(--r-s) 0 0 var(--r-s)}
#v-brandq table.dt tbody tr[tabindex]:hover td:last-child{border-radius:0 var(--r-s) var(--r-s) 0}
#v-brandq table.dt tbody tr[tabindex]:hover .fw{background:var(--w)}
.fw.bq-rot{color:var(--err)}
.bq-blind{filter:blur(5px);user-select:none}
.bq-leer{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:12px 14px}
.bq-leer p{margin:0;color:var(--muted)}
.bq-box{width:min(620px,100%)}
.bq-edit{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0}
.bq-e{display:flex;gap:8px;align-items:center}
.bq-e .field{flex:1}
.bq-in{min-width:0}
.bq-weg{border:0;background:0;color:var(--faint);font-size:var(--fs-card);cursor:pointer;padding:4px 8px}
.bq-weg:hover{color:var(--fg)}
.bq-dazu{align-self:flex-start;border:0;background:0;color:var(--muted);font:inherit;font-size:var(--fs-dense);cursor:pointer;padding:6px 0}
.bq-dazu:hover{color:var(--fg)}
.bq-cl{display:flex;flex-direction:column;gap:6px}
.bq-c{display:flex;flex-direction:column;gap:2px}
.bq-c em{font-style:normal;font-size:var(--fs-label);color:var(--faint)}
.bq-c.falsch em{color:var(--err)}


mark.bq-falsch{background:var(--err-bg);color:var(--err);border-radius:var(--r-s);padding:1px 3px}
 
.ans-archiv{display:flex;margin:0 0 4px}
.ans-top:has(> :not([hidden])) + .ans-archiv{margin-top:14px}
 
.ans-woche{margin:0 auto;font-size:var(--fs-dense);color:var(--muted)}


#v-facts table.dt{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed}
#v-facts table.dt tbody tr + tr{border-top:0}
#v-facts table.dt tbody tr[tabindex]{cursor:pointer}
#v-facts table.dt tbody tr[tabindex]:hover td{background:var(--wash)}
#v-facts table.dt tbody tr[tabindex]:hover td:first-child{border-radius:var(--r-s) 0 0 var(--r-s)}
#v-facts table.dt tbody tr[tabindex]:hover td:last-child{border-radius:0 var(--r-s) var(--r-s) 0}
#v-facts table.dt tbody tr[tabindex]:hover .fw{background:var(--w)}
#v-facts col.fc-c2{width:20%}
#v-facts col.fc-c3{width:14%}
#v-facts .fw{width:100%;max-width:190px}
.fc-sagt{display:block;margin-top:4px;font-size:var(--fs-dense);color:var(--muted)}
.fc-wo{display:inline-flex;gap:8px;align-items:center;justify-content:center}
.fc-vor{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.fc-vl{width:100%;font-size:var(--fs-label);color:var(--faint)}
.fc-vor .chip{background:var(--w);font:inherit;font-size:var(--fs-dense);cursor:pointer;color:var(--fg)}
.fc-in{min-width:0}
 
.fc-status{margin:4px 0 30px;font-size:var(--fs-sec);font-weight:600;letter-spacing:-.02em}
.fc-status.hakt{color:var(--err)}
#v-facts table.dt td{font-size:var(--fs-text)}
#v-facts .fc-sagt{font-size:var(--fs-text)}
.fc-pfeil{display:inline-block;width:7px;height:7px;margin-left:10px;border-right:1.5px solid var(--faint);
  border-top:1.5px solid var(--faint);transform:rotate(45deg)}
#v-facts tr[tabindex]:hover .fc-pfeil{border-color:var(--fg)}
 
#v-facts .fw{background:var(--w)}
#v-facts table.dt tbody tr[tabindex]:hover td{background:var(--soft)}
 
.fc-aus{background:var(--w);border-radius:var(--r-s);padding:14px 16px;margin-top:8px}
.fc-aus-k{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.fc-aus-t b{display:block;font-weight:400}
.fc-aus-t em{display:block;font-style:normal;font-size:var(--fs-dense);color:var(--muted);margin-top:3px}
 
.fc-fbox{width:min(720px,100%)}
.fc-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}
.fc-kopf b{font-size:var(--fs-card);font-weight:600;letter-spacing:-.01em}
.fc-zu{border:0;background:0;color:var(--faint);font-size:var(--fs-sec);line-height:1;cursor:pointer;padding:0 4px}
.fc-zu:hover{color:var(--fg)}
.fc-f-inhalt{overflow-y:auto;min-height:0}
.fc-aus-t b{color:var(--err)}
.fc-lab{display:block;margin:14px 0 6px;font-size:var(--fs-label);color:var(--faint)}
.fc-quelle{display:flex;align-items:center;gap:10px;background:var(--wash);border-radius:var(--r-s);padding:10px 12px;color:inherit;text-decoration:none}
.fc-quelle:hover{background:var(--soft)}
.fc-quelle span{display:flex;flex-direction:column;min-width:0}
.fc-quelle b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fc-quelle i{font-style:normal;font-size:var(--fs-dense);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fc-ohne{margin:0;color:var(--muted)}
.fc-zitat{margin:10px 2px 0;font-size:var(--fs-dense);color:var(--muted)}
.fc-zitat + .fc-quelle{margin-top:12px}







@media (max-width:560px){
  .t-dom :is(th, td:not([colspan])):nth-child(3), .t-dom col.c-typ{display:none}
  .t-comp :is(th, td:not([colspan])):nth-child(n+4), .t-comp col:nth-child(n+4){display:none}
  .t-comp.m-sentiment :is(th, td:not([colspan])):nth-child(4), .t-comp.m-sentiment col:nth-child(4),
  .t-comp.m-position :is(th, td:not([colspan])):nth-child(5), .t-comp.m-position col:nth-child(5){display:table-cell}
  .t-comp.m-sentiment col:nth-child(4), .t-comp.m-position col:nth-child(5){display:table-column}
  :is(.t-comp.m-sentiment, .t-comp.m-position) :is(th, td:not([colspan])):nth-child(3),
  :is(.t-comp.m-sentiment, .t-comp.m-position) col:nth-child(3){display:none}
  .comp-mass{display:inline-block;align-self:flex-start;margin-top:10px}
   
  .app-shell :is(.t-prompts, .t-chats){min-width:0;table-layout:fixed;width:100%}
  .t-chats :is(th, td:not([colspan])):is(:nth-child(3), :nth-child(4), :nth-child(6)),
  .t-chats col:is(:nth-child(3), :nth-child(4), :nth-child(6)){display:none}
  #t-host :is(th, td:not([colspan])):not(:nth-child(2)):not(:last-child){display:none}
  #t-url :is(th, td:not([colspan])):is(:nth-child(1), :nth-child(3)){display:none}
  #v-perception .board-grid.pc-raster{grid-template-columns:1fr}
  

  :is(.roll-liste > .t-dom, #t-host) td:nth-child(2):not([colspan]){max-width:0;width:100%;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
  :is(.roll-liste > .t-dom, #t-host) td:nth-child(2):not([colspan]) *{white-space:normal;overflow-wrap:anywhere}
  .qbar{flex-wrap:wrap}
  .pc-raster .dp-h{flex-wrap:wrap}
  .pc-raster .dp-h > b{white-space:normal}
  .sm-tools{flex:1 1 100%;flex-wrap:wrap}
  .sm-feld{flex:1 1 auto;min-width:0}
  .sm-kopf{display:none}
  .sm-r{grid-template-columns:1fr auto;height:auto;padding-top:10px;padding-bottom:10px}
  .sm-r > :nth-child(2){display:none}
  

  .sp-kopf > :nth-child(6), .sp-r > :nth-child(6){display:none}
  .sp-kopf,.sp-r{grid-template-columns:1fr 64px 84px;gap:10px}
  .sp-r{height:auto;min-height:52px;padding-top:8px;padding-bottom:8px}
   
  .sp-r .sb-n{flex-wrap:wrap;row-gap:4px}
  .sp-r .sb-n b{white-space:normal;overflow-wrap:anywhere}
   
  .sb-kopf,.sb-r{grid-template-columns:20px 1fr 76px 24px;gap:10px}
  .sb-kopf > span:first-child{visibility:hidden}
   
  .t-bq :is(th, td):nth-child(n+3):not(:last-child), .t-bq col:nth-child(n+3):not(:last-child){display:none}
  .app-shell .t-bq{table-layout:fixed;width:100%;min-width:0}
  .t-bq td{white-space:normal}
   
  .pchead{flex-wrap:wrap;row-gap:14px}
  .pch{flex:1 1 50%;padding:0 16px}
  .pch + .pch{box-shadow:none}
  

  .mx td{font-size:var(--fs-label)}
  .mx .you{display:none}
}






@media (max-width:56rem){
  #v-overview.board-grid{grid-auto-rows:auto}
  .app-shell .board-grid > .dp.dehnt .roll-liste{max-height:430px;overflow-y:auto;overflow-x:hidden}
  


  .app-shell .board-grid > .dp.dehnt .chart-plot{flex:none;height:200px}
  

  .ds-top{width:auto;max-width:100%;font-size:var(--fs-card)}
  .ds-top > #sname{flex:0 1 auto}
  

  .app-shell .ds-list{left:auto;right:8px;width:min(260px, calc(100% - 16px))}
  

  .app-shell .board{overflow:visible}
  


  .app-shell .ds-list{max-height:calc(100dvh - 80px)}
}

 
@media (min-width:560.02px){ .comp-mass{display:none} }




.lk-liste{margin-top:14px}
.lk-r{display:grid;grid-template-columns:1fr 1fr 150px 190px;gap:12px;align-items:center;
  height:52px;padding:0 12px;font-size:var(--fs-dense)}
.lk-r + .lk-r{border-top:1px solid var(--line)}
.lk-r b{font-weight:600}
.lk-s{color:var(--muted)}
.lk-p{color:var(--muted);font-variant-numeric:tabular-nums}
.lk-x{justify-self:end}



.cl-box.ld-box{background:var(--w);width:min(480px,100%);gap:12px}



.cl-box:not(.ld-box) .field{background:var(--w)}
.ld-satz{margin:0;font-size:var(--fs-dense);color:var(--muted)}
.ld-box .sin{margin-top:0}
.ld-liste{overflow-y:auto;max-height:44vh;min-height:0;display:flex;flex-direction:column;
  margin:0 -8px}
.ld-r{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
  padding:10px 12px;border:0;background:none;border-radius:var(--r-sm);font:inherit;
  font-size:var(--fs-text);color:var(--fg);text-align:left;cursor:pointer}
.ld-r:hover,.ld-r:focus-visible{background:var(--wash)}
.ld-r:disabled{color:var(--faint);cursor:default;background:none}
.ld-paket{margin-left:6px;vertical-align:middle}
.ld-r .lk-s{font-size:var(--fs-dense)}
.ld-leer{margin:8px 12px;font-size:var(--fs-dense);color:var(--faint)}
.ld-mehr{margin:0;font-size:var(--fs-label);color:var(--faint)}
.ld-mehr a{color:var(--mark);text-decoration:none}
#ld-dialog.schreibt .ld-liste,#ld-dialog.schreibt .sin{
  opacity:.4;pointer-events:none}



.ds-hk{justify-content:space-between}
.ds-haken{flex:0 0 auto;width:10px;height:6px;margin:0 4px 3px 12px;
  border-left:1.5px solid transparent;border-bottom:1.5px solid transparent;transform:rotate(-45deg)}
.ds-hk[aria-pressed="true"] .ds-haken{border-color:var(--mark)}
.ds-hk[aria-pressed="true"]{color:var(--fg);font-weight:600}


#land-fuell{transition:clip-path 1.2s ease}
 
.bl-pak{display:flex;flex-direction:column}
.bl-pak-fuss{margin-top:auto;padding-top:14px}
.bl-step{display:inline-flex;align-items:center;gap:10px}
.bl-step .dp-knopf{min-width:32px;padding:0 10px}
.bl-n{min-width:22px;text-align:center;font-variant-numeric:tabular-nums}
 
.bq-fest{margin-left:10px;font-size:var(--fs-label);color:var(--faint);white-space:nowrap}
 
@media (max-width: 700px){
  .lk-r{grid-template-columns:1fr auto;height:auto;padding:12px;row-gap:4px}
  .lk-r .lk-s,.lk-r .lk-p{grid-row:2;font-size:var(--fs-label)}
  .lk-r .lk-x{grid-row:1;grid-column:2}
  .lk-r .lk-p{grid-column:2;justify-self:end}
}





:root{ --feder:linear(0, 0.0184, 0.0657, 0.1321, 0.2099, 0.2931, 0.3772, 0.4591, 0.5365, 0.6081, 0.673, 0.7308, 0.7815, 0.8255, 0.863, 0.8946, 0.9209, 0.9425, 0.9599, 0.9738, 0.9846, 0.9929, 0.9991, 1.0036, 1.0066, 1.0086, 1.0097, 1.0102, 1.0101, 1.0098, 1.0091, 1.0084, 1.0076, 1.0067, 1.0059, 1.005, 1.0043, 1.0036, 1.003, 1.0024, 1); --feder-zeit:.71s; --feder-lebhaft:linear(0, 0.0236, 0.0844, 0.1696, 0.2685, 0.3731, 0.477, 0.5758, 0.6665, 0.7472, 0.817, 0.8759, 0.9242, 0.9626, 0.9921, 1.0139, 1.0291, 1.0388, 1.0441, 1.0459, 1.0452, 1.0427, 1.039, 1.0345, 1.0297, 1.0249, 1.0203, 1.0161, 1.0123, 1.009, 1.0062, 1.0039, 1.002, 1.0006, 0.9995, 0.9988, 0.9983, 0.998, 0.9979, 0.9979, 1); --feder-lebhaft-zeit:.73s; }
.app-shell .as[hidden]{display:none}
.app-shell .as{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 36px}
.as-verlauf{flex:1;max-width:720px;width:100%;margin:0 auto;padding:44px 0 24px}
.as-auf{animation:as-auf var(--feder-zeit) var(--feder) both;animation-delay:var(--d,0s)}
@keyframes as-auf{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
.as-er{margin:0 0 28px}
.as-wer{width:30px;height:30px;border-radius:50%;background:var(--mark);color:var(--w);font-style:normal;
  display:grid;place-items:center;font-weight:600;font-size:var(--fs-dense)}
.as-txt > p{margin:0 0 12px;font-size:var(--fs-text);line-height:1.55}
.as-ich{display:flex;justify-content:flex-end;margin:0 0 28px}
.as-ich p{margin:0;background:var(--w);padding:11px 16px;border-radius:var(--r-lg);max-width:80%;box-shadow:var(--tiefe)}
.as-kachel{background:var(--w);border-radius:var(--r-lg);box-shadow:var(--tiefe);padding:16px 18px;margin:14px 0 16px}
.as-kachel h4{margin:0 0 10px;font-size:var(--fs-dense);font-weight:600;color:var(--muted)}
.as-balken{display:grid;grid-template-columns:150px 1fr 44px;gap:12px;align-items:center;font-size:var(--fs-dense);padding:4px 0}
.as-balken b{font-weight:400}
.as-balken span{height:8px;border-radius:var(--r-pill);background:var(--wash);overflow:hidden}
.as-balken span i{display:block;height:100%;background:var(--line-str);border-radius:inherit;transform-origin:0 50%;
  animation:as-wachsen var(--feder-lebhaft-zeit) var(--feder-lebhaft) both;animation-delay:calc(.35s + var(--n) * .06s)}
.as-balken.du b{font-weight:600}.as-balken.du span i{background:var(--mark)}
.as-balken em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}
@keyframes as-wachsen{from{transform:scaleX(0)}to{transform:none}}
.as-quelle{display:flex;gap:12px;align-items:baseline;padding:9px 0;font-size:var(--fs-dense)}
.as-quelle + .as-quelle{border-top:1px solid var(--line)}
.as-quelle b{font-weight:400;flex:1}
.as-quelle b span{display:block;color:var(--muted);font-size:var(--fs-label);margin-top:2px}
.as-quelle small{color:var(--faint);font-size:var(--fs-label);white-space:nowrap}
.as-einstiege{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:12px 0 0}
.as-einstiege button{font:inherit;border:0;cursor:pointer;background:var(--w);color:var(--fg);border-radius:var(--r-pill);
  padding:10px 16px;box-shadow:var(--tiefe);text-align:left;
  animation:as-auf var(--feder-lebhaft-zeit) var(--feder-lebhaft) both;
  transition:transform var(--feder-zeit) var(--feder), color .2s}
.as-einstiege button:nth-child(1){animation-delay:.6s}.as-einstiege button:nth-child(2){animation-delay:.68s}.as-einstiege button:nth-child(3){animation-delay:.76s}
.as-einstiege button:hover{color:var(--mark);transform:translateX(3px)}
.as-einstiege button:active{transform:scale(.97);transition-duration:.1s}
 
.as-feld{position:sticky;bottom:0;max-width:720px;width:100%;margin:0 auto;padding:0 0 26px;display:flex;align-items:center;gap:10px}
.as-feld::before{content:"";position:absolute;inset:-18px -12px 0;background:var(--grund);z-index:-1}


.as-box{flex:1;background:var(--w);border-radius:var(--r-l);padding:14px 12px 10px 18px;cursor:text;
  box-shadow:0 0 0 1px rgb(0 0 0 / .07),var(--tiefe);transition:box-shadow .2s ease}
.as-box:focus-within{box-shadow:0 0 0 1px rgb(0 0 0 / .14),var(--tiefe-hoch)}
.as-box textarea{display:block;width:100%;border:0;outline:0;background:none;resize:none;padding:0 6px 0 0;margin:0;
  font:inherit;font-size:var(--fs-input);line-height:1.5;color:var(--fg);
  field-sizing:content;min-height:calc(1.5em * 2);max-height:240px;overflow-y:auto}
.as-box textarea::placeholder{color:var(--faint)}
.as-leiste{display:flex;justify-content:flex-end;align-items:center;margin-top:6px}



.app-shell .as-box button.as-senden{width:34px;height:34px;border-radius:50%;border:0;outline:0;background:var(--fg);color:var(--w);cursor:pointer;
  display:grid;place-items:center;transition:transform var(--feder-lebhaft-zeit) var(--feder-lebhaft),background .15s ease,color .15s ease,opacity .15s ease}
.app-shell .as-box button.as-senden:focus-visible{outline:0}
.app-shell .as-box button.as-senden:hover:not(:disabled){opacity:.82}
.app-shell .as-box button.as-senden:active:not(:disabled){transform:scale(.9);transition-duration:.1s}
.app-shell .as-box button.as-senden:disabled,.app-shell .as-box button.as-senden[disabled]{background:var(--wash);color:var(--faint);cursor:default}
.app-shell .as-box button.as-senden svg{width:15px;height:15px;grid-area:1/1}
.app-shell .as-box button.as-senden .as-halt{display:none}
.app-shell .as-box button.as-senden.stop .as-halt{display:block}
.app-shell .as-box button.as-senden.stop .as-pfeil{display:none}
.as-box:focus-within{outline:0}

 
.as-aktionen{display:flex;gap:4px;margin:2px 0 0 -8px}
.as-akt{font:inherit;font-size:var(--fs-label);color:var(--faint);background:none;border:0;border-radius:var(--r-sm);cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;padding:5px 8px;transition:color .15s ease,background .15s ease}
.as-akt svg{width:14px;height:14px}
.as-akt:hover{color:var(--fg);background:var(--wash)}
.as-akt.ok{color:var(--fg)}
.as-akt:focus-visible{outline:0;background:var(--wash);color:var(--fg)}
.as-status{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:var(--fs-dense);margin:0}
.as-status .as-denkt{padding:0}
.as-fehler{margin:0 0 6px;color:var(--muted)}
.as-still{margin:0 0 4px;color:var(--faint);font-size:var(--fs-label)}
.as-cursor{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--fg);margin-left:4px;vertical-align:middle;
  animation:as-puls 1s ease-in-out infinite}
@keyframes as-puls{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.as-cursor{animation:none}}
@media (prefers-reduced-motion:reduce){.as-auf,.as-balken span i,.as-einstiege button{animation:none}}



.as-doc{background:var(--w);border-radius:var(--r-lg);box-shadow:var(--tiefe);margin:14px 0 18px;overflow:hidden}
.as-snippet{padding:20px 24px;border-bottom:1px solid var(--line)}
.as-sn-host{display:flex;align-items:center;gap:10px;font-size:var(--fs-dense);color:var(--fg)}
.as-sn-host i{width:26px;height:26px;border-radius:50%;background:var(--wash);display:grid;place-items:center;font-style:normal;font-weight:600;font-size:var(--fs-label)}
.as-sn-host small{color:var(--muted);font-size:inherit}
.as-sn-titel{font-size:var(--fs-sec);color:var(--mark);margin:8px 0 4px;line-height:1.3}
.as-sn-text{font-size:var(--fs-dense);color:var(--muted);line-height:1.5}
.as-blatt{padding:32px 36px 12px;font-size:var(--fs-text);line-height:1.65}
.as-blatt h1{font-size:var(--fs-band);font-weight:600;letter-spacing:-.022em;line-height:1.2;margin:0 0 18px}
.as-blatt h2{font-size:var(--fs-sec);font-weight:600;letter-spacing:-.02em;margin:30px 0 10px}
.as-blatt p{margin:0 0 14px}
.as-blatt ol{margin:0 0 18px;padding-left:22px}
.as-blatt li{margin:0 0 6px}
.as-blatt table{width:100%;border-collapse:collapse;font-size:var(--fs-dense);margin:6px 0 18px}
.as-blatt th{text-align:left;font-weight:600;color:var(--muted);padding:8px 10px 8px 0;border-bottom:1px solid var(--line)}
.as-blatt td{padding:10px 10px 10px 0;border-bottom:1px solid var(--line);vertical-align:top}
.as-fehlt{background:var(--mark-soft);color:var(--mark-deep);border-radius:var(--r-sm);padding:1px 8px;font-size:var(--fs-dense);white-space:nowrap}
.as-doc-fuss{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--line)}
.as-knopf{font:inherit;font-size:var(--fs-dense);font-weight:600;border:0;cursor:pointer;border-radius:var(--r-pill);padding:8px 16px;
  background:var(--wash);color:var(--fg);transition:transform var(--feder-zeit) var(--feder)}
.as-knopf:hover{background:var(--soft)}
.as-knopf:active{transform:scale(.95);transition-duration:.1s}
.as-einstiege button:nth-child(4){animation-delay:.84s}

 


.needs{display:flex;flex-direction:column;gap:8px;margin:18px 0 22px;
  max-height:min(44vh,460px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
.need{display:flex;align-items:flex-start;gap:12px;background:var(--wash);border-radius:var(--r-sm);padding:14px 14px 14px 16px}
.need-t{flex:1;min-width:0}
.need-t b{display:block;font-weight:600;font-size:var(--fs-text);margin:0 0 3px}
.need-t span{display:block;font-size:var(--fs-dense);color:var(--muted);line-height:1.45}
.need-x{flex:0 0 auto;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:var(--faint);font:inherit;font-size:var(--fs-card);line-height:1;cursor:pointer}
.need-x:hover{background:var(--w);color:var(--fg)}
.need-feld{display:block}
.need-feld span{display:block;font-size:var(--fs-text);font-weight:600;margin:0 0 8px}


.need-feld textarea{width:100%;border:0;border-radius:var(--r-sm);background:var(--wash);padding:12px 14px;font:inherit;font-size:var(--fs-input);line-height:1.5;color:var(--fg);
  resize:none;overflow:hidden;field-sizing:content;min-height:calc(2lh + 24px)}
.need-hint{font-size:var(--fs-dense);color:var(--faint);margin:8px 0 0}

 
.as-denkt{display:flex;gap:5px;padding:8px 0}
.as-denkt span{width:7px;height:7px;border-radius:50%;background:var(--faint);animation:as-punkt 1.2s var(--feder) infinite}
.as-denkt span:nth-child(2){animation-delay:.15s}.as-denkt span:nth-child(3){animation-delay:.3s}
@keyframes as-punkt{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.as-txt .as-h{font-size:var(--fs-card);font-weight:600;margin:16px 0 6px}
.as-txt ul{margin:0 0 12px;padding-left:20px}
.as-txt li{margin:0 0 4px}



.as-er,.as-ich{scroll-margin-bottom:var(--as-feld-h,200px);scroll-margin-top:24px}






.app-shell .board-main{position:relative}
.app-shell .board-main.mit-assistent > .board-head,
.app-shell .board-main.mit-assistent > #v-overview{filter:blur(14px) saturate(1.2);pointer-events:none;user-select:none;
  -webkit-mask-image:linear-gradient(to right,transparent 20px,var(--w) 64px);mask-image:linear-gradient(to right,transparent 20px,var(--w) 64px)}


.app-shell .board-main.mit-assistent > .as{position:absolute;inset:0;z-index:1;background:0}


.app-shell .board-main.mit-assistent::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:color-mix(in srgb, var(--w) 40%, transparent);
  -webkit-mask-image:linear-gradient(to right,transparent 20px,var(--w) 64px);mask-image:linear-gradient(to right,transparent 20px,var(--w) 64px)}
.app-shell .board-main.mit-assistent .as-feld::before{display:none}




.as-karte{background:var(--w);border-radius:var(--r-l);box-shadow:0 0 0 1px rgb(0 0 0 / .07),var(--tiefe);padding:14px 16px 12px;margin:12px 0 6px;max-width:560px}
.as-k-kopf{margin:0 0 8px;font-size:var(--fs-label);font-weight:600;color:var(--muted)}
.as-k-alt{margin:0 0 4px;color:var(--faint);text-decoration:line-through;text-decoration-color:rgb(0 0 0 / .25)}
.as-k-neu{margin:0;font-size:var(--fs-text);line-height:1.5;color:var(--fg)}
.as-k-hinweis{margin:8px 0 0;font-size:var(--fs-label);color:var(--muted);line-height:1.45}
.as-k-fuss{display:flex;gap:8px;align-items:center;margin-top:12px}
.as-k-fuss button{font:inherit;font-size:var(--fs-dense);font-weight:600;border:0;border-radius:var(--r-pill);padding:7px 14px;cursor:pointer;
  transition:transform var(--feder-lebhaft-zeit) var(--feder-lebhaft),opacity .15s ease,background .15s ease}
.as-k-fuss button:focus-visible{outline:0}
.as-k-fuss .as-k-ja{background:var(--fg);color:var(--w)}
.as-k-fuss .as-k-ja:hover:not(:disabled){opacity:.85}
.as-k-fuss .as-k-nein{background:none;color:var(--muted)}
.as-k-fuss .as-k-nein:hover:not(:disabled){background:var(--wash);color:var(--fg)}
.as-k-fuss button:active:not(:disabled){transform:scale(.95);transition-duration:.1s}
.as-k-fuss button:disabled{opacity:.5;cursor:default}
.as-k-stand{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-dense);color:var(--faint)}
.as-k-stand.ok{color:var(--fg)}
.as-k-stand.bad{color:var(--err)}
.as-k-stand svg{width:14px;height:14px}
.as-karte.zu .as-k-alt,.as-karte.zu .as-k-hinweis{display:none}


.as-karte .as-k-feld{display:block;width:calc(100% + 16px);margin:0 -8px;padding:6px 8px;border:0;outline:0;border-radius:var(--r-md);
  background:transparent;resize:none;font:inherit;font-size:var(--fs-text);line-height:1.5;color:var(--fg);
  field-sizing:content;cursor:text;transition:background .15s ease,box-shadow .15s ease}
.as-karte .as-k-feld:hover{background:var(--wash)}
.as-karte .as-k-feld:focus{background:var(--wash);box-shadow:inset 0 0 0 1px rgb(0 0 0 / .12)}
.as-k-fehler{margin:10px 0 0;font-size:var(--fs-label);color:var(--err)}



.as-gruss{margin:28px 0 30px 44px;font-size:var(--fs-page);font-weight:600;letter-spacing:-.025em;line-height:1.1;color:var(--fg)}
.as-erste .as-txt > p{font-size:var(--fs-card);line-height:1.5}
@media (max-width:820px){.as-gruss{font-size:var(--fs-band);margin-left:0}}







.as-er{display:block}
.as-er > .as-wer{display:none}
.as-gruss{margin-left:0}
.as-warte{margin:0;padding:4px 0;font-size:var(--fs-text)}
.as-glanz{color:var(--muted);animation:as-glanz 1.6s ease-in-out infinite}
@keyframes as-glanz{0%,100%{opacity:.45}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.as-glanz{animation:none}}
 
.as-lauf{height:6px;border-radius:var(--r-pill);background:var(--wash);overflow:hidden;margin:4px 0 16px;max-width:420px}
.as-lauf span{display:block;height:100%;border-radius:inherit;background:var(--mark);transition:width 1.2s var(--feder)}




.as-kopf{position:sticky;top:0;z-index:3;display:flex;justify-content:flex-end;gap:2px;padding:12px 0 0;margin-bottom:-44px;pointer-events:none}
.as-kopf button{pointer-events:auto}
.app-shell .as-kopf .as-rand-knopf{width:32px;height:32px;border-radius:var(--r-md);border:0;background:none;color:var(--faint);cursor:pointer;
  display:grid;place-items:center;transition:background .15s ease,color .15s ease}
.app-shell .as-kopf .as-rand-knopf:hover{background:var(--wash);color:var(--fg)}
.app-shell .as-kopf .as-rand-knopf:focus-visible{outline:0;background:var(--wash)}
.as-rand-knopf svg{width:16px;height:16px}
body.as-rand.app-shell .board-main{padding-right:432px}
body.as-rand.app-shell .board-main > .as{position:fixed;top:12px;right:12px;bottom:12px;width:408px;z-index:40;padding:0 18px;
  background:var(--w);border-radius:var(--r-l);box-shadow:0 0 0 1px rgb(0 0 0 / .06),var(--tiefe-hoch)}
body.as-rand .as-kopf{margin-bottom:0;background:var(--w);padding-bottom:4px}
 
body.as-rand .as-kopf .as-frueher-ort,body.as-rand .as-kopf .as-neu-knopf{display:none}
body.as-rand .as-verlauf{padding-top:0}
body.as-rand .as-gruss{font-size:var(--fs-band);margin:6px 0 20px}
body.as-rand .as-feld::before{display:block;background:var(--w)}
body.as-rand .as-balken{grid-template-columns:104px 1fr 40px}
body.as-rand .as-erste .as-txt > p{font-size:var(--fs-text)}
@media (max-width:820px){
  body.as-rand.app-shell .board-main{padding-right:0;padding-bottom:58vh}
  body.as-rand.app-shell .board-main > .as{left:8px;right:8px;top:auto;height:56vh;width:auto;bottom:8px}
}
 







@keyframes as-heben{from{transform:none}to{transform:translateY(-2px) scale(1.006)}}
@keyframes as-puls-schein{
  0%,100%{box-shadow:0 0 0 2px var(--mark-soft),var(--tiefe)}
  50%{box-shadow:0 0 0 6px var(--mark-soft),var(--tiefe-hoch)}}
.as-zeig{position:relative;z-index:1;transform:translateY(-2px) scale(1.006);
  animation:as-heben .5s var(--feder) both,as-puls-schein 2.4s ease-in-out .3s infinite;
  transition:transform .4s var(--feder),box-shadow .4s ease}
@media (prefers-reduced-motion:reduce){.as-zeig{animation:none;box-shadow:0 0 0 4px var(--mark-soft),var(--tiefe)}}






body.bm-knapp.app-shell .spot-knopf{display:none}
body.bm-knapp.app-shell .board-sub .btrend{margin-left:auto}
body.bm-knapp.app-shell .board-sub{gap:8px}
body.bm-knapp.app-shell .board-sub .btrend{gap:10px}
body.bm-eng.app-shell .board-grid{grid-template-columns:minmax(0,1fr)}
body.bm-eng.app-shell .bl-karten{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
body.bm-eng.app-shell #v-brandq .dp:has(table),
body.bm-eng.app-shell #v-insights .dp:has(table){overflow-x:auto}
body.bm-mittel.app-shell .dt:has(#srcs2), body.bm-mittel.app-shell .dt:has(#srcs){--num-spalte:84px}
body.bm-mittel.app-shell #v-domains th.tyc{width:124px;min-width:124px}
body.bm-mittel.app-shell #v-domains .dt.srt thead th button{white-space:normal;line-height:1.25}
body.bm-eng.app-shell .dt:has(#srcs2), body.bm-eng.app-shell .dt:has(#srcs){--num-spalte:72px}
body.bm-eng.app-shell #v-domains th.tyc{width:136px;min-width:136px}
 
body.bm-eng.app-shell .sb-nb{white-space:normal;overflow:visible}
body.bm-eng.app-shell .dt thead th, body.bm-eng.app-shell .dt thead th button{white-space:normal;line-height:1.25}
body.bm-eng.app-shell .t-bq thead th.num{padding-left:4px;padding-right:4px}





@media (max-width:1359px) and (min-width:821px){
  body.as-rand.app-shell .board-main{padding-right:0}
  body.as-rand.app-shell .board-main > .as{width:380px}
}



body.bm-eng.app-shell #v-overview.board-grid{grid-auto-rows:max-content}
body.bm-eng.app-shell .board-grid > .dp.dehnt .roll-liste{max-height:430px;overflow-y:auto;overflow-x:hidden;flex:none}
body.bm-eng.app-shell .board-grid > .dp.dehnt .chart-plot{flex:none;height:220px}
body.bm-eng.app-shell .board-grid > .dp.dehnt .donut-row{flex:none}
body.bm-eng.app-shell .board-grid > .dp.dehnt .donut{flex:none;height:170px;width:170px}
body.bm-eng.app-shell .board-grid > .dp.dehnt{height:auto;align-self:start}
.as-einstiege.as-weiter{flex-direction:row;flex-wrap:wrap}





@media (min-width:44.0625rem){
  html[lang="de"] .t-comp{ --num-spalte:19.5%; }
}







#v-setbrands .sb-kopf, #v-setbrands .sb-r{
  grid-template-columns:minmax(0,1fr) 96px 32px; gap:16px; }
#v-setbrands .sb-kopf > span:first-child{visibility:visible}
#v-setbrands .sb-r{height:auto; min-height:56px; padding:10px 0}
#v-setbrands .sb-n{gap:12px; align-items:flex-start}
#v-setbrands .sb-n .dot{margin-top:6px; flex:0 0 auto}
#v-setbrands .sb-nt{display:flex; flex-wrap:wrap; align-items:center; column-gap:8px; row-gap:2px; min-width:0}
#v-setbrands .sb-nt b{font-weight:600}
#v-setbrands .sb-w{flex-basis:100%; font-size:var(--fs-dense); color:var(--faint);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#v-setbrands .sb-z{font-size:var(--fs-text); color:var(--fg); font-variant-numeric:tabular-nums}
#v-setbrands .sb-neu{margin:4px 0 14px}
#v-setbrands .sb-vor{margin-top:32px}
#v-setbrands .sb-vk{margin:0 0 4px; font-size:var(--fs-label); color:var(--faint)}
#v-setbrands .sb-vr{grid-template-columns:minmax(0,1fr) auto 32px; border-top:1px solid var(--line)}
#v-setbrands .sb-folgen{white-space:nowrap}
#v-setbrands .sb-kopf{padding-left:0; padding-right:0}
#v-setbrands .sb-nb{display:inline; width:auto}
#v-setbrands .sb-nt .you{font-style:normal}
 
#v-setbrands .sb-vr .sb-w{flex-basis:auto}
#v-setbrands .sb-vr{min-height:52px; padding:8px 0}




#v-setprojects .sp-kopf, #v-setprojects .sp-r{
  grid-template-columns:minmax(0,1fr) 96px 130px 110px; gap:16px; padding-left:0; padding-right:0}
#v-setprojects .sp-r{height:auto; min-height:60px; padding-top:10px; padding-bottom:10px; font-size:var(--fs-text)}
:is(#v-setprojects, #v-setbrands) .sb-nt{display:flex; flex-wrap:wrap; align-items:center; column-gap:8px; row-gap:2px; min-width:0}
:is(#v-setprojects, #v-setbrands) .sb-nt b{font-weight:600}
:is(#v-setprojects, #v-setbrands) .sb-nt .you{font-style:normal}
#v-setprojects .sb-w{flex-basis:100%; font-size:var(--fs-dense); color:var(--faint);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#v-setprojects .sb-z{font-size:var(--fs-text); color:var(--fg); font-variant-numeric:tabular-nums}
 
#v-setprojects .snutz-b b{font-size:var(--fs-sec)}
@media (max-width:44rem){
  #v-setprojects .sp-kopf, #v-setprojects .sp-r{grid-template-columns:minmax(0,1fr) 64px 84px}
  #v-setprojects .sp-kopf > :nth-child(4), #v-setprojects .sp-r > :nth-child(4){display:none}
}

 
 


.bq-marken{display:flex;flex-direction:column;gap:12px}


.bq-marken .dp-h b .you{display:inline-block;flex:none;margin:0 0 0 8px;padding:1px 7px;font-size:var(--fs-label);line-height:1.5;color:var(--w);font-style:normal;vertical-align:2px}
.t-bq .a-t .bq-m{display:inline-flex;vertical-align:-3px;margin-right:8px}
.t-bq .bq-fest{margin:6px 0 0}
.t-bq td.bq-x{text-align:right;padding-left:0}
.t-bq .bq-weg{padding:4px 6px;border-radius:var(--r-pill);white-space:nowrap}
.t-bq .bq-weg.scharf{font-size:var(--fs-label);color:var(--err);background:var(--err-bg);padding:4px 10px}
.bq-box{max-height:calc(100vh - 80px); overflow-y:auto}
.bq-form{display:flex;flex-direction:column;gap:8px}
.bq-form .bq-lab{font-size:var(--fs-label);color:var(--muted);margin-top:6px}
.bq-form.ohne-wahl label[for="bq-wer"], .bq-form.ohne-wahl #bq-wer{display:none}
.bq-vor{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.bq-vor .bq-lab{flex-basis:100%}
.bq-vor .chip{text-align:left;background:0;cursor:pointer;font:inherit;font-size:var(--fs-dense);color:var(--fg)}
.bq-fix{border:0;background:0;padding:0;margin-left:4px;font:inherit;color:var(--mark);cursor:pointer;text-decoration:underline;text-underline-offset:2px}





.as-kopf .as-frueher-ort{position:relative;margin-right:auto;display:flex;align-items:center}
.as-kopf .as-neu-knopf{margin-right:8px}
.as-textknopf{display:inline-flex;align-items:center;gap:6px}
.as-textknopf svg,.as-neu-knopf svg{width:15px;height:15px;flex:none}


.app-shell .as-kopf .as-neu-knopf{display:inline-flex;align-items:center;gap:6px;background:var(--fg);color:var(--w)}
.app-shell .as-kopf .as-neu-knopf:hover{background:var(--fg);opacity:.86}
.as-neu-knopf[hidden]{display:none}
.as-textknopf{border:0;background:none;font:inherit;font-size:var(--fs-dense);color:var(--muted);padding:6px 10px;border-radius:var(--r-pill);cursor:pointer}
.as-textknopf:hover,.as-textknopf[aria-expanded="true"]{background:var(--wash);color:var(--fg)}
.as-frueher-liste{position:absolute;top:calc(100% + 6px);left:0;width:min(360px,80vw);max-height:420px;overflow-y:auto;
  background:var(--w);border-radius:var(--r-l);box-shadow:var(--tiefe-hoch);padding:8px;pointer-events:auto}
.as-frueher-liste[hidden]{display:none}
.as-fl-z{display:flex;align-items:center;gap:4px;border-radius:var(--r-md)}
.as-fl-z:hover{background:var(--wash)}
.as-fl-auf{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:none;font:inherit;text-align:left;padding:8px 10px;cursor:pointer}
.as-fl-auf b{font-weight:400;font-size:var(--fs-dense);color:var(--fg);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-fl-auf em{font-style:normal;font-size:var(--fs-label);color:var(--faint)}
.as-fl-weg{border:0;background:none;color:var(--faint);font:inherit;font-size:var(--fs-card);padding:4px 10px;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap}
.as-fl-weg:hover{color:var(--fg)}
.as-fl-weg.scharf{font-size:var(--fs-label);color:var(--err);background:var(--err-bg)}
.as-fl-leer{margin:0;padding:10px;font-size:var(--fs-dense);color:var(--muted)}
.as-fl-fuss{margin:6px 0 0;padding:8px 10px 4px;font-size:var(--fs-label);color:var(--faint)}
.as-alt-kopf{margin:8px 0 22px;font-size:var(--fs-label);color:var(--faint)}





.app-shell .board-one[id^="v-set"] .sblock h3,
.app-shell #v-setbilling .bl-mh{margin:0 0 6px;font-size:var(--fs-sec);font-weight:600;letter-spacing:-.02em}
.app-shell #v-setbilling .bl-mh{display:block}
.app-shell #v-setaccount .bl-bh h3{font-size:var(--fs-sec)}

 
.sk-liste{margin-top:4px}
.sk-r{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:16px;align-items:center;
  min-height:60px;padding:10px 0;font-size:var(--fs-text)}
.sk-r + .sk-r{border-top:1px solid var(--line)}
.sk-l{color:var(--muted)}
.sk-w{display:flex;align-items:baseline;gap:12px;min-width:0}
.sk-w .sin{margin:0;max-width:440px}
.sk-w b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sk-w em{font-style:normal;font-size:var(--fs-dense);color:var(--faint)}
.sk-t{justify-self:end}
#v-setaccount .smem{margin-top:4px}
#v-setaccount .sm-kopf, #v-setaccount .sm-r{padding-left:0;padding-right:0}
#v-setaccount .sm-r{height:auto;min-height:60px;padding-top:10px;padding-bottom:10px;font-size:var(--fs-text)}
#v-setaccount .loesch-frage{margin-top:14px}
 
#v-setaccount .sm-kopf, #v-setaccount .sm-r{grid-template-columns:minmax(0,440px) 160px minmax(0,1fr)}
#v-setaccount .sm-tun{justify-content:flex-end}
.sk-w .sin{flex:0 1 440px}

 
.stg-liste{margin-top:4px}
#v-settags .sb-kopf, #v-settags .sb-r{grid-template-columns:minmax(0,1fr) 96px 32px;gap:16px;padding-left:0;padding-right:0}
#v-settags .sb-r{height:auto;min-height:56px;padding-top:10px;padding-bottom:10px;font-size:var(--fs-text)}
#v-settags .sb-n b{font-weight:600}
#v-settags .sb-z{font-size:var(--fs-text);color:var(--fg);font-variant-numeric:tabular-nums}
#v-settags .sb-neu{margin:4px 0 14px}



#v-setprofile .sfeld{font-weight:400;color:var(--muted)}
#v-setprofile .saud{background:none;padding:0;border-radius:0;gap:0}
#v-setprofile .saud-r{padding:12px 0;min-height:60px}
#v-setprofile .saud-r + .saud-r{box-shadow:none;border-top:1px solid var(--line)}
#v-setprofile .saud-r b{font-size:var(--fs-text);color:var(--fg)}
#v-setprofile .saud-r span{font-size:var(--fs-dense)}
.lk-kopf{display:grid;grid-template-columns:1fr 1fr 150px 190px;gap:12px;align-items:center;
  height:31px;font-size:var(--fs-label);color:var(--faint)}
:is(#v-setprofile,#v-setcountries) .lk-r{padding:0;min-height:60px;height:auto;font-size:var(--fs-text)}
:is(#v-setprofile,#v-setcountries) .lk-liste{margin-top:4px}
:is(#v-setprofile,#v-setcountries) .lk-p{color:var(--fg)}
@media (max-width:44rem){
  .sk-r{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
  .sk-l{grid-column:1/-1;font-size:var(--fs-dense)}
  .lk-kopf{display:none}
  :is(#v-setprofile,#v-setcountries) .lk-r{padding:12px 0}
}

 
.as-feld:has(.as-kont:not([hidden])){flex-wrap:wrap}
.as-kont{flex:0 0 100%;margin:0 4px;font-size:var(--fs-label);color:var(--faint);text-align:center}
.as-kont[hidden]{display:none}






#bl-karten{row-gap:0}
#bl-karten > .bl-k{display:grid;grid-row:span 11;grid-template-rows:subgrid;row-gap:0;margin-bottom:14px}
#bl-karten > .bl-anf{grid-row:span 11;margin-bottom:14px}
.bl-kfuss{display:flex;flex-direction:column;justify-content:flex-end}
.bl-kfuss:empty{display:none}
 
#bl-karten .bl-kb.bl-kb-2{align-self:stretch;width:100%;margin-top:20px;padding:9px 15px;border-radius:var(--r-pill);background:var(--wash);color:var(--fg);border-color:var(--wash)}
#bl-karten .bl-kb.bl-kb-2:hover{background:var(--soft);border-color:var(--soft)}
#bl-karten .bl-kfuss .bl-kende-d{padding-top:20px}




.dt tr.q-grp td{padding:18px 12px 8px}
.q-grp-b{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;padding:0;
  font:inherit;font-weight:600;color:var(--fg);cursor:pointer;text-align:left}
.q-grp-b .q-grp-car{margin-left:0;transform:rotate(-90deg);transition:transform .16s ease}
.q-grp-b[aria-expanded="true"] .q-grp-car{transform:none}
.q-mv{max-width:180px}
.qn-topic{margin-bottom:10px}

 
.rv-knoepfe{display:flex;gap:8px;flex:0 0 auto}
.rv-inhalt{display:flex;flex-direction:column;gap:12px}
.t-rv .rv-name{display:flex;align-items:center;gap:10px;min-width:0}
.t-rv .rv-name > span:last-child{display:flex;flex-direction:column;min-width:0}
.t-rv .rv-name b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rv-dom{font-size:var(--fs-label);color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rv-wann{color:var(--faint);font-size:var(--fs-label);margin-right:6px;white-space:nowrap}
.rv-st{color:var(--dim);font-size:var(--fs-label)}
.rv-fehl{color:var(--err)}
.rv-vn{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}
.rv-vn i{font-style:normal;color:var(--faint)}
.rv-vn b{font-weight:600;color:var(--fg)}
 
.rv-aes{display:flex;flex-direction:column;gap:10px}
.rv-ae{background:var(--wash);border-radius:var(--r-md);padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.rv-ae-kopf{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.rv-ae-kopf .rv-wann{margin:0}
.rv-art{font-size:var(--fs-label);color:var(--dim);background:var(--w);border-radius:var(--r-pill);padding:2px 9px}
.rv-art.rv-added,.rv-art.rv-changed,.rv-art.rv-removed{color:var(--dim)}
.rv-text{font-size:var(--fs-card);font-weight:600;letter-spacing:-.02em;line-height:1.3}
.rv-satz{margin:0;font-size:var(--fs-text);line-height:1.5;color:var(--fg);max-width:78ch}
.rv-satz.rv-oben{margin:0 0 10px}
.rv-zeile{margin:0;font-size:var(--fs-dense);color:var(--fg);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.rv-zeile i{font-style:normal;color:var(--faint);font-size:var(--fs-label)}
.rv-zeile .rv-i2{margin-left:8px}
.rv-zugleich{color:var(--dim)}
.rv-ae .rv-vt{background:var(--w);border-radius:var(--r-s)}
.rv-vt{width:100%}
.rv-vt td.num,.rv-vt th.num{width:150px}
.rv-beleg{font-size:var(--fs-dense)}
.rv-beleg summary{cursor:pointer;color:var(--dim);font-size:var(--fs-label);width:max-content}
.rv-beleg a{display:block;margin:8px 0 4px;color:var(--mark);text-decoration:none;word-break:break-all}
.rv-beleg q{display:block;color:var(--fg);line-height:1.5;quotes:"„" "“"}
.rv-leer{margin:0;color:var(--muted);font-size:var(--fs-text);line-height:1.5;padding:4px 2px}
.rv-pos{margin:0 0 16px;font-size:var(--fs-text);line-height:1.5;max-width:78ch}
.rv-gs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rv-g{background:var(--wash);border-radius:var(--r-md);padding:14px 16px;min-width:0}
.rv-g h4{margin:0 0 10px;font-size:var(--fs-label);font-weight:600;color:var(--dim)}
.rv-r{display:flex;flex-direction:column;gap:2px;padding:6px 0;font-size:var(--fs-dense);line-height:1.45}
.rv-r b{font-weight:600}
.rv-r span{color:var(--dim)}
.rv-chips{display:flex;flex-wrap:wrap;gap:6px}
.rv-chip{background:var(--w);border-radius:var(--r-pill);padding:4px 10px;font-size:var(--fs-dense)}
.rv-quellen{margin:14px 0 0;font-size:var(--fs-label);color:var(--faint);display:flex;flex-wrap:wrap;gap:4px 10px}
.rv-quellen a{color:var(--dim);text-decoration:none}
.rv-quellen a:hover{color:var(--mark)}
.rv-hinweis{margin:6px 0 0;font-size:var(--fs-dense);color:var(--muted);line-height:1.45}
.rv-stop{margin-right:auto}
@media (max-width:820px){
  .rv-gs{grid-template-columns:minmax(0,1fr)}
  .rv-knoepfe{flex-wrap:wrap}
  .rv-vt td.num,.rv-vt th.num{width:auto}
}





 
.rv-raster{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:12px;align-items:stretch}
.rv-liste tr.me td{background:var(--wash)}
.rv-liste tr.me .fw{background:var(--w)}
.rv-rechts{display:flex;flex-direction:column;gap:34px;min-width:0}
.rv-ab > .dp-h{margin-bottom:6px}
 
#v-rivals table.dt, #v-questions table.dt, #v-answers table.dt, #v-setservices table.dt{border-collapse:separate;border-spacing:0}
:is(#v-rivals, #v-questions, #v-answers, #v-setservices) table.dt tbody tr + tr{border-top:0}
:is(#v-rivals, #v-answers, #v-setservices) table.dt tbody tr[tabindex]:hover td{background:var(--wash)}
:is(#v-rivals, #v-answers, #v-setservices) table.dt tbody tr[tabindex]:hover td:first-child{border-radius:var(--r-s) 0 0 var(--r-s)}
:is(#v-rivals, #v-answers, #v-setservices) table.dt tbody tr[tabindex]:hover td:last-child{border-radius:0 var(--r-s) var(--r-s) 0}
:is(#v-rivals, #v-answers) table.dt tbody tr[tabindex]:hover .fw{background:var(--w)}
.rv-kopf{display:flex;align-items:center;gap:14px}
.rv-kopf > .fav, .rv-kopf > .fav img{width:40px;height:40px;margin:0;border-radius:var(--r-s)}
.rv-kopf > div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.rv-kopf b{font-size:var(--fs-sec);font-weight:600;letter-spacing:-.02em}
.rv-kopf span{font-size:var(--fs-dense);color:var(--faint);line-height:1.45}
.rv-drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rv-z3{display:flex;flex-direction:column;gap:4px;background:var(--wash);border-radius:var(--r-s);padding:12px 14px}
.rv-z3 em{font-style:normal;font-size:var(--fs-label);color:var(--faint)}
.rv-z3 b{font-size:var(--fs-card);font-weight:600;font-variant-numeric:tabular-nums}
.rv-z3 b .mv{font-size:var(--fs-dense);margin-left:6px;font-style:normal;font-weight:500}
.rv-z3 b .mv.auf{color:var(--live)}
.rv-z3 b .mv.ab{color:var(--err)}
.rv-z3 small{font-size:var(--fs-label);color:var(--faint)}
.t-rvae td{vertical-align:top;padding-top:12px;padding-bottom:12px}
.t-rvae td.num{vertical-align:middle}
.t-rvae .rv-art{display:block;background:none;padding:0;font-size:var(--fs-label);color:var(--faint)}
.rv-t{display:block;font-weight:600}
.rv-was{color:var(--dim);font-size:var(--fs-dense)}
.t-rvae .rv-was{display:block}
.rv-was s{color:var(--dimmer)}
.rv-grund{display:block;margin-top:2px;font-size:var(--fs-label);color:var(--faint)}
.t-rvae .rv-beleg{display:block;margin-top:8px;font-size:var(--fs-dense)}
.t-rvae .rv-beleg[hidden]{display:none}
.t-rvae .rv-beleg q{display:block;line-height:1.5;quotes:"„" "“"}
.t-rvae .rv-beleg a{display:block;margin-top:4px;color:var(--mark);text-decoration:none;word-break:break-all}
.rv-mehr{margin-top:12px}
.rv-paar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;align-items:start}
.t-rvang td{vertical-align:top}
.rv-neu{font-size:var(--fs-label);color:var(--mark);font-weight:500}
.rv-h4{margin:16px 0 6px;font-size:var(--fs-label);font-weight:600;color:var(--dim)}
.t-rvvg td{vertical-align:top}
@media (max-width:1180px){
  .rv-raster{grid-template-columns:minmax(0,1fr)}
  .rv-paar{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:820px){ .rv-drei{grid-template-columns:minmax(0,1fr)} }
.rv-ae-z{cursor:pointer}





.zk-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:2px 0 12px}
.zk-erg{font-variant-numeric:tabular-nums;font-weight:600}
.zk-erg.gut{color:var(--live)}
.zk-erg.schlecht{color:var(--err)}
.zk-keiner{display:inline-block;margin-left:8px;font-size:var(--fs-label);color:var(--faint)}
.zk-grund{font-size:var(--fs-dense);color:var(--dim)}
.zk-akt{text-align:right;white-space:nowrap}
.zk-akt .sb-x{margin-left:2px}
.sb-x.sicher{width:auto;padding:0 8px;color:var(--err)}
.zk-form{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}
.zk-form textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:56px}
.zk-vor{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.zk-vor .pill{white-space:normal;text-align:left;line-height:1.35;height:auto;padding:6px 12px}
.zk-knoepfe{display:flex;align-items:center;gap:8px}
.zk-hinweis{font-size:var(--fs-dense);color:var(--dim)}
.zk-beleg{display:block;margin-top:4px;font-size:var(--fs-label);color:var(--faint)}




.dt td .mname{display:inline-block;max-width:22ch;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;vertical-align:middle}




.wb-tab{table-layout:fixed}
.wb-tab td{vertical-align:top;padding-top:16px;padding-bottom:16px}
.wb-tab tbody tr[tabindex]{cursor:pointer}
.wb-tab tbody tr[tabindex]:hover td{background:var(--wash)}
.wb-tab tr.wb-offen td{color:var(--faint)}
.wb-sit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:var(--fs-text);font-weight:500;line-height:1.4}
.wb-wer{display:flex;flex-direction:column;gap:8px}
.wb-wer > span{display:flex;align-items:flex-start;gap:8px;min-width:0;overflow-wrap:anywhere;font-size:var(--fs-text);font-weight:600;line-height:1.25}
.wb-wer > span > em{flex:0 0 auto;line-height:1.25;padding-top:2px}
 
.wb-wer .wb-name{display:inline-flex;flex:0 1 auto;align-items:flex-start;gap:8px;text-align:left;white-space:normal;min-width:0;overflow-wrap:anywhere}
.wb-wer > span .fav{margin-right:0}
.wb-wer em{font-style:normal;font-weight:400;color:var(--faint);font-size:var(--fs-dense);font-variant-numeric:tabular-nums}
 
.wb-wer > span.wb-fall{display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:2px;white-space:normal}
.wb-wer > span.wb-fall em{grid-column:2;line-height:1.35}
.wb-faelle{display:flex;flex-direction:column;gap:8px}
.wb-faelle > span{display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:2px;align-items:center}
.wb-faelle em{grid-column:2;font-style:normal;color:var(--faint);font-size:var(--fs-dense);line-height:1.35}
.wb-grund{font-size:var(--fs-text);line-height:1.4}
.wb-urt b{display:block;font-size:var(--fs-dense);font-weight:600;line-height:1.3}
.wb-urt b em{font-style:normal;font-weight:400;color:var(--faint);margin-left:6px}
.wb-urt span{display:block;font-size:var(--fs-dense);color:var(--dim);line-height:1.4;margin-top:2px}
.wb-urt.darstellung b{color:var(--mark)}
.wb-urt.gewonnen b{color:var(--live)}
.wb-urt.offen b{color:var(--faint)}
.wb-leer{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:8px 0 4px}
.wb-leer p{margin:0;max-width:62ch;color:var(--dim);font-size:var(--fs-text);line-height:1.5}
.sb-x.sicher{color:var(--err);font-size:var(--fs-dense)}
#wb-ans .wb-links{display:flex;flex-direction:column;min-height:0}
.wb-gespr{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:6px}
.wb-gespr .wb-zug + .wb-zug{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.wb-gespr .ans-q{margin-bottom:12px}
.wb-gespr .ans-body ul{margin:0 0 12px;padding-left:18px}
.wb-gespr .ans-body li{margin:4px 0}
.wb-fav{display:flex;align-items:center;gap:6px}
.wb-q{display:block;color:var(--dim);quotes:"„" "“"}
.wb-link{display:block;margin-top:4px;font-size:var(--fs-label);color:var(--mark);word-break:break-all}
.wb-wann{display:block;font-style:normal;font-size:var(--fs-label);color:var(--faint);margin-top:2px}
@media (max-width:820px){ .wb-scroll{overflow-x:auto} .wb-tab{min-width:720px} }
.wb-vor{gap:6px}
.wb-vor .wb-vorschlag{display:block;width:100%;text-align:left;border:0;border-radius:var(--r-s);background:var(--hair);
  padding:10px 14px;font:inherit;font-size:var(--fs-dense);line-height:1.45;color:var(--fg);cursor:pointer}
.wb-vor .wb-vorschlag:hover{background:var(--hair2)}
 
.wb-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px}
.wb-filter .fseg,.wb-filter .fdrop-top{background:var(--w)}
.wb-filter .fdrop-top:hover{background:var(--soft)}
.wb-filter .ds-p{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wb-menu-n{font-style:normal;color:var(--faint);font-variant-numeric:tabular-nums}
.wb-dp{padding-bottom:22px}
.wb-name{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}
.wb-name:hover{text-decoration:underline;text-underline-offset:3px}
#wb-tabs{padding:0 0 10px}
.wb-gtab tbody tr[tabindex]{cursor:pointer}
.wb-beleg{display:flex;flex-direction:column;gap:4px;background:var(--w);border-radius:var(--r-s);padding:12px 16px;font-size:var(--fs-dense)}
.wb-beleg b{font-weight:600}
.wb-gfragen{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-dense)}
.wb-gfragen > b{font-weight:600;margin-bottom:2px}
.wb-gfrage{display:block;width:100%;text-align:left;border:0;border-radius:var(--r-s);background:var(--hair);padding:10px 14px;font:inherit;line-height:1.45;color:var(--fg);cursor:pointer}
.wb-gfrage:hover{background:var(--hair2)}
.wb-gtab tr.wb-mehr td{padding-top:10px}
.wb-rest{border:0;background:none;padding:0;font:inherit;font-size:var(--fs-dense);color:var(--faint);cursor:pointer}
.wb-rest:hover{color:var(--fg)}

 
.wb-kurve{width:100%;height:auto;display:block;margin:4px 0 2px;max-width:100%}
.wb-k-gitter{stroke:var(--line);stroke-width:1}
.wb-k-seite{stroke:var(--faint);stroke-width:1;stroke-dasharray:2 3}
.wb-k-linie{fill:none;stroke:var(--mark);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.wb-k-punkt{fill:var(--w);stroke:var(--mark);stroke-width:1.6}
.wb-k-tag{font-size:var(--fs-label);fill:var(--faint)}


.wb-k-wechsel{fill:transparent;stroke:var(--mark);stroke-width:1.4;cursor:help}
.wb-k-griff{stroke:transparent;stroke-width:10;cursor:help}
.wb-k-stand{margin:8px 0 0;font-size:var(--fs-dense);color:var(--fg)}






@media (min-width:821px){
  .app-shell .board-one.fest{overflow:hidden}
  .app-shell .board-one.fest > *{flex:0 0 auto}
  .app-shell .board-one.fest > .fest-innen{flex:0 1 auto;min-height:0;display:flex;flex-direction:column}
  .app-shell .board-one.fest .fest-innen > *{flex:0 0 auto}
   
  .app-shell .board-one.fest .rollt{flex:0 1 auto;min-height:0;display:flex;flex-direction:column}
  .app-shell .board-one.fest .rollt > *{flex:0 0 auto}
  .app-shell .board-one.fest .rollt > .rollt,
  .app-shell .board-one.fest .rollt > .rollfeld{flex:0 1 auto;min-height:0}
  .app-shell .board-one.fest .rollfeld{overflow-y:auto;scrollbar-width:thin}
  .app-shell .board-one.fest .rollfeld thead th{position:sticky;top:0;z-index:2;background:var(--w)}
  .app-shell .board-one.fest > .dp.rollt{padding-bottom:10px}
  



  .app-shell .board-one.fest > .stapel{flex:1 1 0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;scrollbar-width:none}
  .app-shell .board-one.fest > .stapel::-webkit-scrollbar{display:none}
  .app-shell .board-one.fest > .stapel > .dp{flex:0 0 auto;padding-bottom:26px}
  .app-shell .board-one.fest > .stapel > .stapel-ende{flex:0 0 100%;min-height:360px;display:flex;flex-direction:column;padding-bottom:10px}
  .app-shell .board-one.fest .stapel-ende > *{flex:0 0 auto}
  .app-shell .board-one.fest .stapel-ende > .rollfeld{flex:1 1 0;min-height:0;overflow-y:hidden}
  .app-shell .board-one.fest .stapel.unten .stapel-ende > .rollfeld{overflow-y:auto}
   
  .app-shell .board-one.fest:has(> .dp):not(:has(> .dp ~ .dp)) .rollfeld thead th{background:var(--grund)}
  .app-shell .board-one.fest:has(> .dp):not(:has(> .dp ~ .dp)) > .dp.rollt{padding-bottom:0}
}




@media (min-width:821px){
  body.app-shell:has(> .ob:not([hidden])){height:100dvh;overflow:hidden}
  .app-shell .ob{height:100dvh;min-height:0}
  .ob-l{height:100dvh;min-height:0}
  .ob-l .ob-body{flex:0 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin}
  .ob-l .ob-foot,.ob-l .ob-top,.ob-l .ob-fine{flex:0 0 auto}
}
 
@media (max-width:820px){ #bq-marken{overflow-x:auto} .t-bq{min-width:760px} }


.wb-wer .fav,.wb-fav .fav{flex:0 0 auto}
 
.bq-ausz{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--muted)}
 
.wb-rang{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.wb-rang li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:var(--fs-dense);
  background:var(--hair);border-radius:var(--r-s)}
.wb-rang em{font-style:normal;color:var(--muted);font-variant-numeric:tabular-nums}



.wb-g{display:flex;flex-direction:column;gap:22px;padding-bottom:4px}
.wb-g > .wb-beleg + .wb-beleg{margin-top:-12px}
#wb-gdialog .cl-box{max-height:88vh}




.wb-fliste{display:flex;flex-direction:column;gap:6px}
.wb-fz{display:grid;grid-template-columns:72px 36px 1fr 40px;gap:10px;align-items:center;width:100%;padding:10px 14px;
  border:0;background:var(--hair);font:inherit;font-size:var(--fs-dense);color:var(--fg);text-align:left;cursor:pointer;border-radius:var(--r-s)}
.wb-fz:hover{background:var(--hair2)}
.wb-fz-d,.wb-fz-l{color:var(--muted);font-variant-numeric:tabular-nums}
.wb-fz em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}
#wb-frage .wb-rang em{max-width:60%;text-align:right}


.fc-f-inhalt,.app-shell .board-one.fest .rollfeld,.ob-l .ob-body{scrollbar-width:none}
.fc-f-inhalt::-webkit-scrollbar,.app-shell .board-one.fest .rollfeld::-webkit-scrollbar,.ob-l .ob-body::-webkit-scrollbar{display:none}




.q-leise{display:block;margin-top:6px;font-size:var(--fs-dense);color:var(--faint)}
.wb-filter .qsel{box-shadow:none}
.wb-filter .qsel:hover{box-shadow:none;background-color:var(--soft)}
.q-filter .dp-csv{margin-left:auto}
.q-dtext{margin:0 0 6px;font-size:var(--fs-text);line-height:1.45}
:is(#v-questions, #v-answers) .fw{width:100%;max-width:150px}
#v-questions .q-grp td{padding-top:22px}
#answers td.a-m{padding-top:18px}
@media (max-width:820px){ :is(#v-questions, #v-answers) .rollfeld{overflow-x:auto} }


.bq-tabs{align-items:center}
.bq-tabs .bq-verwalten{margin-left:auto}
.pc-leer{margin:8px 0 4px}
.pc-fsatz{margin:0;font-size:var(--fs-text);color:var(--dim)}
.pc-q{min-width:0;color:inherit;text-decoration:none}
.pc-q span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-q:hover span{text-decoration:underline;text-underline-offset:3px}
#v-brandq .t-bild tbody tr[tabindex]{cursor:pointer}
@media (max-width:820px){ #bq-bild, #bq-gegen{overflow-x:auto} .t-bild{min-width:640px} }


.vg-leiste{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px}
.vg-leiste .vg-eig{margin-left:auto}
.vg-vorl .fseg-b{display:inline-flex;align-items:center;gap:6px}
.vg-x{color:var(--faint);padding:0 2px;border-radius:var(--r-pill)}
.vg-x:hover{color:var(--err)}
.fseg-b[aria-current="true"] .vg-x{color:inherit;opacity:.7}
.t-vgl th.vg-marke .wb-fav{display:inline-flex;justify-content:center}
.t-vgl th.vg-marke .sb-x{margin-left:4px;font-size:var(--fs-dense)}
.t-vgl .vg-zelle{width:100%;max-width:120px;margin:0 auto}
.t-vgl tbody tr[data-vgrow]{cursor:pointer}
.t-vgl tbody tr[data-vgrow]:hover td{background:var(--wash)}
.t-vgl tbody tr[data-vgrow]:hover td:first-child{border-radius:var(--r-s) 0 0 var(--r-s)}
.t-vgl tbody tr[data-vgrow]:hover td:last-child{border-radius:0 var(--r-s) var(--r-s) 0}
.t-vgl tbody tr[data-vgrow]:hover .vg-zelle{background:var(--w)}
.t-vgl tbody td[data-vgs]:hover .vg-zelle{background:var(--soft)}
.vg-loeschen{align-self:flex-start;color:var(--err);margin-top:6px}
.vg-warn{color:var(--err)}
@media (max-width:820px){ #bq-vergleich{overflow-x:auto} .t-vgl{min-width:560px} }
.t-vgl :is(th, td).num{text-align:center}
.t-vgl th.vg-marke .wb-fav{justify-content:center}
.t-vgl .vg-zelle{margin:0 auto}
 
.t-vgl th.vg-marke .wb-fav{position:relative}
.t-vgl th.vg-marke .sb-x{position:absolute;left:100%;top:50%;transform:translateY(-50%)}


#bq-vergleich{overflow-x:auto}
.t-vgl{table-layout:fixed;width:max-content;min-width:100%}
.t-vgl col.vg-eigcol{width:300px}
.t-vgl col.vg-col{width:150px}
.t-vgl col.vg-pluscol{width:110px}
.t-vgl :is(th, td):first-child{position:sticky;left:0;z-index:1;background:var(--w)}
.t-vgl .vg-plus{text-align:right}


@media (min-width:821px){
  .app-shell .board-one.fest > .fest-innen{flex:1 1 auto}
  .app-shell .board-one.fest .rollt{flex:1 1 auto}
}
 
.bq-titelzeile{display:flex;align-items:center;gap:18px;margin:0 0 16px}
.bq-titelzeile > b{font-size:var(--fs-sec);font-weight:600;letter-spacing:-.026em;line-height:1.2}
.bq-titelzeile .bq-tabs{margin:0;padding:0}
.bq-titelzeile > .dp-knopf{margin-left:auto}
.vg-plus-k{border:0;background:var(--wash);color:var(--fg);font:inherit;font-size:var(--fs-dense);line-height:1;
  padding:4px 8px;border-radius:var(--r-pill);margin-left:8px;cursor:pointer}
.vg-plus-k:hover{background:var(--soft)}
.vg-chats{align-self:flex-start;background:var(--w)}
.vg-chats:hover{background:var(--soft)}
 
.vg-gespr{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}
.vg-gk b{font-weight:600}
.vg-gw{color:var(--muted);font-size:var(--fs-dense);line-height:1.45}




.cw-alle > summary{display:inline-flex;align-items:center;gap:8px;height:33px;padding:0 14px;
  border-radius:var(--r-pill);background:var(--wash);font-size:var(--fs-dense);font-weight:500;
  cursor:pointer;list-style:none;user-select:none}
.cw-alle > summary::-webkit-details-marker{display:none}
.cw-alle > summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.cw-alle[open] > summary::after{transform:translateY(1px) rotate(-135deg)}
.cw-alle > summary:hover{background:var(--soft)}
.cw-alle[open] > summary{margin-bottom:14px}
.cw-r{border-radius:var(--r-sm)}
.cw-r:hover{background:var(--wash)}
a.mw-bar{color:inherit;text-decoration:none}
a.mw-bar:hover i{background:var(--soft)}
a.mw-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:821px){
  

  .app-shell #v-mysite .cw-dp{flex:0 1 auto;max-height:62%}
  .app-shell #v-mysite .mw-dp{flex:1 1 0}
}

 
#v-setservices tr.slk-a td{padding-top:10px;padding-bottom:10px;vertical-align:top;font-size:var(--fs-text);line-height:1.5}
#v-setservices tr.slk-a td:first-child{padding-left:38px}
.slk-t{color:var(--muted)}
.slk-z{display:block}
.slk-z + .slk-z{margin-top:4px}
.slk-kopf{display:flex;align-items:center;gap:12px}
.slk-kopf .q-grp-b{flex:1 1 auto;width:auto}
#v-setservices .slk-in{width:100%;max-width:none;margin:0;resize:vertical;font:inherit}
.slk-hinweis{font-size:var(--fs-label);color:var(--faint)}
.slk-knoepfe{display:flex;gap:9px;align-items:center}
 
.app-shell #v-setservices{padding-top:30px}
#v-setservices .lede .sub{margin:6px 0 0;color:var(--muted);font-size:var(--fs-text)}
 
@media (min-width:821px){
  .app-shell #v-setservices > .fest-innen{flex:1 1 auto}
  .app-shell #v-setservices .fest-innen > .dp.rollt{flex:1 1 auto}
}






@media (min-width:821px){
  

  .app-shell .board-side{background:var(--w);margin:14px 0 14px 8px;border-radius:var(--r-lg);
    box-shadow:var(--tiefe);align-self:stretch;min-height:0}
  .app-shell .board{background:var(--grund)}
  .app-shell .board-side .ds-i.on{background:var(--wash)}
  .app-shell .board-side .ds-i:hover,.app-shell .board-side .ds-g:hover{background:var(--wash)}
}

 
.mx-wrap{position:relative}
.mx-voll{position:absolute;z-index:20;max-width:280px;padding:8px 12px;border-radius:var(--r-sm);
  background:var(--w);box-shadow:var(--tiefe-hoch);font-size:var(--fs-dense);color:var(--fg);line-height:1.4}
.mx thead th[data-voll]{cursor:pointer;user-select:none;-webkit-user-select:none}
.mx thead th.offen{color:var(--fg)}








.skachel{background:var(--w);border-radius:var(--r-lg);box-shadow:var(--tiefe);padding:20px 24px;margin-top:14px;max-width:1240px}
.skachel:not(:has(> :not([hidden]):not(:empty))){display:none}
.app-shell :is(#v-setaccount,#v-setprojects,#v-setbilling,#v-setprofile,#v-setbrands,#v-settags,#v-setcountries,#v-setservices) > .sblock + .sblock{margin-top:36px}
:is(#v-setaccount,#v-setprojects,#v-setbilling,#v-setprofile,#v-setbrands,#v-settags,#v-setcountries,#v-setservices)
  :is(.sk-r,.sp-r,.sb-r,.sm-r,.mw-r,.se-r,.sf-r,.lk-r,.saud-r,.sb-vr,tbody tr,thead tr){border-top:0 !important;border-bottom:0 !important}
 
em.you{color:var(--w);font-style:normal}





@media (min-width:821px){
  


  .app-shell :is(#v-setprojects,#v-setbrands,#v-setservices):not([hidden]){
    display:flex;flex-direction:column;overflow:hidden;min-height:0}
  .app-shell :is(#v-setprojects,#v-setbrands,#v-setservices) > .sblock{
    display:flex;flex-direction:column;flex:0 0 auto;min-height:0}
  .app-shell :is(#v-setprojects,#v-setbrands,#v-setservices) > .sblock:has(> .skachel:not(.klein)){flex:0 1 auto}
  .app-shell :is(#v-setprojects,#v-setbrands,#v-setservices) > .sblock > :not(.skachel){flex:none}
  .app-shell :is(#v-setprojects,#v-setbrands,#v-setservices) .skachel{
    flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
}




.app-shell, .app-shell *{scrollbar-width:none}
.app-shell::-webkit-scrollbar, .app-shell *::-webkit-scrollbar{display:none;width:0;height:0}





.skachel b{font-size:var(--fs-text);font-weight:500}




.app-shell #v-insights > .dp{background:var(--w);border-radius:var(--r-lg);box-shadow:var(--tiefe);
  padding:20px 24px;max-width:none}




.app-shell :is(#v-setaccount,#v-setprojects,#v-setbilling,#v-setbrands,#v-settags,#v-setcountries,#v-setservices) > .sblock,
.app-shell .skachel{max-width:none}
 
#v-setservices .q-grp-b{font-size:var(--fs-text);font-weight:500}

 
.d-ort{margin:4px 0 0;font-size:var(--fs-dense);color:var(--muted)}
.d-aendern{border:0;background:none;padding:0;margin-left:4px;font:inherit;color:var(--mark);cursor:pointer}

 
#ob-next{margin-left:auto}




.fr-liste{display:flex;flex-direction:column;margin:12px 0 18px}
.fr-r{display:grid;grid-template-columns:minmax(0,1fr) 140px 28px;gap:16px;align-items:start;padding:12px 0;font-size:var(--fs-text);line-height:1.45}
.fr-r .fr-th{font-size:var(--fs-dense);color:var(--faint);padding-top:2px}
.fr-r.weg .fr-t{color:var(--faint);text-decoration:line-through}
.fr-r.eigen .fr-th{color:var(--mark)}




.app-shell .ob:has(#step-fragen:not([hidden])){grid-template-columns:680px minmax(0,1fr)}
#step-fragen{max-width:none}
#step-fragen .fr-liste{margin:6px 0 4px}
#step-fragen .fr-r{grid-template-columns:minmax(0,1fr) 28px;gap:10px;padding:10px 0;font-size:var(--fs-dense);line-height:1.5}
#step-fragen .fr-r .fr-th{display:none}
#step-fragen .fr-r.eigen .fr-t::after{content:" · eigene";color:var(--mark)}
#step-fragen .fr-eigen{margin-top:4px}





input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
textarea:-webkit-autofill, select:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px var(--wash) inset;box-shadow:0 0 0 1000px var(--wash) inset;
  -webkit-text-fill-color:var(--fg);caret-color:var(--fg);transition:background-color 9999s}
 
.chips-e > *{white-space:nowrap}







@media (min-width:56.0625rem){
  html:has(> body.app-shell){overflow:hidden;height:100%}
   
  body.app-shell{position:relative}
   
  html:has(> body.app-shell > .ob:not([hidden])){overflow:visible;height:auto}
}

 
.q-knoepfe{display:flex;gap:8px;align-items:center}




.app-shell #v-setaccount{padding:30px 36px 36px;gap:0;min-height:0}
.ak-titel{margin:0 0 20px;font-size:var(--fs-sec);font-weight:600;letter-spacing:-.02em;color:var(--fg)}
.ak-karte{flex:1 1 auto;min-height:0;overflow-y:auto;background:var(--w);border-radius:var(--r-lg);
  box-shadow:var(--tiefe);padding:20px 24px 32px}
.app-shell .ak-karte > .sblock{padding:0;margin:0;background:none;box-shadow:none;border-radius:0;max-width:none;clip-path:none}
.app-shell .ak-karte > .sblock + .sblock{margin-top:44px;border-top:0}




.app-shell .board-one#v-setservices{padding:28px 36px 36px}
.app-shell #v-setservices .fest-innen > .dp{padding:20px 24px}
.app-shell #v-setservices .lede h2{line-height:30px;margin:0}