{"id":17,"date":"2026-07-14T11:59:30","date_gmt":"2026-07-14T11:59:30","guid":{"rendered":"https:\/\/stugpartner.se\/?page_id=17"},"modified":"2026-07-14T15:13:15","modified_gmt":"2026-07-14T15:13:15","slug":"stugpartner","status":"publish","type":"page","link":"https:\/\/stugpartner.se\/","title":{"rendered":"Stugpartner"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bda049 e-con-full e-flex e-con e-parent\" data-id=\"2bda049\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_opacity_effect&quot;:&quot;yes&quot;,&quot;motion_fx_opacity_direction&quot;:&quot;in-out&quot;,&quot;position&quot;:&quot;fixed&quot;,&quot;motion_fx_opacity_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:62,&quot;end&quot;:100}},&quot;motion_fx_opacity_level&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-490bd27 e-grid e-con-boxed e-con e-parent\" data-id=\"490bd27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7067738 elementor-widget elementor-widget-heading\" data-id=\"7067738\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">L\u00e4gg till din rubriktext h\u00e4r<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b122e5 e-flex e-con-boxed e-con e-parent\" data-id=\"7b122e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e3aa1f e-flex e-con-boxed e-con e-parent\" data-id=\"6e3aa1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-906cdd6 elementor-widget elementor-widget-html\" data-id=\"906cdd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- ============================================================\n  STUGPARTNER \u2013 INT\u00c4KTSKALKYLATOR\n  Klistra in HELA denna kod i en Elementor \"HTML\"-widget.\n  Justera f\u00e4rger under :root och priser i CONFIG l\u00e4ngst ner.\n============================================================ -->\n<style>\n  .sp-calc *, .sp-calc *::before, .sp-calc *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  .sp-calc {\n    \/* ==== \u00c4NDRA F\u00c4RGER H\u00c4R ==== *\/\n    --sp-primary: #233330;      \/* m\u00f6rkgr\u00f6n \u2013 resultatpanel & rubriker *\/\n    --sp-primary-dark: #182420;\n    --sp-accent: #b39e7c;       \/* beige \u2013 knappar & detaljer *\/\n    --sp-accent-dark: #9d8865;\n    --sp-bg-card: #ffffff;\n    --sp-bg-field: #f7f5f0;\n    --sp-text: #22303a;\n    --sp-radius: 14px;\n    \/* ========================== *\/\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    color: var(--sp-text);\n    max-width: 1060px;\n    margin: 0 auto;\n  }\n\n  .sp-calc__card {\n    display: flex;\n    background: var(--sp-bg-card);\n    border-radius: var(--sp-radius);\n    overflow: hidden;\n    box-shadow: 0 12px 40px rgba(0,0,0,.10);\n  }\n\n  .sp-calc__form { flex: 1 1 50%; padding: 44px 40px; }\n  .sp-calc__result {\n    flex: 1 1 50%;\n    background: var(--sp-primary);\n    color: #fff;\n    padding: 44px 40px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    text-align: center;\n  }\n\n  .sp-calc__title { display: flex; align-items: center; gap: 14px; margin-bottom: 30px; }\n  .sp-calc__title-icon {\n    width: 46px; height: 46px; border-radius: 10px;\n    background: var(--sp-bg-field);\n    display: flex; align-items: center; justify-content: center;\n    color: var(--sp-primary); flex-shrink: 0;\n  }\n  .sp-calc__title h3 { font-family: Georgia, 'Times New Roman', serif; font-size: 26px; font-weight: 600; color: var(--sp-text); }\n\n  .sp-calc__label { display: block; font-size: 15px; font-weight: 600; margin: 22px 0 8px; }\n  .sp-calc__label:first-of-type { margin-top: 0; }\n\n  .sp-calc select {\n    width: 100%; padding: 13px 14px;\n    font-size: 15px; color: var(--sp-text);\n    background: var(--sp-bg-field);\n    border: 1px solid #e2ddd3; border-radius: 8px;\n    appearance: none; -webkit-appearance: none;\n    background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2322303a' stroke-width='2' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\n    background-repeat: no-repeat; background-position: right 14px center;\n    cursor: pointer;\n  }\n  .sp-calc select:focus { outline: 2px solid var(--sp-primary); }\n\n  .sp-calc__slider-row { display: flex; justify-content: space-between; align-items: baseline; }\n  .sp-calc__slider-val { color: var(--sp-accent); font-weight: 700; font-size: 17px; }\n  .sp-calc__range-limits { display: flex; justify-content: space-between; font-size: 13px; color: #8a8578; margin-top: 6px; }\n\n  .sp-calc input[type=\"range\"] {\n    width: 100%; height: 6px; border-radius: 3px;\n    background: linear-gradient(to right, var(--sp-primary) 0%, var(--sp-primary) 20%, var(--sp-accent) 20%, var(--sp-accent) 100%);\n    appearance: none; -webkit-appearance: none; cursor: pointer; margin-top: 10px;\n  }\n  .sp-calc input[type=\"range\"]::-webkit-slider-thumb {\n    appearance: none; -webkit-appearance: none;\n    width: 24px; height: 24px; border-radius: 50%;\n    background: #fff; border: 2px solid #d8d3c8;\n    box-shadow: 0 2px 6px rgba(0,0,0,.2);\n  }\n  .sp-calc input[type=\"range\"]::-moz-range-thumb {\n    width: 22px; height: 22px; border-radius: 50%;\n    background: #fff; border: 2px solid #d8d3c8;\n    box-shadow: 0 2px 6px rgba(0,0,0,.2);\n  }\n\n  .sp-calc__btn {\n    width: 100%; margin-top: 30px; padding: 16px;\n    font-size: 16px; font-weight: 700; color: #fff;\n    background: var(--sp-accent);\n    border: none; border-radius: 8px; cursor: pointer;\n    transition: background .15s ease, opacity .15s ease;\n  }\n  .sp-calc__btn:hover { background: var(--sp-accent-dark); }\n  .sp-calc__btn:disabled { opacity: .45; cursor: not-allowed; }\n\n  \/* Resultatpanel *\/\n  .sp-calc__empty-icon, .sp-calc__result-icon {\n    width: 84px; height: 84px; border-radius: 50%;\n    background: rgba(255,255,255,.12);\n    display: flex; align-items: center; justify-content: center;\n    margin: 0 auto 26px;\n  }\n  .sp-calc__empty h4 { font-size: 21px; font-weight: 500; line-height: 1.4; margin-bottom: 14px; }\n  .sp-calc__empty p { font-size: 15px; color: rgba(255,255,255,.75); line-height: 1.5; }\n\n  .sp-calc__result-label { font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.8); margin-bottom: 10px; }\n  .sp-calc__result-sum { font-family: Georgia, 'Times New Roman', serif; font-size: 52px; font-weight: 600; line-height: 1.1; }\n  .sp-calc__result-span { font-size: 15px; color: rgba(255,255,255,.75); margin-top: 8px; }\n\n  .sp-calc__stats { border-top: 1px solid rgba(255,255,255,.25); margin-top: 26px; padding-top: 20px; }\n  .sp-calc__stat { display: flex; justify-content: space-between; font-size: 15px; padding: 6px 0; }\n  .sp-calc__stat b { font-weight: 700; }\n\n  .sp-calc__cta {\n    display: inline-block; margin: 26px auto 0; padding: 14px 26px;\n    font-size: 15px; font-weight: 600; color: #fff; text-decoration: none;\n    border: 1.5px solid rgba(255,255,255,.7); border-radius: 8px;\n    transition: background .15s ease;\n  }\n  .sp-calc__cta:hover { background: rgba(255,255,255,.12); color: #fff; }\n\n  .sp-calc__disclaimer { font-size: 12.5px; color: rgba(255,255,255,.65); line-height: 1.5; margin-top: 22px; }\n\n  .sp-hidden { display: none !important; }\n\n  @media (max-width: 820px) {\n    .sp-calc__card { flex-direction: column; }\n    .sp-calc__form, .sp-calc__result { padding: 32px 24px; }\n    .sp-calc__result-sum { font-size: 42px; }\n  }\n<\/style>\n\n<div class=\"sp-calc\">\n  <div class=\"sp-calc__card\">\n\n    <!-- V\u00e4nster: formul\u00e4r -->\n    <div class=\"sp-calc__form\">\n      <div class=\"sp-calc__title\">\n        <div class=\"sp-calc__title-icon\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"11\" x2=\"8\" y2=\"11.01\"\/><line x1=\"12\" y1=\"11\" x2=\"12\" y2=\"11.01\"\/><line x1=\"16\" y1=\"11\" x2=\"16\" y2=\"11.01\"\/><line x1=\"8\" y1=\"15\" x2=\"8\" y2=\"15.01\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"15.01\"\/><line x1=\"16\" y1=\"15\" x2=\"16\" y2=\"15.01\"\/><\/svg>\n        <\/div>\n        <h3>Ber\u00e4kna din int\u00e4kt<\/h3>\n      <\/div>\n\n      <label class=\"sp-calc__label\" for=\"sp-area\">Var ligger din stuga?<\/label>\n      <select id=\"sp-area\">\n        <option value=\"\" selected disabled>V\u00e4lj omr\u00e5de<\/option>\n      <\/select>\n\n      <label class=\"sp-calc__label\" for=\"sp-type\">Typ av boende<\/label>\n      <select id=\"sp-type\">\n        <option value=\"\" selected disabled>V\u00e4lj boendetyp<\/option>\n      <\/select>\n\n      <label class=\"sp-calc__label\">\n        <span class=\"sp-calc__slider-row\">Antal sovrum <span class=\"sp-calc__slider-val\" id=\"sp-bed-val\">2 st<\/span><\/span>\n      <\/label>\n      <input type=\"range\" id=\"sp-bedrooms\" min=\"1\" max=\"6\" step=\"1\" value=\"2\">\n      <div class=\"sp-calc__range-limits\"><span>1<\/span><span>6<\/span><\/div>\n\n      <label class=\"sp-calc__label\">\n        <span class=\"sp-calc__slider-row\">Veckor f\u00f6r uthyrning per \u00e5r <span class=\"sp-calc__slider-val\" id=\"sp-week-val\">12 veckor<\/span><\/span>\n      <\/label>\n      <input type=\"range\" id=\"sp-weeks\" min=\"4\" max=\"40\" step=\"1\" value=\"12\">\n      <div class=\"sp-calc__range-limits\"><span>4 veckor<\/span><span>40 veckor<\/span><\/div>\n\n      <button class=\"sp-calc__btn\" id=\"sp-calc-btn\" disabled>Ber\u00e4kna potentiell int\u00e4kt<\/button>\n    <\/div>\n\n    <!-- H\u00f6ger: resultat -->\n    <div class=\"sp-calc__result\">\n\n      <div id=\"sp-empty\" class=\"sp-calc__empty\">\n        <div class=\"sp-calc__empty-icon\">\n          <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,.85)\" stroke-width=\"1.6\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"11\" x2=\"8\" y2=\"11.01\"\/><line x1=\"12\" y1=\"11\" x2=\"12\" y2=\"11.01\"\/><line x1=\"16\" y1=\"11\" x2=\"16\" y2=\"11.01\"\/><line x1=\"8\" y1=\"15\" x2=\"8\" y2=\"15.01\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"15.01\"\/><line x1=\"16\" y1=\"15\" x2=\"16\" y2=\"15.01\"\/><\/svg>\n        <\/div>\n        <h4>Fyll i uppgifterna till v\u00e4nster f\u00f6r att se din potentiella int\u00e4kt<\/h4>\n        <p>Ber\u00e4kningen baseras p\u00e5 aktuella marknadsdata f\u00f6r ditt omr\u00e5de i V\u00e4rmland<\/p>\n      <\/div>\n\n      <div id=\"sp-result\" class=\"sp-hidden\">\n        <div class=\"sp-calc__result-icon\">\n          <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--sp-accent)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"3 17 9 11 13 15 21 7\"\/><polyline points=\"15 7 21 7 21 13\"\/><\/svg>\n        <\/div>\n        <div class=\"sp-calc__result-label\">Uppskattad \u00e5rlig int\u00e4kt<\/div>\n        <div class=\"sp-calc__result-sum\" id=\"sp-sum\">0 kr<\/div>\n        <div class=\"sp-calc__result-span\" id=\"sp-span\"><\/div>\n\n        <div class=\"sp-calc__stats\">\n          <div class=\"sp-calc__stat\"><span>Snitt per natt<\/span><b id=\"sp-night\">\u2013<\/b><\/div>\n          <div class=\"sp-calc__stat\"><span>Uppskattad bel\u00e4ggning<\/span><b id=\"sp-occ\">\u2013<\/b><\/div>\n          <div class=\"sp-calc__stat\"><span>Uthyrningsn\u00e4tter<\/span><b id=\"sp-nights\">\u2013<\/b><\/div>\n        <\/div>\n\n        <a class=\"sp-calc__cta\" href=\"\/kom-igang\">Kom ig\u00e5ng med din uthyrning &nbsp;&rarr;<\/a>\n\n        <p class=\"sp-calc__disclaimer\">* Uppskattningen baseras p\u00e5 genomsnittlig marknadspriss\u00e4ttning och kan variera beroende p\u00e5 s\u00e4song och fastighetens skick.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  \/* ================================================================\n     CONFIG \u2013 JUSTERA OMR\u00c5DEN OCH PRISER H\u00c4R\n     rate  = snittpris kr\/natt f\u00f6r en stuga med 2 sovrum\n     occ   = uppskattad bel\u00e4ggning under uthyrningsveckorna (0\u20131)\n  ================================================================ *\/\n  var AREAS = [\n    { name: \"Bran\u00e4s \/ Syssleb\u00e4ck\",                rate: 2200, occ: 0.75 },\n    { name: \"Hovfj\u00e4llet \/ Torsby\",                rate: 1800, occ: 0.70 },\n    { name: \"Sunne \/ Fryksdalen\",                 rate: 1600, occ: 0.68 },\n    { name: \"Karlstad med omnejd\",                rate: 1500, occ: 0.72 },\n    { name: \"V\u00e4nerkusten (Hammar\u00f6\u2013Kristinehamn)\", rate: 1550, occ: 0.65 },\n    { name: \"Arvika \/ Glaskogen\",                 rate: 1400, occ: 0.62 },\n    { name: \"Filipstad \/ Bergslagen\",             rate: 1300, occ: 0.60 },\n    { name: \"\u00d6vriga V\u00e4rmland\",                    rate: 1250, occ: 0.60 }\n  ];\n\n  var TYPES = [\n    { name: \"Stuga\",      factor: 1.00 },\n    { name: \"Fritidshus\", factor: 1.05 },\n    { name: \"Villa\/Hus\",  factor: 1.15 },\n    { name: \"L\u00e4genhet\",   factor: 0.85 }\n  ];\n\n  var BEDROOM_STEP = 0.15;  \/* +15 % per sovrum \u00f6ver 2, \u221215 % under *\/\n  var SPAN = 0.25;          \/* \u00b125 % i intervallet *\/\n  \/* ================================================================ *\/\n\n  var $ = function (id) { return document.getElementById(id); };\n  var areaSel = $(\"sp-area\"), typeSel = $(\"sp-type\"),\n      bedSlider = $(\"sp-bedrooms\"), weekSlider = $(\"sp-weeks\"),\n      btn = $(\"sp-calc-btn\");\n  var hasCalculated = false;\n\n  AREAS.forEach(function (a, i) {\n    var o = document.createElement(\"option\");\n    o.value = i; o.textContent = a.name; areaSel.appendChild(o);\n  });\n  TYPES.forEach(function (t, i) {\n    var o = document.createElement(\"option\");\n    o.value = i; o.textContent = t.name; typeSel.appendChild(o);\n  });\n\n  function fmt(n) {\n    return Math.round(n).toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \" \") + \" kr\";\n  }\n\n  function paintSlider(el) {\n    var pct = (el.value - el.min) \/ (el.max - el.min) * 100;\n    el.style.background = \"linear-gradient(to right, var(--sp-primary) 0%, var(--sp-primary) \" + pct + \"%, var(--sp-accent) \" + pct + \"%, var(--sp-accent) 100%)\";\n  }\n\n  function updateLabels() {\n    $(\"sp-bed-val\").textContent = bedSlider.value + \" st\";\n    $(\"sp-week-val\").textContent = weekSlider.value + \" veckor\";\n    paintSlider(bedSlider); paintSlider(weekSlider);\n  }\n\n  function ready() { return areaSel.value !== \"\" && typeSel.value !== \"\"; }\n\n  function calculate() {\n    if (!ready()) return;\n    var area = AREAS[areaSel.value], type = TYPES[typeSel.value];\n    var beds = parseInt(bedSlider.value, 10), weeks = parseInt(weekSlider.value, 10);\n\n    var rate = area.rate * type.factor * (1 + (beds - 2) * BEDROOM_STEP);\n    rate = Math.round(rate \/ 50) * 50;\n    var nights = Math.round(weeks * 7 * area.occ);\n    var income = nights * rate;\n\n    $(\"sp-sum\").textContent = fmt(income);\n    $(\"sp-span\").textContent = \"Spann: \" + fmt(income * (1 - SPAN)) + \" \u2013 \" + fmt(income * (1 + SPAN));\n    $(\"sp-night\").textContent = fmt(rate);\n    $(\"sp-occ\").textContent = Math.round(area.occ * 100) + \"%\";\n    $(\"sp-nights\").textContent = nights + \" n\u00e4tter\";\n\n    $(\"sp-empty\").classList.add(\"sp-hidden\");\n    $(\"sp-result\").classList.remove(\"sp-hidden\");\n    hasCalculated = true;\n  }\n\n  function onChange() {\n    btn.disabled = !ready();\n    updateLabels();\n    if (hasCalculated) calculate();\n  }\n\n  areaSel.addEventListener(\"change\", onChange);\n  typeSel.addEventListener(\"change\", onChange);\n  bedSlider.addEventListener(\"input\", onChange);\n  weekSlider.addEventListener(\"input\", onChange);\n  btn.addEventListener(\"click\", calculate);\n\n  updateLabels();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>L\u00e4gg till din rubriktext h\u00e4r Ber\u00e4kna din int\u00e4kt Var ligger din stuga? V\u00e4lj omr\u00e5de Typ av boende V\u00e4lj boendetyp Antal sovrum 2 st 16 Veckor f\u00f6r uthyrning per \u00e5r 12 veckor 4 veckor40 veckor Ber\u00e4kna potentiell int\u00e4kt Fyll i uppgifterna till v\u00e4nster f\u00f6r att se din potentiella int\u00e4kt Ber\u00e4kningen baseras p\u00e5 aktuella marknadsdata f\u00f6r ditt [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stugpartner.se\/index.php\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stugpartner.se\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stugpartner.se\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stugpartner.se\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stugpartner.se\/index.php\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":28,"href":"https:\/\/stugpartner.se\/index.php\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":72,"href":"https:\/\/stugpartner.se\/index.php\/wp-json\/wp\/v2\/pages\/17\/revisions\/72"}],"wp:attachment":[{"href":"https:\/\/stugpartner.se\/index.php\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}