{"id":7,"date":"2025-02-10T17:19:23","date_gmt":"2025-02-10T17:19:23","guid":{"rendered":"http:\/\/forbedr.dk\/?page_id=7"},"modified":"2026-06-08T20:01:59","modified_gmt":"2026-06-08T20:01:59","slug":"forside","status":"publish","type":"page","link":"https:\/\/forbedr.dk\/","title":{"rendered":"Forside"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f3e35b e-flex e-con-boxed e-con e-parent\" data-id=\"4f3e35b\" 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-2d3c60f elementor-widget elementor-widget-html\" data-id=\"2d3c60f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"da\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Forbedr<\/title>\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Schibsted+Grotesk:wght@400;500;600;700&display=swap');\n\n  :root {\n    --black: #08090c;\n    --white: #ffffff;\n    --navy: #0b1b3a;\n    --blue: #2563ff;\n    --paper: #fcfcfd;\n    --grey: #5c6373;\n    --line: #e6e8ee;\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  html { scroll-behavior: smooth; overflow-x: hidden; }\n\n  body {\n    font-family: 'Schibsted Grotesk', -apple-system, sans-serif;\n    background: var(--paper);\n    color: var(--black);\n    -webkit-font-smoothing: antialiased;\n    line-height: 1.7;\n    overflow-x: hidden;\n    width: 100%;\n    font-size: 18px;\n  }\n\n  h1, h2, h3, p, span, div { overflow-wrap: break-word; max-width: 100%; }\n  .pull, .rise, .label, .seal, .guarantee p, .close p, .note, h1, h2 { text-wrap: balance; }\n  .story p, .turn p, .future p, .hero .open { text-wrap: pretty; }\n\n  \/* one consistent centered column; headings + short text centered, body text left-aligned but in the SAME width as headings so edges line up *\/\n  .hero .wrap, .story .wrap, .turn .wrap, .future .wrap { text-align: center; }\n  .hero h1, .hero .open,\n  .turn .label, .turn h2, .future .label, .future h2,\n  .story .lead-in { text-align: center; }\n  .hero h1, .hero .open { margin-left: auto; margin-right: auto; max-width: 18ch; }\n  .hero .open { max-width: 46ch; }\n  .turn h2, .future h2 { margin-left: auto; margin-right: auto; max-width: 20ch; }\n  .story p, .turn p, .future p {\n    text-align: center;\n    margin-left: auto; margin-right: auto;\n    max-width: 54ch;\n  }\n  .future .rise { text-align: center; max-width: 30ch; margin-left: auto; margin-right: auto; }\n\n  .wrap { max-width: 680px; margin: 0 auto; padding: 0 28px; width: 100%; }\n\n  nav {\n    position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n    background: rgba(252,252,253,0.82);\n    backdrop-filter: saturate(180%) blur(16px);\n    border-bottom: 1px solid transparent;\n    transition: border-color .4s ease;\n  }\n  nav.scrolled { border-bottom: 1px solid var(--line); }\n  .nav-inner {\n    max-width: 920px; margin: 0 auto; padding: 18px 28px; width: 100%;\n    display: flex; justify-content: space-between; align-items: center;\n  }\n  .logo { font-weight: 700; font-size: 19px; letter-spacing: -0.02em; color: var(--navy); }\n  .logo b { color: var(--blue); }\n  .nav-cta {\n    font-size: 14px; font-weight: 600; color: var(--white);\n    text-decoration: none; padding: 9px 20px; background: var(--navy);\n    border-radius: 7px; transition: background .3s ease;\n  }\n  .nav-cta:hover { background: var(--blue); }\n\n  .hero { padding: 180px 0 90px; }\n  .hero .wrap { max-width: 720px; }\n  .hero h1 {\n    font-size: clamp(32px, 5.4vw, 56px); line-height: 1.12;\n    letter-spacing: -0.03em; font-weight: 700; margin-bottom: 30px;\n    opacity: 0; animation: fade 1s ease forwards .15s;\n  }\n  .hero h1 .hl { color: var(--blue); }\n  .hero .open {\n    font-size: clamp(19px, 2.4vw, 23px); color: var(--grey); font-weight: 400;\n    max-width: 52ch;\n    opacity: 0; animation: fade 1s ease forwards .35s;\n  }\n  @keyframes fade { from { opacity: 0; transform: translateY(18px);} to {opacity:1; transform: translateY(0);} }\n\n  .story { padding: 70px 0 100px; }\n  .story .wrap { max-width: 680px; }\n  .story p {\n    font-size: clamp(19px, 2.2vw, 22px); color: #20242e; font-weight: 400;\n    margin-bottom: 38px; letter-spacing: -0.01em; line-height: 1.75;\n  }\n  .story p.lead-in { color: var(--grey); }\n  .story strong { font-weight: 600; color: var(--black); }\n\n  .pull {\n    text-align: center; max-width: 22ch; margin: 80px auto;\n    font-size: clamp(24px, 3.4vw, 34px);\n    line-height: 1.3; font-weight: 600; letter-spacing: -0.02em; color: var(--navy);\n    position: relative; padding-top: 44px;\n  }\n  .pull::before {\n    content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);\n    width: 40px; height: 3px; background: var(--blue);\n  }\n\n  .reveal { opacity: 0; transform: translateY(28px); transition: opacity .9s ease, transform .9s ease; }\n  .js-on .reveal { opacity: 0; }\n  .reveal.in { opacity: 1 !important; transform: translateY(0); }\n\n  .turn { background: var(--navy); color: var(--white); padding: 120px 0; position: relative; overflow: hidden; }\n  .turn::after {\n    content: ''; position: absolute; left: 50%; bottom: -40%; width: 120%; height: 80%;\n    transform: translateX(-50%);\n    background: radial-gradient(ellipse at center, rgba(59,130,255,0.22), transparent 65%);\n    pointer-events: none;\n  }\n  .turn .wrap { max-width: 760px; position: relative; z-index: 1; }\n  .turn .label {\n    font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase;\n    color: #7d9bff; margin-bottom: 26px; font-weight: 600;\n  }\n  .turn h2 {\n    font-size: clamp(28px, 4vw, 44px); line-height: 1.18; letter-spacing: -0.025em;\n    font-weight: 700; margin-bottom: 40px;\n  }\n  .turn h2 em { font-style: normal; color: #7d9bff; }\n  .turn p.soft { color: rgba(255,255,255,0.55); font-size: 18px; }\n  .turn p { font-size: 20px; color: rgba(255,255,255,0.74); font-weight: 400; margin-bottom: 30px; line-height: 1.75; }\n  .turn strong { color: var(--white); font-weight: 600; }\n\n  \/* audio player - no video shown *\/\n  .player-label {\n    font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase;\n    color: #7d9bff; font-weight: 600; margin-top: 56px; margin-bottom: 18px;\n  }\n  .player {\n    display: flex; align-items: center; gap: 22px;\n    width: 100%; max-width: 540px; margin: 0 auto 72px;\n    background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12);\n    border-radius: 16px; padding: 22px 26px; text-align: left;\n    backdrop-filter: blur(6px);\n  }\n  .player-btn {\n    flex-shrink: 0; width: 60px; height: 60px; border-radius: 50%;\n    background: var(--blue); border: 0; cursor: pointer;\n    display: flex; align-items: center; justify-content: center;\n    transition: transform .25s ease, background .25s ease;\n  }\n  .player-btn .ic-play { position: relative; left: 2px; }\n  .player-btn:hover { transform: scale(1.06); background: #3b74ff; }\n  .player-body { flex: 1; min-width: 0; }\n  .player-title { font-size: 15px; font-weight: 600; color: #fff; margin-bottom: 12px; }\n  .player-bar { height: 5px; border-radius: 100px; background: rgba(255,255,255,0.18); overflow: hidden; }\n  .player-fill { height: 100%; width: 0%; background: var(--blue); border-radius: 100px; transition: width .2s linear; }\n  .player-time { display: flex; justify-content: space-between; margin-top: 10px; font-size: 12px; color: rgba(255,255,255,0.5); }\n\n  .future { padding: 120px 0 60px; }\n  .future .wrap { max-width: 700px; }\n  .future .label {\n    font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase;\n    color: var(--blue); margin-bottom: 26px; font-weight: 600;\n  }\n  .future h2 {\n    font-size: clamp(28px, 4.2vw, 46px); line-height: 1.14; letter-spacing: -0.03em;\n    font-weight: 700; margin-bottom: 36px;\n  }\n  .future p {\n    font-size: clamp(19px, 2.2vw, 22px); color: #20242e; font-weight: 400;\n    margin-bottom: 34px; letter-spacing: -0.01em; line-height: 1.75;\n  }\n  .future strong { font-weight: 600; }\n  .future .rise { font-size: clamp(22px, 3vw, 30px); font-weight: 600; color: var(--navy); line-height: 1.3; letter-spacing: -0.02em; margin-top: 48px; }\n\n  .guarantee { padding: 90px 0; }\n  .guarantee .box {\n    max-width: 640px; margin: 0 auto; text-align: center;\n    border: 1.5px solid var(--navy); border-radius: 16px; padding: 56px 44px;\n    background: var(--white);\n  }\n  .guarantee .seal {\n    display: inline-block; font-size: 12px; letter-spacing: 0.16em;\n    text-transform: uppercase; color: var(--blue); font-weight: 700;\n    border: 1px solid var(--blue); border-radius: 100px; padding: 6px 16px; margin-bottom: 26px;\n  }\n  .guarantee h2 {\n    font-size: clamp(26px, 3.6vw, 36px); line-height: 1.2; letter-spacing: -0.02em;\n    font-weight: 700; margin-bottom: 18px; color: var(--navy);\n  }\n  .guarantee p { font-size: 18px; color: var(--grey); max-width: 44ch; margin: 0 auto; }\n\n  .close {\n    padding: 130px 0 150px; text-align: center;\n    background: linear-gradient(180deg, var(--navy), #0a1226);\n    color: var(--white); position: relative; overflow: hidden;\n  }\n  .close::before {\n    content: ''; position: absolute; top: -30%; left: 50%; width: 130%; height: 90%;\n    transform: translateX(-50%);\n    background: radial-gradient(ellipse at center, rgba(59,130,255,0.28), transparent 62%);\n    pointer-events: none;\n  }\n  .close .wrap { max-width: 660px; position: relative; z-index: 1; }\n  .close .label {\n    font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase;\n    color: #7d9bff; margin-bottom: 26px; font-weight: 600;\n  }\n  .close h2 {\n    font-size: clamp(30px, 4.6vw, 50px); line-height: 1.12; letter-spacing: -0.03em;\n    font-weight: 700; margin-bottom: 22px;\n  }\n  .close p { font-size: 20px; color: rgba(255,255,255,0.75); margin-bottom: 44px; }\n  .btn {\n    display: inline-block; background: var(--white); color: var(--navy);\n    text-decoration: none; font-size: 18px; font-weight: 700;\n    padding: 20px 50px; border-radius: 9px;\n    transition: transform .3s ease, box-shadow .3s ease;\n    box-shadow: 0 14px 40px -12px rgba(59,130,255,0.55);\n  }\n  .btn:hover { transform: translateY(-3px); box-shadow: 0 22px 55px -12px rgba(59,130,255,0.75); }\n  .close .note { margin-top: 22px; font-size: 14px; color: rgba(255,255,255,0.55); }\n\n  footer { border-top: 1px solid var(--line); padding: 38px 0; }\n  footer .wrap { display: flex; justify-content: center; max-width: 920px; }\n  footer .copy { font-size: 13px; color: var(--grey); letter-spacing: 0.05em; }\n\n  \/* tablet *\/\n  @media (max-width: 900px) and (min-width: 601px) {\n    .turn .wrap, .future .wrap, .hero .wrap, .story .wrap { max-width: 600px; }\n    .turn, .future { padding-top: 100px; padding-bottom: 100px; }\n  }\n\n  @media (max-width: 600px) {\n    body { font-size: 17px; }\n    .wrap { padding: 0 24px; }\n    .nav-inner { padding: 16px 24px; }\n    .hero { padding: 120px 0 64px; }\n    .hero h1 { font-size: clamp(28px, 8vw, 40px); max-width: 100%; }\n    .hero .open { font-size: 17px; max-width: 100%; }\n    .story { padding: 56px 0 72px; }\n    .turn, .future, .guarantee, .close { padding-top: 80px; padding-bottom: 80px; }\n    .turn h2, .future h2, .close h2 { font-size: clamp(24px, 7vw, 34px); max-width: 100%; }\n    .story p, .turn p, .future p { font-size: 17px; max-width: 100%; line-height: 1.7; margin-bottom: 26px; }\n    .pull { font-size: clamp(21px, 6vw, 28px); max-width: 100%; margin: 56px auto; }\n    .future .rise { max-width: 100%; font-size: clamp(20px, 5.5vw, 26px); }\n    .guarantee .box { padding: 38px 24px; }\n    .guarantee p { font-size: 16px; }\n    .nav-cta { display: none; }\n\n    \/* audio player: stack so nothing is cramped *\/\n    .player { gap: 16px; padding: 18px 18px; }\n    .player-btn { width: 52px; height: 52px; }\n    .player-title { font-size: 14px; margin-bottom: 10px; }\n    .player-time { font-size: 11px; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<nav id=\"nav\">\n  <div class=\"nav-inner\">\n    <div class=\"logo\">Forbedr<b>.<\/b><\/div>\n    <a href=\"https:\/\/forbedr.cal.eu\/kontakt\/uforpligtende-samtale?overlayCalendar=true\" class=\"nav-cta\">Book et m\u00f8de<\/a>\n  <\/div>\n<\/nav>\n\n<!-- ACT 1: the quiet ache -->\n<header class=\"hero\">\n  <div class=\"wrap\">\n    <h1>Den kunde, du ikke n\u00e5ede at svare, <span class=\"hl\">ringer aldrig igen.<\/span><\/h1>\n    <p class=\"open\">Du var sikkert midt i noget vigtigt. Det er du jo altid. Men i den anden ende sad der en med pengene i h\u00e5nden, klar til at bruge dem hos dig. De kom bare aldrig igennem. S\u00e5 de gik videre til den n\u00e6ste.<\/p>\n  <\/div>\n<\/header>\n\n<section class=\"story\">\n  <div class=\"wrap\">\n    <p class=\"lead-in reveal\">Og inderst inde kender du jo godt f\u00f8lelsen. Bare fra den anden side af r\u00f8ret.<\/p>\n    <p class=\"reveal\">For t\u00e6nk p\u00e5, hvad du selv g\u00f8r, n\u00e5r du ringer et sted og der ikke bliver svaret. Du sidder ikke og venter p\u00e5, at de mon ringer tilbage. Du g\u00e5r bare videre til den n\u00e6ste. Det er helt menneskeligt. Og det er pr\u00e6cis det, dine kunder g\u00f8r ved dig.<\/p>\n    <p class=\"reveal\">Og det, der g\u00f8r mest ondt, er hvor stille det foreg\u00e5r. Der er ikke noget drama. Telefonen ringer bare ud, og kunden er videre, f\u00f8r du n\u00e5ede at g\u00f8re noget som helst. En ny opgave, en fast kunde, m\u00e5ske begyndelsen p\u00e5 et langt samarbejde. Alt sammen forsvundet p\u00e5 fem ubesvarede ring.<\/p>\n\n    <div class=\"pull reveal\">Et ubesvaret opkald er sj\u00e6ldent bare et tabt opkald. Som regel er det en kunde, du lige har mistet.<\/div>\n\n    <p class=\"reveal\">Og det er ikke noget, der sker en gang imellem. Det er hverdag. Opkaldet tidligt om morgenen, f\u00f8r du rigtig er kommet i gang. Det midt i en opgave, hvor du umuligt kan slippe det, du har i h\u00e6nderne. Det sene om aftenen, hvor folk endelig f\u00e5r ro til at ringe. Hver eneste af dem var nogen, der ville give dig deres penge.<\/p>\n    <p class=\"reveal\">Og lad os bare v\u00e6re \u00e6rlige: telefonen er blevet en sten i skoen. Den ringer altid p\u00e5 det mest umulige tidspunkt, og uanset hvad du g\u00f8r, har du p\u00e5 fornemmelsen, at det var forkert. Tager du den, ryger din koncentration. Lader du den ringe, sidder tanken der bagefter og nager. Hvem var det nu? Og hvad ville de?<\/p>\n    <p class=\"reveal\">Det har st\u00e5et p\u00e5 s\u00e5 l\u00e6nge, at det er begyndt at f\u00f8les som en helt naturlig del af at drive forretning. Men det er det alts\u00e5 ikke. Og det skal du heller ikke finde dig i.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ACT 2: the turn -->\n<section class=\"turn\">\n  <div class=\"wrap reveal\">\n    <div class=\"label\">L\u00f8sningen<\/div>\n    <h2>Hvad nu, hvis telefonen altid blev taget, <em>uden at du selv skulle g\u00f8re det?<\/em><\/h2>\n    <p>Det er pr\u00e6cis det, vi g\u00f8r muligt. Din virksomhed f\u00e5r sin egen stemme, der tager telefonen for dig, d\u00f8gnet rundt, og tager imod kunden, akkurat som du ville g\u00f8re selv.<\/p>\n    <p class=\"soft\">Men det er sv\u00e6rt at forklare med ord. S\u00e5 h\u00f8r det hellere selv.<\/p>\n\n    <div class=\"player-label\">H\u00f8r et rigtigt opkald<\/div>\n    <div class=\"player\" id=\"player\">\n      <button class=\"player-btn\" id=\"playerBtn\" aria-label=\"Afspil lyd\">\n        <svg class=\"ic-play\" viewBox=\"0 0 24 24\" width=\"26\" height=\"26\" fill=\"none\"><path d=\"M8 5.5v13l11-6.5z\" fill=\"#fff\"\/><\/svg>\n        <svg class=\"ic-pause\" viewBox=\"0 0 24 24\" width=\"26\" height=\"26\" fill=\"none\" style=\"display:none\"><path d=\"M7 5h3.2v14H7zM13.8 5H17v14h-3.2z\" fill=\"#fff\"\/><\/svg>\n      <\/button>\n      <div class=\"player-body\">\n        <div class=\"player-title\">Et opkald til Larsen T\u00f8mrer<\/div>\n        <div class=\"player-bar\"><div class=\"player-fill\" id=\"playerFill\"><\/div><\/div>\n        <div class=\"player-time\"><span id=\"playerCur\">0:00<\/span><span id=\"playerDur\">3:20<\/span><\/div>\n      <\/div>\n    <\/div>\n\n    <p>L\u00e6g m\u00e6rke til, hvad der sker i opkaldet. En kunde ringer ind med en d\u00f8r, hans s\u00f8n har revet halvt af h\u00e6ngslerne. Han er lidt usikker, springer lidt frem og tilbage, ombestemmer sig undervejs. Helt som rigtige mennesker g\u00f8r. Og han bliver m\u00f8dt med ro, gode sp\u00f8rgsm\u00e5l og en fornemmelse af, at der bliver lyttet.<\/p>\n    <p>Undervejs bliver alt det vigtige samlet op helt naturligt: hvad der er galt med d\u00f8ren, at han hellere vil have en helt ny, hans adresse, hvorn\u00e5r han er hjemme, og hans navn. Til sidst st\u00e5r der en konkret aftale i kalenderen, en t\u00f8mrer der kommer ud mandag klokken 17, og en kunde der l\u00e6gger p\u00e5 i god ro og orden. Uden at du l\u00f8ftede r\u00f8ret \u00e9n eneste gang.<\/p>\n    <p>Det er pr\u00e6cis s\u00e5dan, det kommer til at lyde for dine kunder. En rolig, venlig stemme, der svarer i din virksomheds navn, hele d\u00f8gnet rundt. Ingen tonemenuer. Ingen \"tast 1 for\". Bare en samtale, der f\u00f8les \u00e6gte, og som ender med en kunde, du ellers var g\u00e5et glip af.<\/p>\n    <p>Og du bestemmer det hele. Hvad den skal kunne hj\u00e6lpe med, hvilke sp\u00f8rgsm\u00e5l den stiller, hvad den m\u00e5 og ikke m\u00e5. Den passer din forretning, akkurat som du ville g\u00f8re selv. Det vigtige lander hos dig <strong>som en kunde, der allerede er din.<\/strong> Resten er der taget h\u00e5nd om for l\u00e6ngst.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ACT 3: the new morning -->\n<section class=\"future\">\n  <div class=\"wrap\">\n    <div class=\"label reveal\">Du bestemmer stadig det hele<\/div>\n    <h2 class=\"reveal\">Den tager ikke over. Den tr\u00e6der bare til, n\u00e5r du ikke kan.<\/h2>\n    <p class=\"reveal\">Det er stadig din telefon og din forretning. Vil du selv tage et opkald, s\u00e5 tager du det. Det er kun n\u00e5r du ikke n\u00e5r den, ikke kan, eller har fri, at stemmen tr\u00e6der til og tager imod kunden for dig.<\/p>\n    <p class=\"reveal\">Du kan alts\u00e5 k\u00f8re videre, pr\u00e6cis som du plejer. Forskellen er bare, at de opkald, der f\u00f8r ringede ud i ingenting, nu bliver taget. Du v\u00e6lger selv, hvorn\u00e5r du vil v\u00e6re p\u00e5, og hvorn\u00e5r du vil lade den om det.<\/p>\n    <p class=\"reveal\">S\u00e5 du beh\u00f8ver ikke l\u00e6ngere sk\u00e6ve til telefonen hvert femte minut. Du kan g\u00e5 op i det, du er der for, og vide, at <strong>intet smutter, mens du har ryggen til.<\/strong> Du f\u00e5r mere luft, og forretningen f\u00e5r fat i flere kunder. P\u00e5 \u00e9n gang.<\/p>\n    <p class=\"rise reveal\">Du giver ikke slip p\u00e5 noget. Du f\u00e5r bare et par ekstra h\u00e6nder, der aldrig holder fri.<\/p>\n  <\/div>\n<\/section>\n\n<!-- guarantee -->\n<section class=\"guarantee\">\n  <div class=\"box reveal\">\n    <span class=\"seal\">Tilfredshedsgaranti<\/span>\n    <h2>Er du ikke tilfreds, f\u00e5r du dine penge retur.<\/h2>\n    <p>Vi er s\u00e5 sikre p\u00e5, at du kommer til at m\u00e6rke forskellen, at du f\u00e5r en tilfredshedsgaranti fra dag \u00e9t. Er det ikke det rette for dig, f\u00e5r du dine penge igen. Helt uden risiko.<\/p>\n  <\/div>\n<\/section>\n\n<!-- CLOSE -->\n<section class=\"close\" id=\"book\">\n  <div class=\"wrap\">\n    <div class=\"label\">Det f\u00f8rste skridt<\/div>\n    <h2>Mist ikke flere kunder.<\/h2>\n    <a href=\"https:\/\/forbedr.cal.eu\/kontakt\/uforpligtende-samtale?overlayCalendar=true\" class=\"btn\">Book et m\u00f8de<\/a>\n    <div class=\"note\">45 minutter. Helt uforpligtende.<\/div>\n  <\/div>\n<\/section>\n\n<footer>\n  <div class=\"wrap\">\n    <div class=\"copy\">\u00a9 Forbedr<\/div>\n  <\/div>\n<\/footer>\n\n<script>\n  document.body.classList.add('js-on');\n\n  \/\/ audio-only player driven by a hidden YouTube iframe\n  (function(){\n    const btn = document.getElementById('playerBtn');\n    if (!btn) return;\n    const player = document.getElementById('player');\n    const fill = document.getElementById('playerFill');\n    const cur = document.getElementById('playerCur');\n    const iconPlay = btn.querySelector('.ic-play');\n    const iconPause = btn.querySelector('.ic-pause');\n    let ytReady = false, yt = null, playing = false, timer = null;\n\n    \/\/ load YouTube iframe API\n    const tag = document.createElement('script');\n    tag.src = 'https:\/\/www.youtube.com\/iframe_api';\n    document.head.appendChild(tag);\n\n    \/\/ hidden host element for the (audio-only) player\n    const host = document.createElement('div');\n    host.id = 'yt-audio-host';\n    host.style.cssText = 'position:absolute;width:1px;height:1px;left:-9999px;top:-9999px;';\n    document.body.appendChild(host);\n\n    function fmt(s){ s=Math.floor(s); return Math.floor(s\/60)+':'+String(s%60).padStart(2,'0'); }\n\n    window.onYouTubeIframeAPIReady = function(){\n      yt = new YT.Player('yt-audio-host', {\n        videoId: 'Cs1KQQeyCXI',\n        playerVars: { controls:0, disablekb:1, modestbranding:1, rel:0 },\n        events: {\n          onReady: () => { ytReady = true; },\n          onStateChange: (e) => {\n            if (e.data === YT.PlayerState.ENDED) { stopUI(); }\n          }\n        }\n      });\n    };\n\n    function startUI(){\n      playing = true; iconPlay.style.display='none'; iconPause.style.display='block';\n      btn.classList.add('playing');\n      timer = setInterval(() => {\n        if (yt && yt.getCurrentTime) {\n          const t = yt.getCurrentTime(), d = yt.getDuration() || 200;\n          fill.style.width = (t\/d*100)+'%'; cur.textContent = fmt(t);\n        }\n      }, 250);\n    }\n    function stopUI(){\n      playing = false; iconPlay.style.display='block'; iconPause.style.display='none';\n      btn.classList.remove('playing'); clearInterval(timer);\n    }\n\n    btn.addEventListener('click', () => {\n      if (!ytReady) return;\n      if (playing) { yt.pauseVideo(); stopUI(); }\n      else { yt.playVideo(); startUI(); }\n    });\n  })();\n\n  const nav = document.getElementById('nav');\n  window.addEventListener('scroll', () => nav.classList.toggle('scrolled', window.scrollY > 20));\n  const reveals = document.querySelectorAll('.reveal');\n  if ('IntersectionObserver' in window) {\n    const io = new IntersectionObserver((es) => {\n      es.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\n    }, { threshold: 0.12, rootMargin: '0px 0px -5% 0px' });\n    reveals.forEach(el => io.observe(el));\n    window.addEventListener('load', () => setTimeout(() => reveals.forEach(el => el.classList.add('in')), 1500));\n  } else {\n    reveals.forEach(el => el.classList.add('in'));\n  }\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\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>Forbedr Forbedr. Book et m\u00f8de Den kunde, du ikke n\u00e5ede at svare, ringer aldrig igen. Du var sikkert midt i noget vigtigt. Det er du jo altid. Men i den anden ende sad der en med pengene i h\u00e5nden, klar til at bruge dem hos dig. De kom bare aldrig igennem. S\u00e5 de gik videre [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/forbedr.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":2009,"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":2233,"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/2233"}],"wp:attachment":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}