@layer bricks {:where(.brxe-svg){height:auto;width:auto}:where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes bricks-richtext-init{0%,to{opacity:0}}@media (scripting:enabled){:where(.brxe-form) .form-field-richtext{animation:bricks-richtext-init 5s step-end;height:var(--brx-richtext-height,400px);max-height:var(--brx-richtext-max-height,none);min-height:var(--brx-richtext-min-height,100px)}:where(.brxe-form) .form-field-richtext:focus{animation:none}}:where(.brxe-form){display:flex;flex-wrap:wrap;width:100%}:where(.brxe-form) .label,:where(.brxe-form) label{color:inherit;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}:where(.brxe-form) .form-group{display:flex;flex-direction:column;padding:0 0 20px;width:100%}:where(.brxe-form) .form-group.captcha,:where(.brxe-form) .form-group:last-child{padding-bottom:0}:where(.brxe-form) .form-group.captcha{line-height:1}:where(.brxe-form) .form-group.file{display:block}:where(.brxe-form) .form-group.file>label.choose-files{margin-bottom:0}:where(.brxe-form) .form-group>.label{margin-bottom:5px}:where(.brxe-form) .form-group .form-group-error-message{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger);display:none;padding:15px;width:100%}:where(.brxe-form) .form-group .form-group-error-message.show{display:block}:where(.brxe-form) .form-group .password-input-wrapper{position:relative}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle{background:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle span{display:flex}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle span.hide{display:none}:where(.brxe-form) .submit-button-wrapper{width:auto}:where(.brxe-form) .required:after{content:"*";padding:0 2px;position:relative;top:-2px}:where(.brxe-form) .options-wrapper{list-style-type:none;margin:0;padding:0}:where(.brxe-form) .options-wrapper li{align-items:baseline;display:flex;gap:8px}:where(.brxe-form) .options-wrapper input,:where(.brxe-form) .options-wrapper label{display:inline-block;height:auto;margin:0 5px 0 0;width:auto}:where(.brxe-form) .options-wrapper input[type=checkbox],:where(.brxe-form) .options-wrapper input[type=radio]{margin:initial;padding:initial;position:relative;top:1px}:where(.brxe-form) button[type=submit].sending{cursor:default}:where(.brxe-form) button[type=submit].sending .text{opacity:.5}:where(.brxe-form) button[type=submit].sending>i,:where(.brxe-form) button[type=submit].sending>svg{display:none}:where(.brxe-form) button[type=submit].sending .loading{animation:load8 1s linear infinite;display:flex;opacity:1}:where(.brxe-form) button[type=submit].sending .loading svg{transform:scaleX(-1)}:where(.brxe-form) button[type=submit] .loading{display:none}:where(.brxe-form) button[type=submit] svg{height:1em;transform-origin:center}:where(.brxe-form) .recaptcha-hidden{display:none}:where(.brxe-form) .recaptcha-error{display:none;padding:0!important}:where(.brxe-form) .recaptcha-error.show{display:block}:where(.brxe-form) .recaptcha-error .brxe-alert.danger{align-items:center;background-color:var(--bricks-bg-danger);border-color:currentcolor;color:var(--bricks-text-danger);display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-form) .hcaptcha-error{display:none;padding:0!important}:where(.brxe-form) .hcaptcha-error.show{display:block}:where(.brxe-form) .hcaptcha-error .brxe-alert.danger{align-items:center;background-color:var(--bricks-bg-danger);border-color:currentcolor;color:var(--bricks-text-danger);display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-form) input[type=checkbox]+.label,:where(.brxe-form) input[type=checkbox]+label,:where(.brxe-form) input[type=radio]+.label,:where(.brxe-form) input[type=radio]+label{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;text-transform:inherit}:where(.brxe-form) textarea{height:inherit;resize:vertical}:where(.brxe-form) .message{background-color:var(--bricks-bg-info);color:var(--bricks-text-info);display:flex;gap:15px;justify-content:space-between;opacity:1;padding-bottom:0;position:relative;width:100%}:where(.brxe-form) .message.success{background-color:var(--bricks-bg-success);color:var(--bricks-text-success)}:where(.brxe-form) .message.error{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger)}:where(.brxe-form) .message .text{padding:15px}:where(.brxe-form) .message.closing{opacity:0;transition:opacity .2s}:where(.brxe-form) .message .close{all:unset;cursor:pointer;padding:15px}:where(.brxe-form) input.file,:where(.brxe-form) input[type=file]{display:block;height:0;opacity:0;width:0}:where(.brxe-form) .file-result{display:none;padding:0}:where(.brxe-form) .file-result.show{align-items:center;display:flex;margin:0 0 15px}:where(.brxe-form) .file-result.show.danger{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger);justify-content:space-between;padding:15px}:where(.brxe-form) .file-result.show.danger svg{cursor:pointer;height:1em;margin-left:5px}:where(.brxe-form) .file-result.show.danger svg g{stroke:currentcolor}:where(.brxe-form) .file-result.show .remove{display:inline-block;font-size:12px;line-height:30px;margin:0 15px;padding:0 10px}:where(.brxe-form) .file-result.show .remove:hover{background-color:var(--bricks-text-danger);color:#fff}:where(.brxe-form) .choose-files{align-self:flex-start;background-color:transparent;border:1px solid var(--bricks-border-color);cursor:pointer;display:inline-block;font-family:inherit;font-size:12px;font-weight:600;line-height:40px;padding:0 15px;text-align:center;text-transform:none;white-space:nowrap;width:auto}:where(.brxe-form) .choose-files:hover{background-color:rgba(0,0,0,.05)}:where(.brxe-form) .gallery-preview{display:flex;flex-wrap:wrap;gap:10px}:where(.brxe-form) .gallery-preview:not(:empty)+button{margin-top:5px}:where(.brxe-form) .image-preview{align-self:flex-start;overflow:hidden;position:relative}:where(.brxe-form) .image-preview:hover button{opacity:1}:where(.brxe-form) .image-preview:has(img)+button{margin-top:5px}:where(.brxe-form) .image-preview button{background-color:#fff;border:none;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}:where(.brxe-form) .image-preview button:hover{background-color:var(--bricks-text-danger);color:#fff}:where(.brxe-form) .image-preview button.hide{display:none}.grecaptcha-badge{visibility:hidden}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}:where(.brxe-accordion){list-style-type:none;margin:0;padding:0;width:100%}:where(.brxe-accordion) .brx-open .accordion-content-wrapper{display:block}:where(.brxe-accordion) .brx-open .icon.expanded{display:block!important}:where(.brxe-accordion) .brx-open .icon.expanded+.icon{display:none}:where(.brxe-accordion) .accordion-title-wrapper{cursor:pointer;margin-bottom:-1px;padding:15px 0;transition:var(--bricks-transition)}:where(.brxe-accordion) .accordion-title{align-items:center;display:flex}:where(.brxe-accordion) .accordion-title:empty{display:none!important}:where(.brxe-accordion) .accordion-title.icon-left{flex-direction:row-reverse}:where(.brxe-accordion) .accordion-title.icon-left .icon{margin-left:0;margin-right:10px}:where(.brxe-accordion) .accordion-title.icon-right .icon{margin-left:10px;margin-right:0}:where(.brxe-accordion) .accordion-title .title{flex:1;line-height:30px;margin:0}:where(.brxe-accordion) .accordion-title .icon{font-size:.8em;line-height:1;position:relative;top:1px;transform-origin:center}:where(.brxe-accordion) .accordion-title .icon.expanded{display:none}:where(.brxe-accordion) .accordion-subtitle{opacity:.8}:where(.brxe-accordion) .accordion-content-wrapper{animation:height .5s ease;display:none;overflow:hidden;padding:0 0 15px}:where(.brxe-accordion) .accordion-content-wrapper:empty{display:none!important}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}#eyebrow {color: #65bdc2; font-size: 14px; font-weight: 700; letter-spacing: 2px}#title {font-size: 48px; line-height: 1.1; color: #ffffff; max-width: 850px}@media (max-width: 767px) {#title {font-size: 34px}}#intro {font-size: 20px; line-height: 1.6; color: #ffffff; max-width: 720px}@media (max-width: 767px) {#intro {font-size: 18px}}#hero-button {background-color: #ffde67; color: #123940; font-weight: 700; padding-top: 16px; padding-right: 28px; padding-bottom: 16px; padding-left: 28px}#hero-inner {max-width: 1200px; align-items: flex-start; width: 100%}#hero {background-color: #123940; background-image: url("https://filters4spas.se/wp-content/uploads/2026/09/P013-vindskydd-spabad.webp"); background-size: cover; background-position: center center; background-repeat: no-repeat; color: #ffffff; padding-top: 100px; padding-right: 24px; padding-bottom: 100px; padding-left: 24px; position: relative; isolation: isolate}#hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10, 39, 43, .93) 0%, rgba(10, 39, 43, .8) 60%, rgba(10, 39, 43, .65) 100%); z-index: -1;}@media (max-width: 767px) {#hero {padding-top: 64px; padding-right: 20px; padding-bottom: 64px; padding-left: 20px}}#step1 {background-color: #ffffff; padding-top: 28px; padding-right: 28px; padding-bottom: 28px; padding-left: 28px; width: 33.333%; border-radius: 10px}@media (max-width: 767px) {#step1 {width: 100%}}#step2 {background-color: #ffffff; padding-top: 28px; padding-right: 28px; padding-bottom: 28px; padding-left: 28px; width: 33.333%; border-radius: 10px}@media (max-width: 767px) {#step2 {width: 100%}}#step3 {background-color: #ffffff; padding-top: 28px; padding-right: 28px; padding-bottom: 28px; padding-left: 28px; width: 33.333%; border-radius: 10px}@media (max-width: 767px) {#step3 {width: 100%}}#steps {display: flex; flex-direction: row; gap: 24px; width: 100%; align-items: stretch}@media (max-width: 767px) {#steps {flex-direction: column; gap: 18px}}#process-inner {max-width: 1200px; align-items: flex-start; width: 100%}#process {background-color: #f7f5ef; padding-top: 52px; padding-right: 24px; padding-bottom: 52px; padding-left: 24px}@media (max-width: 767px) {#process {padding-top: 36px; padding-right: 20px; padding-bottom: 36px; padding-left: 20px}}#measure-label {color: #147d83; font-weight: 700; letter-spacing: 2px}#brxe-fbdc77 {width: 100%; margin-top: 16px; margin-bottom: 20px}#length-card {background-color: #eef7f6; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; width: 50%; border-radius: 10px}@media (max-width: 767px) {#length-card {width: 100%}}#brxe-076764 {width: 100%}#radius-card {background-color: #eef7f6; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; width: 50%; border-radius: 10px}@media (max-width: 767px) {#radius-card {width: 100%}}#measure-grid {display: flex; flex-direction: row; gap: 24px; width: 100%; align-items: stretch}@media (max-width: 767px) {#measure-grid {flex-direction: column; gap: 18px}}#measure-inner {max-width: 1200px; align-items: flex-start; width: 100%}#measure {background-color: #ffffff; padding-top: 52px; padding-right: 24px; padding-bottom: 52px; padding-left: 24px}@media (max-width: 767px) {#measure {padding-top: 36px; padding-right: 20px; padding-bottom: 36px; padding-left: 20px}}#offer-label {color: #147d83; font-weight: 700; letter-spacing: 2px}#offer-copy {width: 100%; max-width: 1200px}@media (max-width: 767px) {#offer-copy {width: 100%}}#brxe-f29f3b .submit-button-wrapper {width: 100%}#brxe-f29f3b .bricks-button {background-color: #ffde67; color: #123940}#brxe-f29f3b {width: 100%}@supports selector(:has(*)) { #brxe-f29f3b .form-group:has(> input:not([type="checkbox"]):not([type="hidden"])) > label, #brxe-f29f3b .form-group:has(> textarea) > label { position: absolute; top: 18px; left: 13px; z-index: 1; padding: 0 4px; color: #425b60; background: #fff; font-size: 16px; line-height: 1.3; pointer-events: none; transition: top .15s ease, font-size .15s ease, color .15s ease; } #brxe-f29f3b .form-group:has(> input:not([type="checkbox"]):not([type="hidden"]):focus) > label, #brxe-f29f3b .form-group:has(> input:not([type="checkbox"]):not([type="hidden"]):not(:placeholder-shown)) > label, #brxe-f29f3b .form-group:has(> textarea:focus) > label, #brxe-f29f3b .form-group:has(> textarea:not(:placeholder-shown)) > label { top: -9px; font-size: 12px; color: #11666c; }}@media (prefers-reduced-motion: reduce) { #brxe-f29f3b .form-group > label { transition: none; }}@media (min-width: 768px) { #brxe-f29f3b .form-group:has(> input[name="form-field-namn01"]), #brxe-f29f3b .form-group:has(> input[name="form-field-epost1"]), #brxe-f29f3b .form-group:has(> input[name="form-field-langd1"]), #brxe-f29f3b .form-group:has(> input[name="form-field-bredd1"]) { width: calc(50% - 8px); }}@media (min-width: 768px) { #brxe-f29f3b { column-gap: 16px; }}@supports selector(:has(*)) { #brxe-f29f3b .form-group:has(> input:not([type="checkbox"]):not([type="hidden"])) > label, #brxe-f29f3b .form-group:has(> textarea) > label { font-size: 14px; text-transform: none; top: 20px; } #brxe-f29f3b .form-group:has(> input:not([type="checkbox"]):not([type="hidden"]):focus) > label, #brxe-f29f3b .form-group:has(> input:not([type="checkbox"]):not([type="hidden"]):not(:placeholder-shown)) > label, #brxe-f29f3b .form-group:has(> textarea:focus) > label, #brxe-f29f3b .form-group:has(> textarea:not(:placeholder-shown)) > label { font-size: 12px; top: -9px; }}@supports selector(:has(*)) { #brxe-f29f3b .form-group:has(> select) > label { position: absolute; top: -9px; left: 13px; z-index: 1; padding: 0 4px; font-size: 12px; line-height: 1.3; text-transform: none; color: #11666c; background: #ffffff; }}@media (min-width: 768px) { #brxe-f29f3b .form-group:has(> select[name="form-field-farg01"]), #brxe-f29f3b .form-group:has(> select[name="form-field-mater1"]) { width: calc(50% - 8px); }}#brxe-f29f3b .form-group:has(>input:not([type="checkbox"]):not([type="hidden"])) { position: relative; margin-bottom: 14px;}#brxe-f29f3b .form-group:has(>textarea) { position: relative; margin-bottom: 14px;}#brxe-f29f3b .form-group>input:not([type="checkbox"]):not([type="hidden"]) { width: 100%; min-height: 58px; padding: 16px; font-size: 16px; line-height: 1.4; color: #123940; background: #ffffff; border: 1px solid #a5b8b8; border-radius: 6px;}#brxe-f29f3b .form-group>textarea { width: 100%; min-height: 58px; padding: 16px; font-size: 16px; line-height: 1.4; color: #123940; background: #ffffff; border: 1px solid #a5b8b8; border-radius: 6px;}#brxe-f29f3b .form-group>textarea { min-height: 118px; resize: vertical;}#brxe-f29f3b .form-group>input:focus { border-color: #16868d; outline: 2px solid #16868d; outline-offset: 1px;}#brxe-f29f3b .form-group>textarea:focus { border-color: #16868d; outline: 2px solid #16868d; outline-offset: 1px;}#brxe-f29f3b button[type="submit"] { min-height: 56px; width: 100%; border-radius: 6px; font-size: 16px; font-weight: 700;}#brxe-f29f3b .form-group:has(>h4) { margin-top: 10px; margin-bottom: 12px;}#brxe-f29f3b .form-group>h4 { margin: 0 0 8px; font-size: 20px; line-height: 1.3; color: #123940;}#brxe-f29f3b .form-group>p { margin: 0 0 14px; color: #425b60; font-size: 14px; line-height: 1.5;}#brxe-f29f3b .form-group:has(>input[name="form-field-modell"]) { margin-bottom: 0;}#brxe-f29f3b .form-group:has(>textarea[name="form-field-ovrigt"]) { margin-bottom: 0;}#brxe-f29f3b .form-group:has(>#modell-hjalp) { padding-top: 0; margin-top: 0;}#brxe-f29f3b .form-group:has(>#onskemal-hjalp) { padding-top: 0; margin-top: 0;}#brxe-f29f3b #modell-hjalp { margin: 5px 0 14px;}#brxe-f29f3b #onskemal-hjalp { margin: 5px 0 14px;}#brxe-f29f3b .form-group:has(>input:not([type="checkbox"]):not([type="hidden"])[name="form-field-modell"]) { margin-bottom: 0; padding-bottom: 0;}#brxe-f29f3b .form-group:has(>textarea[name="form-field-ovrigt"]) { margin-bottom: 0; padding-bottom: 0;}#brxe-f29f3b .form-group:has(>select) { position: relative; margin-bottom: 14px;}#brxe-f29f3b .form-group>select { width: 100%; min-height: 58px; padding: 16px; font-size: 16px; line-height: 1.4; color: #123940; background-color: #ffffff; border: 1px solid #a5b8b8; border-radius: 6px;}#brxe-f29f3b .form-group>select:focus { border-color: #16868d; outline: 2px solid #16868d; outline-offset: 1px;}#brxe-f29f3b .form-group>input:not([type="checkbox"]):not([type="hidden"]):not(:placeholder-shown):not(:focus):invalid { border-color: #b54b50; box-shadow: 0 0 0 1px #b54b50;}#brxe-f29f3b .form-group:has(>input:not(:placeholder-shown):not(:focus):invalid)::after { display: block; width: 100%; margin: 6px 0 0; padding: 0 2px; color: #a6373e; font-size: 14px; line-height: 1.4;}#brxe-f29f3b .form-group:has(>input[name="form-field-namn01"]:not(:placeholder-shown):not(:focus):invalid)::after { content: "Ange ett namn med bokstäver, utan siffror.";}#brxe-f29f3b .form-group:has(>input[name="form-field-epost1"]:not(:placeholder-shown):not(:focus):invalid)::after { content: "Ange en giltig e-postadress, till exempel namn@exempel.se.";}#brxe-f29f3b .form-group:has(>input[name="form-field-telefon"]:not(:placeholder-shown):not(:focus):invalid)::after { content: "Ange ett telefonnummer med minst sex siffror.";}#brxe-f29f3b .form-group:has(>input[name="form-field-langd1"]:not(:placeholder-shown):not(:focus):invalid)::after { content: "Ange ett positivt mått i cm, till exempel 450 eller 450,5.";}#brxe-f29f3b .form-group:has(>input[name="form-field-bredd1"]:not(:placeholder-shown):not(:focus):invalid)::after { content: "Ange ett positivt mått i cm, till exempel 450 eller 450,5.";}#brxe-f29f3b .form-group:has(>input[name="form-field-radie1"]:not(:placeholder-shown):not(:focus):invalid)::after { content: "Ange hörnradien i cm, till exempel 15 eller 15,5.";}#brxe-f29f3b .form-group>.form-group-error-message { width: 100%; margin: 6px 0 0; padding: 0 2px; background: transparent; color: #a6373e; font-size: 14px; line-height: 1.4; border: 0;}#brxe-f29f3b .form-group:has(>.form-group-error-message.show)::after { content: none;}#form-container {width: 100%; background-color: #ffffff; padding-top: 32px; padding-right: 32px; padding-bottom: 32px; padding-left: 32px; border-radius: 10px; max-width: 1200px}@media (max-width: 767px) {#form-container {width: 100%; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px}}#offert {display: flex; max-width: 1200px; flex-direction: column; align-items: flex-start; gap: 20px; width: 100%}@media (max-width: 767px) {#offert {flex-direction: column; gap: 18px}}#offer-section {background-color: #e5f4f3; padding-top: 52px; padding-right: 24px; padding-bottom: 52px; padding-left: 24px}@media (max-width: 767px) {#offer-section {padding-top: 36px; padding-right: 20px; padding-bottom: 36px; padding-left: 20px}}#benefit1 {background-color: #ffffff; padding-top: 28px; padding-right: 28px; padding-bottom: 28px; padding-left: 28px; width: 33.333%; border-radius: 10px}@media (max-width: 767px) {#benefit1 {width: 100%}}#benefit2 {background-color: #ffffff; padding-top: 28px; padding-right: 28px; padding-bottom: 28px; padding-left: 28px; width: 33.333%; border-radius: 10px}@media (max-width: 767px) {#benefit2 {width: 100%}}#benefit3 {background-color: #ffffff; padding-top: 28px; padding-right: 28px; padding-bottom: 28px; padding-left: 28px; width: 33.333%; border-radius: 10px}@media (max-width: 767px) {#benefit3 {width: 100%}}#benefits {display: flex; flex-direction: row; gap: 24px; width: 100%; align-items: stretch}@media (min-width: 768px) { #benefits > .brxe-block > h3 { font-size: 22px; line-height: 1.25; min-height: 2.5em; }}@media (max-width: 767px) {#benefits {flex-direction: column; gap: 18px}}#info-inner {max-width: 1200px; align-items: flex-start; width: 100%}#information {background-color: #f7f5ef; padding-top: 52px; padding-right: 24px; padding-bottom: 52px; padding-left: 24px}@media (max-width: 767px) {#information {padding-top: 36px; padding-right: 20px; padding-bottom: 36px; padding-left: 20px}}#brxe-faqac1 {width: 100%}#brxe-faqac1 .accordion-title .title {font-size: 19px; font-weight: 600; color: #123940}#brxe-faqac1 .accordion-title-wrapper {padding-top: 18px; padding-right: 16px; padding-bottom: 18px; padding-left: 16px; background-color: #eef7f6; margin-bottom: 8px}#brxe-faqac1 .accordion-content-wrapper {padding-top: 8px; padding-right: 16px; padding-bottom: 20px; padding-left: 16px}#faq-button {background-color: #ffde67; color: #123940; font-weight: 700; padding-top: 16px; padding-right: 28px; padding-bottom: 16px; padding-left: 28px}#faq-inner {max-width: 900px; align-items: flex-start; width: 100%}#faq {background-color: #ffffff; padding-top: 52px; padding-right: 24px; padding-bottom: 52px; padding-left: 24px}@media (max-width: 767px) {#faq {padding-top: 36px; padding-right: 20px; padding-bottom: 36px; padding-left: 20px}}