/* ZennWerk Ratgeber — Übersicht (.rgM) und Artikel (.rgD) */
.rgx{--navy:#072F57;--blue:#0A4E93;--green:#35782B;--mist:#F3F6F4;--ink:#14202b;--gray:#5d6b78;--line:#e3e8ec;font-family:Inter,system-ui,sans-serif;color:var(--ink)}
.rgx *{box-sizing:border-box}.rgx .wrapx{max-width:1180px;margin:0 auto;padding:0 22px}
.rgx .card{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 20px 16px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden}
.rgx .card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c,#35782B)}
.rgx .card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(7,47,87,.12);border-color:#cfd8e0}
.rgx .card[hidden]{display:none}
.rgx .tg{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.rgx .tg .ti{width:16px;height:16px}
.rgx .card h3{font-size:17px;line-height:1.3;margin:0;color:var(--navy);font-weight:800;letter-spacing:-.005em}
.rgx .card p{font-size:14px;line-height:1.55;color:var(--gray);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rgx .card .mt{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;font-size:12.5px;color:var(--gray);border-top:1px solid #eef1f3}
.rgx .card .rm{font-weight:800;color:var(--green)}
.rgx .search{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid #d7dfe6;border-radius:99px;padding:6px 8px 6px 22px;box-shadow:0 10px 30px rgba(7,47,87,.08);max-width:640px}
.rgx .search:focus-within{border-color:var(--green)}
.rgx .search input{flex:1;border:0;outline:0;font:inherit;font-size:16px;background:none;padding:12px 0;min-width:0}
.rgx .search .go{background:var(--green);color:#fff;border-radius:99px;padding:12px 22px;font-weight:800;font-size:14.5px}
.rgx .sug{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;font-size:13px;color:var(--gray);align-items:center}
.rgx .sug button{border:1px solid #d7dfe6;background:#fff;border-radius:99px;padding:5px 13px;font:inherit;font-weight:700;font-size:13px;color:var(--navy);cursor:pointer}
.rgx .sug button:hover{border-color:var(--green);color:var(--green)}
.rgx .band{background:linear-gradient(135deg,#072F57,#0A4E93 60%,#1d6b3a);color:#fff;border-radius:24px;padding:34px 36px;display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}
.rgx .band h2{color:#fff;margin:0 0 6px;font-size:24px}.rgx .band p{margin:0;color:#cfe0f1;max-width:520px}
.rgx .band .btns{display:flex;gap:10px;flex-wrap:wrap}.rgx .b1{background:#fff;color:var(--navy);padding:13px 22px;border-radius:12px;font-weight:800;text-decoration:none}.rgx .b2{border:2px solid rgba(255,255,255,.45);color:#fff;padding:11px 22px;border-radius:12px;font-weight:800;text-decoration:none}
.rgx .nav-note{font-size:12px;color:#8a97a3}

.rgM .wrapx{padding-top:30px}
.rgM .bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.rgM .bt{border-radius:24px;padding:22px;border:1px solid var(--line);background:#fff;text-align:left;color:inherit}
.rgM .hero2{grid-column:span 4;grid-row:span 2;background:radial-gradient(circle at 90% 0,rgba(255,255,255,.14),transparent 45%),linear-gradient(135deg,#072F57,#0A4E93);color:#fff;border:0;padding:38px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.rgM .kick{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#9ed7ff}.rgM h1{font-size:clamp(30px,4vw,46px);line-height:1.1;margin:0;color:#fff;letter-spacing:-.02em}.rgM .hero2 p{margin:0 0 6px;color:#cfe0f1;font-size:16.5px;line-height:1.55;max-width:520px}
.rgM .hero2 .search{box-shadow:none;border:0}.rgM .hero2 .sug{color:#b9cde3;margin-top:4px}.rgM .hero2 .sug button{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}
.rgM .now,.rgM .popu{grid-column:span 2;display:flex;flex-direction:column;gap:2px}.rgM .now{background:#FFF4E8;border-color:#f4dcc2}.rgM .bt h3,.rgM .now h2,.rgM .popu h2{margin:0 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.rgM .now h2{color:#B45309}.rgM .popu h2{color:var(--green)}
.rgM .now a,.rgM .popu a,.rgM .aud>a:not(.svc){display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid rgba(0,0,0,.07);text-decoration:none;color:inherit;align-items:baseline}.rgM .now a:first-of-type,.rgM .popu a:first-of-type{border:0}.rgM .now a[hidden]{display:none}
.rgM .now b,.rgM .popu b,.rgM .aud b{font-size:14px;line-height:1.35;color:var(--navy)}.rgM .now a span,.rgM .popu a span,.rgM .aud a span{font-size:12px;color:var(--gray);flex:none}.rgM .now a:hover b,.rgM .popu a:hover b,.rgM .aud a:hover b{color:var(--green)}
.rgM .sec{margin:44px 0 16px}.rgM .sec h2{margin:0 0 4px;font-size:26px;color:var(--navy)}.rgM .sec p{margin:0;color:var(--gray)}
.rgM .auds{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rgM .aud{display:flex;flex-direction:column;gap:2px}.rgM .aud .ico{width:46px;height:46px;border-radius:14px;background:var(--c);color:#fff;display:grid;place-items:center;margin-bottom:10px}.rgM .ico svg{width:23px;height:23px}
.rgM .aud h3{font-size:19px;letter-spacing:0;text-transform:none;color:var(--navy);margin:0}.rgM .aud p{margin:2px 0 10px;font-size:13.5px;color:var(--gray);line-height:1.5}
.rgM .aud .svc{margin-top:auto;padding-top:12px;font-weight:800;color:var(--green);text-decoration:none;font-size:14px;border-top:1px solid rgba(0,0,0,.07)}
.rgM .search.big{max-width:none;border-radius:16px;box-shadow:none;border-width:1.5px;background:#fafcfb;margin-bottom:6px}.rgM .search.big .go{border-radius:10px;padding:10px 16px;font-size:13px;background:var(--navy)}
.rgM .lay{display:grid;grid-template-columns:250px 1fr;gap:34px;padding:8px 0 46px;align-items:start}
.rgM .side{position:sticky;top:92px;display:grid;gap:4px}.rgM .side h3{margin:0 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray)}
.rgM .sb{display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;background:none;border-radius:11px;padding:10px 12px;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}
.rgM .sb span{display:flex;gap:9px;align-items:center}.rgM .sb .ti{width:17px;height:17px;color:var(--c)}.rgM .sb b{font-size:12px;color:var(--gray);background:var(--mist);border-radius:99px;padding:1px 8px}
.rgM .sb:hover{background:#f3f6f4}.rgM .sb.on{background:var(--navy);color:#fff}.rgM .sb.on .ti{color:#fff}.rgM .sb.on b{background:rgba(255,255,255,.18);color:#fff}
.rgM .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px;flex-wrap:wrap}.rgM .top b{color:var(--navy);font-size:15px}.rgM select{font:inherit;font-size:14px;padding:8px 12px;border:1.5px solid #d7dfe6;border-radius:10px;background:#fff;font-weight:600}
.rgM .lst{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.rgM .rw{display:grid;grid-template-columns:40px 1fr auto auto;gap:16px;align-items:center;padding:15px 20px;border-top:1px solid #eef1f3;text-decoration:none;color:inherit}.rgM .rw:first-child{border:0}.rgM .rw[hidden]{display:none}.rgM .rw:hover{background:#f7faf8}
.rgM .ci{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c)}.rgM .ci svg{width:19px;height:19px}
.rgM .rt{display:grid;gap:3px;min-width:0}.rgM .rt b{font-size:15.5px;color:var(--navy);line-height:1.35}.rgM .rw:hover .rt b{color:var(--green)}.rgM .rt span{font-size:13.5px;color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rgM .ctag{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--c)}.rgM .rm{font-size:12.5px;color:var(--gray);background:var(--mist);border-radius:99px;padding:4px 11px;font-weight:700}
.rgM .none{display:none;padding:30px;text-align:center;color:var(--gray)}
@media(max-width:960px){.rgM .bento{grid-template-columns:1fr 1fr}.rgM .hero2{grid-column:span 2;grid-row:auto;padding:26px}.rgM .now,.rgM .popu{grid-column:span 2}.rgM .auds{grid-template-columns:1fr}
.rgM .lay{grid-template-columns:1fr}.rgM .side{position:static;display:flex;overflow-x:auto;gap:6px}.rgM .side h3{display:none}.rgM .sb{flex:none;border:1.5px solid #d7dfe6}.rgM .rw{grid-template-columns:40px 1fr auto}.rgM .ctag{display:none}}
.rgD .bar{position:fixed;left:0;top:0;height:4px;background:var(--green);width:0;z-index:99;transition:width .1s}
.rgD .crumb{font-size:13px;color:var(--gray);padding:22px 0 0}.rgD .crumb a{color:var(--gray);text-decoration:none}.rgD .crumb a:hover{color:var(--green)}
.rgD .head{padding:12px 0 26px;border-bottom:1px solid var(--line);margin-bottom:30px}
.rgD .cat{display:inline-flex;gap:8px;align-items:center;background:#efe9f6;color:#6B4C9A;border-radius:99px;padding:6px 14px;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.rgD .cat svg{width:16px;height:16px}
.rgD h1{font-size:clamp(30px,4.2vw,44px);line-height:1.14;margin:14px 0 14px;color:var(--navy);letter-spacing:-.02em;max-width:820px}
.rgD .meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13.5px;color:var(--gray);align-items:center}.rgD .meta span{display:inline-flex;gap:6px;align-items:center}
.rgD .meta .au{display:inline-flex;gap:8px;align-items:center;color:var(--ink);font-weight:700}.rgD .av{display:inline-flex}.rgD .av i{width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-style:normal;font-size:10.5px;font-weight:800;display:grid;place-items:center;border:2px solid #fff}.rgD .av i+i{margin-left:-8px;background:var(--green)}
.rgD .lay{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:56px;justify-content:center;align-items:start}
.rgD .tldr{background:linear-gradient(135deg,#F3F8F1,#eaf3f9);border:1px solid #d6e5d3;border-radius:20px;padding:20px 24px;margin:0 0 26px}
.rgD .tldr b{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:8px}.rgD .tldr ul{margin:0;padding-left:20px}.rgD .tldr li{margin:5px 0;font-size:15.5px;line-height:1.5}
.rgD .article-body{font-size:17.5px;line-height:1.75;color:#222d38}.rgD .article-body p{margin:0 0 18px}.rgD .article-body strong{color:var(--navy)}
.rgD .article-body h2{font-size:25px;line-height:1.25;color:var(--navy);margin:38px 0 14px;display:flex;gap:12px;align-items:baseline;scroll-margin-top:90px}.rgD .hn{flex:none;width:32px;height:32px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:800}
.rgD .article-body table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:6px 0 20px;font-size:15.5px}
.rgD .article-body th{background:var(--navy);color:#fff;text-align:left;padding:11px 16px;font-size:13px;letter-spacing:.05em;text-transform:uppercase}.rgD .article-body td{padding:12px 16px;border-top:1px solid #eef1f3}.rgD .article-body tr:nth-child(even) td{background:#fafcfb}
.rgD .warn-box{display:block;background:#FFF5E6;border:1px solid #f3d6a8;border-radius:16px;padding:16px 20px;margin:6px 0 22px;font-size:16px;line-height:1.6;color:#6b4a12}
.rgD .ab{display:flex;gap:18px;background:var(--mist);border-radius:20px;padding:22px;margin:34px 0 22px;align-items:flex-start}.rgD .ab .av i{width:48px;height:48px;font-size:14px}.rgD .ab b{color:var(--navy);font-size:17px}.rgD .ab small{display:block;color:var(--gray);margin-bottom:6px}.rgD .ab p{margin:0 0 8px;font-size:15px;line-height:1.6;color:#33414f}.rgD .ab a{font-weight:800;color:var(--green);text-decoration:none;margin-right:16px;font-size:14.5px}
.rgD .pn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 30px}.rgD .pn a{border:1px solid var(--line);border-radius:16px;padding:14px 18px;text-decoration:none;color:inherit}.rgD .pn small{display:block;color:var(--gray);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}.rgD .pn b{color:var(--navy);font-size:15px;line-height:1.35}
.rgD aside{position:sticky;top:96px;display:grid;gap:16px}
.rgD .toc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 18px 10px}.rgD .toc h3{margin:0 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray)}
.rgD .toc a{display:flex;gap:10px;padding:8px 8px;border-radius:10px;text-decoration:none;color:var(--ink);font-size:14px;line-height:1.4;margin-bottom:4px}.rgD .toc a span{flex:none;width:22px;height:22px;border-radius:7px;background:var(--mist);display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--navy)}
.rgD .toc a:hover,.rgD .toc a.on{background:#eaf3ea}.rgD .toc a.on span{background:var(--green);color:#fff}
.rgD .cta{background:linear-gradient(135deg,#072F57,#0A4E93);color:#fff;border-radius:20px;padding:22px}.rgD .cta h3{margin:0 0 8px;font-size:18px;line-height:1.3;color:#fff}.rgD .cta p{margin:0 0 14px;color:#cfe0f1;font-size:14px;line-height:1.55}
.rgD .cta a{display:block;text-align:center;border-radius:11px;padding:11px;font-weight:800;text-decoration:none;margin-top:8px}.rgD .cta .p{background:#fff;color:var(--navy)}.rgD .cta .s{border:2px solid rgba(255,255,255,.4);color:#fff}
.rgD .tools{display:flex;gap:8px;margin-top:2px}.rgD .tools button{flex:1;border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;color:var(--ink)}
.rgD .rel{margin:10px 0 50px}.rgD .rel h2{font-size:24px;color:var(--navy);margin:0 0 16px}.rgD .rel .g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:1000px){.rgD .lay{grid-template-columns:minmax(0,1fr)}.rgD .lay>article{min-width:0}.rgD aside{position:static;order:0}.rgD .toc{display:none}.rgD .rel .g,.rgD .pn{grid-template-columns:1fr}}
.rgD .cat{background:color-mix(in srgb,var(--c,#6B4C9A) 12%,#fff);color:var(--c,#6B4C9A)}
.rgx .cat-recht{--c:#6B4C9A}
.rgx .cat-garten{--c:#35782B}
.rgx .cat-gewerbe{--c:#0A4E93}
.rgx .cat-winter{--c:#2B8FC7}
.rgx .cat-facility{--c:#0E7C86}
.rgx .cat-kehrfix{--c:#B45309}
.rgx .cat-veranstaltung{--c:#B42318}
.rgx .cat-hausverwaltung{--c:#1D6A8B}
.rgx .cat-allgemein{--c:#475467}
.rgD .article-body .summary-box{margin:24px 0}.rgD .article-body img{max-width:100%;height:auto}.rgD .article-body ul,.rgD .article-body ol{padding-left:22px}
.rgD .article-body{counter-reset:h}.rgD .article-body h2{counter-increment:h;display:block;position:relative;padding-left:44px}.rgD .article-body h2:before{content:counter(h);position:absolute;left:0;top:-1px;width:32px;height:32px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:800}
.rgD aside{max-height:calc(100vh - 112px);overflow-y:auto;scrollbar-width:thin}
@media(max-width:520px){.rgx .search .go{display:none}.rgx .search{padding-right:16px}.rgM .hero2{padding:24px}}
@media print{.rgD aside,.rgD .bar,.rgD .rel,.rgD .pn{display:none!important}.rgD .lay{display:block}}
.rgx .band{margin-bottom:64px}
/* Tabellen im Artikel auf kleinen Bildschirmen seitlich scrollbar statt die Seite zu verbreitern */
@media(max-width:700px){.rgD .article-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}