: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-empty__lead { margin: .1em 0 0; font-weight: 700; color: var(--rls-angebot-text, inherit); } .rls-angebot-empty__ctas { display: flex; flex-wrap: wrap; gap: .7em; justify-content: center; margin-top: .1em; }
.rls-angebot-empty a.rls-angebot-empty__cta--ft { background: #df0029; border-color: #df0029; }
.rls-angebot-empty a.rls-angebot-empty__cta--ft:hover,
.rls-angebot-empty a.rls-angebot-empty__cta--ft:focus { background: #b8001f; border-color: #b8001f; 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-whr-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-whr-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-whr-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-whr-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-whr-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-whr-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-whr-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-whr-font/lato-normal-latin-900.woff2?ver=1715932351) format('woff2');font-display: swap;}:root{
--acc:#0069b3; --acch:#00507f; --acclt:#b2d2e8;
--ink:#1c2530; --soft:#5a6b7b; --line:#e2e8ee; --wash:#eef5fb; --ground:#ffffff;
}
.rls-whr{font-family:"Lato",ui-sans-serif,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);font-size:18px;line-height:1.6;background:var(--ground);min-height:100%;-webkit-font-smoothing:antialiased;}
.rls-whr *{box-sizing:border-box;} .e-con:has(> .elementor-widget-shortcode .rls-whr),
.elementor-element.e-con-full:has(.rls-whr),
.elementor-element.e-con-boxed:has(.rls-whr){display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important;gap:0!important;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;--row-gap:0px;}
.elementor-widget-shortcode:has(.rls-whr),.elementor-widget-shortcode:has(.rls-whr)>.elementor-widget-container{padding:0!important;margin:0!important;}
.rls-whr .whr-w{max-width:1160px;margin:0 auto;padding-inline:26px;}
.rls-whr h1{font-size:clamp(30px,6vw,38px);font-weight:700;line-height:1.22;margin:.2em 0 .32em;color:var(--ink);text-wrap:balance;letter-spacing:normal;}
.rls-whr .whr-info h2{font-size:clamp(22px,2.6vw,28px);font-weight:700;margin:0 0 .35em;color:#1d232b;line-height:1.22;text-wrap:balance;} .rls-whr .whr-hero{position:relative;background:linear-gradient(135deg,#0069b3,#004f87);color:#fff;padding-block:clamp(34px,6vw,52px) 108px;overflow:hidden;}
.rls-whr .whr-hero .whr-w{text-align:center;}
.rls-whr .whr-eb{display:inline-block;font-size:13px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:#dcecf8;}
.rls-whr .whr-hero h1{color:#fff;}
.rls-whr .whr-lead{max-width:62ch;font-size:19px;color:#eaf4fb;margin:0 auto;}
.rls-whr .whr-wave{position:absolute;left:0;right:0;bottom:-1px;height:132px;line-height:0;pointer-events:none;z-index:2;}
.rls-whr .whr-wave svg{position:absolute;left:0;bottom:0;width:100%;height:92px;display:block;transform:scaleY(-1) scaleX(-1);}
.rls-whr .whr-wave path{fill:#fff;} .rls-whr .whr-main{padding-block:0 40px;}
.rls-whr .whr-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 50px -32px rgba(0,80,150,.4);padding:clamp(20px,3.4vw,32px);}
.rls-whr .whr-tool{margin-top:34px;position:relative;z-index:6;} .rls-whr.is-embed{background:transparent;min-height:0;}
.rls-whr.is-embed .whr-main{padding-block:0;}
.rls-whr.is-embed .whr-tool{margin-top:4px;}
.rls-whr .whr-cross{margin-top:20px;}  .rls-whr .whr-steplbl{margin-bottom:11px;}
.rls-whr .whr-inrow + .whr-steplbl{margin-top:26px;}
.rls-whr .whr-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;}
.rls-whr .whr-pill{appearance:none;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-weight:700;font-size:15px;line-height:1.2;padding:10px 20px;border-radius:100px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;}
.rls-whr .whr-pill:hover{background:#fff;border-color:var(--acc);}
.rls-whr .whr-pill.is-on{background:#eef5fb;border-color:var(--acc);color:var(--acc);box-shadow:0 3px 12px rgba(0,105,179,.12);}
.rls-whr .whr-pill:focus-visible{outline:3px solid var(--acclt);outline-offset:2px;} .rls-whr .whr-step{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--acc);color:#fff;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;line-height:1;} .rls-whr .whr-inrow{display:flex;gap:16px;flex-wrap:wrap;}
.rls-whr .whr-field{flex:1 1 200px;display:flex;flex-direction:column;gap:7px;margin:0;}
.rls-whr .whr-lbl{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--soft);}
.rls-whr .whr-field input,.rls-whr .whr-selwrap select{width:100%;height:54px;border:1.5px solid #cfe0ee;border-radius:12px;background:#fff;padding:0 16px;font:inherit;font-size:19px;color:var(--ink);}
.rls-whr .whr-field input:focus-visible,.rls-whr .whr-selwrap select:focus-visible{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px rgba(0,105,179,.16);}
.rls-whr .whr-selwrap{position:relative;display:block;}
.rls-whr .whr-selwrap select{appearance:none;-webkit-appearance:none;padding-right:42px;cursor:pointer;}
.rls-whr .whr-selwrap::after{content:"";position:absolute;right:17px;top:46%;width:9px;height:9px;border-right:2px solid var(--acc);border-bottom:2px solid var(--acc);transform:translateY(-50%) rotate(45deg);pointer-events:none;} .rls-whr .whr-scale{margin-top:24px;}
.rls-whr .whr-scale-track{position:relative;display:flex;height:14px;border-radius:100px;}
.rls-whr .whr-zone{height:14px;}
.rls-whr .z1{background:#c3e5f6;border-radius:100px 0 0 100px;}
.rls-whr .z2{background:#8ecdec;}
.rls-whr .z3{background:#f2d06b;}
.rls-whr .z4{background:#eda94e;}
.rls-whr .z5{background:#e0764a;border-radius:0 100px 100px 0;}
.rls-whr .whr-marker{position:absolute;top:-6px;width:4px;height:26px;background:var(--ink);border-radius:3px;box-shadow:0 0 0 3px #fff;transition:left .28s cubic-bezier(.4,0,.2,1);left:0;transform:translateX(-50%);}
.rls-whr .whr-scale-labels{display:flex;margin-top:9px;font-size:11px;color:var(--soft);text-transform:uppercase;letter-spacing:.03em;}
.rls-whr .whr-scale-labels span{flex:1;text-align:center;}
.rls-whr .whr-range{margin-top:13px;text-align:center;font-size:17px;}
.rls-whr .whr-range b{color:var(--acc);font-size:20px;font-weight:900;} .rls-whr .whr-res{margin-top:22px;border-top:1px solid var(--line);}
.rls-whr .whr-row{display:grid;grid-template-columns:1fr auto 92px;align-items:baseline;gap:4px 14px;padding:13px 12px;border-bottom:1px solid var(--line);}
.rls-whr .whr-row .rn{color:var(--soft);font-size:15px;}
.rls-whr .whr-row .rn .tag{display:inline-block;margin-left:8px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--acc);background:rgba(0,105,179,.12);padding:2px 8px;border-radius:100px;vertical-align:middle;}
.rls-whr .whr-row .rv{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);line-height:1.1;}
.rls-whr .whr-row .ru{color:var(--soft);font-size:14px;}
.rls-whr .whr-row.is-input{background:var(--wash);box-shadow:inset 3px 0 0 var(--acc);}
.rls-whr .whr-row.is-input .rn{color:var(--acc);font-weight:700;}
.rls-whr .whr-row.is-input .rv{color:var(--acc);}
.rls-whr .whr-note{margin:18px 0 0;font-size:13px;color:var(--soft);} .rls-whr .whr-steck{margin-top:40px;padding-top:34px;border-top:1px solid var(--line);}
.rls-whr .peb{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--acc);margin-bottom:8px;} .rls-whr .whr-steck-head .peb::before,.rls-whr .whr-steck-prod>.peb::before{content:"\2014\00A0";}
.rls-whr .whr-steck-head{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px;}
.rls-whr .whr-steck-head h2{margin:0;font-size:clamp(22px,2.6vw,28px);font-weight:700;color:#1d232b;line-height:1.22;}
.rls-whr .whr-steck-lead{margin:9px 0 0;font-size:19px;font-weight:300;line-height:1.5;color:#37424e;}
.rls-whr .whr-steck-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:start;}
.rls-whr .whr-facts{margin:0;}
.rls-whr .whr-fact{padding:11px 0;border-top:1px solid var(--line);}
.rls-whr .whr-fact:first-child{border-top:0;padding-top:0;}
.rls-whr .whr-fact dt{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--acc);}
.rls-whr .whr-fact dd{margin:3px 0 0;font-size:17px;font-weight:300;line-height:1.55;color:#37424e;}
.rls-whr .whr-steck-prod{border-left:1px solid var(--line);padding-left:26px;}
.rls-whr .whr-plist{display:flex;flex-direction:column;}
.rls-whr .whr-prow{display:flex;align-items:center;gap:14px;padding:12px 6px;border-top:1px solid var(--line);text-decoration:none;color:inherit;transition:background .12s;border-radius:10px;}
.rls-whr .whr-prow:first-child{border-top:0;}
.rls-whr .whr-prow:hover{background:var(--wash);}
.rls-whr .whr-prow-img{flex:0 0 58px;width:58px;height:58px;border-radius:10px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.rls-whr .whr-prow-img img{width:100%;height:100%;object-fit:contain;}
.rls-whr .whr-prow-tx{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;}
.rls-whr .whr-prow-tx .peb{margin:0;font-size:11px;}
.rls-whr .whr-prow-n{font-size:16.5px;font-weight:700;color:var(--ink);line-height:1.2;}
.rls-whr .whr-prow:hover .whr-prow-n{color:var(--acc);}
.rls-whr .whr-prow-cta{flex:0 0 auto;font-weight:700;font-size:18px;color:var(--acc);transition:transform .12s;}
.rls-whr .whr-prow:hover .whr-prow-cta{transform:translateX(3px);}
.rls-whr .whr-prow:focus-visible{outline:3px solid var(--acclt);outline-offset:2px;} .rls-whr .whr-info{max-width:none;margin:40px 0 0;padding-inline:0;}
.rls-whr .whr-info h2{margin-top:34px;}
.rls-whr .whr-info h2:first-child{margin-top:0;}
.rls-whr .whr-info h3{font-size:20px;font-weight:700;color:#1d232b;line-height:1.25;margin:22px 0 4px;}
.rls-whr .whr-info p{margin:0;font-size:19px;font-weight:300;line-height:1.55;color:#37424e;} .rls-whr .whr-foot{position:relative;background:#ececec;margin-top:56px;min-height:72px;}
.rls-whr .whr-foot-wave{position:absolute;left:0;right:0;top:-91px;height:92px;line-height:0;overflow:hidden;}
.rls-whr .whr-foot-wave svg{position:absolute;left:0;bottom:0;width:100%;height:92px;display:block;transform:scaleY(-1) scaleX(-1);}
.rls-whr .whr-foot-wave path{fill:#ececec;}
@media(prefers-reduced-motion:reduce){.rls-whr .whr-marker{transition:none;}}
@media(max-width:720px){
.rls-whr .whr-steck-grid{grid-template-columns:1fr;gap:22px;} .rls-whr .whr-steck-prod{order:-1;border-left:0;padding-left:0;border-bottom:1px solid var(--line);padding-bottom:20px;}
.rls-whr .whr-facts{order:0;}
}
@media(max-width:620px){ .rls-whr .whr-pills{gap:8px;margin-bottom:20px;}
.rls-whr .whr-pill{padding:9px 16px;font-size:14px;}
.rls-whr .whr-tool{margin-top:22px;border-radius:16px;} .rls-whr .whr-hero{padding-bottom:62px;}
.rls-whr .whr-wave{height:64px;}
.rls-whr .whr-wave svg{height:46px;}
.rls-whr .whr-foot{min-height:46px;margin-top:44px;}
.rls-whr .whr-foot-wave{top:-45px;height:46px;}
.rls-whr .whr-foot-wave svg{height:46px;}
}
@media(max-width:440px){
.rls-whr .whr-row{grid-template-columns:auto 1fr;gap:1px 8px;padding:12px 8px;}
.rls-whr .whr-row .rn{grid-column:1 / -1;font-size:14px;}
.rls-whr .whr-row .rv{grid-column:1;text-align:left;font-size:21px;}
.rls-whr .whr-row .ru{grid-column:2;justify-self:start;align-self:center;}
.rls-whr .whr-scale-labels{font-size:9.5px;letter-spacing:0;}
}