/* Branchenseiten (2026-10-30) – ergänzt agency.css / home-anim.css */
.br-hero .hero-title{font-size:clamp(2.1rem,4.4vw,3.5rem);max-width:15ch}
.br-crumbs{font-size:.82rem;color:var(--dim);margin-bottom:14px}
.br-crumbs a{color:var(--muted)}
.br-for{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.br-for span{padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--elev);font-size:.76rem;font-weight:700;color:var(--muted)}
.br-visual{position:relative;max-width:420px;justify-self:center;width:100%}
.br-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;max-height:320px;object-fit:cover;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.br-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:var(--elev);border:1px solid var(--line);box-shadow:0 18px 40px rgba(20,30,40,.14);font-size:.8rem;font-weight:700;line-height:1.25}
.br-chip i{font-style:normal;display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:10px;background:var(--blue-dim);color:var(--accent,#1d7fb5);font-size:.78rem;font-weight:800}
.br-chip small{display:block;font-weight:600;color:var(--dim);font-size:.72rem}
.br-chip.c1{left:-22px;top:14%}
.br-chip.c2{right:-18px;bottom:12%}
.br-text{max-width:68ch;color:var(--muted);font-size:1rem;line-height:1.65;margin-top:18px}
.br-svc{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px}
.br-svc .wv-card{display:flex;flex-direction:column}
.br-svc .wv-card ul{margin-bottom:20px}
.br-price{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;font-size:.9rem}
.br-price b{font-size:1rem}
.br-price a{font-weight:700;color:var(--accent,#1d7fb5)}
.br-web{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,48px);align-items:start;margin-top:32px}
.br-web .wv-card ul{margin-top:0}
.br-ideas{counter-reset:idea}
.br-ideas .wv-use b::before{counter-increment:idea;content:counter(idea,decimal-leading-zero);display:block;font-size:.72rem;letter-spacing:.08em;color:var(--accent,#1d7fb5);margin-bottom:6px}
.br-reels{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.br-reels .reel-card{color:inherit;text-decoration:none}
.prices.br-p4{grid-template-columns:repeat(4,1fr)}
.prices.br-p4 .price{padding:30px 22px 26px}
.br-note{margin-top:18px;font-size:.86rem;color:var(--dim);max-width:70ch}
.br-more{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.br-more a{padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--elev);font-weight:700;font-size:.88rem;color:inherit}
.br-more a:hover{border-color:var(--blue-line)}
/* Übersicht */
.br-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.br-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:var(--elev);overflow:hidden;color:inherit;text-decoration:none;transition:transform .4s var(--ease-out),border-color .4s var(--ease-out),box-shadow .4s var(--ease-out)}
.br-card:hover{transform:translateY(-4px);border-color:var(--blue-line);box-shadow:var(--shadow-soft)}
.br-card img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.br-card div{padding:20px 22px 22px}
.br-card b{display:block;font-size:1.1rem;margin-bottom:6px}
.br-card span{display:block;font-size:.88rem;color:var(--muted);line-height:1.5}
.br-card small{display:block;margin-top:10px;font-size:.76rem;color:var(--dim);font-weight:600}
@media(max-width:1024px){.prices.br-p4{grid-template-columns:1fr 1fr;max-width:none}.br-grid{grid-template-columns:1fr 1fr}}
@media(max-width:860px){
  .br-svc,.br-web{grid-template-columns:1fr}
  .br-visual{max-width:380px}
  .br-chip.c1{left:-6px}.br-chip.c2{right:-6px}
}
@media(max-width:600px){.prices.br-p4,.br-grid{grid-template-columns:1fr}}