: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;
} body.rls-sparte-ft {
--rls-angebot-blue: #df0029;
--rls-angebot-blue-dark: #a4001f;
--rls-angebot-blue-soft: #fdecec;
} .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); padding: 2.4em 0; text-align: center; display: flex; flex-direction: column; align-items: center; gap: .9em; } .rls-angebot-empty__icon { color: var(--rls-angebot-blue); width: 84px; height: 84px; padding: 20px; border-radius: 50%; background: #eef4fb; box-sizing: border-box; }
body.fahrtreppe .rls-angebot-empty__icon { color: #df0029; background: #fdeaee; }
.rls-angebot-empty__text { margin: 0; font-size: 1.05em; }
.rls-angebot-empty a.rls-angebot-empty__cta {
display: inline-flex; align-items: center; margin-top: .3em;
background: var(--rls-angebot-blue); border: 2px solid var(--rls-angebot-blue); color: #fff;
border-radius: 100px; padding: .6em 1.5em; font-weight: 700; text-decoration: none;
box-shadow: none; text-shadow: none; text-transform: none; letter-spacing: normal;
transition: background .14s ease, border-color .14s ease;
}
.rls-angebot-empty a.rls-angebot-empty__cta:hover,
.rls-angebot-empty a.rls-angebot-empty__cta:focus { background: #005a99; border-color: #005a99; color: #fff; }
.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-wa{--acc:#006ab3;--acch:#00507f;--acclt:#b2d2e8;--ink:#1d232b;--soft:#5b6672;--line:#e2e8ee;--wash:#f4f8fb;
font-family:"Lato",ui-sans-serif,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
color:var(--ink);font-size:19px;line-height:1.6;background:#fff;}
.rls-wa *{box-sizing:border-box;}
.rls-wa .w{max-width:1140px;margin:0 auto;padding:0 24px;}
.rls-wa h1,.rls-wa h2,.rls-wa h3{margin:0;font-weight:700;line-height:1.16;}
.rls-wa h1{font-size:clamp(30px,4.4vw,46px);}
.rls-wa h2{font-size:clamp(25px,3.2vw,32px);}
.rls-wa h3{font-size:22px;}
.rls-wa p{margin:0;}
.rls-wa .eb{font-size:14px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--acc);display:inline-flex;align-items:center;gap:.5rem;}
.rls-wa .eb::before{content:"";width:22px;height:2px;background:var(--acc);}
.rls-wa .btn{display:inline-flex;align-items:center;gap:.5rem;font-size:17px;font-weight:700;padding:13px 28px;border-radius:50px;text-decoration:none;border:2px solid transparent;transition:.16s;}
.rls-wa .btn-p{background:var(--acc);color:#fff;}.rls-wa .btn-p:hover{background:var(--acch);}
.rls-wa .btn-o{border-color:var(--acc);color:var(--acc);}.rls-wa .btn-o:hover{background:var(--acc);color:#fff;} .rls-wa .wa-search{max-width:820px;margin:0 auto;}
.rls-wa .wa-sb{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--line);border-radius:14px;padding:8px 8px 8px 16px;box-shadow:0 8px 26px rgba(0,60,110,.08);transition:border-color .15s,box-shadow .15s;}
.rls-wa .wa-sb:focus-within{border-color:var(--acc);box-shadow:0 10px 30px rgba(0,105,179,.16);}
.rls-wa .wa-sb svg{flex:none;width:22px;height:22px;color:var(--soft);}
.rls-wa .wa-sb input{flex:1;border:0;outline:0;font:inherit;font-size:16px;color:var(--ink);background:transparent;min-width:0;}
.rls-wa .wa-sb input::placeholder{color:#9aa7b2;}
.rls-wa .wa-sb button.wa-go{flex:none;border:0;cursor:pointer;background:var(--acc);color:#fff;font:inherit;font-weight:700;font-size:15px;padding:12px 26px;border-radius:100px;transition:background .15s;}
.rls-wa .wa-sb button.wa-go:hover{background:#00507f;}
.rls-wa .wa-chips{max-width:820px;margin:12px auto 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;}
.rls-wa .wa-chips button{border:1px solid var(--line);background:#fff;color:var(--acc);font:inherit;font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:100px;cursor:pointer;transition:.15s;}
.rls-wa .wa-chips button:hover{background:var(--acc);color:#fff;border-color:var(--acc);}
.rls-wa .wa-rhead{max-width:1040px;margin:30px auto 12px;font-size:15.5px;color:var(--soft);text-align:center;}
.rls-wa .wa-rhead .wa-rh-k{display:block;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);margin-bottom:4px;}
.rls-wa .wa-rhead b{color:var(--ink);font-weight:700;}
.rls-wa .wa-reco{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;max-width:1040px;margin:0 auto;}
.rls-wa .wa-card{position:relative;background:#fff;border:1px solid var(--line);border-top:3px solid var(--acc);border-radius:12px;padding:20px 20px 22px;box-shadow:0 8px 26px rgba(0,60,110,.07);display:flex;flex-direction:column;}
.rls-wa .wa-card.lead{border-top-color:#0a7d33;box-shadow:0 12px 30px rgba(10,125,51,.10);}
.rls-wa .wa-ct{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px;}
.rls-wa .wa-prin{display:inline-block;background:var(--wash);color:var(--acc);font-size:12px;font-weight:700;padding:4px 12px;border-radius:100px;}
.rls-wa .wa-badge{display:inline-block;background:#0a7d33;color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;padding:4px 10px;border-radius:5px;}
.rls-wa .wa-cn{margin:0 0 4px;font-size:22px;font-weight:800;color:var(--ink);line-height:1.15;}
.rls-wa .wa-meas{margin:0 0 12px;font-size:13.5px;color:var(--soft);}
.rls-wa .wa-spec{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;}
.rls-wa .wa-ok{display:inline-flex;align-items:center;gap:5px;background:#e8f5ec;color:#1f7a3d;font-size:12px;font-weight:700;padding:4px 10px;border-radius:100px;}
.rls-wa .wa-ok::before{content:"\2713";font-weight:900;}
.rls-wa .wa-why{margin:0 0 17px;font-size:14.5px;color:#33414d;line-height:1.5;flex:1;}
.rls-wa .wa-why b{color:var(--ink);}
.rls-wa .wa-note{margin:-4px 0 15px;font-size:13px;color:#8a6d3b;background:#fcf6e8;border-radius:8px;padding:9px 12px;line-height:1.45;}
.rls-wa .wa-btn{align-self:flex-start;background:var(--acc);color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:11px 24px;border-radius:100px;transition:background .15s;}
.rls-wa .wa-btn:hover{background:#00507f;}
.rls-wa .wa-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.rls-wa .wa-cfg{background:#fff;color:var(--acc);border:2px solid var(--acc);text-decoration:none;font-weight:700;font-size:15px;padding:9px 22px;border-radius:100px;transition:.15s;}
.rls-wa .wa-cfg:hover{background:var(--acc);color:#fff;}
.rls-wa .wa-cross{max-width:1040px;margin:16px auto 0;text-align:center;font-size:14px;color:var(--soft);}
.rls-wa .wa-cross a{color:var(--acc);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(0,105,179,.3);}
.rls-wa .wa-empty{max-width:820px;margin:26px auto 0;background:#f4f8fb;border:1px dashed var(--line);border-radius:12px;padding:22px 24px;color:#4a5a67;font-size:15px;line-height:1.6;text-align:center;}
.rls-wa .wa-empty b{color:var(--ink);}
.rls-wa .wa-browse{max-width:1040px;margin:36px auto 0;border-top:1px solid var(--line);padding-top:12px;}
.rls-wa .wa-browse>summary{cursor:pointer;list-style:none;font-size:15px;font-weight:700;color:var(--acc);display:flex;align-items:center;gap:9px;padding:8px 0;}
.rls-wa .wa-browse>summary::-webkit-details-marker{display:none;}
.rls-wa .wa-browse>summary::before{content:"\25B8";font-size:12px;transition:transform .15s;}
.rls-wa .wa-browse[open]>summary::before{transform:rotate(90deg);}
.rls-wa .wa-browse>summary em{color:var(--soft);font-weight:400;font-style:normal;}
.rls-wa .wa-browse-in{margin-top:16px;}
.rls-wa .wa-reco.mini{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.rls-wa .wa-mini{background:#fff;border:1px solid var(--line);border-left:3px solid var(--acc);border-radius:9px;padding:13px 15px;display:flex;flex-direction:column;gap:5px;box-shadow:0 4px 14px rgba(0,60,110,.05);}
.rls-wa .wa-mini .mt{align-self:flex-start;background:var(--wash);color:var(--acc);font-size:11px;font-weight:700;padding:2px 9px;border-radius:100px;}
.rls-wa .wa-mini h4{margin:1px 0 0;font-size:16px;font-weight:800;color:var(--ink);}
.rls-wa .wa-mini .mm{font-size:12.5px;color:var(--soft);line-height:1.35;}
.rls-wa .wa-mini a{font-size:13px;font-weight:700;color:var(--acc);text-decoration:none;margin-top:2px;}
.rls-wa .wa-mini a:hover{text-decoration:underline;}
.rls-wa .wa-appnote{font-size:13px;color:#8a6d3b;background:#fcf6e8;border-radius:8px;padding:9px 13px;display:inline-block;line-height:1.4;} .rls-wa .wa-reco.wa-appmix{display:block;}
.rls-wa .wa-appmix .wa-sec-h{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin:26px 0 12px;text-align:left;}
.rls-wa .wa-appmix .wa-sec-h:first-child{margin-top:0;}
.rls-wa .wa-appmix .wa-devgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;}
.rls-wa .wa-appmix .wa-minigrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;} .caldur-overview *{box-sizing:border-box;margin:0;padding:0}
.caldur-overview{
font-family:'Lato',sans-serif;
color:#333;line-height:1.6;
font-size:16px;font-weight:400;
} .caldur-group-label{
font-size:16px;color:#0069b3;font-weight:700;margin-bottom:10px;
} .caldur-layout{
display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;
align-items:start;
}
.caldur-sidebar{position:sticky;top:100px;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto;} .caldur-tiles{
display:flex;flex-direction:column;gap:6px;
margin-bottom:16px;
}
.caldur-tile{
display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;
background:#fff;border:1px solid #e5eaf0;border-radius:7px;
padding:7px 11px;cursor:pointer;transition:border-color 0.2s,box-shadow 0.2s,background 0.2s;
}
.caldur-tile::before{
content:'';width:10px;height:10px;border-radius:50%;flex-shrink:0;grid-row:1/-1;
background:var(--t-color,#0069b3);
}
.caldur-tile:hover{
border-color:#b0c8e0;
box-shadow:0 2px 8px rgba(0,105,179,0.08);
}
.caldur-tile.active{
border-color:var(--t-color,#0069b3);
background:#f5f8fb;
}
.caldur-tile .t-label{display:none}
.caldur-tile .t-name{
grid-column:2;font-size:14px;font-weight:600;color:#333;margin:0;line-height:1.3;
}
.caldur-tile .t-desc{
grid-column:2;font-size:11px;color:#8a94a0;line-height:1.3;font-weight:400;margin-top:1px;
} .caldur-tile[data-filter="grenzwert"]{--t-color:#5b9bd5}
.caldur-tile[data-filter="titration"]{--t-color:#0069b3}
.caldur-tile[data-filter="scientific"]{--t-color:#2e7d6b}
.caldur-tile[data-filter="kolorimetrisch"]{--t-color:#c2502e}
.caldur-tile[data-filter="photometrisch"]{--t-color:#8b3a8a} .caldur-tile[data-filter="trinkwasser"]{--t-color:#2980b9}
.caldur-tile[data-filter="kessel"]{--t-color:#c0392b}
.caldur-tile[data-filter="pool"]{--t-color:#27ae60}
.caldur-tile[data-filter="industrie"]{--t-color:#2c3e50}
.caldur-tile[data-filter="aquaristik"]{--t-color:#16a085}
.caldur-tile[data-filter="teich"]{--t-color:#2471a3}
.caldur-tile[data-filter="brunnen"]{--t-color:#7d6608}
.caldur-tile[data-filter="lebensmittel"]{--t-color:#a04000}
.caldur-tile[data-filter="abwasser"]{--t-color:#6c3483} .caldur-tile-all{--t-color:#0069b3!important}
.caldur-tile-all::before{display:none}
.caldur-tile-all .t-name{color:#0069b3;font-weight:700}
.caldur-tile-all.active{background:#0069b3!important;border-color:#0069b3!important}
.caldur-tile-all.active .t-name,
.caldur-tile-all.active .t-desc{color:#fff} .caldur-filter-bar{
display:flex;justify-content:space-between;align-items:center;
padding:8px 0;margin-bottom:4px;font-size:14px;color:#888;font-weight:400;
}
.caldur-filter-bar .filter-label{font-weight:700;color:#0069b3}
.caldur-filter-bar .caldur-hint{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:#0069b3}
.caldur-filter-bar .caldur-hint .hint-dot{width:16px;height:16px;border-radius:50%;background:#0069b3;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:9px;line-height:1;}
@media(max-width:620px){.caldur-filter-bar{flex-wrap:wrap;gap:4px}.caldur-filter-bar .caldur-hint{font-size:13px}} .caldur-matrix-wrap{
border:1px solid #ddd;border-radius:8px;
overflow:hidden;margin-bottom:24px;
}
.caldur-matrix-scroll{overflow-x:auto}
.caldur-matrix{
width:100%;border-collapse:collapse;font-size:14px;font-weight:400;min-width:660px;
}
.caldur-matrix thead th{
background:#0069b3;color:#fff;
padding:12px 10px;text-align:center;
font-size:14px;font-weight:700;
border-right:1px solid rgba(255,255,255,0.12);
}
.caldur-matrix thead th:first-child{text-align:left;min-width:170px}
.caldur-matrix thead th:last-child{border-right:none}
.caldur-matrix thead th .th-bar{
display:block;height:2px;margin:5px auto 0;width:22px;border-radius:1px;
}
.caldur-matrix tbody tr{
border-top:1px solid #eee;transition:background 0.15s;
}
.caldur-matrix tbody tr:hover{background:#f0f7fc}
.caldur-matrix tbody tr.dim{display:none}
.caldur-matrix tbody td{
padding:9px 10px;vertical-align:middle;
border-right:1px solid #f0f0f0;
}
.caldur-matrix tbody td:last-child{border-right:none}
.caldur-matrix .param-name{font-weight:700;color:#333}
.caldur-matrix .param-detail{
font-size:14px;color:#999;margin-top:1px;display:block;font-weight:400;
}
.caldur-matrix .method-cell{text-align:center}
.caldur-matrix .dot{
display:inline-flex;align-items:center;justify-content:center;
width:28px;height:28px;border-radius:50%;
background:var(--dot-color,#0069b3);cursor:pointer;
text-decoration:none;transition:transform 0.15s,box-shadow 0.15s;
}
.caldur-matrix .dot::after{content:'\2197';color:#fff;font-size:16px;font-weight:900;line-height:1;-webkit-text-stroke:0.8px #fff;}
.caldur-matrix .dot:hover{transform:scale(1.3);box-shadow:0 0 0 5px rgba(0,105,179,0.25)}
.caldur-matrix .dot[data-m="grenzwert"]{--dot-color:#5b9bd5}
.caldur-matrix .dot[data-m="titration"]{--dot-color:#0069b3}
.caldur-matrix .dot[data-m="scientific"]{--dot-color:#2e7d6b}
.caldur-matrix .dot[data-m="kolorimetrisch"]{--dot-color:#c2502e}
.caldur-matrix .dot[data-m="photometrisch"]{--dot-color:#8b3a8a}
.caldur-matrix .no-method{color:#ddd}
.caldur-matrix-legend{
padding:10px 16px;background:#f5f8fb;
display:flex;gap:18px;flex-wrap:wrap;align-items:center;
font-size:14px;color:#888;border-top:1px solid #e0e7ef;font-weight:400;
}
.caldur-matrix-legend .leg-item{display:flex;align-items:center;gap:5px}
.caldur-matrix-legend .leg-dot{width:10px;height:10px;border-radius:50%} @media(max-width:860px){
.caldur-layout{grid-template-columns:minmax(0,1fr)}
.caldur-sidebar{position:static;max-height:none;overflow:visible;}
.caldur-tiles{flex-direction:row;flex-wrap:wrap}
.caldur-tile{flex:1 1 calc(50% - 4px)}
}
@media(max-width:480px){
.caldur-tile{flex:1 1 100%}
} @media(max-width:600px){
.caldur-matrix-wrap{position:relative}
.caldur-matrix-wrap::after{content:"";position:absolute;top:1px;right:1px;bottom:1px;width:22px;pointer-events:none;z-index:5;border-radius:0 7px 7px 0;background:linear-gradient(90deg,rgba(18,38,66,0),rgba(18,38,66,.14));}
.caldur-matrix{min-width:548px;table-layout:fixed}
.caldur-matrix thead th:first-child,.caldur-matrix tbody td:first-child{width:108px;min-width:108px}
.caldur-matrix thead th:first-child{position:sticky;left:0;z-index:3;background:#0069b3}
.caldur-matrix tbody td:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:1px 0 0 #e3e9ef}
.caldur-matrix tbody tr:hover td:first-child{background:#f0f7fc}
.caldur-matrix .param-name{font-size:13px;line-height:1.25;overflow-wrap:break-word}
.caldur-matrix .param-detail{font-size:11px;overflow-wrap:break-word}
.caldur-matrix thead th{padding:10px 5px;font-size:12px;line-height:1.2}
.caldur-matrix tbody td{padding:8px 6px}
.caldur-matrix .dot{width:26px;height:26px}
} .rls-tools .fhead, .rls-tools .kf-fhead{display:none;}
.rls-tools .rlst-head{text-align:center;max-width:1000px;margin:0 auto;padding:0 20px;font-family:'Lato',ui-sans-serif,system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;}
.rls-tools .rlst-eb{font-size:13px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#0069b3;}
.rls-tools .rlst-head h2{margin:4px 0 0;font-size:clamp(24px,3.2vw,32px);font-weight:800;line-height:1.15;color:#1d232b;}
.rls-tools .rlst-head p{margin:8px 0 0;color:#5b6672;font-size:16px;}
.rls-tools .rlst-switch{display:flex;justify-content:center;gap:10px;margin:18px auto 6px;max-width:620px;padding:0 20px;}
.rls-tools .rlst-tab{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:11px;font:inherit;font-family:'Lato',sans-serif;cursor:pointer;background:#fff;border:2px solid #e2e8ee;border-radius:50px;padding:13px 22px;color:#1d232b;transition:.15s;}
.rls-tools .rlst-tab .rlst-ic{flex:none;width:26px;height:26px;color:#5b6672;}
.rls-tools .rlst-tab .rlst-ic svg{width:26px;height:26px;}
.rls-tools .rlst-tab .rlst-tx{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;font-size:17px;font-weight:800;}
.rls-tools .rlst-tab .rlst-tx small{font-weight:600;font-size:12.5px;color:#5b6672;}
.rls-tools .rlst-tab:hover{border-color:#0069b3;}
.rls-tools .rlst-tab:hover .rlst-ic{color:#0069b3;}
.rls-tools .rlst-tab.on{border-color:#0069b3;background:#f0f7fc;box-shadow:0 4px 14px rgba(0,105,179,.12);}
.rls-tools .rlst-tab.on .rlst-ic{color:#0069b3;}
.rls-tools .rlst-tab.on .rlst-tx small{color:#0069b3;}
.rls-tools .rlst-pane[hidden]{display:none;}
.rls-tools .sec.finder,.rls-tools .rls-kf{padding-top:6px;}
@media(max-width:560px){
.rls-tools .rlst-switch{flex-direction:column;max-width:420px;}
.rls-tools .rlst-tab{justify-content:flex-start;}
}.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-2col{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;}
.rls-kf .kf-ausf-img{background:var(--wash);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;}
.rls-kf .kf-ausf-img img{max-width:100%;max-height:100%;object-fit:contain;display:block;}
.rls-kf .kf-ausf-fields{display:flex;flex-direction:column;gap:16px;}
.rls-kf .kf-afield{margin-bottom:0;}
.rls-kf .kf-afield select{max-width:100%;width:100%;}
.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-2col{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-help{position:relative;display:inline-flex;margin:12px 0 2px;}
.rls-kf .kf-help-trg{cursor:help;display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-md);font-weight:700;color:var(--acc);user-select:none;outline:none;line-height:1.2;}
.rls-kf .kf-help-trg .kf-help-i{flex:none;width:19px;height:19px;border-radius:50%;background:var(--acc);color:#fff;font-size:12px;font-style:italic;font-weight:700;font-family:Georgia,serif;display:inline-flex;align-items:center;justify-content:center;}
.rls-kf .kf-help-trg .kf-help-tx{border-bottom:1px dotted var(--acc);}
.rls-kf .kf-help-pop{position:absolute;top:100%;left:0;margin-top:9px;z-index:40;width:360px;max-width:88vw;background:#fff;border:1px solid #dbe5ee;border-top:3px solid var(--acc);border-radius:10px;box-shadow:0 12px 34px rgba(0,60,110,.20);padding:14px 16px;text-align:left;font-size:13.5px;color:#33414d;line-height:1.5;opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .15s,transform .15s,visibility .15s;}
.rls-kf .kf-help-pop::before{content:"";position:absolute;top:-7px;left:16px;width:12px;height:12px;background:#fff;border-left:1px solid #dbe5ee;border-top:1px solid #dbe5ee;transform:rotate(45deg);}
.rls-kf .kf-help-pop b{color:#1d232b;}
.rls-kf .kf-help:hover .kf-help-pop,.rls-kf .kf-help:focus-within .kf-help-pop{opacity:1;visibility:visible;transform:none;}
.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;}}