/* Fahrradversicherung und Fahrradregeln – v9, 2026-10-03 */
.bike-page .bike-hero{padding:2rem 0 3rem;background:linear-gradient(145deg,#edf3f8,#fff8e9)}
.bike-hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:3rem;align-items:center}
.bike-hero h1{font-size:clamp(2.15rem,4vw,3.65rem);line-height:1.08;letter-spacing:-.035em;margin:.6rem 0 1.2rem;color:var(--primary);max-width:23ch}
.bike-intro{font-size:1.12rem;color:var(--muted);max-width:62ch}.bike-date{font-size:.85rem;color:var(--muted);margin-top:1.3rem}
.bike-hero-panel{background:var(--primary);color:#fff;border-radius:24px;padding:2rem;box-shadow:var(--shadow)}
.bike-panel-kicker{display:block;color:#ead7a5;text-transform:uppercase;letter-spacing:.09em;font-size:.75rem;font-weight:800;margin-bottom:1rem}
.bike-hero-panel ol{padding-left:1.25rem;margin:0}.bike-hero-panel li{padding:.7rem 0 .7rem .4rem}.bike-hero-panel li span{display:block;color:#d5dfeb;font-size:.95rem}.bike-hero-panel strong{color:#fff}
.bike-stat{display:flex;align-items:center;gap:1.2rem;padding:1rem 0;border-top:1px solid #ffffff25}.bike-stat strong{font-size:2.1rem;white-space:nowrap;line-height:1.15;min-width:8.4rem;color:#ead7a5}.bike-stat span{font-size:.9rem;line-height:1.5;color:#e3eaf3}
.bike-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:2rem;align-items:start;margin-top:2.5rem}
.bike-toc{position:sticky;top:155px;padding:1rem 0}.bike-toc h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 1rem;color:var(--muted)}.bike-toc a{display:block;padding:.4rem .75rem;border-left:2px solid var(--border);font-size:.92rem}.bike-toc a:hover{border-color:var(--accent);background:#fff}
.bike-article{padding:clamp(1.2rem,3vw,2.6rem);min-width:0}.bike-article p,.bike-article li{color:#4d5e70}.bike-article a:not(.btn){text-decoration:underline;text-underline-offset:3px}.bike-article .btn.primary{color:#fff}.bike-article strong{color:var(--primary)}
.bike-answer{font-size:1.07rem;margin-top:0;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.bike-section{margin-top:2.5rem;scroll-margin-top:180px}.bike-section h2,.bike-callout h2,.bike-cta h2{font-size:1.65rem;line-height:1.2;color:var(--primary);margin:0 0 1rem}.bike-section h3{font-size:1.15rem;line-height:1.3;margin-top:1.7rem;color:var(--primary)}
.bike-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px;margin:1.4rem 0}.bike-table-wrap table{width:100%;border-collapse:collapse;font-size:.92rem}.bike-table-wrap th,.bike-table-wrap td{padding:1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);min-width:135px}.bike-table-wrap thead{background:var(--primary);color:#fff}.bike-table-wrap tbody th{color:var(--primary)}.bike-table-wrap tbody tr:last-child>*{border-bottom:0}.bike-table-wrap tbody tr:nth-child(even){background:#f6f8fb}
.bike-cover-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.bike-cover-grid>div{border:1px solid var(--border);border-radius:16px;padding:1rem 1.15rem;background:#f8fafc}.bike-cover-grid h3{margin:0}.bike-cover-grid p{margin:.7rem 0 0}
.bike-callout,.bike-example{margin:2rem 0;padding:1.4rem;border-left:4px solid var(--accent);background:#fffbf0;border-radius:0 16px 16px 0}.bike-callout h2{font-size:1.45rem}.bike-source{font-size:.86rem}.bike-cta{margin:2.5rem 0;padding:1.5rem;border-radius:18px;background:#edf3f8}.bike-cta h2{font-size:1.45rem}
.bike-article details{border-bottom:1px solid var(--border);padding:1rem 0}.bike-article summary{font-weight:700;color:var(--primary);cursor:pointer;padding-right:.5rem}.bike-article details p{margin-bottom:.25rem}.bike-page a:focus-visible,.bike-page summary:focus-visible,.bike-table-wrap:focus-visible{outline:3px solid var(--primary-2);outline-offset:4px}
@media(max-width:1000px){.bike-hero-grid{gap:1.5rem;grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}.bike-layout{grid-template-columns:1fr}.bike-toc{position:static;padding:0;display:flex;gap:.35rem;flex-wrap:wrap}.bike-toc h2{flex-basis:100%;margin-bottom:.25rem}.bike-toc a{border:1px solid var(--border);border-radius:8px;padding:.4rem .65rem;background:#fff}.bike-stat{display:block}.bike-stat span{display:block;margin-top:.3rem}}
@media(max-width:700px){.bike-hero-grid{grid-template-columns:1fr}.bike-page .bike-hero{padding:1.3rem 0 2rem}.bike-hero-panel{padding:1.4rem}.bike-stat{display:flex}.bike-stat strong{font-size:1.8rem;min-width:8rem}.bike-cover-grid{grid-template-columns:1fr}.bike-layout{gap:1.2rem;margin-top:1.5rem}.bike-section{scroll-margin-top:180px}.bike-section h2{font-size:1.45rem}.bike-hero .cta-row .btn{width:100%}}