/* LBC2 Hubs: Port des Mockups (hubs/template.html), alles unter .lbc2h gescopet. */
.lbc2h{--bg:#ffffff; --bg2:#f7f8fa; --card:#ffffff; --ink:#15181d; --ink2:#454b55; --mute:#6b7280; --line:#e6e8ec;
 --brand:#c67700; --brand-ink:#9a5b00; --brand-soft:#fff3e0; --brand-soft2:#ffe7c2;
 --ok:#16794c; --ok-soft:#e6f5ec; --blue:#2457c5; --blue-soft:#e8effc; --vio:#6b3fc6; --vio-soft:#f0eafc; --teal:#0f766e; --teal-soft:#e2f5f2; --red:#b42318; --red-soft:#fdecea;
 --shadow:0 1px 2px rgba(16,24,40,.05),0 4px 16px rgba(16,24,40,.06); --r:14px;
 color:var(--ink);font:16px/1.6 Inter,system-ui,-apple-system,sans-serif}
.lbc2h *{box-sizing:border-box}
.lbc2h a{color:var(--brand-ink)}
.lbc2h img{max-width:100%;display:block}
.lbc2h h1,.lbc2h h2,.lbc2h h3{letter-spacing:-.015em;overflow-wrap:break-word;hyphens:auto}
.lbc2h .band{background:linear-gradient(180deg,var(--brand-soft) 0%,var(--bg) 100%);border-bottom:1px solid var(--line)}
.lbc2h .band-in{max-width:1240px;margin:0 auto;padding:34px 16px 38px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:44px;align-items:center}
.lbc2h .kicker{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-ink)}
.lbc2h .band h1{font-size:clamp(30px,4.2vw,48px);line-height:1.08;margin:10px 0 14px;font-weight:800}
.lbc2h .lede{font-size:18px;color:var(--ink2);margin:0 0 20px;max-width:640px}
.lbc2h .crumbs{font-size:13px;color:var(--mute)}
.lbc2h .crumbs a{color:var(--mute);text-decoration:none}
.lbc2h .srch{position:relative;max-width:620px}
.lbc2h .srch input{width:100%;font:inherit;font-size:16px;padding:15px 18px 15px 46px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);box-shadow:var(--shadow)}
.lbc2h .srch::before{content:"⌕";position:absolute;left:17px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--mute)}
.lbc2h .srch input:focus{outline:2px solid var(--brand);outline-offset:1px}
.lbc2h .srch-res{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:30;max-height:360px;overflow:auto}
.lbc2h .srch-res a{display:flex;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:14.5px}
.lbc2h .srch-res a:first-child{border-top:0}
.lbc2h .srch-res a:hover{background:var(--bg2)}
.lbc2h .quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;font-size:14px;align-items:center}
.lbc2h .quick span{color:var(--mute)}
.lbc2h .quick a{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:5px 12px;color:var(--ink);text-decoration:none;font-weight:600}
.lbc2h .fresh{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 40px rgba(198,119,0,.12),var(--shadow);padding:8px}
.lbc2h .fresh-h{display:flex;justify-content:space-between;padding:10px 12px}
.lbc2h .fresh-h a{font-size:13px;font-weight:600}
.lbc2h .fresh-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:10px;border-radius:12px;text-decoration:none;color:var(--ink);align-items:center}
.lbc2h .fresh-row:hover{background:var(--bg2)}
.lbc2h .fresh-row img{width:76px;height:56px;object-fit:cover;border-radius:8px;background:var(--bg2)}
.lbc2h .fresh-row b{display:block;font-size:14.5px;line-height:1.3;margin-top:3px}
.lbc2h .fresh-row small{color:var(--mute);font-size:12px}
.lbc2h .hubstats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lbc2h .hubstats div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)}
.lbc2h .hubstats b{display:block;font-size:30px;letter-spacing:-.02em}
.lbc2h .hubstats span{font-size:13px;color:var(--mute)}
.lbc2h .wrap{max-width:1240px;margin:0 auto;padding:0 16px 60px}
.lbc2h .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:28px 0 8px}
.lbc2h .kpis div{background:var(--card);padding:16px 18px}
.lbc2h .kpis b{display:block;font-size:26px}
.lbc2h .kpis span{font-size:13px;color:var(--mute)}
.lbc2h .sec{margin-top:46px}
.lbc2h .sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.lbc2h .sec-h h2{font-size:clamp(22px,2.6vw,28px);margin:0}
.lbc2h .sec-h p{margin:0;color:var(--mute)}
.lbc2h .sec-h a{font-weight:600;font-size:14px}
.lbc2h .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.lbc2h .tile{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.lbc2h .tile:hover{transform:translateY(-2px);border-color:var(--brand)}
.lbc2h .tile-ic{font-size:26px}
.lbc2h .tile-n{font-size:12px;font-weight:700;color:var(--brand-ink);text-transform:uppercase;letter-spacing:.05em}
.lbc2h .tile b{font-size:19px}
.lbc2h .tile-d{font-size:13.5px;color:var(--ink2);line-height:1.45}
.lbc2h .tile,.lbc2h .card,.lbc2h .fresh-row span,.lbc2h .lrow-t{min-width:0}
.lbc2h .tile ul{margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--line);list-style:none;font-size:13px;color:var(--ink2)}
.lbc2h .tile li{padding:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lbc2h .tile li::before{content:"› ";color:var(--brand)}
.lbc2h .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lbc2h .card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card);text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s}
.lbc2h .card:hover{transform:translateY(-2px)}
.lbc2h .card-img{aspect-ratio:16/9;background:var(--bg2);overflow:hidden}
.lbc2h .card-img img{width:100%;height:100%;object-fit:cover}
.lbc2h .card-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.lbc2h .card h3{font-size:17px;line-height:1.3;margin:2px 0 0}
.lbc2h .card-ex{font-size:14px;color:var(--ink2);margin:0}
.lbc2h .card-m{font-size:12.5px;color:var(--mute);margin-top:auto;padding-top:4px}
.lbc2h .tchip{align-self:flex-start;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:6px;background:var(--bg2);color:var(--ink2);white-space:nowrap}
.lbc2h .c-alt{background:var(--blue-soft);color:var(--blue)}
.lbc2h .c-cost{background:var(--brand-soft);color:var(--brand-ink)}
.lbc2h .c-best{background:var(--vio-soft);color:var(--vio)}
.lbc2h .c-guide{background:var(--teal-soft);color:var(--teal)}
.lbc2h .c-test{background:var(--ok-soft);color:var(--ok)}
.lbc2h .c-vs{background:var(--red-soft);color:var(--red)}
.lbc2h .split{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.lbc2h .list{border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden}
.lbc2h .list.cols2{display:grid;grid-template-columns:1fr 1fr}
.lbc2h .lrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.lbc2h .lrow:hover{background:var(--bg2)}
.lbc2h .lrow-t{font-weight:600;font-size:15px;line-height:1.35}
.lbc2h .lrow-d{font-size:12.5px;color:var(--mute);white-space:nowrap}
.lbc2h .lrow.hide,.lbc2h .arow.hide,.lbc2h .ctab tr.hide,.lbc2h .az-h.hide{display:none}
.lbc2h .team{display:flex;gap:22px;align-items:center;margin-top:52px;padding:24px;border-radius:18px;background:linear-gradient(135deg,var(--brand-soft),var(--bg2));border:1px solid var(--line)}
.lbc2h .team-p{display:flex;flex:none}
.lbc2h .team-p img{width:64px;height:64px;border-radius:50%;border:3px solid var(--bg)}
.lbc2h .team-p img+img{margin-left:-14px}
.lbc2h .team b{font-size:19px;display:block}
.lbc2h .team p{margin:6px 0 12px;color:var(--ink2)}
.lbc2h .btn{display:inline-flex;align-items:center;gap:6px;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:10px 16px;border-radius:10px}
.lbc2h .btn-ghost{background:var(--card);color:var(--ink);border:1px solid var(--line)}
.lbc2h .tasks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lbc2h .task{border:1px solid var(--line);border-radius:var(--r);padding:16px;background:var(--card)}
.lbc2h .task b{display:block;margin-bottom:10px}
.lbc2h .task div{display:flex;flex-wrap:wrap;gap:6px}
.lbc2h .task a{font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none;background:var(--bg2);padding:5px 10px;border-radius:8px}
.lbc2h .task a:hover{background:var(--brand-soft);color:var(--brand-ink)}
.lbc2h .filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 14px}
.lbc2h .f{all:unset;cursor:pointer;font-size:13.5px;font-weight:600;padding:7px 13px;border-radius:99px;border:1px solid var(--line);color:var(--ink2);background:var(--card)}
.lbc2h .f.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.lbc2h .az{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:18px;position:sticky;top:104px;background:var(--bg);padding:8px 0;z-index:5}
.lbc2h .az a{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line);text-decoration:none;font-weight:700;font-size:14px;color:var(--ink)}
.lbc2h .az a:hover{background:var(--brand-soft)}
.lbc2h .alist{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lbc2h .az-h{grid-column:1/-1;margin:18px 0 2px;font-size:22px;color:var(--brand-ink);scroll-margin-top:160px}
.lbc2h .arow{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-decoration:none;color:var(--ink)}
.lbc2h .arow:hover{border-color:var(--brand)}
.lbc2h .arow b{font-size:16px}
.lbc2h .arow span{font-size:13px;color:var(--ink2);line-height:1.35}
.lbc2h .arow small{font-size:12px;color:var(--mute);margin-top:4px}
.lbc2h .tbl-wrap{border:1px solid var(--line);border-radius:var(--r);overflow:auto;background:var(--card)}
.lbc2h .ctab{border-collapse:collapse;width:100%;font-size:14.5px;min-width:620px}
.lbc2h .ctab th{background:var(--bg2);text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);padding:10px 14px;border-bottom:1px solid var(--line);position:sticky;top:0}
.lbc2h .ctab td{padding:11px 14px;border-bottom:1px solid var(--line);color:var(--ink2)}
.lbc2h .ctab td b{color:var(--ink)}
.lbc2h .ctab a{color:var(--ink);font-weight:600;text-decoration:none}
.lbc2h .ctab a:hover{color:var(--brand-ink)}
.lbc2h .nw{white-space:nowrap}
.lbc2h .faq{border:1px solid var(--line);border-radius:12px;margin:10px 0;background:var(--card)}
.lbc2h .faq summary{list-style:none;cursor:pointer;padding:14px 44px 14px 16px;position:relative}
.lbc2h .faq summary::-webkit-details-marker{display:none}
.lbc2h .faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--brand-ink)}
.lbc2h .faq[open] summary::after{content:"−"}
.lbc2h .faq h3{margin:0;font-size:16px}
.lbc2h .faq p{padding:0 16px;color:var(--ink2)}
@media (max-width:1000px){
.lbc2h .tiles{grid-template-columns:repeat(2,1fr)}
.lbc2h .alist{grid-template-columns:1fr 1fr}
.lbc2h .tasks{grid-template-columns:1fr 1fr}
}

@media (max-width:820px){
.lbc2h .band-in{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:22px}
.lbc2h .grid3,.lbc2h .split,.lbc2h .list.cols2{grid-template-columns:1fr}
.lbc2h .kpis{grid-template-columns:1fr 1fr}
.lbc2h .az{top:52px}
}

@media (max-width:560px){
.lbc2h .tiles,.lbc2h .alist,.lbc2h .tasks{grid-template-columns:1fr}
.lbc2h .lrow{grid-template-columns:minmax(0,1fr)}
.lbc2h .lrow .tchip{justify-self:start}
.lbc2h .team{flex-direction:column;align-items:flex-start}
}

/* ---- Anpassungen für das echte Theme (GeneratePress) ---- */
body.lbc2h-page{overflow-x:clip}
.lbc2h{display:block;max-width:none;width:100%}
.lbc2h .band{margin:0 calc(50% - 50vw);padding:0 calc(50vw - 50%)}
.lbc2h .hide-q,.lbc2h .hide-f{display:none!important}
.lbc2h .empty{margin:18px 0;color:var(--mute)}
.lbc2h .band h1{font-size:clamp(30px,4.2vw,48px);line-height:1.08;margin:10px 0 14px;font-weight:800;color:var(--ink)}
.lbc2h h2,.lbc2h h3{color:var(--ink);line-height:1.25}
.lbc2h a{text-decoration:none}
.lbc2h .btn{color:#fff}.lbc2h .btn.btn-ghost{color:var(--ink)}
.lbc2h .team .btn{margin-right:8px;margin-bottom:6px}
.lbc2h .team-p img,.lbc2h .team-p .avatar{width:64px;height:64px;border-radius:50%;border:3px solid var(--bg);object-fit:cover}
.lbc2h .team-p img+img{margin-left:-14px}
.lbc2h .card-img-empty{background:linear-gradient(135deg,var(--brand-soft),var(--bg2))}
.lbc2h .fresh-noimg{display:block;width:76px;height:56px;border-radius:8px;background:var(--brand-soft)}
.lbc2h .fresh-row>span{min-width:0}
.lbc2h .fresh-row b,.lbc2h .card h3,.lbc2h .lrow-t{color:var(--ink)}
.lbc2h .srch input{margin:0;height:auto}
.lbc2h .srch-res a:hover{text-decoration:none}
.lbc2h .az{top:0}
.lbc2h .arow b,.lbc2h .arow span,.lbc2h .arow small{overflow-wrap:anywhere}
.lbc2h .tile b{color:var(--ink)}
.lbc2h .more-c{max-width:860px;color:var(--ink2)}
.lbc2h .more-c h2{font-size:clamp(21px,2.4vw,26px);margin:30px 0 10px}
.lbc2h .more-c h3{font-size:19px;margin:22px 0 8px}
.lbc2h .more-c p,.lbc2h .more-c li{color:var(--ink2)}
.lbc2h .more-c a{text-decoration:underline}
.lbc2h .more-c img{height:auto}
.lbc2h .more-c table{display:block;overflow-x:auto;max-width:100%}
.lbc2h .more-c *{max-width:100%}
.lbc2h .tbl-wrap{max-width:100%}
.lbc2h .ctab a{text-decoration:none}
@media (max-width:820px){.lbc2h .az{position:static}.lbc2h .band-in{padding-left:16px;padding-right:16px}.lbc2h .band{padding:0}}
@media (max-width:560px){.lbc2h .lrow-d{display:none}.lbc2h .hubstats b{font-size:26px}}