{"id":57,"date":"2026-03-23T22:33:02","date_gmt":"2026-03-23T22:33:02","guid":{"rendered":"https:\/\/www.renteoptimering.dk\/?page_id=57"},"modified":"2026-03-23T22:46:51","modified_gmt":"2026-03-23T22:46:51","slug":"forside","status":"publish","type":"page","link":"https:\/\/www.renteoptimering.dk\/","title":{"rendered":"Forside"},"content":{"rendered":"\n<!-- Fonts -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n\n<style>\n\n  :root {\n    --navy: #0f2340;\n    --navy-light: #1a3558;\n    --teal: #0d9e8a;\n    --teal-light: #14b8a0;\n    --cream: #f8f5ef;\n    --warm-white: #fdfcfa;\n    --text-dark: #1a1a2e;\n    --text-mid: #4a5568;\n    --text-light: #718096;\n    --border: #e2ddd5;\n    --shadow-sm: 0 2px 12px rgba(15,35,64,0.08);\n    --shadow-md: 0 8px 32px rgba(15,35,64,0.12);\n    --shadow-lg: 0 20px 60px rgba(15,35,64,0.16);\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  html { scroll-behavior: smooth; }\n\n  body {\n    font-family: 'DM Sans', sans-serif;\n    background: var(--warm-white);\n    color: var(--text-dark);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n  header {\n    position: sticky; top: 0; z-index: 100;\n    background: rgba(253,252,250,0.95);\n    backdrop-filter: blur(12px);\n    border-bottom: 1px solid var(--border);\n    padding: 0 2rem;\n  }\n  .header-inner {\n    max-width: 1120px; margin: 0 auto;\n    display: flex; align-items: center; justify-content: space-between;\n    height: 68px;\n  }\n  .logo {\n    font-family: 'Fraunces', serif;\n    font-weight: 700; font-size: 1.35rem;\n    color: var(--navy); text-decoration: none;\n    display: flex; align-items: center; gap: 0.5rem;\n  }\n  .logo-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--teal); }\n  nav { display: flex; align-items: center; gap: 2rem; }\n  nav a {\n    font-size: 0.9rem; font-weight: 500; color: var(--text-mid);\n    text-decoration: none; transition: color .2s;\n  }\n  nav a:hover { color: var(--navy); }\n  .btn-nav {\n    background: var(--navy); color: white !important;\n    padding: 0.55rem 1.25rem; border-radius: 8px;\n    font-size: 0.875rem !important; font-weight: 500 !important;\n    transition: background .2s !important;\n  }\n  .btn-nav:hover { background: var(--navy-light) !important; }\n\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .hero {\n    background: var(--navy);\n    padding: 6rem 2rem 0;\n    overflow: hidden;\n    position: relative;\n  }\n  .hero::before {\n    content: '';\n    position: absolute; top: 0; right: 0;\n    width: 60%; height: 100%;\n    background: radial-gradient(ellipse at top right, rgba(13,158,138,0.15) 0%, transparent 70%);\n    pointer-events: none;\n  }\n  .hero-inner {\n    max-width: 1120px; margin: 0 auto;\n    display: grid; grid-template-columns: 1fr 1fr; gap: 4rem;\n    align-items: end;\n  }\n  .hero-label {\n    display: inline-flex; align-items: center; gap: 0.5rem;\n    background: rgba(13,158,138,0.15); border: 1px solid rgba(13,158,138,0.3);\n    color: var(--teal-light); padding: 0.35rem 0.9rem; border-radius: 100px;\n    font-size: 0.8rem; font-weight: 500; letter-spacing: 0.04em;\n    margin-bottom: 1.5rem;\n  }\n  .hero h1 {\n    font-family: 'Fraunces', serif;\n    font-weight: 700; font-size: clamp(2.4rem, 4vw, 3.6rem);\n    line-height: 1.1; color: white;\n    margin-bottom: 1.5rem;\n  }\n  .hero h1 em {\n    font-style: italic; color: var(--teal-light);\n  }\n  .hero-sub {\n    color: rgba(255,255,255,0.7);\n    font-size: 1.05rem; line-height: 1.65;\n    margin-bottom: 2.5rem; max-width: 440px;\n  }\n  .hero-ctas { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 3rem; }\n  .btn-primary {\n    background: var(--teal); color: white;\n    padding: 0.9rem 2rem; border-radius: 10px;\n    font-size: 1rem; font-weight: 500;\n    text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem;\n    transition: background .2s, transform .15s;\n    box-shadow: 0 4px 20px rgba(13,158,138,0.4);\n  }\n  .btn-primary:hover { background: var(--teal-light); transform: translateY(-1px); }\n  .btn-secondary {\n    background: transparent; color: rgba(255,255,255,0.8);\n    padding: 0.9rem 2rem; border-radius: 10px;\n    font-size: 1rem; font-weight: 400;\n    text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem;\n    border: 1px solid rgba(255,255,255,0.2);\n    transition: all .2s;\n  }\n  .btn-secondary:hover { border-color: rgba(255,255,255,0.5); color: white; }\n\n  .trust-row {\n    display: flex; align-items: center; gap: 1.5rem;\n    flex-wrap: wrap;\n  }\n  .trust-item {\n    display: flex; align-items: center; gap: 0.4rem;\n    color: rgba(255,255,255,0.5); font-size: 0.82rem;\n  }\n  .trust-item svg { opacity: 0.7; }\n\n  \/* Hero visual side *\/\n  .hero-visual {\n    display: flex; flex-direction: column;\n    gap: 1rem; padding-bottom: 0;\n    animation: float 4s ease-in-out infinite;\n  }\n  @keyframes float {\n    0%,100% { transform: translateY(0); }\n    50% { transform: translateY(-8px); }\n  }\n  .calc-preview {\n    background: rgba(255,255,255,0.06);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 16px;\n    padding: 1.75rem;\n    backdrop-filter: blur(8px);\n  }\n  .calc-preview-label {\n    font-size: 0.75rem; text-transform: uppercase;\n    letter-spacing: 0.1em; color: rgba(255,255,255,0.4);\n    margin-bottom: 1rem;\n  }\n  .calc-row {\n    display: flex; justify-content: space-between; align-items: center;\n    padding: 0.6rem 0;\n    border-bottom: 1px solid rgba(255,255,255,0.07);\n  }\n  .calc-row:last-child { border: none; }\n  .calc-row-label { color: rgba(255,255,255,0.6); font-size: 0.875rem; }\n  .calc-row-val { color: white; font-size: 0.95rem; font-weight: 500; }\n  .calc-row-val.positive { color: var(--teal-light); font-size: 1.1rem; font-weight: 700; }\n\n  .stat-cards {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem;\n  }\n  .stat-card {\n    background: rgba(255,255,255,0.06);\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 12px; padding: 1.1rem 1.25rem;\n  }\n  .stat-card-val {\n    font-family: 'Fraunces', serif;\n    font-size: 1.6rem; font-weight: 700; color: white;\n    line-height: 1;\n  }\n  .stat-card-label {\n    font-size: 0.78rem; color: rgba(255,255,255,0.5);\n    margin-top: 0.3rem;\n  }\n\n  \/* \u2500\u2500 WAVE SEPARATOR \u2500\u2500 *\/\n  .wave {\n    display: block; width: 100%;\n    background: var(--navy);\n    line-height: 0;\n  }\n  .wave svg { display: block; }\n\n  \/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\n  .section { padding: 5rem 2rem; }\n  .section-inner { max-width: 1120px; margin: 0 auto; }\n  .section-tag {\n    display: inline-block;\n    font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.1em;\n    color: var(--teal); font-weight: 600;\n    margin-bottom: 0.75rem;\n  }\n  .section-title {\n    font-family: 'Fraunces', serif;\n    font-size: clamp(1.8rem, 3vw, 2.6rem);\n    font-weight: 700; line-height: 1.2;\n    color: var(--navy); margin-bottom: 1rem;\n  }\n  .section-sub {\n    font-size: 1.05rem; color: var(--text-mid);\n    max-width: 540px; line-height: 1.65;\n  }\n\n  .steps-grid {\n    display: grid; grid-template-columns: repeat(3, 1fr);\n    gap: 2.5rem; margin-top: 3.5rem;\n  }\n  .step {\n    position: relative;\n  }\n  .step-num {\n    font-family: 'Fraunces', serif;\n    font-size: 3.5rem; font-weight: 700;\n    color: var(--teal); opacity: 0.2;\n    line-height: 1; margin-bottom: -0.5rem;\n  }\n  .step h3 {\n    font-family: 'Fraunces', serif;\n    font-size: 1.2rem; font-weight: 500;\n    color: var(--navy); margin-bottom: 0.6rem;\n  }\n  .step p { font-size: 0.95rem; color: var(--text-mid); line-height: 1.6; }\n  .step-arrow {\n    position: absolute; right: -1.25rem; top: 2.2rem;\n    color: var(--border); font-size: 1.5rem;\n  }\n\n  \/* \u2500\u2500 CALCULATOR PREVIEW \u2500\u2500 *\/\n  .calculator-section {\n    background: var(--cream);\n    padding: 5rem 2rem;\n  }\n  .calc-container {\n    max-width: 820px; margin: 0 auto;\n  }\n  .calc-card {\n    background: white;\n    border-radius: 20px;\n    box-shadow: var(--shadow-lg);\n    overflow: hidden;\n    margin-top: 3rem;\n  }\n  .calc-header {\n    background: var(--navy);\n    padding: 1.5rem 2rem;\n    display: flex; align-items: center; gap: 1rem;\n  }\n  .calc-header-icon {\n    width: 40px; height: 40px; border-radius: 10px;\n    background: rgba(13,158,138,0.2);\n    display: flex; align-items: center; justify-content: center;\n    color: var(--teal-light); font-size: 1.2rem;\n  }\n  .calc-header h3 {\n    font-family: 'Fraunces', serif;\n    color: white; font-size: 1.1rem; font-weight: 500;\n  }\n  .calc-header p { color: rgba(255,255,255,0.5); font-size: 0.82rem; }\n  .calc-body { padding: 2rem; }\n\n  .input-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 1.5rem; }\n  .input-group { display: flex; flex-direction: column; gap: 0.4rem; }\n  .input-group label {\n    font-size: 0.82rem; font-weight: 500; color: var(--text-mid);\n    text-transform: uppercase; letter-spacing: 0.05em;\n  }\n  .input-group input {\n    padding: 0.8rem 1rem;\n    border: 1.5px solid var(--border); border-radius: 8px;\n    font-family: 'DM Sans', sans-serif; font-size: 0.95rem; color: var(--text-dark);\n    background: var(--warm-white);\n    transition: border-color .2s;\n    outline: none;\n  }\n  .input-group input:focus { border-color: var(--teal); }\n  .input-hint { font-size: 0.75rem; color: var(--text-light); }\n\n  .result-box {\n    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);\n    border-radius: 12px; padding: 1.75rem 2rem;\n    display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem;\n    margin-top: 1.5rem;\n  }\n  .result-item { text-align: center; }\n  .result-label { font-size: 0.75rem; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.3rem; }\n  .result-value { font-family: 'Fraunces', serif; font-size: 1.5rem; color: white; font-weight: 700; }\n  .result-value.highlight { color: var(--teal-light); font-size: 1.8rem; }\n  .result-sub { font-size: 0.7rem; color: rgba(255,255,255,0.4); margin-top: 0.15rem; }\n\n  .calc-cta {\n    text-align: center; margin-top: 1.5rem;\n    padding: 1.5rem; background: var(--cream); border-radius: 10px;\n  }\n  .calc-cta p { font-size: 0.9rem; color: var(--text-mid); margin-bottom: 1rem; }\n\n  \/* \u2500\u2500 WHY US \u2500\u2500 *\/\n  .why-grid {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 5rem;\n    align-items: center;\n    margin-top: 0;\n  }\n  .why-list { display: flex; flex-direction: column; gap: 1.75rem; margin-top: 2.5rem; }\n  .why-item { display: flex; gap: 1rem; }\n  .why-icon {\n    flex-shrink: 0;\n    width: 44px; height: 44px; border-radius: 10px;\n    background: rgba(13,158,138,0.1);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 1.25rem;\n  }\n  .why-item h4 {\n    font-family: 'Fraunces', serif;\n    font-size: 1rem; font-weight: 500; color: var(--navy);\n    margin-bottom: 0.25rem;\n  }\n  .why-item p { font-size: 0.9rem; color: var(--text-mid); line-height: 1.55; }\n\n  .why-visual {\n    background: var(--cream); border-radius: 20px;\n    padding: 2rem; position: relative;\n  }\n  .bank-table { width: 100%; border-collapse: collapse; }\n  .bank-table th {\n    font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em;\n    color: var(--text-light); font-weight: 500; text-align: left;\n    padding: 0 0.75rem 0.75rem; border-bottom: 1.5px solid var(--border);\n  }\n  .bank-table td {\n    padding: 0.85rem 0.75rem;\n    font-size: 0.9rem; color: var(--text-dark);\n    border-bottom: 1px solid var(--border);\n  }\n  .bank-table tr:last-child td { border: none; }\n  .bank-name { font-weight: 500; }\n  .rate-val { font-family: 'Fraunces', serif; font-weight: 500; }\n  .rate-low { color: var(--teal); }\n  .rate-high { color: #e53e3e; }\n  .badge {\n    display: inline-block;\n    padding: 0.15rem 0.5rem; border-radius: 4px;\n    font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;\n  }\n  .badge-best { background: rgba(13,158,138,0.15); color: var(--teal); }\n  .badge-high { background: rgba(229,62,62,0.1); color: #e53e3e; }\n\n  \/* \u2500\u2500 AFFILIATE PARTNERS \u2500\u2500 *\/\n  .partner-section {\n    background: var(--navy);\n    padding: 4.5rem 2rem;\n    text-align: center;\n  }\n  .partner-section .section-title { color: white; }\n  .partner-section .section-sub { color: rgba(255,255,255,0.6); margin: 0 auto; }\n  .partner-cards {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;\n    max-width: 640px; margin: 3rem auto 0;\n  }\n  .partner-card {\n    background: rgba(255,255,255,0.07);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 16px; padding: 2rem;\n    text-align: left; text-decoration: none;\n    transition: all .2s; display: block;\n  }\n  .partner-card:hover {\n    background: rgba(255,255,255,0.1);\n    border-color: rgba(13,158,138,0.4);\n    transform: translateY(-2px);\n  }\n  .partner-logo {\n    font-family: 'Fraunces', serif;\n    font-size: 1.3rem; font-weight: 700; color: white;\n    margin-bottom: 0.5rem;\n  }\n  .partner-desc { font-size: 0.85rem; color: rgba(255,255,255,0.5); line-height: 1.5; margin-bottom: 1rem; }\n  .partner-link {\n    font-size: 0.82rem; color: var(--teal-light);\n    display: flex; align-items: center; gap: 0.3rem;\n  }\n\n  \/* \u2500\u2500 FAQ \u2500\u2500 *\/\n  .faq-grid {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;\n    margin-top: 3rem;\n  }\n  .faq-item {\n    background: var(--cream); border-radius: 12px;\n    padding: 1.5rem;\n  }\n  .faq-item h4 {\n    font-family: 'Fraunces', serif;\n    font-size: 1rem; font-weight: 500; color: var(--navy);\n    margin-bottom: 0.5rem;\n  }\n  .faq-item p { font-size: 0.9rem; color: var(--text-mid); line-height: 1.6; }\n\n  \/* \u2500\u2500 CTA BANNER \u2500\u2500 *\/\n  .cta-banner {\n    background: linear-gradient(135deg, var(--teal) 0%, #0a7a6a 100%);\n    padding: 5rem 2rem; text-align: center;\n  }\n  .cta-banner h2 {\n    font-family: 'Fraunces', serif;\n    font-size: clamp(1.8rem, 3vw, 2.6rem);\n    color: white; font-weight: 700; margin-bottom: 1rem;\n  }\n  .cta-banner p { color: rgba(255,255,255,0.8); font-size: 1.05rem; max-width: 480px; margin: 0 auto 2.5rem; }\n  .btn-white {\n    background: white; color: var(--teal);\n    padding: 1rem 2.5rem; border-radius: 10px;\n    font-size: 1rem; font-weight: 600;\n    text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem;\n    transition: all .2s; box-shadow: 0 4px 20px rgba(0,0,0,0.15);\n  }\n  .btn-white:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,0,0,0.2); }\n\n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n  footer {\n    background: var(--navy); border-top: 1px solid rgba(255,255,255,0.05);\n    padding: 3rem 2rem 2rem;\n  }\n  .footer-inner {\n    max-width: 1120px; margin: 0 auto;\n    display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 3rem;\n    margin-bottom: 2.5rem;\n  }\n  .footer-brand .logo { color: white; margin-bottom: 0.75rem; display: flex; }\n  .footer-brand p { font-size: 0.875rem; color: rgba(255,255,255,0.4); line-height: 1.6; }\n  .footer-col h5 {\n    font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.1em;\n    color: rgba(255,255,255,0.3); font-weight: 600; margin-bottom: 1rem;\n  }\n  .footer-col a {\n    display: block; font-size: 0.875rem; color: rgba(255,255,255,0.55);\n    text-decoration: none; margin-bottom: 0.5rem; transition: color .2s;\n  }\n  .footer-col a:hover { color: rgba(255,255,255,0.9); }\n  .footer-bottom {\n    border-top: 1px solid rgba(255,255,255,0.08);\n    padding-top: 1.5rem;\n    display: flex; justify-content: space-between; align-items: center;\n    flex-wrap: wrap; gap: 1rem;\n  }\n  .footer-bottom p { font-size: 0.78rem; color: rgba(255,255,255,0.3); }\n  .footer-disclaimer {\n    font-size: 0.75rem; color: rgba(255,255,255,0.25); line-height: 1.5;\n    max-width: 640px;\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 900px) {\n    .hero-inner { grid-template-columns: 1fr; gap: 3rem; }\n    .hero-visual { display: none; }\n    .steps-grid { grid-template-columns: 1fr; gap: 2rem; }\n    .step-arrow { display: none; }\n    .input-row { grid-template-columns: 1fr; }\n    .why-grid { grid-template-columns: 1fr; gap: 2.5rem; }\n    .partner-cards { grid-template-columns: 1fr; }\n    .faq-grid { grid-template-columns: 1fr; }\n    .footer-inner { grid-template-columns: 1fr; gap: 2rem; }\n    .result-box { grid-template-columns: 1fr; text-align: left; }\n  }\n  @media (max-width: 600px) {\n    .hero { padding: 4rem 1.25rem 0; }\n    .section { padding: 3.5rem 1.25rem; }\n    .stat-cards { grid-template-columns: 1fr; }\n  }\n\n<\/style>\n\n<!-- HEADER -->\n<header>\n  <div class=\"header-inner\">\n    <a href=\"\/\" class=\"logo\">\n      <span class=\"logo-dot\"><\/span>\n      renteoptimering.dk\n    <\/a>\n    <nav>\n      <a href=\"\/beregner\">Beregner<\/a>\n      <a href=\"\/renteoversigt\">Renteoversigt<\/a>\n      <a href=\"\/artikler\">Artikler<\/a>\n      <a href=\"\/beregner\" class=\"btn-nav\">Beregn din besparelse \u2192<\/a>\n    <\/nav>\n  <\/div>\n<\/header>\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"hero-inner\">\n    <div class=\"hero-content\">\n      <div class=\"hero-label\">\n        <span>\u25cf<\/span> Specialiseret i andelsboligl\u00e5n\n      <\/div>\n      <h1>Betaler du for meget i rente p\u00e5 dit <em>andelsboligl\u00e5n?<\/em><\/h1>\n      <p class=\"hero-sub\">\n        De fleste andelshavere er ikke klar over, at der kan v\u00e6re markante forskelle i renteniveau fra bank til bank. Brug vores beregner og se om du kan spare tusindvis af kroner om \u00e5ret.\n      <\/p>\n      <div class=\"hero-ctas\">\n        <a href=\"\/beregner\" class=\"btn-primary\">\n          Beregn din besparelse\n          <span>\u2192<\/span>\n        <\/a>\n        <a href=\"\/renteoversigt\" class=\"btn-secondary\">\n          Se aktuelle renter\n        <\/a>\n      <\/div>\n      <div class=\"trust-row\">\n        <div class=\"trust-item\">\n          <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\"\/><\/svg>\n          Gratis og uforpligtende\n        <\/div>\n        <div class=\"trust-item\">\n          <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          GDPR-sikker\n        <\/div>\n        <div class=\"trust-item\">\n          <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n          Klar p\u00e5 2 minutter\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Hero visual card -->\n    <div class=\"hero-visual\">\n      <div class=\"calc-preview\">\n        <div class=\"calc-preview-label\">Eksempel \u2013 beregnet besparelse<\/div>\n        <div class=\"calc-row\">\n          <span class=\"calc-row-label\">Nuv\u00e6rende rente<\/span>\n          <span class=\"calc-row-val\">4,75%<\/span>\n        <\/div>\n        <div class=\"calc-row\">\n          <span class=\"calc-row-label\">Bedste tilbudte rente<\/span>\n          <span class=\"calc-row-val\">3,20%<\/span>\n        <\/div>\n        <div class=\"calc-row\">\n          <span class=\"calc-row-label\">Restg\u00e6ld<\/span>\n          <span class=\"calc-row-val\">1.500.000 kr.<\/span>\n        <\/div>\n        <div class=\"calc-row\">\n          <span class=\"calc-row-label\">M\u00e5nedlig besparelse<\/span>\n          <span class=\"calc-row-val positive\">+ 1.032 kr.<\/span>\n        <\/div>\n        <div class=\"calc-row\">\n          <span class=\"calc-row-label\">Samlet besparelse (l\u00f8betid)<\/span>\n          <span class=\"calc-row-val positive\">+ 218.500 kr.<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"stat-cards\">\n        <div class=\"stat-card\">\n          <div class=\"stat-card-val\">9<\/div>\n          <div class=\"stat-card-label\">Banker sammenlignet<\/div>\n        <\/div>\n        <div class=\"stat-card\">\n          <div class=\"stat-card-val\">1,6%<\/div>\n          <div class=\"stat-card-label\">Forskel laveste\/h\u00f8jeste rente<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<div class=\"wave\">\n  <svg viewBox=\"0 0 1440 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M0 80L48 69.3C96 58.7 192 37.3 288 26.7C384 16 480 16 576 26.7C672 37.3 768 58.7 864 64C960 69.3 1056 58.7 1152 48C1248 37.3 1344 26.7 1392 21.3L1440 16V0H0V80Z\" fill=\"#0f2340\"\/>\n  <\/svg>\n<\/div>\n\n<!-- HOW IT WORKS -->\n<section class=\"section\">\n  <div class=\"section-inner\">\n    <span class=\"section-tag\">S\u00e5dan virker det<\/span>\n    <h2 class=\"section-title\">Fra nysgerrighed til svar p\u00e5 3 trin<\/h2>\n    <p class=\"section-sub\">Du beh\u00f8ver hverken NemID eller bankoplysninger. Kun tallene fra din seneste l\u00e5nespecifikation.<\/p>\n\n    <div class=\"steps-grid\">\n      <div class=\"step\">\n        <div class=\"step-num\">1<\/div>\n        <h3>Indtast dine l\u00e5neoplysninger<\/h3>\n        <p>Restg\u00e6ld, nuv\u00e6rende rente og m\u00e5nedlig ydelse. Finder du p\u00e5 dit kontoudtog eller hos din bank.<\/p>\n        <span class=\"step-arrow\">\u2192<\/span>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-num\">2<\/div>\n        <h3>Se din potentielle besparelse<\/h3>\n        <p>Beregneren sammenligner din nuv\u00e6rende situation med markedets bedste renter og viser dig hvad du kan spare.<\/p>\n        <span class=\"step-arrow\">\u2192<\/span>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-num\">3<\/div>\n        <h3>G\u00e5 videre til Mybanker eller Findbank<\/h3>\n        <p>Hvis besparelsen er v\u00e6rd at forf\u00f8lge, hj\u00e6lper vi dig videre til de platforme, der kan indhente tilbud fra bankerne.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- QUICK CALCULATOR PREVIEW -->\n<section class=\"calculator-section\">\n  <div class=\"calc-container\">\n    <div style=\"text-align: center;\">\n      <span class=\"section-tag\">Hurtig beregner<\/span>\n      <h2 class=\"section-title\" style=\"max-width:540px; margin: 0 auto 0.75rem;\">Er der en besparelse at hente?<\/h2>\n      <p class=\"section-sub\" style=\"margin: 0 auto;\">Indtast dine nuv\u00e6rende tal og se straks, hvad en lavere rente betyder for din \u00f8konomi.<\/p>\n    <\/div>\n    <div class=\"calc-card\">\n      <div class=\"calc-header\">\n        <div class=\"calc-header-icon\">\u26a1<\/div>\n        <div>\n          <h3>Hurtig besparelsesberegning<\/h3>\n          <p>Ikke bundet \u2013 bare en indikation<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"calc-body\">\n        <div class=\"input-row\">\n          <div class=\"input-group\">\n            <label>Restg\u00e6ld (kr.)<\/label>\n            <input type=\"number\" id=\"restgaeld\" placeholder=\"f.eks. 1.500.000\" value=\"1500000\">\n            <span class=\"input-hint\">Fra din seneste l\u00e5nespecifikation<\/span>\n          <\/div>\n          <div class=\"input-group\">\n            <label>Nuv\u00e6rende rente (%)<\/label>\n            <input type=\"number\" id=\"nuRente\" step=\"0.01\" placeholder=\"f.eks. 4.75\" value=\"4.75\">\n            <span class=\"input-hint\">Find den i din l\u00e5neaftale<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"input-row\">\n          <div class=\"input-group\">\n            <label>M\u00e5nedlig ydelse (kr.)<\/label>\n            <input type=\"number\" id=\"ydelse\" placeholder=\"f.eks. 8.500\" value=\"8500\">\n            <span class=\"input-hint\">Hvad betaler du i dag?<\/span>\n          <\/div>\n          <div class=\"input-group\">\n            <label>Ny rente \u2013 dit bud (%)<\/label>\n            <input type=\"number\" id=\"nyRente\" step=\"0.01\" placeholder=\"f.eks. 3.20\" value=\"3.20\">\n            <span class=\"input-hint\">Se aktuelle renter nedenfor<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"result-box\" id=\"resultBox\">\n          <div class=\"result-item\">\n            <div class=\"result-label\">Nuv\u00e6rende ydelse<\/div>\n            <div class=\"result-value\" id=\"res-ydelse\">\u2013<\/div>\n            <div class=\"result-sub\">pr. m\u00e5ned<\/div>\n          <\/div>\n          <div class=\"result-item\">\n            <div class=\"result-label\">Ny ydelse<\/div>\n            <div class=\"result-value highlight\" id=\"res-ny-ydelse\">\u2013<\/div>\n            <div class=\"result-sub\">pr. m\u00e5ned<\/div>\n          <\/div>\n          <div class=\"result-item\">\n            <div class=\"result-label\">Samlet besparelse<\/div>\n            <div class=\"result-value highlight\" id=\"res-besparelse\">\u2013<\/div>\n            <div class=\"result-sub\">over hele l\u00f8betiden<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"calc-cta\">\n          <p>Ser det lovende ud? Den fulde beregner viser alle scenarier inkl. break-even og restg\u00e6ld om 5, 10, 15 \u00e5r.<\/p>\n          <a href=\"\/beregner\" class=\"btn-primary\">\u00c5bn den fulde beregner \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- WHY -->\n<section class=\"section\">\n  <div class=\"section-inner\">\n    <div class=\"why-grid\">\n      <div>\n        <span class=\"section-tag\">Vores tilgang<\/span>\n        <h2 class=\"section-title\">Vi stiller sp\u00f8rgsm\u00e5let ingen banker gider stille<\/h2>\n        <p class=\"section-sub\">Betaler du den bedste rente du kan f\u00e5 \u2013 eller betaler du hvad din bank tilf\u00e6ldigvis tilbyder dig?<\/p>\n        <div class=\"why-list\">\n          <div class=\"why-item\">\n            <div class=\"why-icon\">\ud83d\udca1<\/div>\n            <div>\n              <h4>Transparent og uafh\u00e6ngig<\/h4>\n              <p>Vi er ikke ejet af eller tilknyttet nogen bank. Vores beregner viser den faktiske besparelse \u2013 ikke en salgsm\u00e6ssig version.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"why-item\">\n            <div class=\"why-icon\">\ud83d\udcca<\/div>\n            <div>\n              <h4>Baseret p\u00e5 annuitet \u2013 ikke tommelfingerregler<\/h4>\n              <p>Vi bruger de samme formler som bankerne. Du f\u00e5r en pr\u00e6cis beregning af ny ydelse, akkumulerede renter og break-even tidspunkt.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"why-item\">\n            <div class=\"why-icon\">\ud83d\udd10<\/div>\n            <div>\n              <h4>Dine oplysninger er dine<\/h4>\n              <p>Beregneren k\u00f8rer i din browser. Vi gemmer ikke dine l\u00e5neoplysninger. Ingen login, ingen tracking.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"why-visual\">\n        <div style=\"font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-light); font-weight: 600; margin-bottom: 1rem;\">Aktuelle andelsboligrenter \u2013 overblik<\/div>\n        <table class=\"bank-table\">\n          <thead>\n            <tr>\n              <th>Bank<\/th>\n              <th>Rente<\/th>\n              <th><\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td class=\"bank-name\">Nykredit<\/td>\n              <td class=\"rate-val rate-low\">3,20%<\/td>\n              <td><span class=\"badge badge-best\">Laveste<\/span><\/td>\n            <\/tr>\n            <tr>\n              <td class=\"bank-name\">Nordea<\/td>\n              <td class=\"rate-val\">3,45%<\/td>\n              <td><\/td>\n            <\/tr>\n            <tr>\n              <td class=\"bank-name\">Jyske Bank<\/td>\n              <td class=\"rate-val\">3,55%<\/td>\n              <td><\/td>\n            <\/tr>\n            <tr>\n              <td class=\"bank-name\">Sydbank<\/td>\n              <td class=\"rate-val\">3,70%<\/td>\n              <td><\/td>\n            <\/tr>\n            <tr>\n              <td class=\"bank-name\">Arbejdernes Landsbank<\/td>\n              <td class=\"rate-val rate-high\">4,80%<\/td>\n              <td><span class=\"badge badge-high\">H\u00f8jeste<\/span><\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n        <div style=\"margin-top: 1rem; font-size: 0.75rem; color: var(--text-light);\">\n          Vejledende renter \u2013 opdateres m\u00e5nedligt. <a href=\"\/renteoversigt\" style=\"color: var(--teal);\">Se fuld oversigt \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PARTNERS -->\n<section class=\"partner-section\">\n  <div style=\"max-width: 1120px; margin: 0 auto;\">\n    <span class=\"section-tag\" style=\"color: var(--teal-light);\">N\u00e6ste skridt<\/span>\n    <h2 class=\"section-title\">Klar til at forhandle? Vi s\u00e6tter dig i gang.<\/h2>\n    <p class=\"section-sub\">N\u00e5r du ved hvad en rimelig rente er, er du langt st\u00e6rkere stillet over for din bank. Her er de platforme vi anbefaler til at indhente tilbud.<\/p>\n    <div class=\"partner-cards\">\n      <a href=\"https:\/\/www.mybanker.dk\" target=\"_blank\" rel=\"noopener sponsored\" class=\"partner-card\">\n        <div class=\"partner-logo\">Mybanker<\/div>\n        <p class=\"partner-desc\">Send \u00e9n ans\u00f8gning til op til 12 banker og modtag konkurrerende tilbud. Velegnet til b\u00e5de refinansiering og nyt l\u00e5n.<\/p>\n        <span class=\"partner-link\">G\u00e5 til Mybanker \u2197<\/span>\n      <\/a>\n      <a href=\"https:\/\/www.findbank.dk\" target=\"_blank\" rel=\"noopener sponsored\" class=\"partner-card\">\n        <div class=\"partner-logo\">Findbank<\/div>\n        <p class=\"partner-desc\">Sammenlign banker baseret p\u00e5 dine konkrete behov. God til at finde den bank der matcher din situation bedst.<\/p>\n        <span class=\"partner-link\">G\u00e5 til Findbank \u2197<\/span>\n      <\/a>\n    <\/div>\n    <p style=\"color: rgba(255,255,255,0.2); font-size: 0.75rem; margin-top: 1.5rem;\">Vi modtager muligvis en henvisningsprovision ved godkendte l\u00e5n. Det p\u00e5virker ikke vores anbefalinger eller beregninger.<\/p>\n  <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section class=\"section\">\n  <div class=\"section-inner\">\n    <span class=\"section-tag\">Sp\u00f8rgsm\u00e5l og svar<\/span>\n    <h2 class=\"section-title\">Det sp\u00f8rger folk typisk om<\/h2>\n    <div class=\"faq-grid\">\n      <div class=\"faq-item\">\n        <h4>Hvad er et andelsboligl\u00e5n?<\/h4>\n        <p>Et andelsboligl\u00e5n er det l\u00e5n, der finansierer k\u00f8bet af en andelsbolig. I mods\u00e6tning til et realkreditl\u00e5n er det typisk et bankl\u00e5n uden sikkerhed i fast ejendom \u2013 og det betyder, at renten varierer markant fra bank til bank.<\/p>\n      <\/div>\n      <div class=\"faq-item\">\n        <h4>Hvad koster det at oml\u00e6gge sit l\u00e5n?<\/h4>\n        <p>Typisk betaler du en fast tinglysningsafgift p\u00e5 1.825 kr. samt en adkomsterkl\u00e6ring p\u00e5 ca. 2.000 kr. Beregneren tager h\u00f8jde for disse omkostninger, n\u00e5r den beregner break-even tidspunktet.<\/p>\n      <\/div>\n      <div class=\"faq-item\">\n        <h4>Skal min andelsforening acceptere en ny bank?<\/h4>\n        <p>Ja, din andelsforening har normalt et pantebrev i boligen som sikkerhed. Du skal typisk have foreningens godkendelse til at skifte bank. Det er en standardprocedure som Mybanker og Findbank kender godt til.<\/p>\n      <\/div>\n      <div class=\"faq-item\">\n        <h4>Hvorn\u00e5r er det v\u00e6rd at skifte bank?<\/h4>\n        <p>Som tommelfingerregel: Hvis du kan spare mere end 0,5 procentpoint, og du har mere end 3-4 \u00e5r tilbage af l\u00e5net, er det typisk en god forretning. Brug beregneren til at f\u00e5 det pr\u00e6cise svar p\u00e5 din situation.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA BANNER -->\n<section class=\"cta-banner\">\n  <h2>Find ud af hvad du reelt kan spare<\/h2>\n  <p>Brug 2 minutter og f\u00e5 et klart svar \u2013 baseret p\u00e5 dine faktiske tal, ikke gennemsnit.<\/p>\n  <a href=\"\/beregner\" class=\"btn-white\">\u00c5bn beregneren gratis \u2192<\/a>\n<\/section>\n\n<!-- FOOTER -->\n\n<script>\nfunction fmtKr(n) {\n  return new Intl.NumberFormat('da-DK', { style: 'currency', currency: 'DKK', maximumFractionDigits: 0 }).format(n);\n}\n\nfunction beregn() {\n  const restgaeld = parseFloat(document.getElementById('restgaeld').value) || 0;\n  const nuRentePct = parseFloat(document.getElementById('nuRente').value) || 0;\n  const ydelse = parseFloat(document.getElementById('ydelse').value) || 0;\n  const nyRentePct = parseFloat(document.getElementById('nyRente').value) || 0;\n\n  if (!restgaeld || !nuRentePct || !ydelse || !nyRentePct) return;\n\n  \/\/ Effektiv m\u00e5nedlig rente (kvartalsvis rentetilskrivning \u2192 m\u00e5nedlig)\n  const rMdr = Math.pow(1 + nuRentePct \/ 400, 1\/3) - 1;\n  const nyRMdr = Math.pow(1 + nyRentePct \/ 400, 1\/3) - 1;\n\n  \/\/ L\u00f8betid i m\u00e5neder baseret p\u00e5 eksisterende ydelse\n  const n = Math.ceil(-Math.log(1 - (restgaeld * rMdr) \/ ydelse) \/ Math.log(1 + rMdr));\n  if (!isFinite(n) || n <= 0) return;\n\n  \/\/ Ny ydelse med samme l\u00f8betid\n  const nyYdelse = Math.round(restgaeld * nyRMdr * Math.pow(1 + nyRMdr, n) \/ (Math.pow(1 + nyRMdr, n) - 1));\n\n  \/\/ Akkumulerede renter\n  let akkRenterNu = 0, akkRenterNy = 0;\n  let rg = restgaeld, rgNy = restgaeld;\n  for (let i = 1; i <= n; i++) {\n    akkRenterNu += rg * rMdr;\n    rg = rg * (1 + rMdr) - ydelse;\n    if (i <= n) {\n      akkRenterNy += rgNy * nyRMdr;\n      rgNy = rgNy * (1 + nyRMdr) - nyYdelse;\n    }\n  }\n  const besparelse = Math.round(akkRenterNu - akkRenterNy);\n\n  document.getElementById('res-ydelse').textContent = fmtKr(ydelse);\n  document.getElementById('res-ny-ydelse').textContent = fmtKr(nyYdelse);\n  document.getElementById('res-besparelse').textContent = fmtKr(besparelse);\n}\n\ndocument.querySelectorAll('input').forEach(inp => inp.addEventListener('input', beregn));\nberegn();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>renteoptimering.dk Beregner Renteoversigt Artikler Beregn din besparelse \u2192 \u25cf Specialiseret i andelsboligl\u00e5n Betaler du for meget i rente p\u00e5 dit andelsboligl\u00e5n? De fleste andelshavere er ikke klar over, at der kan v\u00e6re markante forskelle i renteniveau fra bank til bank. Brug vores beregner og se om du kan spare tusindvis af kroner om \u00e5ret. Beregn&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":true,"_kad_post_classname":"","footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.renteoptimering.dk\/index.php\/wp-json\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.renteoptimering.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.renteoptimering.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.renteoptimering.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.renteoptimering.dk\/index.php\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":2,"href":"https:\/\/www.renteoptimering.dk\/index.php\/wp-json\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/www.renteoptimering.dk\/index.php\/wp-json\/wp\/v2\/pages\/57\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/www.renteoptimering.dk\/index.php\/wp-json\/wp\/v2\/media?parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}