/* Zusätze für die Branchenseiten. Ergänzt css/site.css (Kopie der Startseiten-Styles). */

.crumbs{font-size:0.88rem; color:var(--steel); margin-bottom:22px;}
.crumbs a{color:var(--steel); border-bottom:1px solid var(--line); transition:color .2s ease;}
.crumbs a:hover{color:var(--accent-2);}
.crumbs span{margin:0 8px; opacity:.6;}

.hero.branche{padding:56px 0 56px;}
.hero.branche .hero-grid{align-items:start;}
.hero.branche h1{font-size:clamp(2rem,4.2vw,3.1rem); line-height:1.08;}

.checkcard{background:var(--canvas-dim); border:1px solid var(--line); border-radius:16px; padding:32px 30px; box-shadow:0 40px 90px -30px rgba(255,90,31,.38);}
.checkcard h2{font-size:1.3rem; line-height:1.2; margin-bottom:18px;}
.checkcard ul{list-style:none; margin:0; padding:0;}
.checkcard li{position:relative; padding:12px 0 12px 28px; border-top:1px solid var(--line); font-size:0.97rem; color:#c9ced6;}
.checkcard li::before{content:"✓"; position:absolute; left:0; top:12px; color:var(--accent-2); font-weight:700;}

.pkg{display:grid; grid-template-columns:1.2fr 0.8fr; gap:48px; align-items:center;}
@media (max-width:860px){ .pkg{grid-template-columns:1fr; gap:30px;} }
.pkg p{color:#c9ced6; margin-bottom:14px; max-width:60ch;}
.pkg strong{color:var(--accent-2); font-weight:600;}
.pkg-price{background:var(--canvas-dim); border:1px solid var(--line); border-radius:18px; padding:32px 30px;}
.pkg-price .pfor{min-height:0; margin-bottom:14px;}
.pkg-price .btn{margin-top:24px; display:block;}

.crosslinks{display:flex; flex-wrap:wrap; gap:12px; margin-top:6px;}

.section-tight{padding:72px 0;}