---
layout: base.html
title: "DFMG - Prisberegner"
description: "Beregn prisen på jeres facility service løsning med vores prisberegner. Få et øjeblikkeligt estimat."
bodyClass: calculator-page
componentCss:
  - calculator
scripts:
  - /js/prisberegner.js
---

    <section id="price">
        <div class="calculator-container">
            <div class="calculator-content">

                <!-- Column 1: Information -->
                <div class="column">
                    <h3 class="text-2xl font-bold">Oplysninger</h3>
                    <div class="info-card">
                        <h4>Størrelse</h4>
                        <label>Hvor stort er jeres kontor?</label>
                        <table class="planning-table">
                            <tbody>
                                <tr>
                                    <td>
                                        <div class="flex">
                                            <button class="btn active" data-size-method="area">Areal</button>
                                            <button class="btn" data-size-method="employees">Folk</button>
                                        </div>
                                    </td>
                                    <td>
                                        <div id="area-input">
                                            <div class="input-with-unit">
                                                <input class="form-input" id="office-area" placeholder="500" value="500">
                                                <span class="input-unit">m²</span>
                                            </div>
                                        </div>
                                        <div id="employees-input" style="display: none;">
                                            <input class="form-input" id="employee-count" placeholder="15" value="15">
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <table class="planning-table">
                            <thead>
                                <tr>
                                    <th>Type</th>
                                    <th class="th-count">Antal</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Mødelokaler</td>
                                    <td><input class="form-input" id="meeting-room-count" placeholder="4" value="4"></td>
                                </tr>
                                <tr>
                                    <td>Toiletter</td>
                                    <td><input class="form-input" id="toilet-count" placeholder="3" value="3"></td>
                                </tr>
                                <tr>
                                    <td>Køkkener</td>
                                    <td><input class="form-input" id="kitchen-count" placeholder="2" value="2"></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <!-- Planning -->
                    <div class="info-card">
                        <h4>Planlægning</h4>
                        <label>Hvilke dage skal der rengøres?</label>
                        <table class="planning-table">
                            <thead>
                                <tr>
                                    <th>Dag</th>
                                    <th>Type</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Mandag</td>
                                    <td>
                                        <div class="flex">
                                            <button class="btn" data-day="monday" data-type="let">Let</button>
                                            <button class="btn" data-day="monday" data-type="grundig">Grundig</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Tirsdag</td>
                                    <td>
                                        <div class="flex">
                                            <button class="btn active" data-day="tuesday" data-type="let">Let</button>
                                            <button class="btn" data-day="tuesday" data-type="grundig">Grundig</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Onsdag</td>
                                    <td>
                                        <div class="flex">
                                            <button class="btn" data-day="wednesday" data-type="let">Let</button>
                                            <button class="btn" data-day="wednesday" data-type="grundig">Grundig</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Torsdag</td>
                                    <td>
                                        <div class="flex">
                                            <button class="btn active" data-day="thursday" data-type="let">Let</button>
                                            <button class="btn" data-day="thursday" data-type="grundig">Grundig</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Fredag</td>
                                    <td>
                                        <div class="flex">
                                            <button class="btn" data-day="friday" data-type="let">Let</button>
                                            <button class="btn" data-day="friday" data-type="grundig">Grundig</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Lørdag</td>
                                    <td>
                                        <div class="flex">
                                            <button class="btn" data-day="saturday" data-type="let">Let</button>
                                            <button class="btn" data-day="saturday" data-type="grundig">Grundig</button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Søndag</td>
                                    <td>
                                        <div class="flex">
                                            <button class="btn" data-day="sunday" data-type="let">Let</button>
                                            <button class="btn active" data-day="sunday" data-type="grundig">Grundig</button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <!-- Documentation -->
                    <div class="info-card">
                        <h4>Dokumentation</h4>
                        <label>Ønsker I billeder af rengøringen?</label>
                        <div class="flex">
                            <button class="btn" data-photo="none">Ingen</button>
                            <button class="btn active" data-photo="after">Efter</button>
                            <button class="btn" data-photo="before-after">Før & efter</button>
                        </div>
                    </div>
                </div>

                <!-- Column 2: Service Templates -->
                <div class="column">
                    <div class="flex justify-between">
                        <h3 class="text-2xl font-bold">Service Skema</h3>
                        <div class="flex">
                            <button class="btn active" data-service-mode="let">Let</button>
                            <button class="btn" data-service-mode="grundig">Grundig</button>
                        </div>
                    </div>

                    <!-- Office -->
                    <div class="info-card">
                        <h4>Kontor, Mødelokaler</h4>
                        <div class="service-tasks">
                            <div class="task-item">
                                <input type="checkbox" class="task-checkbox" data-task="waste" data-section="office" checked>
                                <span>Affaldsbeholder tømmes og poser udskiftes</span>
                            </div>
                            <div class="task-item">
                                <input type="checkbox" class="task-checkbox" data-task="light-meeting" data-section="office" checked>
                                <span>Mødelokaler rengøres let</span>
                            </div>
                            <div class="task-item grundig-only">
                                <input type="checkbox" class="task-checkbox" data-task="deep-meeting" data-section="office">
                                <span>Mødelokaler rengøres grundigt</span>
                            </div>
                            <div class="task-item grundig-only">
                                <input type="checkbox" class="task-checkbox" data-task="vacuum-floor" data-section="office">
                                <span>Gulv støvsuges og vaskes/plejes</span>
                            </div>
                            <div class="task-item grundig-only">
                                <input type="checkbox" class="task-checkbox" data-task="wipe-tables" data-section="office">
                                <span>Borde/skriveborde tørres af</span>
                            </div>
                            <div class="task-item grundig-only">
                                <input type="checkbox" class="task-checkbox" data-task="dust-surfaces" data-section="office">
                                <span>Døre, stikkontakter, rammer og paneler afstøves</span>
                            </div>
                            <div class="task-item grundig-only">
                                <input type="checkbox" class="task-checkbox" data-task="dust-shelves" data-section="office">
                                <span>Frie hylder afstøves med candyfloss</span>
                            </div>
                            <div class="task-item grundig-only">
                                <input type="checkbox" class="task-checkbox" data-task="clean-glass" data-section="office">
                                <span>Pletter/fedtfingre på internt glas fjernes</span>
                            </div>
                            <div class="task-item grundig-only">
                                <input type="checkbox" class="task-checkbox" data-task="clean-walls" data-section="office">
                                <span>Synlige pletter på væggene fjernes</span>
                            </div>
                            <div class="task-item grundig-only">
                                <input type="checkbox" class="task-checkbox" data-task="vacuum-furniture" data-section="office">
                                <span>Polstrede møbler støvsuges</span>
                            </div>
                        </div>
                    </div>

                    <!-- Kitchen -->
                    <div class="info-card">
                        <div class="service-header">
                            <h4 class="service-title">Køkken</h4>
                        </div>
                        <div class="service-tasks">
                            <div class="task-item">
                                <input type="checkbox" class="task-checkbox" data-task="waste" data-section="kitchen" checked>
                                <span>Affaldsbeholder tømmes og poser udskiftes</span>
                            </div>
                            <div class="task-item">
                                <input type="checkbox" class="task-checkbox" data-task="vacuum-floor" data-section="kitchen" checked>
                                <span>Gulv støvsuges og vaskes/plejes</span>
                            </div>
                            <div class="task-item">
                                <input type="checkbox" class="task-checkbox" data-task="clean-sink" data-section="kitchen" checked>
                                <span>Håndvask og sanitet rengøres</span>
                            </div>
                            <div class="task-item">
                                <input type="checkbox" class="task-checkbox" data-task="wipe-surfaces" data-section="kitchen" checked>
                                <span>Bordplader og skabslåger aftørres</span>
                            </div>
                            <div class="task-item">
                                <input type="checkbox" class="task-checkbox" data-task="wipe-tables" data-section="kitchen" checked>
                                <span>Spiseborde / loungeborde aftørres</span>
                            </div>
                            <div class="task-item">
                                <input type="checkbox" class="task-checkbox" data-task="dishwasher" data-section="kitchen" checked>
                                <span>Tøm opvaskemaskine, fyld op og start om nødvendigt</span>
                            </div>
                            <div class="task-item grundig-only">
                                <input type="checkbox" class="task-checkbox" data-task="clean-filter" data-section="kitchen">
                                <span>Rengør opvaskemaskine filter</span>
                            </div>
                            <div class="task-item grundig-only">
                                <input type="checkbox" class="task-checkbox" data-task="wipe-chairs" data-section="kitchen">
                                <span>Stole og lamper (&lt;1,80m) &amp; døkarme aftørres</span>
                            </div>
                            <div class="task-item grundig-only">
                                <input type="checkbox" class="task-checkbox" data-task="check-supplies" data-section="kitchen">
                                <span>Tjek maskine for salt og afspændingsmiddel</span>
                            </div>
                            <div class="task-item grundig-only">
                                <input type="checkbox" class="task-checkbox" data-task="clean-fridge" data-section="kitchen">
                                <span>Køleskab rengøres udvendigt</span>
                            </div>
                        </div>
                    </div>

                    <!-- Toilets -->
                    <div class="info-card">
                        <div class="service-header">
                            <h4 class="service-title">Toiletter</h4>
                        </div>
                        <div class="service-tasks">
                            <div class="task-item">
                                <input type="checkbox" class="task-checkbox" data-task="waste" data-section="toilet" checked>
                                <span>Affaldsbeholder tømmes og poser udskiftes</span>
                            </div>
                            <div class="task-item">
                                <input type="checkbox" class="task-checkbox" data-task="vacuum-floor" data-section="toilet" checked>
                                <span>Gulv støvsuges og vaskes/plejes</span>
                            </div>
                            <div class="task-item">
                                <input type="checkbox" class="task-checkbox" data-task="clean-sanitary" data-section="toilet" checked>
                                <span>Al sanitet (håndvask, armatur, toilet) rengøres</span>
                            </div>
                            <div class="task-item">
                                <input type="checkbox" class="task-checkbox" data-task="clean-mirror" data-section="toilet" checked>
                                <span>Spejl rengøres</span>
                            </div>
                            <div class="task-item">
                                <input type="checkbox" class="task-checkbox" data-task="wipe-dispensers" data-section="toilet" checked>
                                <span>Papir- og sæbeholder aftørres</span>
                            </div>
                            <div class="task-item">
                                <input type="checkbox" class="task-checkbox" data-task="refill-supplies" data-section="toilet" checked>
                                <span>Papir og sæbe fyldes op (hvis nødvendigt)</span>
                            </div>
                            <div class="task-item grundig-only">
                                <input type="checkbox" class="task-checkbox" data-task="wipe-doors" data-section="toilet">
                                <span>Døre, rammer og lamper (&lt;1,80m) aftørres</span>
                            </div>
                            <div class="task-item grundig-only">
                                <input type="checkbox" class="task-checkbox" data-task="dust-panels" data-section="toilet">
                                <span>Gulvpaneler afstøves med candyfloss</span>
                            </div>
                            <div class="task-item grundig-only">
                                <input type="checkbox" class="task-checkbox" data-task="check-ceiling" data-section="toilet">
                                <span>Loft og hjørner kontrollers for spindelvæv</span>
                            </div>
                            <div class="task-item grundig-only">
                                <input type="checkbox" class="task-checkbox" data-task="clean-glass" data-section="toilet">
                                <span>Pletter/fedtfingre på internt glas fjernes</span>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Column 3: Price Summary -->
                <div class="column">
                    <h3 class="text-2xl font-bold">Månedlig Pris</h3>
                    <div class="info-card price-summary" id="price-breakdown">
                        <div class="price-line" data-price="base">
                            <span data-label>Basispris (500 m²)</span>
                            <span data-value>6.240 kr</span>
                        </div>
                        <div class="price-line" data-price="meetings">
                            <span data-label>Mødelokaler (4 stk)</span>
                            <span data-value>867 kr</span>
                        </div>
                        <div class="price-line" data-price="toilets">
                            <span data-label>Toiletter (3 stk)</span>
                            <span data-value>1.300 kr</span>
                        </div>
                        <div class="price-line" data-price="kitchens">
                            <span data-label>Køkkener (2 stk)</span>
                            <span data-value>650 kr</span>
                        </div>
                        <div class="price-line" data-price="photos">
                            <span data-label>Billeder (efter)</span>
                            <span data-value>650 kr</span>
                        </div>
                        <div class="price-line task-summary-line" id="task-summary-line">
                            <span id="task-summary-text">Standard opgaver inkluderet</span>
                        </div>
                        <div class="price-line discount-line" data-price="discount">
                            <span data-label class="text-charcoal font-semibold">Rabat (3x ugentligt)</span>
                            <span data-value class="text-charcoal font-semibold">-15%</span>
                        </div>
                        <div class="price-total-line">
                            <span>Pris</span>
                            <span id="monthly-price">8.450 kr</span>
                        </div>
                    </div>

                    <a href="/kontakt/" class="btn active w-full mt-05 text-lg">
                        <iconify-icon icon="fluent:mail-20-filled" inline></iconify-icon>
                        Kontakt os for tilbud
                    </a>

                    <p class="disclaimer">
                        Dette er et estimat baseret på dine oplysninger. Den endelige pris kan variere afhængigt af specifikke forhold og krav. Kontakt os for et præcist tilbud.
                    </p>
                </div>
            </div>
        </div>
    </section>