.lbroviz{width:100%;--vz-blue:#39639e;--vz-blue-dark:#2d527f;--vz-blue-light:rgba(57,99,158,.09);--vz-ink:#171717;--vz-muted:#565656;--vz-faint:#929292;--vz-border:#e2e2e2;--vz-surface:#f7f7f7;--vz-bg:#fff;--vz-green:#2e7d32;--vz-amber:#a86a00;--vz-red:#b3261e;
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;color:var(--vz-ink);background:var(--vz-bg);border:1px solid var(--vz-border);border-radius:14px;padding:22px;margin:32px 0;line-height:1.5;box-sizing:border-box;font-size:15px}
.lbroviz *,.lbroviz *::before,.lbroviz *::after{box-sizing:border-box}
.lbroviz h3{font-size:19px;line-height:1.3;margin:0 0 4px;font-weight:650;color:var(--vz-ink)}
.lbroviz .vz-sub{font-size:13.5px;color:var(--vz-muted);margin:0 0 20px}
.lbroviz .vz-ctrls{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:22px}
.lbroviz label{display:block;font-size:12.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--vz-muted);margin-bottom:7px}
.lbroviz .vz-val{font-variant-numeric:tabular-nums;font-weight:650;color:var(--vz-blue);font-size:15px;text-transform:none;letter-spacing:0}
.lbroviz input[type=range]{width:100%;margin:0;accent-color:var(--vz-blue);height:22px;display:block}
.lbroviz select,.lbroviz input[type=number]{width:100%;padding:9px 11px;border:1px solid var(--vz-border);border-radius:8px;font:inherit;font-size:14.5px;background:var(--vz-bg);color:var(--vz-ink)}
.lbroviz select:focus-visible,.lbroviz input:focus-visible,.lbroviz button:focus-visible{outline:2px solid var(--vz-blue);outline-offset:2px}
.lbroviz .vz-bars{display:grid;gap:10px;margin:0 0 18px}
.lbroviz .vz-bar{display:grid;grid-template-columns:minmax(112px,auto) 1fr minmax(96px,auto);gap:12px;align-items:center}
.lbroviz .vz-bar-name{font-size:13.5px;font-weight:600}
.lbroviz .vz-bar-track{display:block;background:var(--vz-surface);border-radius:6px;height:26px;overflow:hidden}
.lbroviz .vz-bar-fill{display:block;height:100%;background:var(--vz-blue);border-radius:6px;transition:width .25s ease}
.lbroviz .vz-bar--best .vz-bar-fill{background:var(--vz-green)}
.lbroviz .vz-bar-num{text-align:right;font-variant-numeric:tabular-nums;font-weight:650;font-size:14px}
.lbroviz .vz-note{background:var(--vz-blue-light);border-left:3px solid var(--vz-blue);border-radius:0 8px 8px 0;padding:13px 15px;font-size:14px;margin:16px 0 0}
.lbroviz .vz-note strong{color:var(--vz-blue-dark)}
.lbroviz .vz-note--ok{background:rgba(46,125,50,.08);border-left-color:var(--vz-green)}
.lbroviz .vz-note--ok strong{color:var(--vz-green)}
.lbroviz .vz-note--warn{background:rgba(168,106,0,.09);border-left-color:var(--vz-amber)}
.lbroviz .vz-note--warn strong{color:var(--vz-amber)}
.lbroviz .vz-note--stop{background:rgba(179,38,30,.07);border-left-color:var(--vz-red)}
.lbroviz .vz-note--stop strong{color:var(--vz-red)}
.lbroviz .vz-foot{font-size:12px;color:var(--vz-faint);margin:16px 0 0;padding-top:13px;border-top:1px solid var(--vz-border)}
.lbroviz .vz-chart{width:100%;height:auto;display:block;margin:4px 0 6px;overflow:visible}
.lbroviz .vz-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12.5px;color:var(--vz-muted);margin-bottom:14px}
.lbroviz .vz-legend span{display:inline-flex;align-items:center;gap:6px}
.lbroviz .vz-legend i{width:14px;height:3px;border-radius:2px;display:inline-block}
.lbroviz .vz-q{border-top:1px solid var(--vz-border);padding:15px 0}
.lbroviz .vz-q:first-of-type{border-top:0;padding-top:0}
.lbroviz .vz-q p{margin:0 0 10px;font-size:14.5px;font-weight:600}
.lbroviz .vz-opts{display:flex;flex-wrap:wrap;gap:8px}
.lbroviz .vz-opt{border:1px solid var(--vz-border);background:var(--vz-bg);border-radius:8px;padding:8px 15px;font:inherit;font-size:14px;cursor:pointer;color:var(--vz-ink);transition:background .15s,border-color .15s}
.lbroviz .vz-opt:hover{border-color:var(--vz-blue)}
.lbroviz .vz-opt[aria-pressed=true]{background:var(--vz-blue);border-color:var(--vz-blue);color:#fff;font-weight:600}
.lbroviz .vz-res{margin-top:18px}
.lbroviz .vz-big{font-size:27px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}
.lbroviz .vz-tbl{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 4px}
.lbroviz .vz-tbl th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--vz-muted);border-bottom:1px solid var(--vz-border);padding:0 8px 8px 0;font-weight:600}
.lbroviz .vz-tbl td{padding:9px 8px 9px 0;border-bottom:1px solid var(--vz-border);font-variant-numeric:tabular-nums}
.lbroviz .vz-tbl td:first-child{font-weight:600;font-variant-numeric:normal}
.lbroviz .vz-tbl tr:last-child td{border-bottom:0}
.lbroviz .vz-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:600px){
 .lbroviz{padding:17px;border-radius:11px}
 .lbroviz .vz-bar{grid-template-columns:1fr;gap:4px}
 .lbroviz .vz-bar-num{text-align:left}
 .lbroviz .vz-big{font-size:23px}
}
@media (prefers-reduced-motion:reduce){.lbroviz .vz-bar-fill{transition:none}}

/* Artikel-Typografie fuer Breakdance-RichText in Blogbeitraegen */
.lbro-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0}
.lbro-table-wrap table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
.lbro-table-wrap th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:#565656;font-weight:600;padding:0 12px 9px 0;border-bottom:1px solid #e2e2e2;white-space:nowrap}
.lbro-table-wrap td{padding:10px 12px 10px 0;border-bottom:1px solid #e2e2e2;vertical-align:top}
.lbro-table-wrap tr:last-child td{border-bottom:0}
.lbro-table-wrap td:first-child{font-weight:600}

/* --- Inhaltsverzeichnis --- */
.lbroviz--toc{background:var(--vz-surface);border-color:transparent}
.lbroviz .vz-toc-title{font-size:15px;font-weight:650;margin:0 0 12px;text-transform:none}
.lbroviz .vz-toc-list{margin:0;padding:0 0 0 20px;columns:2;column-gap:32px;font-size:14.5px}
.lbroviz .vz-toc-list li{margin:0 0 7px;break-inside:avoid}
.lbroviz .vz-toc-list a{color:var(--vz-blue);text-decoration:none;border-bottom:1px solid transparent}
.lbroviz .vz-toc-list a:hover{border-bottom-color:var(--vz-blue)}
.lbroviz .vz-toc-hint{font-size:12.5px;color:var(--vz-muted);margin:16px 0 0;padding-top:13px;border-top:1px solid var(--vz-border)}

/* --- Karten --- */
.lbroviz .vz-filter{margin-bottom:16px}
.lbroviz .vz-cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));margin-bottom:16px}
.lbroviz .vz-card{border:1px solid var(--vz-border);border-radius:10px;padding:13px 15px;cursor:pointer;background:var(--vz-bg);transition:border-color .15s,background .15s}
.lbroviz .vz-card:hover{border-color:var(--vz-blue)}
.lbroviz .vz-card--on{border-color:var(--vz-blue);background:var(--vz-blue-light)}
.lbroviz .vz-card h4{margin:0 0 4px;font-size:14.5px;font-weight:650}
.lbroviz .vz-card-meta{margin:0;font-size:12.5px;color:var(--vz-muted);font-variant-numeric:tabular-nums}
.lbroviz .vz-bar-sub{font-weight:400;color:var(--vz-faint);font-size:12px}

/* --- Aufklappbares --- */
.lbroviz .vz-acc-item{border-bottom:1px solid var(--vz-border)}
.lbroviz .vz-acc-item:last-child{border-bottom:0}
.lbroviz .vz-acc-q{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;padding:16px 0;font:inherit;font-size:15.5px;font-weight:600;color:var(--vz-ink);cursor:pointer;line-height:1.4}
.lbroviz .vz-acc-q:hover{color:var(--vz-blue)}
.lbroviz .vz-acc-n{flex:0 0 26px;height:26px;border-radius:50%;background:var(--vz-blue-light);color:var(--vz-blue);display:grid;place-items:center;font-size:13px;font-weight:700}
.lbroviz .vz-acc-i{margin-left:auto;flex:0 0 14px;height:14px;position:relative}
.lbroviz .vz-acc-i::before,.lbroviz .vz-acc-i::after{content:"";position:absolute;background:var(--vz-blue);border-radius:1px;transition:transform .2s}
.lbroviz .vz-acc-i::before{top:6px;left:0;width:14px;height:2px}
.lbroviz .vz-acc-i::after{top:0;left:6px;width:2px;height:14px}
.lbroviz .vz-acc-item--open .vz-acc-i::after{transform:rotate(90deg)}
.lbroviz .vz-acc-a{padding:0 0 18px 38px}
.lbroviz .vz-acc-a p{margin:0;font-size:15px;color:var(--vz-muted);line-height:1.65}

/* --- Checklisten --- */
.lbroviz .vz-check,.lbroviz .vz-steps{list-style:none;margin:0;padding:0}
.lbroviz .vz-check li,.lbroviz .vz-steps li{border-top:1px solid var(--vz-border)}
.lbroviz .vz-check li:first-child,.lbroviz .vz-steps li:first-child{border-top:0}
.lbroviz .vz-check label,.lbroviz .vz-steps label{display:flex;gap:12px;align-items:flex-start;padding:13px 0;cursor:pointer;font-size:14.5px;line-height:1.6}
.lbroviz .vz-check input,.lbroviz .vz-steps input{flex:0 0 auto;width:19px;height:19px;margin:2px 0 0;accent-color:var(--vz-green);cursor:pointer}
.lbroviz .vz-done label{opacity:.55}
.lbroviz .vz-done .vz-step-txt strong,.lbroviz .vz-done span strong{text-decoration:line-through}
.lbroviz .vz-step-day{flex:0 0 92px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--vz-blue);padding-top:2px}
.lbroviz .vz-step-txt{flex:1}
.lbroviz .vz-prog{background:var(--vz-surface);border-radius:6px;height:9px;overflow:hidden;margin-bottom:7px}
.lbroviz .vz-prog-bar{display:block;height:100%;width:0;background:var(--vz-green);border-radius:6px;transition:width .3s ease}
.lbroviz .vz-prog-txt{font-size:12.5px;color:var(--vz-muted);margin:0 0 16px;font-variant-numeric:tabular-nums}

/* --- Pflichtenliste --- */
.lbroviz .vz-duty-list{list-style:none;margin:0;padding:0}
.lbroviz .vz-duty{border-left:3px solid var(--vz-border);padding:11px 0 11px 14px;margin-bottom:9px;font-size:14.5px;line-height:1.6;background:var(--vz-surface);border-radius:0 8px 8px 0}
.lbroviz .vz-duty--wait{border-left-color:var(--vz-faint);color:var(--vz-muted)}
.lbroviz .vz-duty--ok{border-left-color:var(--vz-green);background:rgba(46,125,50,.07)}
.lbroviz .vz-duty--warn{border-left-color:var(--vz-amber);background:rgba(168,106,0,.08)}
.lbroviz .vz-duty--stop{border-left-color:var(--vz-red);background:rgba(179,38,30,.06)}

/* --- Aufmacherbild --- */
.lbro-aufmacher{margin:0;width:100%;border-radius:14px;overflow:hidden;line-height:0}
.lbro-aufmacher img{width:100%;height:auto;display:block}


@media (max-width:600px){
  .lbroviz .vz-toc-list{columns:1}
  .lbroviz .vz-acc-a{padding-left:0}
  .lbroviz .vz-step-day{flex-basis:auto}
  .lbroviz .vz-steps label{flex-wrap:wrap}
}

/* Accordion-Fragen sind Überschriften. Der Button traegt weiter das Aussehen. */
.lbroviz .vz-acc-h{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:normal;text-transform:none}

/* Autorenzeile und Zitat im Beitrag */
.lbro-byline{font-size:13.5px;color:#565656;margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif}
.lbro-byline a{color:#39639e;text-decoration:none;font-weight:600}
.lbro-byline a:hover{text-decoration:underline}
.lbro-quote{margin:24px 0;padding:20px 24px;background:rgba(57,99,158,.06);border-left:3px solid #39639e;border-radius:0 10px 10px 0}
.lbro-quote p{margin:0 0 10px;font-size:16.5px;line-height:1.6;color:#171717}
.lbro-quote cite{font-style:normal;font-size:13px;font-weight:600;color:#39639e;letter-spacing:.02em}

/* --- Hinweiskasten auf LaunchBro --- */
.lbroviz--cta{background:var(--vz-blue-light);border-color:rgba(57,99,158,.22)}
.lbroviz .vz-cta-kicker{margin:0 0 8px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--vz-blue)}
.lbroviz .vz-cta-titel{margin:0 0 10px;font-size:19px;line-height:1.3;font-weight:650;color:var(--vz-ink);text-transform:none;letter-spacing:normal}
.lbroviz .vz-cta-text{margin:0 0 18px;font-size:15px;line-height:1.65;color:var(--vz-muted)}
.lbroviz .vz-cta-text a{color:var(--vz-blue-dark);font-weight:600}
.lbroviz .vz-cta-aktion{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.lbroviz .vz-cta-btn{display:inline-block;background:var(--vz-blue);color:#fff;text-decoration:none;font-size:14.5px;font-weight:600;padding:11px 22px;border-radius:9px;transition:background .15s}
.lbroviz .vz-cta-btn:hover{background:var(--vz-blue-dark)}
.lbroviz .vz-cta-neben{font-size:12.5px;color:var(--vz-faint)}
