/* /zuschuss-kinderbetreuung-arbeitgeber/ — additions to the shared landing layout (umland.css). v0.270.0 */
.rc-kbz-p { margin: 6px 0 0; font-size: var(--robbo-fs-md); line-height: 1.6; }
.rc-kbz-no { color: var(--robbo-coal); padding-left: 12px; border-left: 3px solid var(--robbo-line); }
.rc-kbz .rc-um-sub { text-align: left; }
.rc-kbz-narrow { max-width: 780px; margin: 0 auto; }

.rc-kbz-steps { list-style: none; counter-reset: rc-kbz; margin: 0 auto; padding: 0; max-width: 780px; display: flex; flex-direction: column; gap: 10px; }
.rc-kbz-steps li {
    counter-increment: rc-kbz;
    position: relative;
    margin: 0;
    padding: 14px 16px 14px 60px;
    background: var(--robbo-white);
    border: 1px solid var(--robbo-line);
    border-radius: 14px;
    font-size: var(--robbo-fs-md);
    line-height: 1.6;
    overflow-wrap: anywhere;
}
.rc-kbz-steps li::before {
    content: counter(rc-kbz);
    position: absolute;
    left: 16px;
    top: 14px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--robbo-green);
    color: var(--robbo-white);
    font-weight: 800;
    font-size: var(--robbo-fs-base);
    line-height: 30px;
    text-align: center;
}
.rc-kbz-steps strong { color: var(--robbo-black); }
.rc-kbz-steps a, .rc-kbz-p a, .rc-kbz-box a { color: var(--robbo-green-dark); font-weight: 700; text-decoration: underline; }

.rc-kbz-box {
    max-width: 780px;
    margin: 14px auto 0;
    padding: 14px 18px;
    border-radius: 14px;
    background: var(--robbo-grey-light);
    border-left: 4px solid var(--robbo-green);
    font-size: var(--robbo-fs-md);
    line-height: 1.6;
}
.rc-kbz-box--soft { border-left-color: var(--robbo-grey); }

.rc-kbz-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
.rc-kbz-list li { margin: 0; position: relative; padding-left: 26px; font-size: var(--robbo-fs-md); line-height: 1.55; overflow-wrap: anywhere; }
.rc-kbz-list li::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 6px;
    width: 10px;
    height: 6px;
    border-left: 2px solid var(--robbo-green-dark);
    border-bottom: 2px solid var(--robbo-green-dark);
    transform: rotate(-45deg);
}

@media (min-width: 1024px) {
    .rc-kbz .rc-um-routes.rc-kbz-keys { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .rc-kbz .rc-um-grid.rc-kbz-grid2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.rc-kbz-lead { margin: 0 0 12px; font-weight: 600; }