{"id":10,"date":"2025-01-05T09:43:33","date_gmt":"2025-01-05T09:43:33","guid":{"rendered":"https:\/\/skatte-beregner.dk\/?page_id=10"},"modified":"2025-11-12T14:05:16","modified_gmt":"2025-11-12T14:05:16","slug":"hjem","status":"publish","type":"page","link":"https:\/\/skatte-beregner.dk\/","title":{"rendered":"Hjem"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Danmark Skatteberegner<\/title>\r\n <style>\r\n\/* --- BASE STYLING (General) --- *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;600&family=Slabo+27px&display=swap');\r\n\r\n:root {\r\n --bg-gradient-start: #dee5f2;\r\n --bg-gradient-end: #a3b8d3;\r\n --text-primary: #222;\r\n --text-secondary: #444;\r\n --text-tertiary: #666;\r\n --input-bg: #fafafa;\r\n --input-border: #ccc;\r\n --box-bg: #fff;\r\n --box-border: #ddd;\r\n --first-div-bg: #fff;\r\n --year-label-color: #444;\r\n --year-select-bg: #fff;\r\n --year-select-border: #ddd;\r\n --year-select-text: #333;\r\n}\r\n\r\nbody.dark-mode {\r\n --bg-gradient-start: #1a1a2e;\r\n --bg-gradient-end: #16213e;\r\n --text-primary: #eee;\r\n --text-secondary: #ccc;\r\n --text-tertiary: #999;\r\n --input-bg: #2a2a3e;\r\n --input-border: #444;\r\n --box-bg: #252538;\r\n --box-border: #444;\r\n --first-div-bg: #2a2a3e;\r\n --year-label-color: #ccc;\r\n --year-select-bg: #252538;\r\n --year-select-border: #444;\r\n --year-select-text: #eee;\r\n}\r\n\r\nbody {\r\n font-family: \"Lato\", Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background: linear-gradient(to bottom right, var(--bg-gradient-start), var(--bg-gradient-end));\r\n background-size: cover;\r\n transition: background 0.3s ease;\r\n}\r\n\r\n.calculator-container {\r\n max-width: 900px;\r\n margin: 20px auto;\r\n padding: 20px 15px;\r\n border-radius: 8px;\r\n position: relative;\r\n}\r\n\r\n.calculator-container h1 {\r\n text-align: center;\r\n margin-bottom: 10px;\r\n margin-top: 30px;\r\n font-size: 2em;\r\n font-weight: 600;\r\n color: var(--text-primary);\r\n font-family: \"Lato\", Arial, sans-serif;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n\/* --- Input Group Styling --- *\/\r\n.input-group {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n padding: 15px;\r\n}\r\n\r\n.input-description {\r\n font-size: 0.9em;\r\n color: var(--text-secondary);\r\n margin-bottom: 15px;\r\n font-family: \"Lato\", Arial, sans-serif;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.input-box-wrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n width: 90%;\r\n max-width: 400px;\r\n margin: 0 auto;\r\n border: 1px solid var(--input-border);\r\n border-radius: 6px;\r\n box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);\r\n background-color: var(--input-bg);\r\n height: 60px;\r\n padding: 0 15px;\r\n box-sizing: border-box;\r\n position: relative;\r\n gap: 5px;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.input-group input {\r\n border: none;\r\n background: transparent;\r\n outline: none;\r\n font-size: 2.2em;\r\n font-weight: 400;\r\n color: var(--text-primary);\r\n text-align: right;\r\n width: auto;\r\n min-width: 50px;\r\n flex-shrink: 1;\r\n padding: 0;\r\n margin: 0;\r\n font-family: \"Slabo 27px\", serif;\r\n transition: color 0.3s ease;\r\n}\r\n.first-div{\r\n background: var(--first-div-bg);\r\n padding-bottom: 30px !important;\r\n padding-top: 30px !important; \r\n border-radius: 8px;\r\n position: relative;\r\n transition: background 0.3s ease;\r\n}\r\n.input-group input:focus {\r\n outline: none;\r\n border: none;\r\n box-shadow: none;\r\n}\r\n\r\n.input-group input::selection {\r\n background-color: rgba(0, 123, 255, 0.2);\r\n}\r\n\r\n#currencyUnit {\r\n font-size: 1.2em;\r\n color: #999;\r\n font-weight: 400;\r\n line-height: 1;\r\n margin: 0;\r\n padding: 0;\r\n margin-top: 8px;\r\n flex-shrink: 0;\r\n font-family: \"Slabo 27px\", serif;\r\n}\r\n\r\n#inputValueDisplay {\r\n display: none;\r\n}\r\n\r\n\/* --- Result Grid Styling (Mobile Default: Flexbox for Left Title\/Right Value) --- *\/\r\n.results-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 8px;\r\n margin-top: 8px;\r\n}\r\n\r\n.result-box {\r\n background: var(--box-bg);\r\n border-radius: 5px;\r\n border: 1px solid var(--box-border);\r\n box-shadow: none; \r\n display: flex; \r\n align-items: center; \r\n justify-content: space-between; \r\n padding: 10px 15px; \r\n min-height: 70px;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.result-text-container {\r\n text-align: left;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.result-box h2 {\r\n font-size: 0.95em;\r\n color: var(--text-secondary);\r\n font-weight: 600;\r\n margin: 0; \r\n font-family: \"Lato\", Arial, sans-serif;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.result-box p {\r\n color: var(--text-primary);\r\n font-weight: 500;\r\n margin: 0;\r\n text-align: right; \r\n font-size: 1.5em;\r\n font-family: \"Slabo 27px\", serif;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.result-box span {\r\n font-size: 0.8em;\r\n color: var(--text-tertiary);\r\n display: block;\r\n margin-top: 2px;\r\n font-family: \"Lato\", Arial, sans-serif;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n\/* --- LANGUAGE SWITCH (Top Left) --- *\/\r\n.language-switch {\r\n position: absolute;\r\n top: 10px;\r\n left: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n}\r\n\r\n.language-switch button {\r\n background: none;\r\n border: none;\r\n color: #ffffff;\r\n font-size: 12px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n margin-left: 5px;\r\n padding: 3px 6px;\r\n border-radius: 4px;\r\n transition: background 0.3s;\r\n}\r\n.language-switch button:hover {\r\n background: rgba(0,0,0,0.05);\r\n text-decoration: underline;\r\n}\r\n.language-switch button.active {\r\n color: #fafafa;\r\n text-decoration: underline;\r\n}\r\n\r\n\/* --- YEAR SELECT (Inside First Div - Right Corner) --- *\/\r\n.year-select-container {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n z-index: 10;\r\n}\r\n\r\n.year-select-container label {\r\n color: #444;\r\n font-size: 13px;\r\n font-weight: 600;\r\n margin: 0;\r\n text-wrap: nowrap !important;\r\n}\r\nbody.dark-mode .year-select-container label {\r\n color: #eee;\r\n}\r\n.year-select-container select {\r\n background: #fff;\r\n border: 2px solid #ddd;\r\n color: #333;\r\n font-size: 13px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n padding: 6px 12px;\r\n border-radius: 6px;\r\n transition: all 0.3s;\r\n appearance: none;\r\n padding-right: 30px;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: right 8px center;\r\n}\r\n\r\n.year-select-container select:hover {\r\n border-color: #999;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n}\r\n\r\n.year-select-container select:focus {\r\n outline: none;\r\n border-color: #007bff;\r\n box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);\r\n}\r\n\r\n\/* --- COLOR OVERRIDES (Mobile) --- *\/\r\n.result-box:nth-child(7) p {\r\n color: #b85c00;\r\n font-weight: 400;\r\n font-size: 3em;\r\n}\r\n.result-box:nth-child(8) p {\r\n color: #009900;\r\n font-weight: 400;\r\n font-size: 2.5em;\r\n}\r\n.value-icon {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: flex-start;\r\n gap: 4px;\r\n}\r\n\r\n.value-icon p {\r\n font-size: 1.8em;\r\n margin: 0;\r\n line-height: 1;\r\n}\r\n\r\n.value-icon span {\r\n font-size: 0.8em;\r\n color: var(--text-tertiary);\r\n margin-bottom: 4px !important;\r\n transition: color 0.3s ease;\r\n}\r\n.eight-col{\r\n font-size: 1em !important;\r\n margin-bottom: 10px;\r\n color: var(--text-tertiary) !important;\r\n transition: color 0.3s ease;\r\n}\r\n\/* --- THEME TOGGLE BUTTON STYLING (New\/Improved) --- *\/\r\n\/* --- THEME TOGGLE BUTTON STYLING (Professional & Minimal) --- *\/\r\n.theme-toggle {\r\n position: absolute;\r\n top: 15px; \r\n left: 15px;\r\n z-index: 10;\r\n \r\n \/* Minimalist Base Style *\/\r\n width: 40px;\r\n height: 40px;\r\n border: 1px solid var(--box-border); \/* Subtle border *\/\r\n border-radius: 50%;\r\n background: var(--box-bg);\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0;\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); \/* Soft shadow for lift *\/\r\n transition: all 0.3s ease;\r\n}\r\n#sunIcon{\r\n color: black !important;\r\n}\r\n.theme-toggle:hover {\r\n border-color: var(--text-tertiary);\r\n background-color: var(--box-bg);\r\n}\r\n.theme-toggle:focus {\r\n border-color: var(--text-tertiary);\r\n background-color: var(--box-bg);\r\n}\r\n\/* --- SVG Icon Styling (Crucial for Default\/Light Mode Look) --- *\/\r\n.theme-toggle svg {\r\n width: 20px;\r\n height: 20px;\r\n \/* \ud83d\udfe2 DEFAULT COLOR (FOR LIGHT MODE): Dark Gray\/Secondary Text Color *\/\r\n stroke: var(--text-secondary); \r\n fill: var(--text-secondary);\r\n transition: stroke 0.3s ease, fill 0.3s ease;\r\n}\r\n\r\n\/* \ud83d\udfe2 Dark Mode Overrides (Icons should become white\/light) *\/\r\nbody.dark-mode .theme-toggle {\r\n border-color: var(--input-border);\r\n background: var(--input-bg);\r\n}\r\n\r\nbody.dark-mode .theme-toggle svg {\r\n stroke: #eee; \/* Light color for dark background *\/\r\n fill: #eee;\r\n}\r\n\r\n\/* --- Mobile Adjustments (Keeping placement small) --- *\/\r\n@media (max-width: 900px){\r\n .theme-toggle {\r\n top: 10px;\r\n left: 10px;\r\n width: 35px;\r\n height: 35px;\r\n }\r\n .theme-toggle svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n}\r\n@media (max-width: 900px){\r\n .theme-toggle {\r\n top: 10px;\r\n left: 10px;\r\n width: 35px;\r\n height: 35px;\r\n }\r\n .theme-toggle svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n}\r\n@media (max-width: 900px){\r\n .value-icon span {\r\n margin-bottom: 0px !important;\r\n }\r\n .first-div{\r\n background: var(--first-div-bg);\r\n padding-bottom: 10px !important;\r\n padding-top: 10px !important; \r\n border-radius: 8px;\r\n position: relative;\r\n }\r\n .calculator-container h1 {\r\n padding-top: 6px !important;\r\n }\r\n .theme-toggle {\r\n top: 10px;\r\n left: 10px;\r\n width: 35px;\r\n height: 35px;\r\n padding: 6px;\r\n }\r\n .theme-toggle svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n .language-switch {\r\n position: absolute;\r\n top: -5px;\r\n right: 15px;\r\n }\r\n .year-select-container {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n }\r\n .year-select-container label {\r\n font-size: 11px;\r\n }\r\n .year-select-container select {\r\n font-size: 11px;\r\n padding: 4px 24px 4px 8px;\r\n background-position: right 6px center;\r\n }\r\n}\r\n\/* --- TABLET LAYOUT: 2-COLUMN (550px to 899px) --- *\/\r\n@media (min-width: 550px) {\r\n .results-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 8px;\r\n }\r\n .result-box:nth-child(1), .result-box:nth-child(2),\r\n .result-box:nth-child(7), .result-box:nth-child(8) {\r\n grid-column: span 1;\r\n }\r\n \r\n .calculator-container h1{\r\n margin-top: 30px;\r\n }\r\n .result-box:nth-child(7) p {\r\n font-size: 4em;\r\n }\r\n \r\n .result-box:nth-child(8) p {\r\n font-size: 3.5em;\r\n }\r\n .result-box:nth-child(8) span {\r\n font-size: 2em;\r\n margin-bottom: 10px;\r\n color: #009900;\r\n }\r\n .result-box:nth-child(7) span {\r\n font-size: 2em;\r\n margin-bottom: 10px;\r\n color: #b85c00;\r\n }\r\n}\r\n\r\n\/* --- DESKTOP LAYOUT (900px and up): Left-aligned Stacking --- *\/\r\n@media (min-width: 900px) {\r\n .calculator-container {\r\n margin: 50px auto;\r\n padding: 40px 30px;\r\n }\r\n .results-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n \r\n .result-box {\r\n display: block; \r\n text-align: left; \r\n padding: 15px; \r\n min-height: 80px; \r\n box-shadow: none;\r\n }\r\n \r\n .result-text-container {\r\n text-align: left;\r\n display: block; \r\n margin-bottom: 0; \r\n }\r\n \r\n .result-box h2 {\r\n margin-bottom: 5px;\r\n font-size: 1em; \r\n text-align: left;\r\n }\r\n\r\n .result-box p {\r\n text-align: left; \r\n margin: 5px 0;\r\n font-size: 1.8em; \r\n }\r\n\r\n .result-box span {\r\n display: block;\r\n text-align: left; \r\n font-size: 0.85em;\r\n color: #666;\r\n margin: 0;\r\n }\r\n\r\n .result-box:nth-child(1), .result-box:nth-child(2) {\r\n grid-column: span 2;\r\n }\r\n .result-box:nth-child(7), .result-box:nth-child(8) {\r\n grid-column: span 2;\r\n }\r\n\r\n \/* Desktop Color Overrides *\/\r\n .result-box:nth-child(7) p {\r\n color: #b85c00;\r\n font-weight: 400;\r\n font-size: 80px;\r\n line-height: 1;\r\n margin: 10px 0;\r\n text-align: left; \r\n }\r\n .result-box:nth-child(8) p {\r\n color: #009900;\r\n font-weight: 400;\r\n font-size: 70px;\r\n line-height: 1;\r\n margin: 10px 0;\r\n text-align: left; \r\n }\r\n .result-box:nth-child(8) span {\r\n font-size: 2em;\r\n margin-bottom: 10px;\r\n color: #009900;\r\n }\r\n .result-box:nth-child(7) span {\r\n font-size: 2em;\r\n margin-bottom: 10px;\r\n color: #b85c00;\r\n }\r\n}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"calculator-container\">\r\n <div class=\"language-switch\">\r\n <button id=\"danishBtn\" class=\"active\">Dansk<\/button>\r\n <button id=\"englishBtn\">English<\/button>\r\n <\/div>\r\n <div class=\"first-div\">\r\n <button class=\"theme-toggle\" id=\"themeToggle\" aria-label=\"Toggle theme\">\r\n <svg id=\"sunIcon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\r\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <svg id=\"moonIcon\" style=\"display:none;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n <path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"year-select-container\">\r\n <label for=\"yearSelect\" id=\"yearLabel\">Skatte\u00e5r:<\/label>\r\n <select id=\"yearSelect\">\r\n <option value=\"2024\">2024<\/option>\r\n <option value=\"2025\" selected>2025<\/option>\r\n <\/select>\r\n <\/div>\r\n <h1 id=\"calculatorTitle\">L\u00f8nberegner - 2025<\/h1>\r\n <div class=\"input-group\">\r\n <p class=\"input-description\">Indtast m\u00e5nedsl\u00f8n og udregn hvor meget du vil f\u00e5 udbetalt efter skat og pension*<\/p>\r\n <div class=\"input-box-wrapper\">\r\n <input type=\"text\" id=\"salaryInput\" value=\"0\" \/>\r\n <span id=\"currencyUnit\"> kr<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"results-grid\">\r\n <div class=\"result-box\">\r\n <div class=\"result-text-container\">\r\n <h2 id=\"yearlyPayText\">\u00c5rs l\u00f8n<\/h2>\r\n <span>Per year<\/span>\r\n <\/div>\r\n <div class=\"value-icon\">\r\n <p id=\"yearlyPay\">0<\/p>\r\n <span>kr<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-box\">\r\n <div class=\"result-text-container\">\r\n <h2 id=\"atpPensionText\">ATP (Pension)<\/h2>\r\n <span>Per month<\/span>\r\n <\/div>\r\n <div class=\"value-icon\">\r\n <p id=\"atpPension\">0<\/p>\r\n <span>kr<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-box\">\r\n <div class=\"result-text-container\">\r\n <h2 id=\"personalDeductionText\">Personfradrag<\/h2>\r\n <span>Per month<\/span>\r\n <\/div>\r\n <div class=\"value-icon\">\r\n <p id=\"personalDeduction\">4,300<\/p>\r\n <span>kr<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-box\">\r\n <div class=\"result-text-container\">\r\n <h2 id=\"otherDeductionsText\">Andre fradrag<\/h2>\r\n <span>Per month<\/span>\r\n <\/div>\r\n <div class=\"value-icon\">\r\n <p id=\"otherDeductions\">0<\/p>\r\n <span>kr<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-box\">\r\n <div class=\"result-text-container\">\r\n <h2 id=\"topTaxText\">Topskat<\/h2>\r\n <span>Per month<\/span>\r\n <\/div>\r\n <div class=\"value-icon\">\r\n <p id=\"topTax\">0<\/p>\r\n <span>kr<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-box\">\r\n <div class=\"result-text-container\">\r\n <h2 id=\"taxInAllText\">Skat i alt<\/h2>\r\n <span>Per month<\/span>\r\n <\/div>\r\n <div class=\"value-icon\">\r\n <p id=\"taxInAll\">0<\/p>\r\n <span>kr<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-box\">\r\n <div class=\"result-text-container\">\r\n <h2 id=\"reelSkatteprocentText\">Reel skatteprocent<\/h2>\r\n <span><\/span>\r\n <\/div>\r\n <div class=\"value-icon\">\r\n <p id=\"reelSkatteprocent\">0<\/p>\r\n <span>%<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-box\">\r\n <div class=\"result-text-container\">\r\n <h2 id=\"paidOutText\">Udbetalt<\/h2>\r\n <span class=\"eight-col\">Per month<\/span>\r\n <\/div>\r\n <div class=\"value-icon\">\r\n <p id=\"paidOut\">0<\/p>\r\n <span>kr<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <script>\r\n \/\/ Tax rates for 2025 and 2024\r\n const rates2025 = {\r\n am: 8 \/ 100,\r\n bundskat: 12.09 \/ 100,\r\n kommuneskat: 23.5 \/ 100,\r\n topskat: 15 \/ 100,\r\n topskatlowerlimit: 611800,\r\n personfradrag: 51600,\r\n beskeaftigelse: 12.3 \/ 100,\r\n beskeaftigelsemax: 55600,\r\n jobfradrag: 4.5 \/ 100,\r\n jobfradraglimit: 224500,\r\n jobfradragmax: 2900,\r\n atp: 99\r\n };\r\n\r\n const rates2024 = {\r\n am: 8 \/ 100,\r\n bundskat: 12.09 \/ 100,\r\n kommuneskat: 23.6 \/ 100,\r\n topskat: 15 \/ 100,\r\n topskatlowerlimit: 588900,\r\n personfradrag: 49700,\r\n beskeaftigelse: 10.65 \/ 100,\r\n beskeaftigelsemax: 45100,\r\n jobfradrag: 4.5 \/ 100,\r\n jobfradraglimit: 216100,\r\n jobfradragmax: 2800,\r\n atp: 99\r\n };\r\n\r\n const salaryInput = document.getElementById('salaryInput');\r\n const yearSelect = document.getElementById('yearSelect');\r\n const yearlyPay = document.getElementById('yearlyPay');\r\n const atpPension = document.getElementById('atpPension');\r\n const personalDeduction = document.getElementById('personalDeduction');\r\n const otherDeductions = document.getElementById('otherDeductions');\r\n const topTax = document.getElementById('topTax');\r\n const taxInAll = document.getElementById('taxInAll');\r\n const paidOut = document.getElementById('paidOut');\r\n const reelSkatteprocent = document.getElementById('reelSkatteprocent');\r\n const calculatorTitle = document.getElementById('calculatorTitle');\r\n const danishBtn = document.getElementById('danishBtn');\r\n const englishBtn = document.getElementById('englishBtn');\r\n const themeToggle = document.getElementById('themeToggle');\r\n const sunIcon = document.getElementById('sunIcon');\r\n const moonIcon = document.getElementById('moonIcon');\r\n\r\n let currentLanguage = 'da';\r\n\r\n \/\/ Theme Toggle\r\n const savedTheme = localStorage.getItem('theme') || 'light';\r\n if (savedTheme === 'dark') {\r\n document.body.classList.add('dark-mode');\r\n sunIcon.style.display = 'none';\r\n moonIcon.style.display = 'block';\r\n }\r\n\r\n themeToggle.addEventListener('click', () => {\r\n document.body.classList.toggle('dark-mode');\r\n const isDark = document.body.classList.contains('dark-mode');\r\n \r\n if (isDark) {\r\n sunIcon.style.display = 'none';\r\n moonIcon.style.display = 'block';\r\n localStorage.setItem('theme', 'dark');\r\n } else {\r\n sunIcon.style.display = 'block';\r\n moonIcon.style.display = 'none';\r\n localStorage.setItem('theme', 'light');\r\n }\r\n });\r\n\r\n function calculate(inputValue, year) {\r\n const rates = year === '2024' ? rates2024 : rates2025;\r\n \r\n const yearly = inputValue * 12;\r\n const atp = inputValue > 9999 ? rates.atp : 0;\r\n const paywithoutpension = inputValue - atp;\r\n const am = paywithoutpension * rates.am;\r\n\r\n const jobfradrag = () => {\r\n if (yearly < rates.jobfradraglimit) return 0;\r\n if ((yearly - rates.jobfradraglimit) * rates.jobfradrag > rates.jobfradragmax) {\r\n return rates.jobfradragmax;\r\n } else {\r\n return (yearly - rates.jobfradraglimit) * rates.jobfradrag;\r\n }\r\n };\r\n\r\n const beskeaftigelsesfradrag = () => {\r\n const result = yearly * rates.beskeaftigelse;\r\n return result < rates.beskeaftigelsemax ? result : rates.beskeaftigelsemax;\r\n };\r\n\r\n const fradragkr = (rates.personfradrag + jobfradrag() + beskeaftigelsesfradrag()) \/ 12;\r\n const bundskatkr = ((paywithoutpension - am) > (rates.personfradrag \/ 12)) ? (paywithoutpension - am - (rates.personfradrag \/ 12)) * rates.bundskat : 0;\r\n const kommuneskatkr = ((paywithoutpension - am - fradragkr) > 0) ? (paywithoutpension - am - fradragkr) * rates.kommuneskat : 0;\r\n \r\n const topskatkr = () => {\r\n if ((paywithoutpension - am) * 12 > rates.topskatlowerlimit) {\r\n return (paywithoutpension - am - rates.topskatlowerlimit \/ 12) * rates.topskat;\r\n } else {\r\n return 0;\r\n }\r\n };\r\n\r\n const taxkr = kommuneskatkr + bundskatkr + topskatkr() + am;\r\n const payout = paywithoutpension - taxkr;\r\n const realtax = (inputValue > 0) ? taxkr \/ inputValue * 100 : 0;\r\n\r\n return {\r\n aarslon: Number(yearly).toLocaleString(),\r\n atp: Number(atp).toLocaleString('us'),\r\n topskat: Number(Math.round(topskatkr())).toLocaleString(),\r\n tax: Number(Math.round(taxkr)).toLocaleString(),\r\n personfradrag: Number(Math.round((rates.personfradrag \/ 12))).toLocaleString(),\r\n arbejdsfradrag: Number(Math.round((jobfradrag() + beskeaftigelsesfradrag()) \/ 12)).toLocaleString(),\r\n realtax: Number(Math.round(realtax * 10) \/ 10).toLocaleString('us'),\r\n payout: Number(Math.round(payout)).toLocaleString(),\r\n };\r\n }\r\n\r\n function updateCalculations() {\r\n let salaryValue = salaryInput.value.replace(\/[^0-9.,-]\/g, '');\r\n if (salaryValue === '') salaryValue = '0';\r\n const salary = parseFloat(salaryValue.replace(\/,\/g, '')) || 0;\r\n const selectedYear = yearSelect.value;\r\n\r\n const result = calculate(salary, selectedYear);\r\n\r\n yearlyPay.textContent = result.aarslon;\r\n atpPension.textContent = result.atp;\r\n personalDeduction.textContent = result.personfradrag;\r\n otherDeductions.textContent = result.arbejdsfradrag;\r\n topTax.textContent = result.topskat;\r\n taxInAll.textContent = result.tax;\r\n paidOut.textContent = result.payout;\r\n reelSkatteprocent.textContent = result.realtax;\r\n }\r\n\r\n salaryInput.addEventListener('input', (e) => {\r\n let salaryValue = e.target.value.replace(\/[^0-9.,-]\/g, '');\r\n if (salaryValue === '') salaryValue = '0';\r\n salaryInput.value = salaryValue;\r\n updateCalculations();\r\n });\r\n\r\n yearSelect.addEventListener('change', () => {\r\n const year = yearSelect.value;\r\n if (currentLanguage === 'da') {\r\n calculatorTitle.textContent = `L\u00f8nberegner - ${year}`;\r\n } else {\r\n calculatorTitle.textContent = `Salary Calculator - ${year}`;\r\n }\r\n updateCalculations();\r\n });\r\n\r\n \/\/ Language Switch\r\n danishBtn.addEventListener('click', () => {\r\n currentLanguage = 'da';\r\n danishBtn.classList.add('active');\r\n englishBtn.classList.remove('active');\r\n calculatorTitle.textContent = `L\u00f8nberegner - ${yearSelect.value}`;\r\n document.querySelector('.input-description').textContent = 'Indtast m\u00e5nedsl\u00f8n og udregn hvor meget du vil f\u00e5 udbetalt efter skat og pension*';\r\n document.getElementById('yearLabel').textContent = 'Skatte\u00e5r:';\r\n document.getElementById('yearlyPayText').textContent = '\u00c5rs l\u00f8n';\r\n document.getElementById('atpPensionText').textContent = 'ATP (Pension)';\r\n document.getElementById('personalDeductionText').textContent = 'Personfradrag';\r\n document.getElementById('otherDeductionsText').textContent = 'Andre fradrag';\r\n document.getElementById('topTaxText').textContent = 'Topskat';\r\n document.getElementById('taxInAllText').textContent = 'Skat i alt';\r\n document.getElementById('paidOutText').textContent = 'Udbetalt';\r\n document.getElementById('reelSkatteprocentText').textContent = 'Reel skatteprocent';\r\n });\r\n\r\n englishBtn.addEventListener('click', () => {\r\n currentLanguage = 'en';\r\n englishBtn.classList.add('active');\r\n danishBtn.classList.remove('active');\r\n calculatorTitle.textContent = `Salary Calculator - ${yearSelect.value}`;\r\n document.querySelector('.input-description').textContent = 'Enter monthly salary and calculate how much you will receive after tax and pension*';\r\n document.getElementById('yearLabel').textContent = 'Tax year:';\r\n document.getElementById('yearlyPayText').textContent = 'Yearly Pay';\r\n document.getElementById('atpPensionText').textContent = 'ATP (Pension)';\r\n document.getElementById('personalDeductionText').textContent = 'Personal Deduction';\r\n document.getElementById('otherDeductionsText').textContent = 'Other Deductions';\r\n document.getElementById('topTaxText').textContent = 'Top Tax';\r\n document.getElementById('taxInAllText').textContent = 'Total Tax';\r\n document.getElementById('paidOutText').textContent = 'Paid Out';\r\n document.getElementById('reelSkatteprocentText').textContent = 'Effective Tax Rate';\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Danmark Skatteberegner Dansk English Skatte\u00e5r: 20242025 L\u00f8nberegner – 2025 Indtast m\u00e5nedsl\u00f8n og udregn hvor meget du vil f\u00e5 udbetalt efter […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","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":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skatte-beregner.dk\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skatte-beregner.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skatte-beregner.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skatte-beregner.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skatte-beregner.dk\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":277,"href":"https:\/\/skatte-beregner.dk\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":1082,"href":"https:\/\/skatte-beregner.dk\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/1082"}],"wp:attachment":[{"href":"https:\/\/skatte-beregner.dk\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}