/* Gebietsseite /recht/<gebiet>, 09.11.2026 SEO-Audit P3 (Freigabe Max, Vorschau gebietsseiten). Wird nur von front/gebiet.blade.php geladen. */
/* Kopf wie /kanzleimarketing (weiss), 09.11.2026 Vorschau Gebietsseiten */
html body #modernHeader{background:#fff!important;background-image:none!important;box-shadow:0 1px 0 #e9eef5!important}
html body #modernHeader .logo-white{display:none!important}
html body #modernHeader .logo-blue{display:inline-block!important}
html body #modernHeader .desktop-nav a{color:#0f172a!important}
html body #modernHeader .desktop-nav a.active{background:#eff6ff!important;color:#1e3a8a!important}
html body #modernHeader .btn-login,html body #modernHeader .btn-login span,html body #modernHeader .btn-login svg{color:#0f172a!important;stroke:currentColor}
html body #modernHeader .btn-register{background:#1e3a8a!important;color:#fff!important}
html body #modernHeader .menu-toggle span{background:#0f172a!important}
html,html body{background:#fff!important;background-image:none!important}
html body #modernHeader{-webkit-mask-image:none!important;mask-image:none!important;height:80px!important}
html body #modernHeader .logo-blue{content:url("/public/assets/front/fuer-anwaelte-v4/logo-navy.svg");height:34px;width:auto}
html body #modernHeader::before,html body #modernHeader::after{display:none!important}
/* Gebietsseite /recht/<gebiet>, Vorschau 09.11.2026; Tokens und Muster aus /kanzleimarketing (.jm-*) */
.jm{--ink:#1e293b;--text:#475569;--navy:#1e3a8a;--blue:#2563eb;--soft:#eff6ff;--mint:#e3eeff;--sand:#f4f6fa;--line:#e2e8f0;--ease:cubic-bezier(.22,1,.36,1);
  font-family:'Inter',sans-serif;color:var(--ink);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.jm *{box-sizing:border-box}
.jm h1,.jm h2,.jm h3{margin:0;font-family:inherit;color:var(--ink)}
.jm p{margin:0}
.jm a{color:var(--blue);text-decoration:none}
.jm a:hover{text-decoration:underline}
.jm-wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.jm-hero{background:linear-gradient(var(--sand) 0,var(--sand) calc(100% - 40px),#fff calc(100% - 40px));padding:40px 0 88px}
.jm-hero-in{max-width:860px;text-align:center}
.jm-crumb{font-size:13px;color:var(--text);margin-bottom:28px!important}
.jm-crumb a{color:var(--navy);font-weight:500}
.jm-tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--mint);color:var(--navy);border-radius:4px;padding:3px 7px;margin-bottom:14px}
.jm .jm-hero h1{font-size:clamp(32px,4.2vw,52px);line-height:1.12;font-weight:500;letter-spacing:-.025em}
.jm-lede{font-size:18px;color:var(--text);margin:18px auto 0!important;max-width:680px}
.jm-sec{padding:48px 0 8px}
.jm .jm-h2{font-size:clamp(24px,2.6vw,32px);line-height:1.2;font-weight:500;letter-spacing:-.02em;margin-bottom:8px}
.jm-sub{color:var(--text);margin:0 0 24px!important;max-width:680px}
.jm-top{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.jm-card{display:flex;flex-direction:column;gap:2px;background:var(--soft);border-radius:18px;padding:18px 20px;min-width:0}
.jm-card b{font-size:19px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.jm-card b a{color:var(--navy)}
.jm-card span{font-size:14px;color:var(--text)}
.jm-card .jm-links{margin-top:10px}
.jm-links{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px}
.jm-links a{display:inline-flex;align-items:center;min-height:32px;font-weight:600}
.jm-az{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 28px;padding:0;list-style:none}
.jm-az a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:12px;background:var(--soft);color:var(--navy);font-weight:600;font-size:15px}
.jm-az a:hover{background:var(--navy);color:#fff;text-decoration:none}
.jm-grp{display:grid;grid-template-columns:72px 1fr;gap:0 16px;padding:16px 0;border-top:1px solid var(--line)}
.jm-grp>h3{font-size:28px;font-weight:500;color:var(--navy);line-height:1.2}
.jm-list{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 28px;margin:0;padding:0;list-style:none}
.jm-list li{display:flex;flex-direction:column;padding:8px 0;min-width:0}
.jm-list .n{font-weight:600;font-size:17px;overflow-wrap:anywhere}
.jm-list .links{display:flex;flex-wrap:wrap;gap:0 14px;font-size:14px}
.jm-list .links a{display:inline-flex;align-items:center;min-height:32px}
.jm-note{font-size:13.5px;color:var(--text);margin-top:20px!important;max-width:760px}
.jm-more{padding:40px 0 64px}
.jm-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.jm-pills a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--soft);color:var(--navy);font-weight:600;font-size:15px}
.jm-pills a:hover{background:var(--navy);color:#fff;text-decoration:none}
.jm-pills a.cur{background:var(--navy);color:#fff}
@media(max-width:980px){.jm-top{grid-template-columns:repeat(2,1fr)}.jm-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
 .jm{font-size:16px}.jm-wrap{padding:0 16px}.jm-hero{padding:24px 0 64px}.jm-lede{font-size:16px}
 .jm-top{grid-template-columns:1fr}.jm-list{grid-template-columns:1fr}
 .jm-grp{grid-template-columns:1fr;gap:4px}.jm-grp>h3{font-size:24px}
 .jm-sec{padding-top:36px}
 .jm-list .links a,.jm-links a{min-height:44px}
}
