:root {
--rls-angebot-blue: #006ab3; --rls-angebot-blue-dark: #00507f; --rls-angebot-blue-soft: #eaf4fb; --rls-angebot-border: #e2e8ee; --rls-angebot-bg-soft: #f4f8fb; --rls-angebot-text-muted: #5b6672; --rls-angebot-ink: #1d232b; --rls-angebot-radius: 8px;
} .rls-angebot-quote-page,
.rls-angebot-form,
[data-rls-angebot-basket],
.rls-angebot-mini-cart__dropdown,
.rls-angebot-demo-grid,
.rls-angebot-toast,
.rls-angebot-add,
.rls-angebot-submit {
font-family: "Lato", ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: var(--rls-angebot-ink);
} .rls-angebot-add,
.rls-angebot-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .5em;
background: var(--rls-angebot-blue);
color: #fff;
border: 2px solid transparent;
border-radius: 100px;
padding: .62em 1.5em;
font-weight: 700;
line-height: 1.2;
cursor: pointer;
transition: background .16s ease, transform .05s ease;
text-decoration: none;
}
.rls-angebot-add:hover,
.rls-angebot-submit:hover { background: var(--rls-angebot-blue-dark); color: #fff; }
.rls-angebot-add:active,
.rls-angebot-submit:active { transform: translateY(1px); }
.rls-angebot-add[disabled],
.rls-angebot-submit[disabled] { opacity: .6; cursor: default; }
.rls-angebot-add::before { content: "+"; font-weight: 700; font-size: 1.1em; } .rls-angebot-quote-page {
display: block;
max-width: 1040px;
margin: 0 auto;
}
.rls-angebot-quote-col { margin: 0 0 2rem; }
.rls-angebot-quote-col:last-child { margin-bottom: 0; }
.rls-angebot-quote-title {
font-size: 1.25rem;
margin: 0 0 .75rem;
padding-bottom: .5rem;
border-bottom: 3px solid var(--rls-angebot-blue);
}
.rls-angebot-quote-intro { color: var(--rls-angebot-text-muted); margin: 0 0 1rem; }
.rls-angebot-quote-col--form {
background: var(--rls-angebot-bg-soft);
border: 1px solid var(--rls-angebot-border);
border-radius: var(--rls-angebot-radius);
padding: 1.5rem;
}
@media (max-width: 600px) {
.rls-angebot-quote-col { margin-bottom: 1.5rem; }
.rls-angebot-quote-col--form { padding: 1.1rem; }
.rls-angebot-quote-title { font-size: 1.15rem; }
} .rls-angebot-mini-cart { position: relative; display: inline-block; line-height: 1; }
.rls-angebot-mini-cart__trigger { font: inherit; color: inherit; text-decoration: none; cursor: pointer;
display: inline-block;
}
.rls-angebot-mini-cart__trigger:hover { color: inherit; text-decoration: none; }
.rls-angebot-mini-cart__count { font: inherit; color: inherit; } .rls-angebot-mini-cart__dropdown {
display: block;
position: absolute; top: calc(100% + 14px); right: 0; z-index: 9999;
min-width: 300px; max-width: 90vw;
background: #fff; color: #222;
border: 1px solid var(--rls-angebot-border); border-radius: var(--rls-angebot-radius);
box-shadow: 0 10px 30px rgba(0,0,0,.15);
padding: .8em; text-align: left; font-weight: 400;
opacity: 0; visibility: hidden; transform: translateY(6px);
transition: opacity .15s ease, transform .15s ease, visibility .15s;
} .rls-angebot-mini-cart__dropdown::before {
content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px;
}
.rls-angebot-mini-cart:hover .rls-angebot-mini-cart__dropdown,
.rls-angebot-mini-cart:focus-within .rls-angebot-mini-cart__dropdown {
opacity: 1; visibility: visible; transform: translateY(0);
}
.rls-angebot-mini-cart__empty { display: block; color: var(--rls-angebot-text-muted); font-style: italic; margin: .2em 0; }
.rls-angebot-mini-cart__list { display: block; margin: 0 0 .7em; padding: 0; max-height: 340px; overflow-y: auto; }
.rls-angebot-mini-cart__row {
display: flex; align-items: center; gap: .6em;
padding: .5em 0; border-bottom: 1px solid var(--rls-angebot-border); font-size: .9rem;
}
.rls-angebot-mini-cart__row:last-child { border-bottom: none; }
.rls-angebot-mini-cart__thumb img { width: 40px; height: auto; border-radius: 5px; border: 1px solid var(--rls-angebot-border); display: block; }
.rls-angebot-mini-cart__name { flex: 1; overflow-wrap: anywhere; }
.rls-angebot-mini-cart__qty { color: var(--rls-angebot-text-muted); white-space: nowrap; }
.rls-angebot-mini-cart__go {
display: block; text-align: center; background: var(--rls-angebot-blue); color: #fff;
padding: .6em; border-radius: 100px; text-decoration: none; font-weight: 700; cursor: pointer;
}
.rls-angebot-mini-cart__go:hover { background: var(--rls-angebot-blue-dark); color: #fff; }
.rls-angebot-mini-cart__trigger { cursor: pointer; }
.rls-angebot-mini-cart .rls-angebot-remove { cursor: pointer; } [data-rls-angebot-basket] { }
.rls-angebot-basket-list { display: flex; flex-direction: column; gap: 10px; }
.rls-angebot-row {
display: flex; align-items: center; gap: 14px;
width: 100%; box-sizing: border-box;
background: var(--rls-angebot-bg-soft);
border: 1px solid var(--rls-angebot-border);
border-radius: 10px;
padding: 12px 15px;
} .rls-angebot-col-name { flex: 1 1 auto; display: flex; align-items: center; gap: 14px; min-width: 0; }
.rls-angebot-thumb { flex: none; }
.rls-angebot-thumb img {
width: 54px; height: 54px; object-fit: contain; background: #fff;
border-radius: 8px; border: 1px solid var(--rls-angebot-border);
display: block; padding: 3px;
}
.rls-angebot-col-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; } .rls-angebot-basket-list a.rls-angebot-item-name,
.rls-angebot-basket-list .rls-angebot-item-name {
font-size: 16px; font-weight: 700; color: var(--rls-angebot-ink);
text-decoration: none; overflow-wrap: anywhere; word-break: break-word; line-height: 1.25;
}
.rls-angebot-basket-list a.rls-angebot-item-name:hover { color: var(--rls-angebot-blue); text-decoration: none; }
.rls-angebot-item-sku { font-size: 13px; color: var(--rls-angebot-text-muted); } .rls-angebot-col-qty { flex: none; }
.rls-angebot-qtybox {
display: inline-flex; align-items: center; gap: 0;
border: 1.5px solid var(--rls-angebot-border); border-radius: 100px;
background: #fff; overflow: hidden; padding: 0;
}
.rls-angebot-basket-list .rls-angebot-qtybox button.rls-angebot-qtybtn {
width: 30px; height: 30px; min-width: 0; display: inline-flex; align-items: center; justify-content: center;
border: none; background: none; color: var(--rls-angebot-blue);
font-size: 18px; font-weight: 700; line-height: 1; cursor: pointer;
padding: 0; margin: 0; box-shadow: none;
transition: background .12s ease;
}
.rls-angebot-basket-list .rls-angebot-qtybox button.rls-angebot-qtybtn:hover { background: var(--rls-angebot-blue-soft); color: var(--rls-angebot-blue); }
.rls-angebot-qtyval {
min-width: 1.9em; padding: 0 .25em; text-align: center;
font-weight: 700; font-size: 15px; color: var(--rls-angebot-ink);
font-variant-numeric: tabular-nums; user-select: none;
} .rls-angebot-col-remove { flex: none; }
.rls-angebot-basket-list button.rls-angebot-remove {
width: 30px; height: 30px; min-width: 0; display: inline-flex; align-items: center; justify-content: center;
border-radius: 50%; background: #fff; border: 1.5px solid var(--rls-angebot-border);
color: var(--rls-angebot-text-muted); font-size: 18px; line-height: 1; cursor: pointer;
padding: 0; margin: 0; box-shadow: none;
transition: border-color .12s ease, color .12s ease, background .12s ease;
}
.rls-angebot-basket-list button.rls-angebot-remove:hover { border-color: #df0029; color: #df0029; background: #fdecec; }
@media (max-width: 600px) {
.rls-angebot-row { gap: 9px; padding: 10px 11px; }
.rls-angebot-col-name { gap: 9px; }
.rls-angebot-thumb img { width: 44px; height: 44px; }
.rls-angebot-basket-list .rls-angebot-qtybox button.rls-angebot-qtybtn { width: 27px; height: 27px; font-size: 16px; }
.rls-angebot-qtyval { min-width: 1.6em; font-size: 14px; }
.rls-angebot-basket-list button.rls-angebot-remove { width: 27px; height: 27px; font-size: 16px; }
}
.rls-angebot-empty { color: var(--rls-angebot-text-muted); font-style: italic; padding: 1em 0; }
.rls-angebot-basket-actions { margin-top: 1em; } .rls-angebot-basket-actions button.rls-angebot-clear {
background: #fff; border: 2px solid var(--rls-angebot-blue); color: var(--rls-angebot-blue);
border-radius: 100px; padding: .5em 1.2em; cursor: pointer; font-size: .9em; font-weight: 700;
box-shadow: none; text-shadow: none; text-transform: none; letter-spacing: normal;
transition: background .14s ease, color .14s ease, border-color .14s ease;
}
.rls-angebot-basket-actions button.rls-angebot-clear:hover { border-color: var(--rls-angebot-blue); color: var(--rls-angebot-blue); background: var(--rls-angebot-blue-soft); } .rls-angebot-form { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem 1rem; }
.rls-angebot-form .rls-angebot-form-messages,
.rls-angebot-form .rls-angebot-field-strasse,
.rls-angebot-form .rls-angebot-field-kommentar,
.rls-angebot-form .rls-angebot-type-checkbox,
.rls-angebot-form .rls-angebot-turnstile,
.rls-angebot-form .rls-angebot-form-actions { grid-column: 1 / -1; }
@media (max-width: 600px) { .rls-angebot-form { grid-template-columns: 1fr; } }
.rls-angebot-form-row { margin: 0; display: flex; flex-direction: column; gap: .3em; }
.rls-angebot-form label { font-weight: 600; font-size: .85rem; color: #333; }
.rls-angebot-form input[type="text"],
.rls-angebot-form input[type="email"],
.rls-angebot-form input[type="tel"],
.rls-angebot-form textarea {
width: 100%; padding: .55em .7em; font-size: .95rem;
border: 1px solid #c7ccd1; border-radius: 6px; background: #fff;
transition: border-color .15s ease, box-shadow .15s ease;
}
.rls-angebot-form input:focus,
.rls-angebot-form textarea:focus {
outline: none; border-color: var(--rls-angebot-blue);
box-shadow: 0 0 0 3px rgba(0,105,179,.15);
}
.rls-angebot-form .rls-angebot-type-checkbox .rls-angebot-checkbox-label {
flex-direction: row; font-weight: 400; font-size: .82rem;
display: flex; gap: .55em; align-items: flex-start; color: #444; line-height: 1.4;
}
.rls-angebot-req { color: #b00; }
.rls-angebot-form .rls-angebot-has-error input,
.rls-angebot-form .rls-angebot-has-error textarea { border-color: #b00; background: #fff7f7; }
.rls-angebot-field-error { display: block; color: #b00; font-size: .82rem; margin-top: .3em; }
.rls-angebot-form-messages:empty { display: none; }
.rls-angebot-form-error {
background: #fdecec; color: #b00; border: 1px solid #f5c2c2;
padding: .6em .8em; border-radius: 6px; font-weight: 600;
}
.rls-angebot-success {
background: #eaf7ee; color: #1a7f37; border: 1px solid #b7e0c3;
padding: .8em 1em; border-radius: var(--rls-angebot-radius); font-weight: 600;
}
.rls-angebot-turnstile { margin: .2em 0; }
.rls-angebot-form-actions { margin-top: .4rem; }
.rls-angebot-submit { width: auto; padding: .55em 1.4em; font-size: .95rem; }
@media (max-width: 600px) { .rls-angebot-submit { width: 100%; } } .rls-angebot-hp {
position: absolute !important; left: -9999px !important;
width: 1px; height: 1px; overflow: hidden;
} .rls-angebot-demo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; align-items: start; }
@media (max-width: 860px) { .rls-angebot-demo-grid { grid-template-columns: 1fr; } }
.rls-angebot-demo-product { display: flex; gap: .8em; align-items: center; padding: .6em 0; border-bottom: 1px solid var(--rls-angebot-border); }
.rls-angebot-demo-product .rls-angebot-thumb img { width: 60px; }
.rls-angebot-demo-product__body { display: flex; flex-direction: column; gap: .3em; }
.rls-angebot-demo-product__body small { color: var(--rls-angebot-text-muted); }
.rls-angebot-demo-basket { background: var(--rls-angebot-bg-soft); border: 1px solid var(--rls-angebot-border); border-radius: var(--rls-angebot-radius); padding: 1.2em; }
.rls-angebot-demo-hint { color: var(--rls-angebot-text-muted); font-size: .9em; } .rls-angebot-toast {
position: fixed; left: 50%; bottom: 2em;
transform: translate(-50%, 1em);
background: var(--rls-angebot-blue); color: #fff;
padding: .7em 1.2em; border-radius: var(--rls-angebot-radius);
box-shadow: 0 4px 16px rgba(0,0,0,.2);
opacity: 0; transition: opacity .3s, transform .3s;
z-index: 99999; pointer-events: none; font-weight: 600;
}
.rls-angebot-toast--show { opacity: 1; transform: translate(-50%, 0); }@font-face{font-family: 'Lato';font-style: normal;font-weight: 300;unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;src: url(//rls-wacon.de/wp-content/uploads/omgf/rls-wf-font/lato-normal-latin-ext-300.woff2?ver=1715932351) format('woff2');font-display: swap;}@font-face{font-family: 'Lato';font-style: normal;font-weight: 300;unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;src: url(//rls-wacon.de/wp-content/uploads/omgf/rls-wf-font/lato-normal-latin-300.woff2?ver=1715932351) format('woff2');font-display: swap;}@font-face{font-family: 'Lato';font-style: normal;font-weight: 400;unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;src: url(//rls-wacon.de/wp-content/uploads/omgf/rls-wf-font/lato-normal-latin-ext-400.woff2?ver=1715932351) format('woff2');font-display: swap;}@font-face{font-family: 'Lato';font-style: normal;font-weight: 400;unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;src: url(//rls-wacon.de/wp-content/uploads/omgf/rls-wf-font/lato-normal-latin-400.woff2?ver=1715932351) format('woff2');font-display: swap;}@font-face{font-family: 'Lato';font-style: normal;font-weight: 700;unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;src: url(//rls-wacon.de/wp-content/uploads/omgf/rls-wf-font/lato-normal-latin-ext-700.woff2?ver=1715932351) format('woff2');font-display: swap;}@font-face{font-family: 'Lato';font-style: normal;font-weight: 700;unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;src: url(//rls-wacon.de/wp-content/uploads/omgf/rls-wf-font/lato-normal-latin-700.woff2?ver=1715932351) format('woff2');font-display: swap;}@font-face{font-family: 'Lato';font-style: normal;font-weight: 900;unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;src: url(//rls-wacon.de/wp-content/uploads/omgf/rls-wf-font/lato-normal-latin-ext-900.woff2?ver=1715932351) format('woff2');font-display: swap;}@font-face{font-family: 'Lato';font-style: normal;font-weight: 900;unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;src: url(//rls-wacon.de/wp-content/uploads/omgf/rls-wf-font/lato-normal-latin-900.woff2?ver=1715932351) format('woff2');font-display: swap;}.rls-kf{--acc:#006ab3;--acch:#00507f;--ink:#1d232b;--soft:#5b6672;--line:#e2e8ee;--wash:#f4f8fb;--ok:#0a7d33;--fs-h:20px;--fs-lg:16px;--fs-md:15px;--fs-sm:13px;--fs-xs:12px;
font-family:"Lato",ui-sans-serif,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
color:var(--ink);font-size:var(--fs-md);line-height:1.55;max-width:1000px;margin:0 auto;padding:0 20px;}
.rls-kf *{box-sizing:border-box;}
.rls-kf .kf-fhead{text-align:center;margin-bottom:8px;}
.rls-kf .kf-eb{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--acc);}
.rls-kf .kf-fhead h2{margin:4px 0 0;font-size:clamp(24px,3.2vw,32px);font-weight:800;line-height:1.15;color:var(--ink);}
.rls-kf .kf-fhead p{margin:8px 0 0;color:var(--soft);font-size:var(--fs-lg);} .rls-kf .kf-steps{display:flex;flex-wrap:wrap;gap:0;justify-content:center;align-items:center;margin:24px 0 4px;}
.rls-kf .kf-st{flex:0 0 auto;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s;background:none;border:none;padding:0;}
.rls-kf .kf-st .kf-num{flex:none;width:30px;height:30px;border-radius:50%;background:#c9d6e2;color:#fff;font-size:var(--fs-sm);font-weight:800;display:flex;align-items:center;justify-content:center;transition:.15s;}
.rls-kf .kf-st .kf-lb{display:none;}
.rls-kf .kf-st:not(:last-child)::after{content:"\203A";color:#c2cfdb;font-size:var(--fs-h);font-weight:800;line-height:1;margin:0 9px;}
.rls-kf .kf-st.on .kf-num{background:var(--acc);box-shadow:0 3px 10px rgba(0,105,179,.28);}
.rls-kf .kf-st.done .kf-num{background:var(--ok);} .rls-kf .kf-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 8px 26px rgba(0,60,110,.06);min-height:220px;}
.rls-kf .kf-h{margin:0 0 16px;font-size:var(--fs-h);font-weight:800;color:var(--ink);}
.rls-kf .kf-h b{color:var(--acc);}
.rls-kf .kf-sub{margin:-8px 0 16px;color:var(--soft);font-size:var(--fs-md);}
.rls-kf .kf-hint{color:var(--soft);}
.rls-kf .kf-note{margin-top:16px;background:var(--wash);border-left:3px solid var(--acc);border-radius:8px;padding:10px 14px;font-size:var(--fs-md);}
.rls-kf .kf-note b{color:var(--acc);} .rls-kf .kf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;}
.rls-kf .kf-opt{font:inherit;text-align:left;cursor:pointer;background:#fff;border:2px solid var(--line);border-radius:11px;padding:15px 16px;font-weight:700;color:var(--ink);transition:.15s;}
.rls-kf .kf-opt:hover{border-color:var(--acc);}
.rls-kf .kf-opt.sel{border-color:var(--acc);background:#f0f7fc;box-shadow:0 4px 14px rgba(0,105,179,.12);}
.rls-kf .kf-card{display:flex;flex-direction:column;gap:5px;}
.rls-kf .kf-card .kf-tag{align-self:flex-start;font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--acc);background:var(--wash);padding:3px 9px;border-radius:100px;}
.rls-kf .kf-card .kf-cn{font-size:var(--fs-h);font-weight:800;} .rls-kf .kf-opts-col{display:flex;flex-direction:column;gap:16px;}
.rls-kf .kf-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;}
.rls-kf .kf-field>span{font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--soft);}
.rls-kf .kf-field select{font:inherit;font-size:var(--fs-lg);padding:11px 13px;border:2px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);max-width:360px;}
.rls-kf .kf-field select:focus{outline:none;border-color:var(--acc);} .rls-kf .kf-ausf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;align-items:start;}
.rls-kf .kf-afield{margin-bottom:0;}
.rls-kf .kf-afield select{max-width:100%;width:100%;}
.rls-kf .kf-afield-wide{grid-column:1/-1;}
.rls-kf .kf-fhint{font-size:var(--fs-xs);line-height:1.4;color:var(--soft);font-weight:400;text-transform:none;letter-spacing:0;}
.rls-kf .kf-fhint b{font-weight:800;color:var(--ink);}
@media(max-width:640px){.rls-kf .kf-ausf-grid{grid-template-columns:1fr;gap:16px;}}
.rls-kf .kf-chips{display:flex;flex-wrap:wrap;gap:8px;}
.rls-kf .kf-chip{font:inherit;font-size:var(--fs-md);font-weight:700;cursor:pointer;background:#fff;border:2px solid var(--line);border-radius:100px;padding:8px 16px;color:var(--ink);transition:.15s;}
.rls-kf .kf-chip:hover{border-color:var(--acc);}
.rls-kf .kf-chip.sel{border-color:var(--acc);background:#eaf4fb;color:var(--acc);}
.rls-kf .kf-chip.sel b{color:var(--ok);}
.rls-kf .kf-chip b{color:var(--ok);} .rls-kf .kf-cond{border:1px solid var(--line);border-radius:11px;padding:14px 16px;margin-bottom:12px;}
.rls-kf .kf-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:var(--fs-lg);padding:4px 0;}
.rls-kf .kf-check input{margin-top:3px;width:18px;height:18px;accent-color:var(--acc);flex:none;}
.rls-kf .kf-check em{color:var(--soft);font-style:normal;font-size:var(--fs-sm);}
.rls-kf .kf-condopts{margin:12px 0 2px;padding-top:12px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:0;} .rls-kf .kf-summary{display:flex;flex-direction:column;gap:10px;}
.rls-kf .kf-group{font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--acc);margin:8px 2px 0;}
.rls-kf .kf-summary > .kf-group:first-child{margin-top:0;}
.rls-kf .kf-line{display:flex;align-items:center;gap:14px;background:var(--wash);border:1px solid var(--line);border-radius:10px;padding:12px 15px;}
.rls-kf .kf-line .kf-lname{flex:1 1 auto;min-width:0;font-size:var(--fs-md);}
.rls-kf .kf-line .kf-lname b,.rls-kf .kf-line .kf-lname-lnk{font-size:var(--fs-lg);font-weight:700;color:var(--ink);line-height:1.25;text-decoration:none;overflow-wrap:anywhere;word-break:break-word;}
.rls-kf .kf-line .kf-lname-lnk:hover{color:var(--acc);text-decoration:none;}
.rls-kf .kf-line .kf-lname em{display:inline-block;margin-top:2px;color:var(--soft);font-style:normal;font-size:var(--fs-sm);}
.rls-kf .kf-allrow{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);}
.rls-kf .kf-allbtns{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto;}
.rls-kf .kf-next.kf-addall{background:var(--acc);border-color:var(--acc);color:#fff;font-size:var(--fs-lg);padding:13px 28px;}
.rls-kf .kf-next.kf-addall:hover{background:var(--acch);}
.rls-kf .kf-status{font-size:var(--fs-md);color:var(--soft);font-weight:700;}
.rls-kf .kf-golink{color:var(--acc);font-weight:700;text-decoration:none;}
.rls-kf .kf-golink:hover{text-decoration:underline;}
.rls-kf .kf-allnote{margin-top:16px;font-size:var(--fs-sm);color:var(--soft);background:#fcf6e8;border-radius:8px;padding:10px 13px;} .rls-kf .kf-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);gap:12px;}
.rls-kf .kf-back{font:inherit;font-size:var(--fs-md);font-weight:700;cursor:pointer;background:#fff;color:var(--acc);border:2px solid var(--acc);border-radius:100px;padding:11px 24px;transition:.15s;}
.rls-kf .kf-back:hover{background:#f0f7fc;}
.rls-kf .kf-next{font:inherit;font-size:var(--fs-lg);font-weight:800;cursor:pointer;background:var(--acc);color:#fff;border:2px solid var(--acc);border-radius:100px;padding:12px 30px;transition:.15s;}
.rls-kf .kf-next.kf-ghost{background:#fff;color:var(--acc);border:2px solid var(--acc);}
.rls-kf .kf-next.kf-ghost:hover{background:#f0f7fc;}
.rls-kf .kf-next:hover{background:var(--acch);}
.rls-kf .kf-next.dis{opacity:.45;pointer-events:none;} .rls-kf .kf-guide{background:var(--wash);border-left:3px solid var(--acc);border-radius:8px;padding:11px 14px;margin:-6px 0 16px;font-size:var(--fs-md);color:#33414d;line-height:1.5;}
.rls-kf .kf-devgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;}
.rls-kf .kf-devcard{display:flex;gap:14px;align-items:flex-start;background:#fff;border:2px solid var(--line);border-radius:12px;padding:15px;cursor:pointer;transition:.15s;}
.rls-kf .kf-devcard:hover{border-color:var(--acc);}
.rls-kf .kf-devcard.sel{border-color:var(--acc);background:#eaf4fc;box-shadow:0 0 0 3px rgba(0,105,179,.38),0 8px 22px rgba(0,105,179,.20);}
.rls-kf .kf-devcard.sel.dim{opacity:1;}
.rls-kf .kf-selbadge{position:absolute;top:-10px;left:14px;font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--acc);padding:3px 11px;border-radius:100px;box-shadow:0 2px 6px rgba(0,105,179,.3);}
.rls-kf .kf-devbody{display:flex;flex-direction:column;gap:4px;min-width:0;}
.rls-kf .kf-devcard .kf-tag{align-self:flex-start;font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--acc);background:var(--wash);padding:3px 9px;border-radius:100px;}
.rls-kf .kf-devcard .kf-cn{font-size:var(--fs-h);font-weight:800;color:var(--ink);line-height:1.2;overflow-wrap:anywhere;}
.rls-kf .kf-help{font-size:var(--fs-sm);color:var(--soft);line-height:1.45;}
.rls-kf .kf-info{font-size:var(--fs-xs);font-weight:700;color:var(--acc);text-decoration:none;align-self:flex-start;}
.rls-kf .kf-info:hover{text-decoration:underline;}
.rls-kf .kf-thumb{flex:none;width:64px;height:64px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px;padding:3px;}
.rls-kf .kf-noimg{background:var(--wash);} .rls-kf .kf-indhead{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.rls-kf .kf-mblist{display:flex;flex-direction:column;gap:7px;}
.rls-kf .kf-mbrow{display:flex;align-items:baseline;gap:12px;text-align:left;font:inherit;cursor:pointer;background:#fff;border:2px solid var(--line);border-radius:9px;padding:10px 14px;transition:.15s;}
.rls-kf .kf-mbrow:hover{border-color:var(--acc);}
.rls-kf .kf-mbrow.sel{border-color:var(--acc);background:#f0f7fc;}
.rls-kf .kf-mbrow>b{flex:none;min-width:52px;font-size:var(--fs-lg);color:var(--ink);}
.rls-kf .kf-mbrange{font-size:var(--fs-md);color:var(--soft);line-height:1.4;overflow-wrap:anywhere;word-break:break-word;min-width:0;flex:1;}
.rls-kf .kf-mbrow>.kf-info{flex:none;align-self:center;}
.rls-kf .kf-recoinfo{align-self:flex-start;margin-top:6px;}
.rls-kf .kf-conv{color:#9aa7b2;font-size:var(--fs-xs);} .rls-kf .kf-qty{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.rls-kf .kf-qtybtn{width:36px;height:36px;border:2px solid var(--line);background:#fff;border-radius:100px;font-size:var(--fs-h);font-weight:700;cursor:pointer;color:var(--acc);line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;}
.rls-kf .kf-qtyval{min-width:34px;}
.rls-kf .kf-qtybtn:hover{border-color:var(--acc);}
.rls-kf .kf-qtyinput{width:66px;height:36px;text-align:center;border:2px solid var(--line);border-radius:8px;font:inherit;font-size:var(--fs-lg);}
.rls-kf .kf-lqty{display:inline-flex;align-items:center;gap:0;flex:none;border:1.5px solid var(--line);border-radius:100px;background:#fff;overflow:hidden;}
.rls-kf .kf-lqty .kf-qtybtn{width:30px;height:30px;font-size:var(--fs-h);border:none;background:none;border-radius:0;color:var(--acc);}
.rls-kf .kf-lqty .kf-qtybtn:hover{background:#eaf4fb;border-color:transparent;}
.rls-kf .kf-lqn{min-width:1.9em;padding:0 .1em;text-align:center;font-weight:700;font-size:var(--fs-md);color:var(--ink);font-variant-numeric:tabular-nums;}
.rls-kf .kf-qtyhint{font-size:var(--fs-sm);color:var(--soft);} .rls-kf .kf-acc{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:2px solid var(--line);border-radius:11px;padding:12px 14px;margin-bottom:10px;transition:.15s;}
.rls-kf .kf-acc:hover{border-color:#c5d6e6;}
.rls-kf .kf-acc:has(input:checked){border-color:var(--acc);background:#f0f7fc;}
.rls-kf .kf-accmain{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1;min-width:220px;}
.rls-kf .kf-accmain .kf-thumb{width:44px;height:44px;}
.rls-kf .kf-accmain input{width:18px;height:18px;accent-color:var(--acc);flex:none;}
.rls-kf .kf-accname{font-size:var(--fs-md);color:var(--ink);}
.rls-kf .kf-accvar{font-size:var(--fs-sm);color:var(--soft);background:var(--wash);border-radius:6px;padding:3px 9px;}
.rls-kf .kf-accsel{font:inherit;font-size:var(--fs-md);padding:6px 9px;border:2px solid var(--line);border-radius:8px;background:#fff;} .rls-kf .kf-line .kf-thumb{width:54px;height:54px;}
.rls-kf .kf-x{color:var(--acc);font-weight:800;} .rls-kf .kf-target{background:var(--wash);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:18px;}
.rls-kf .kf-tlead{font-weight:800;font-size:var(--fs-lg);margin-bottom:12px;color:var(--ink);}
.rls-kf .kf-inrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.rls-kf .kf-numin{width:120px;height:44px;font:inherit;font-size:var(--fs-h);font-weight:700;text-align:center;border:2px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);}
.rls-kf .kf-numin:focus{outline:none;border-color:var(--acc);}
.rls-kf .kf-units{display:inline-flex;gap:4px;background:#fff;border:2px solid var(--line);border-radius:9px;padding:3px;}
.rls-kf .kf-unitb{font:inherit;font-size:var(--fs-sm);font-weight:700;cursor:pointer;background:none;border:none;border-radius:6px;padding:8px 12px;color:var(--soft);transition:.12s;}
.rls-kf .kf-unitb:hover{color:var(--acc);}
.rls-kf .kf-unitb.on{background:#e9f3fb;color:var(--acc);}
.rls-kf .kf-unitfix{font-size:var(--fs-md);font-weight:700;color:var(--soft);}
.rls-kf .kf-recobtn{font:inherit;font-size:var(--fs-md);font-weight:800;cursor:pointer;background:var(--acc);color:#fff;border:none;border-radius:100px;padding:11px 22px;transition:.15s;}
.rls-kf .kf-recobtn:hover{background:var(--acch);}
.rls-kf .kf-recos{margin-bottom:18px;}
.rls-kf .kf-recotitle{font-size:var(--fs-sm);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--acc);margin-bottom:10px;}
.rls-kf .kf-recogrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;}
.rls-kf .kf-reco{display:flex;flex-direction:column;gap:4px;text-align:left;font:inherit;cursor:pointer;background:#fff;border:2px solid var(--line);border-radius:11px;padding:14px 16px;transition:.15s;}
.rls-kf .kf-reco:hover{border-color:var(--acc);}
.rls-kf .kf-reco.sel{border-color:var(--acc);background:#f0f7fc;box-shadow:0 4px 16px rgba(0,105,179,.12);}
.rls-kf .kf-recobadge{align-self:flex-start;font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--acc);padding:3px 10px;border-radius:100px;}
.rls-kf .kf-recomb{font-size:var(--fs-md);font-weight:800;color:var(--ink);margin-top:4px;line-height:1.2;overflow-wrap:anywhere;word-break:break-word;}
.rls-kf .kf-recorng{font-size:var(--fs-md);font-weight:800;color:var(--acc);overflow-wrap:anywhere;word-break:break-word;}
.rls-kf .kf-recosku{font-size:var(--fs-xs);color:var(--soft);}
.rls-kf .kf-reconote{font-size:var(--fs-sm);color:var(--soft);line-height:1.45;} .rls-kf .kf-reco.spar .kf-recobadge{background:#c07d12;}
.rls-kf .kf-reco.spar .kf-recorng{color:#b5730b;}
.rls-kf .kf-reco.spar:hover{border-color:#c07d12;}
.rls-kf .kf-reco.spar.sel{border-color:#c07d12;background:#fdf6ea;box-shadow:0 4px 16px rgba(181,115,11,.14);}
.rls-kf .kf-reco.pass .kf-recorng{color:var(--acc);}
.rls-kf .kf-recohint{margin:12px 0 0;font-size:var(--fs-sm);color:#33414d;line-height:1.5;}
.rls-kf .kf-recohint b{color:var(--ink);}
.rls-kf .kf-recohint.kf-warn{background:#fcf6e8;border-radius:8px;padding:9px 13px;} .rls-kf .kf-modetog{display:inline-flex;gap:4px;background:#fff;border:2px solid var(--line);border-radius:9px;padding:3px;margin-bottom:12px;}
.rls-kf .kf-modeb{font:inherit;font-size:var(--fs-sm);font-weight:700;cursor:pointer;background:none;border:none;border-radius:6px;padding:8px 14px;color:var(--soft);transition:.12s;}
.rls-kf .kf-modeb:hover{color:var(--acc);}
.rls-kf .kf-modeb.on{background:#e9f3fb;color:var(--acc);}
.rls-kf .kf-bis{font-size:var(--fs-md);font-weight:700;color:var(--soft);padding:0 2px;}
.rls-kf .kf-mbdet{border:1px solid var(--line);border-radius:10px;padding:0 14px;margin-bottom:16px;}
.rls-kf .kf-mbdet>summary{cursor:pointer;font-size:var(--fs-md);font-weight:700;color:var(--soft);padding:11px 0;list-style:none;}
.rls-kf .kf-mbdet>summary::-webkit-details-marker{display:none;}
.rls-kf .kf-mbdet>summary::before{content:"\25B8  ";color:var(--acc);}
.rls-kf .kf-mbdet[open]>summary::before{content:"\25BE  ";}
.rls-kf .kf-mbdet>summary:hover{color:var(--acc);}
.rls-kf .kf-mbdet .kf-mblist{padding:4px 0 14px;} .rls-kf .kf-devreq{background:var(--wash);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:16px;}
.rls-kf .kf-reqlead{margin:0 0 12px;font-size:var(--fs-md);color:#33414d;font-weight:700;}
.rls-kf .kf-reqrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
.rls-kf .kf-reqlb{flex:none;width:150px;font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--soft);}
.rls-kf .kf-seg{display:flex;gap:7px;flex-wrap:wrap;}
.rls-kf .kf-segb{font:inherit;font-size:var(--fs-sm);font-weight:700;cursor:pointer;background:#fff;border:2px solid var(--line);border-radius:100px;padding:7px 14px;color:var(--ink);transition:.12s;}
.rls-kf .kf-segb:hover{border-color:var(--acc);}
.rls-kf .kf-segb.on{border-color:var(--acc);background:var(--acc);color:#fff;}
.rls-kf .kf-devcard{position:relative;}
.rls-kf .kf-devcard.ok{border-color:#a9d9b9;background:#f4fbf6;}
.rls-kf .kf-devcard.part{border-color:#d2dae3;}
.rls-kf .kf-devcard.dim{opacity:.6;background:#fafbfc;}
.rls-kf .kf-badge{position:absolute;top:-10px;right:14px;font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--ok);padding:3px 10px;border-radius:100px;box-shadow:0 2px 6px rgba(10,125,51,.25);}
.rls-kf .kf-badge.ok{background:#e3f4e9;color:#1f7a3d;box-shadow:none;}
.rls-kf .kf-badge.part{background:#eef1f4;color:#5b6672;box-shadow:none;}
.rls-kf .kf-badge.no{background:#eef1f4;color:#8a94a0;box-shadow:none;}
.rls-kf .kf-devreason{font-size:var(--fs-xs);font-weight:700;color:#8a94a0;}
.rls-kf .kf-devpart{font-size:var(--fs-xs);font-weight:700;color:#5b6672;}
.rls-kf .kf-guide.kf-warn{background:#fcf6e8;border-left-color:#d99a2b;color:#7a5a1e;} .rls-kf .kf-curstep{display:block;text-align:center;margin:6px 0 18px;}
.rls-kf .kf-curcount{display:block;font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--soft);}
.rls-kf .kf-curname{display:block;font-size:var(--fs-h);font-weight:800;color:var(--acc);line-height:1.2;margin-top:2px;}
@media(max-width:640px){
.rls-kf{padding:0 12px;overflow-x:hidden;}
.rls-kf .kf-fhead h2{font-size:var(--fs-h);}
.rls-kf .kf-fhead p{font-size:var(--fs-md);}
.rls-kf .kf-steps{margin:16px 0 4px;flex-wrap:nowrap;}
.rls-kf .kf-st .kf-num{width:26px;height:26px;font-size:var(--fs-xs);}
.rls-kf .kf-st:not(:last-child)::after{font-size:var(--fs-lg);margin:0 5px;}
.rls-kf .kf-panel{padding:16px 13px;}
.rls-kf .kf-h{font-size:var(--fs-h);}
.rls-kf .kf-indhead .kf-h{font-size:var(--fs-lg);}
.rls-kf .kf-line{gap:10px;padding:10px 11px;}
.rls-kf .kf-line .kf-thumb{width:44px;height:44px;}
.rls-kf .kf-lqty .kf-qtybtn{width:27px;height:27px;font-size:var(--fs-lg);}
.rls-kf .kf-lqn{min-width:1.6em;font-size:var(--fs-md);}
.rls-kf .kf-devgrid{grid-template-columns:1fr;}
.rls-kf .kf-devcard{flex-direction:column;}
.rls-kf .kf-mbrow{flex-direction:column;align-items:flex-start;gap:2px;}
.rls-kf .kf-reqlb{width:auto;}
.rls-kf .kf-reqrow{gap:6px;}
.rls-kf .kf-recogrid{grid-template-columns:1fr;}
.rls-kf .kf-target{padding:13px;}
.rls-kf .kf-inrow{gap:8px;}
.rls-kf .kf-numin{flex:1 1 80px;min-width:0;}
.rls-kf .kf-units{flex-wrap:wrap;}
.rls-kf .kf-recobtn{flex:1 1 100%;}
.rls-kf .kf-badge{right:8px;}
.rls-kf .kf-next{padding:12px 20px;font-size:var(--fs-md);}
.rls-kf .kf-field select{max-width:100%;}
.rls-kf .kf-allrow{gap:10px;}
.rls-kf .kf-addall{width:100%;}
} .rls-kf .kf-accname{display:flex;flex-direction:column;line-height:1.25;gap:2px;}
.rls-kf .kf-accttl{font-weight:700;color:var(--ink);}
.rls-kf .kf-acchint{font-size:var(--fs-xs);color:var(--soft);line-height:1.3;margin-top:1px;}
.rls-kf .kf-neu{display:inline-block;background:var(--acc);color:#fff;font-size:var(--fs-xs);font-weight:800;letter-spacing:.03em;padding:1px 7px;border-radius:100px;vertical-align:middle;}
.rls-kf .kf-neu.kf-beliebt{background:#e8820c;}
.rls-kf .kf-acciv{font-size:var(--fs-xs);color:var(--acc);font-weight:700;line-height:1.3;margin-top:2px;}
.rls-kf .kf-info{display:inline-flex;align-items:center;}
.rls-kf .kf-info::after{content:"";flex:none;display:inline-block;width:12px;height:12px;margin-left:5px;background-color:currentColor;-webkit-mask:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%227%22%20y1%3D%2217%22%20x2%3D%2217%22%20y2%3D%227%22%2F%3E%3Cpolyline%20points%3D%227%207%2017%207%2017%2017%22%2F%3E%3C%2Fsvg%3E') no-repeat center/contain;mask:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%227%22%20y1%3D%2217%22%20x2%3D%2217%22%20y2%3D%227%22%2F%3E%3Cpolyline%20points%3D%227%207%2017%207%2017%2017%22%2F%3E%3C%2Fsvg%3E') no-repeat center/contain;} .rls-kf .kf-rm{flex:none;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--line);background:#fff;border-radius:50%;color:var(--soft);cursor:pointer;padding:0;transition:.15s;}
.rls-kf .kf-rm svg{width:13px;height:13px;}
.rls-kf .kf-rm:hover{border-color:#df0029;color:#df0029;background:#fdecec;}
@media(max-width:640px){.rls-kf .kf-rm{width:30px;height:30px;}}