{"id":5336,"date":"2025-02-16T13:23:37","date_gmt":"2025-02-16T12:23:37","guid":{"rendered":"https:\/\/aquafunmogan.es\/vagn-for-forsta-steget\/"},"modified":"2025-03-16T10:23:41","modified_gmt":"2025-03-16T09:23:41","slug":"vagn-for-forsta-steget","status":"publish","type":"page","link":"https:\/\/aquafunmogan.es\/sv\/vagn-for-forsta-steget\/","title":{"rendered":"Vagn f\u00f6r f\u00f6rsta steget"},"content":{"rendered":"\n<meta charset=\"UTF-8\"\/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\/>\n<title>Bokningsfl\u00f6de &#8211; Framsteg<\/title>\n<style>\n  body {\n    font-family: Arial, sans-serif;\n    background: #f9f9f9;\n    padding: 20px;\n    color: #333;\n  }\n  .progress-bar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    max-width: 600px;\n    margin: 0 auto 30px auto;\n    position: relative;\n  }\n  .step {\n    flex: 1;\n    position: relative;\n    text-align: center;\n  }\n  \/* Linjer mellan stegen *\/\n  .step:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    top: 15px;\n    right: -50%;\n    width: 100%;\n    height: 2px;\n    background-color: #ccc;\n    z-index: 0;\n  }\n  .step:not(:first-child)::before {\n    content: \"\";\n    position: absolute;\n    top: 15px;\n    left: -50%;\n    width: 100%;\n    height: 2px;\n    background-color: #ccc;\n    z-index: 0;\n  }\n  \/* Cirkel f\u00f6r varje steg *\/\n  .step-circle {\n    width: 30px;\n    height: 30px;\n    line-height: 30px;\n    border-radius: 50%;\n    background-color: #ccc;\n    color: #fff;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n  \/* Etikett f\u00f6r varje steg *\/\n  .step-label {\n    margin-top: 8px;\n    font-size: 14px;\n    color: #555;\n  }\n  \/* Aktivt (eller slutf\u00f6rt) steg *\/\n  .step.active .step-circle,\n  .step.completed .step-circle {\n    background-color: #1976d2;\n  }\n  .step.active .step-label,\n  .step.completed .step-label {\n    font-weight: bold;\n    color: #1976d2;\n  }\n<\/style>\n<div class=\"progress-bar\">\n  <!-- Steg 1: Kunduppgifter (aktivt) -->\n  <div class=\"step active\">\n    <div class=\"step-circle\">1<\/div>\n    <div class=\"step-label\">Kunduppgifter<\/div>\n  <\/div>\n  <!-- Steg 2: Datum och Tid -->\n  <div class=\"step\">\n    <div class=\"step-circle\">2<\/div>\n    <div class=\"step-label\">Datum och Tid<\/div>\n  <\/div>\n  <!-- Steg 3: Slutf\u00f6r -->\n  <div class=\"step\">\n    <div class=\"step-circle\">3<\/div>\n    <div class=\"step-label\">Slutf\u00f6r<\/div>\n  <\/div>\n<\/div>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Bokningsfl\u00f6de &#8211; Framsteg 1 Kunduppgifter 2 Datum och Tid 3 Slutf\u00f6r<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5336","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aquafunmogan.es\/sv\/wp-json\/wp\/v2\/pages\/5336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aquafunmogan.es\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aquafunmogan.es\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aquafunmogan.es\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aquafunmogan.es\/sv\/wp-json\/wp\/v2\/comments?post=5336"}],"version-history":[{"count":0,"href":"https:\/\/aquafunmogan.es\/sv\/wp-json\/wp\/v2\/pages\/5336\/revisions"}],"wp:attachment":[{"href":"https:\/\/aquafunmogan.es\/sv\/wp-json\/wp\/v2\/media?parent=5336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}