/* PATCH 99 - Logbuch Premium aktiv für bestehende /blog-Views */
.onb99-log-hero{position:relative;min-height:420px;display:flex;align-items:flex-end;background:#071b35;color:#fff;overflow:hidden}
.onb99-log-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.015)}
.onb99-log-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,42,.88),rgba(4,20,42,.56),rgba(4,20,42,.12)),linear-gradient(0deg,rgba(4,20,42,.82),rgba(4,20,42,.05) 60%)}
.onb99-log-hero-inner{position:relative;z-index:1;width:calc(100% - 48px);max-width:1180px;margin:0 auto;padding:105px 0 70px}
.onb99-eyebrow{font-size:.82rem;letter-spacing:.15em;text-transform:uppercase;font-weight:900;color:#9dc2ea;margin:0 0 12px}
.onb99-log-hero h1{font-size:clamp(2.4rem,5vw,5.2rem);line-height:.96;margin:0 0 18px;color:#fff;max-width:870px}
.onb99-log-hero p{max-width:780px;font-size:1.14rem;color:rgba(255,255,255,.9);margin:0 0 22px}
.onb99-chip-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.onb99-chip,.onb99-tag{display:inline-flex;align-items:center;border-radius:999px;text-decoration:none;font-weight:800}
.onb99-chip{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#fff;padding:8px 13px;font-size:.86rem}
.onb99-wrap{max-width:1180px;margin:0 auto;padding:58px 24px 72px}
.onb99-filter{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}
.onb99-filter a{border:1px solid #d9e5f2;background:#fff;color:#0b2344;border-radius:999px;padding:9px 14px;text-decoration:none;font-weight:900;font-size:.86rem}
.onb99-filter a.active,.onb99-filter a:hover{background:#0b2344;color:#fff}
.onb99-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.onb99-card{background:#fff;border:1px solid #dfe8f2;border-radius:22px;overflow:hidden;box-shadow:0 18px 42px rgba(18,38,63,.09);display:flex;flex-direction:column}
.onb99-card-img{display:block;aspect-ratio:16/10;background:#dce8f4;overflow:hidden}
.onb99-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.onb99-card:hover .onb99-card-img img{transform:scale(1.045)}
.onb99-card-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}
.onb99-card h2{font-size:1.36rem;line-height:1.16;margin:0}
.onb99-card h2 a{color:#0b2344;text-decoration:none}.onb99-card h2 a:hover{text-decoration:underline}
.onb99-card p{color:#243e5c;margin:0;line-height:1.5}
.onb99-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}
.onb99-tag{background:#eef5fc;color:#244363;padding:6px 9px;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}
.onb99-more{margin-top:4px;color:#0b2344;font-weight:900;text-decoration:none}.onb99-more:hover{text-decoration:underline}
.onb99-empty{background:#fff;border:1px solid #dfe8f2;border-radius:20px;padding:28px;color:#244363}

/* Detail */
.onb99-detail-hero{position:relative;min-height:500px;display:flex;align-items:flex-end;background:#071b35;color:#fff;overflow:hidden}
.onb99-detail-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.015)}
.onb99-detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,42,.90),rgba(4,20,42,.58),rgba(4,20,42,.12)),linear-gradient(0deg,rgba(4,20,42,.85),rgba(4,20,42,.06) 58%)}
.onb99-detail-hero-inner{position:relative;z-index:1;max-width:1180px;width:calc(100% - 48px);margin:0 auto;padding:118px 0 78px}
.onb99-detail-hero h1{font-size:clamp(2.3rem,5vw,4.9rem);line-height:.98;margin:0 0 16px;color:#fff;max-width:880px}
.onb99-detail-hero p{font-size:1.14rem;max-width:760px;color:rgba(255,255,255,.9)}
.onb99-article-wrap{max-width:1180px;margin:0 auto;padding:64px 24px;display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.9fr);gap:34px}
.onb99-article{background:#fff;border:1px solid #dfe8f2;border-radius:24px;box-shadow:0 20px 48px rgba(18,38,63,.08);padding:42px}
.onb99-article p,.onb99-article li{font-size:1.04rem;line-height:1.82;color:#203955}
.onb99-article h2,.onb99-article h3{color:#0b2344;margin-top:1.4em}
.onb99-side{display:flex;flex-direction:column;gap:18px}
.onb99-box{background:#fff8ea;border:1px solid #f0dfbd;border-radius:20px;padding:23px;box-shadow:0 14px 34px rgba(18,38,63,.06)}
.onb99-box.white{background:#fff;border-color:#dfe8f2}
.onb99-box h3{margin:0 0 12px;color:#0b2344;font-size:1.1rem}
.onb99-box p{margin:0;color:#243e5c;line-height:1.55}
.onb99-box ul{margin:0;padding-left:18px}.onb99-box li{margin:0 0 8px;color:#243e5c;line-height:1.45}
.onb99-link-list{display:grid;gap:9px}.onb99-link-list a{display:block;text-decoration:none;color:#0b2344;font-weight:900;background:#eef5fc;border-radius:12px;padding:10px 12px}
.onb99-inline-cta{margin-top:30px;padding:24px;border-radius:18px;background:linear-gradient(135deg,#eef8ff,#fff8ea);border:1px solid #dfe8f2}
.onb99-inline-cta h3{margin:0 0 8px}.onb99-inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.onb99-related{max-width:1180px;margin:0 auto;padding:0 24px 76px}
.onb99-related h2{margin:0 0 22px;color:#0b2344}
.onb99-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.onb99-related-card{background:#fff;border:1px solid #dfe8f2;border-radius:18px;overflow:hidden;text-decoration:none;color:#0b2344;box-shadow:0 14px 34px rgba(18,38,63,.08)}
.onb99-related-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.onb99-related-card strong{display:block;padding:16px 16px 18px;font-size:1.05rem}
.onb99-back{max-width:1180px;margin:0 auto;padding:0 24px 70px}.onb99-back a{font-weight:900;color:#0b2344;text-decoration:none}.onb99-back a:hover{text-decoration:underline}
@media(max-width:960px){.onb99-grid,.onb99-related-grid{grid-template-columns:1fr 1fr}.onb99-article-wrap{grid-template-columns:1fr}.onb99-log-hero,.onb99-detail-hero{min-height:420px}}
@media(max-width:640px){.onb99-grid,.onb99-related-grid{grid-template-columns:1fr}.onb99-log-hero-inner,.onb99-detail-hero-inner{width:calc(100% - 32px);padding:90px 0 54px}.onb99-wrap,.onb99-article-wrap,.onb99-related,.onb99-back{padding-left:16px;padding-right:16px}.onb99-article{padding:26px}.onb99-log-hero h1,.onb99-detail-hero h1{font-size:2.35rem}}