:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#172b3c;background:#f6f8fa}*{box-sizing:border-box}body{margin:0}a{color:#175b93}header{background:#173c60;color:white}.wrap{max-width:1020px;margin:auto;padding:0 22px}.head{display:flex;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px;gap:16px}header a{color:white;text-decoration:none}.brand{font-weight:750;font-size:21px}.brand small{font-size:12px;font-weight:400;display:block;opacity:.8}main{min-height:75vh;padding-top:32px!important;padding-bottom:70px!important}.hero{padding:25px 0 35px}.eyebrow{color:#60819c;font-size:12px;letter-spacing:.11em;font-weight:750}.hero h1{font-size:38px;margin:8px 0}.hero p{color:#52697a}.panel{background:white;border:1px solid #dfe6ec;border-radius:8px;padding:28px;margin-bottom:20px}.panel h1{font-size:30px}input{width:100%;padding:13px;font-size:16px;border:1px solid #b9cad7;border-radius:5px;margin:10px 0 20px}.law{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;border-bottom:1px solid #e7ecf0;padding:16px 3px}.law:hover{background:#f2f7fa}.law strong{min-width:90px;color:#175b93}.law span:nth-child(2){flex:1}.law small{display:block;color:#627588;margin-top:3px}.law[hidden]{display:none}.empty{padding:18px;background:#edf3f7;border-left:3px solid #477ca8}.crumb{margin:0 0 22px;color:#63798b}.meta{color:#5b7183}.legal-text{line-height:1.8;white-space:normal;margin:28px 0 36px}footer{border-top:1px solid #dfe6ec;font-size:13px;color:#677c8a;padding:22px 0}@media(max-width:600px){.hero h1{font-size:30px}.panel{padding:18px}.law strong{min-width:65px}.head{flex-direction:column;align-items:start}}

.search-line{display:flex;gap:12px;align-items:stretch}.search-line input{margin:8px 0}.search-line button, .category-form button{background:#173c60;color:#fff;border:0;padding:12px 20px;border-radius:5px;cursor:pointer;font-size:15px}.search-form label,.category-form label{display:block;font-weight:650}.search-form select,.category-form select{display:block;width:100%;padding:12px;border:1px solid #b9cad7;border-radius:5px;background:white;margin:8px 0 14px;font:inherit}.hint,.count{color:#627588;font-size:14px}.panel h3{margin-top:30px}.result strong{min-width:85px}@media(max-width:600px){.search-line{flex-direction:column}.search-line button{margin-bottom:12px}}
/* Schritt 13: Fassungen und Vergleiche */
.version-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0 25px}.version-form label{font-weight:650;font-size:14px}.version-form select{min-width:155px;flex:1;padding:11px;border:1px solid #b9cad7;border-radius:5px;background:#fff;font:inherit}.version-form button{padding:12px 18px;background:#173c60;color:white;border:0;border-radius:5px;cursor:pointer}.history-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e4ebf0;padding:16px 0}.history-row small{display:block;color:#627588;margin-top:5px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-side{padding:14px 18px;min-width:0;border-radius:6px}.compare-side.deleted{background:#fff2f1;border-left:3px solid #bd5e55}.compare-side.added{background:#edf9f0;border-left:3px solid #4d9470}.compare-side h3{margin:0 0 10px;font-size:16px}.compare-side .legal-text{overflow-wrap:anywhere;margin:14px 0;line-height:1.7}.compare-caption{font-weight:650}.compare-side .legal-text{font-size:14px}@media(max-width:700px){.compare-grid{grid-template-columns:1fr}.history-row{align-items:start;flex-direction:column}.version-form{align-items:stretch;flex-direction:column}.version-form select{width:100%}}

/* Abschluss */
.head nav{font-size:14px}.head nav a{margin:0 3px}.date-form{padding:15px 0;border-block:1px solid #edf1f5;margin:18px 0}.date-form label{font-weight:650;font-size:14px}.date-form button,.print-link button{background:#173c60;color:#fff;border:0;padding:12px 18px;border-radius:5px;cursor:pointer}.date-form input{max-width:260px}.print-link button{background:#f0f4f7;color:#173c60;border:1px solid #abc0d1}@media print{header,footer,form,.print-link,.crumb,.history-list,.version-form{display:none!important}body{background:white!important}.panel{border:0;padding:0}.wrap{max-width:none}.law{break-inside:avoid}a{color:black;text-decoration:none}}

/* QOL: Navigation zwischen Vorschriften und Lesemodus */
.paragraph-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,1.4fr) minmax(0,1fr);align-items:stretch;gap:10px;margin:0 0 16px}.paragraph-nav-bottom{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0}.nav-action{display:flex;flex-direction:column;justify-content:center;gap:5px;background:#fff;border:1px solid #cbd8e2;border-radius:7px;padding:13px;text-decoration:none;color:#173c60;font-weight:650;overflow-wrap:anywhere}.nav-action:hover{background:#eff6fa}.nav-action small{font-size:12px;color:#59778b;font-weight:400}.nav-next{text-align:right}.nav-disabled{opacity:.55;background:#f2f5f7;color:#65798a}.paragraph-jump{min-width:0;background:#fff;border:1px solid #cbd8e2;border-radius:7px;padding:10px;display:flex;flex-direction:column;gap:5px}.paragraph-jump label{font-size:12px;font-weight:650}.paragraph-jump select{min-width:0;max-width:100%;width:100%;padding:8px;border:1px solid #b9cad7;border-radius:4px;background:#fff;font:inherit}.paragraph-jump button{border:0;background:#173c60;color:#fff;padding:8px;cursor:pointer;border-radius:4px}.reader-position{font-size:13px;color:#63798b}.reader-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid #e7ecf0;padding-top:14px;margin-top:22px}.reader-actions button{background:#f0f5f8;color:#173c60;border:1px solid #cbd8e2;border-radius:5px;cursor:pointer;padding:8px 10px;font:inherit;font-size:13px}.reader-actions button:hover{background:#e1edf4}.copy-feedback{font-size:13px;color:#376b4d}.paragraph-reader .legal-text{font-size:var(--reader-font-size,17px);line-height:1.9;overflow-wrap:anywhere}.reader-foot{border-top:1px solid #e7ecf0;padding-top:18px}.paragraph-nav a:focus-visible,.reader-actions button:focus-visible,.paragraph-jump select:focus-visible{outline:3px solid #ffb344;outline-offset:2px}@media(max-width:760px){.paragraph-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.paragraph-jump{grid-column:1/-1;grid-row:1}.paragraph-nav-bottom{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-action{font-size:13px}.paragraph-reader .legal-text{font-size:var(--reader-font-size,16px)}}@media print{.paragraph-nav,.reader-actions,.reader-foot{display:none!important}.paragraph-reader .legal-text{font-size:12pt}}