{"id":2,"date":"2026-09-03T08:55:55","date_gmt":"2026-09-03T08:55:55","guid":{"rendered":"https:\/\/konceptbarometern.pub.se.meko.com\/?page_id=2"},"modified":"2026-09-03T13:43:50","modified_gmt":"2026-09-03T13:43:50","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/konceptbarometern.pub.se.meko.com\/","title":{"rendered":"Konceptbarometern"},"content":{"rendered":"\n<style>\n  .valb2-wrap{max-width:900px;margin:2rem auto;font-family:inherit;padding:1rem}\n  .valb2-cta{background:#000;color:#fff;border-radius:99px;padding:12px 24px;font-weight:700;cursor:pointer;border:none;margin:1.5rem auto;display:inline-flex;align-items:center;justify-content:center}\n  .valb2-cta:hover{transform:translateY(-1px);opacity:.95}\n\n  .valb2-stepnum{text-align:center;font-size:18px;margin-bottom:1rem}\n  .valb2-q{font-size:26px;font-weight:700;text-align:center;margin-bottom:2rem}\n\n  \/* Thanks-banner *\/\n  .valb2-alert{\n    display:flex;align-items:center;justify-content:space-between;gap:16px;\n    border:2px solid #000;border-radius:12px;padding:12px 14px;margin:0 auto 16px;\n    background:#fff;\n  }\n  .valb2-alert-text{font-size:15px}\n  .valb2-alert-close{border:none;background:transparent;font-size:22px;line-height:1;cursor:pointer;padding:0 6px}\n  .valb2-alert.is-hidden{opacity:0;transform:translateY(-6px);transition:all .25s ease}\n\n  \/* Skalan med linje bakom och cirklar *\/\n  .valb2-scale{position:relative;margin:3rem 0 0}\n  .valb2-line{\n    position:absolute;left:7%;right:7%;top:22px;height:2px;background:#d9d9d9;\n    z-index:0;pointer-events:none;\n  }\n  .valb2-opt{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;position:relative;z-index:1}\n  .valb2-opt label{flex:1;text-align:center;cursor:pointer;transform:translateZ(0)}\n  .valb2-opt input{display:none}\n  .valb2-opt label span{display:flex;flex-direction:column;align-items:center;gap:10px}\n\n  .valb2-dot{\n    width:44px;height:44px;border-radius:50%;border:2px solid #000;\n    display:flex;align-items:center;justify-content:center;\n    background:#fff;transition:.15s box-shadow,.15s transform;\n  }\n  .valb2-dot::before{\n    content:'';display:block;width:18px;height:18px;border-radius:50%;\n    background:#000;opacity:0;transform:scale(.4);transition:.15s opacity,.15s transform;\n  }\n  .valb2-opt label:hover .valb2-dot{\n    box-shadow:0 10px 24px rgba(0,0,0,.16);transform:translateY(-2px);\n  }\n  .valb2-opt input:checked+span .valb2-dot::before{\n    opacity:1;transform:scale(1);\n  }\n  .valb2-label{font-size:14px;white-space:nowrap;color:#555}\n\n  \/* Resultat \u2013 staplar + logotyper *\/\n  .valb2-res-h{text-align:center;font-size:24px;font-weight:700;margin-bottom:1rem}\n  .valb2-bars{display:flex;gap:24px;align-items:flex-end;justify-content:center;height:260px;border-bottom:2px solid #000;padding-bottom: 4px;margin:3rem 0}\n  .valb2-bar{flex:1;text-align:center}\n  .valb2-fill{width:54px;margin:0 auto;border-radius:4px 4px 0 0}\n  .valb2-bar-pct{margin-bottom:6px;font-weight:700}\n  .valb2-logo{margin-top:10px;height:50px;display:flex;align-items:center;justify-content:center}\n  .valb2-logo img{max-height:40px;max-width:80%;width:auto;height:auto;object-fit:contain}\n  .valb2-logo-fallback{font-weight:700}\n\n  \/* Lead-formul\u00e4r *\/\n  .valb2-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:600px;margin:2rem auto}\n  .valb2-input{padding:10px;border:2px solid #000;border-radius:8px;width:100%;box-sizing:border-box}\n  .valb2-textarea{padding:10px;border:2px solid #000;border-radius:8px;width:100%;min-height:80px;box-sizing:border-box}\n  .valb2-msg{color:green;text-align:center;margin-top:10px;font-weight:600}\n  .valb2-error{color:#b00000;text-align:center;margin-bottom:10px}\n\/*\n  @media(max-width:700px){\n    .valb2-opt{flex-direction:column;gap:1.5rem}\n    .valb2-line{left:12%;right:12%}\n    .valb2-label{white-space:normal}\n    .valb2-bars{flex-direction:column-reverse;height:auto;border:none}\n    .valb2-grid{grid-template-columns:1fr}\n  }*\/\n\t@media(max-width:700px){\n\n    .valb2-opt{\n        flex-direction:column;\n        align-items:center;\n        gap:1.5rem;\n    }\n\n    .valb2-opt label{\n        width:100%;\n        flex:none;\n    }\n\n    .valb2-line{\n        position:absolute;\n        width:2px;\n        height:85%;\n        left:50%;\n        right:auto;\n        top:22px;\n        transform:translateX(-50%);\n    }\n\n    .valb2-label{\n        white-space:normal;\n    }\n}\n<\/style>\n\n<div class=\"valb2-wrap\">\n\n  \n\n  <h2 style=\"text-align:center;font-size:32px;font-weight:800;margin-bottom:10px;\">V\u00e4lkommen till Konceptbarometern!<\/h2>\n  <p style=\"text-align:center;font-size:18px;\">Vad st\u00e4mmer in p\u00e5 dig och din verkstad? <br>Svara p\u00e5 n\u00e5gra fr\u00e5gor - och se vilket verkstadskoncept som passar just dig.<\/p>\n\t\n<div style=\"display:flex;margin-top:40px;margin-bottom:20px;overflow:hidden;border-radius:6px\">\n\n      <div style=\"\n        flex:1;\n        background:#FFED00;\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        padding:20px;\n    \">\n              <img decoding=\"async\" src=\"https:\/\/konceptbarometern.pub.se.meko.com\/wp-content\/uploads\/2026\/09\/mekonomen70mmPlusBlack.png\" style=\"max-height:40px;max-width:90%;width:auto;height:auto;object-fit:contain;\">\n          <\/div>\n      <div style=\"\n        flex:1;\n        background:#14387f;\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        padding:20px;\n    \">\n              <img decoding=\"async\" src=\"https:\/\/konceptbarometern.pub.se.meko.com\/wp-content\/uploads\/2026\/09\/MECA_logotyp_utan_platta_RGB.png\" style=\"max-height:40px;max-width:90%;width:auto;height:auto;object-fit:contain;\">\n          <\/div>\n      <div style=\"\n        flex:1;\n        background:#cf113a;\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        padding:20px;\n    \">\n              <img decoding=\"async\" src=\"https:\/\/konceptbarometern.pub.se.meko.com\/wp-content\/uploads\/2026\/09\/MekoPartner_logotyp_Bilverkstad.png\" style=\"max-height:40px;max-width:90%;width:auto;height:auto;object-fit:contain;\">\n          <\/div>\n      <div style=\"\n        flex:1;\n        background:#000000;\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        padding:20px;\n    \">\n              <img decoding=\"async\" src=\"https:\/\/konceptbarometern.pub.se.meko.com\/wp-content\/uploads\/2026\/09\/speedy_logo_white-red.png\" style=\"max-height:40px;max-width:90%;width:auto;height:auto;object-fit:contain;\">\n          <\/div>\n  \n<\/div>\n\n  <form method=\"post\" style=\"text-align:center;margin-top:20px;\">\n    <input type=\"hidden\" name=\"valb2_step\" value=\"0\">\n    <button class=\"valb2-cta\" type=\"submit\" name=\"act\" value=\"start\">Starta testet<\/button>\n  <\/form>\n\n\n<\/div>\n\n<script>\n(function(){\n  \/\/ scrolla tillbaka till valbarometern efter reload\n  const el = document.querySelector('.valb2-wrap');\n  if (!el) return;\n\n  \/\/ om sidan laddas efter POST \u2192 scrolla till komponenten\n  if (window.location.hash === '#valb2') {\n    el.scrollIntoView({behavior:'auto'});\n  }\n\n  \/\/ s\u00e4tt hash vid klick p\u00e5 knappar\n  document.querySelectorAll('.valb2-wrap form button').forEach(btn => {\n    btn.addEventListener('click', function(){\n      window.location.hash = 'valb2';\n    });\n  });\n})();\n<\/script>\n\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"page-no-title","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/konceptbarometern.pub.se.meko.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/konceptbarometern.pub.se.meko.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/konceptbarometern.pub.se.meko.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/konceptbarometern.pub.se.meko.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/konceptbarometern.pub.se.meko.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/konceptbarometern.pub.se.meko.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/konceptbarometern.pub.se.meko.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/konceptbarometern.pub.se.meko.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}