.df-kalkulator-wrapper {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     max-width: 900px;     margin: 0 auto;     padding: 0;     box-sizing: border-box;   }      .df-kalkulator-wrapper * {     box-sizing: border-box;   }      .df-kalk-hero {     background: linear-gradient(135deg, #023456 0%, #006BA1 100%);     color: #ffffff;     padding: 48px 40px;     border-radius: 16px 16px 0 0;     text-align: center;     position: relative;     overflow: hidden;   }      .df-kalk-hero::before {     content: '';     position: absolute;     top: -50%;     right: -20%;     width: 400px;     height: 400px;     background: radial-gradient(circle, rgba(142, 209, 252, 0.15) 0%, transparent 70%);     pointer-events: none;   }      .df-kalk-hero::after {     content: '';     position: absolute;     bottom: -30%;     left: -10%;     width: 300px;     height: 300px;     background: radial-gradient(circle, rgba(63, 162, 145, 0.1) 0%, transparent 70%);     pointer-events: none;   }      .df-kalk-hero h1 {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 28px !important;     font-weight: 700 !important;     margin: 0 0 12px 0 !important;     position: relative;     z-index: 1;     line-height: 1.3 !important;     color: #ffffff !important;     text-transform: none !important;     letter-spacing: normal !important;     padding: 0 !important;     border: none !important;     background: none !important;   }      .df-kalk-hero p {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 16px !important;     font-weight: 400 !important;     opacity: 0.9;     margin: 0 !important;     position: relative;     z-index: 1;     max-width: 600px;     margin-left: auto !important;     margin-right: auto !important;     line-height: 1.5 !important;     color: #ffffff !important;   }      .df-kalk-body {     background: #ffffff;     padding: 40px;     border: 1px solid #EEEEEE;     border-top: none;   }      /* 3 kolonner til inputs */   .df-kalk-input-section {     display: grid;     grid-template-columns: 1fr 1fr 1fr;     gap: 24px;     margin-bottom: 32px;   }      @media (max-width: 768px) {     .df-kalk-input-section {       grid-template-columns: 1fr;     }   }      .df-kalk-input-group {     display: flex;     flex-direction: column;   }      .df-kalk-input-group label {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 14px !important;     font-weight: 600 !important;     color: #333333 !important;     margin-bottom: 8px !important;   }      .df-kalk-input-group label span {     font-weight: 400 !important;     color: #71767F !important;     font-size: 13px !important;   }      .df-kalk-input-container {     position: relative;     display: flex;     align-items: center;   }      .df-kalk-input-container input {     width: 100%;     padding: 14px 16px;     padding-right: 50px;     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 18px !important;     font-weight: 600 !important;     color: #023456 !important;     border: 2px solid #EEEEEE !important;     border-radius: 8px !important;     transition: all 0.2s ease;     background: #fafafa !important;   }      .df-kalk-input-container input:focus {     outline: none !important;     border-color: #006BA1 !important;     background: #ffffff !important;     box-shadow: 0 0 0 4px rgba(0, 107, 161, 0.1) !important;   }      .df-kalk-input-suffix {     position: absolute;     right: 16px;     color: #71767F !important;     font-size: 14px !important;     font-weight: 500 !important;     pointer-events: none;   }      .df-kalk-results {     background: linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%);     border-radius: 12px;     padding: 32px;     border: 1px solid #e8f4fa;   }      .df-kalk-results-header {     display: flex;     align-items: center;     gap: 12px;     margin-bottom: 24px;     padding-bottom: 16px;     border-bottom: 1px solid #e8f4fa;   }      .df-kalk-results-header svg {     color: #3FA291;   }      .df-kalk-results-header h3 {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 18px !important;     font-weight: 600 !important;     color: #023456 !important;     margin: 0 !important;     padding: 0 !important;     border: none !important;     background: none !important;     text-transform: none !important;     letter-spacing: normal !important;   }      .df-kalk-hero-result {     background: linear-gradient(135deg, #3FA291 0%, #2d7a6d 100%);     color: #ffffff;     border-radius: 12px;     padding: 28px;     text-align: center;     margin-bottom: 24px;     position: relative;     overflow: hidden;   }      .df-kalk-hero-result::before {     content: '';     position: absolute;     top: 0;     right: 0;     width: 150px;     height: 150px;     background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);   }      .df-kalk-hero-result-label {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 14px !important;     font-weight: 600 !important;     text-transform: uppercase;     letter-spacing: 1px;     opacity: 0.9;     margin-bottom: 8px;     color: #ffffff !important;   }      .df-kalk-hero-result-value {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 48px !important;     font-weight: 700 !important;     line-height: 1.1 !important;     margin-bottom: 4px;     color: #ffffff !important;   }      .df-kalk-hero-result-unit {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 16px !important;     font-weight: 400 !important;     opacity: 0.9;     color: #ffffff !important;   }      .df-kalk-hero-result-context {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 14px !important;     font-weight: 400 !important;     opacity: 0.85;     margin-top: 12px;     padding-top: 12px;     border-top: 1px solid rgba(255,255,255,0.2);     color: #ffffff !important;   }      .df-kalk-results-grid {     display: grid;     grid-template-columns: repeat(3, 1fr);     gap: 16px;     margin-bottom: 24px;   }      @media (max-width: 600px) {     .df-kalk-results-grid {       grid-template-columns: 1fr;     }   }      .df-kalk-result-card {     background: #ffffff;     border-radius: 10px;     padding: 20px;     border: 1px solid #e8f4fa;     transition: all 0.2s ease;   }      .df-kalk-result-card:hover {     border-color: #8ED1FC;     box-shadow: 0 4px 12px rgba(0, 107, 161, 0.08);   }      .df-kalk-result-card-label {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 12px !important;     font-weight: 600 !important;     color: #71767F !important;     text-transform: uppercase;     letter-spacing: 0.5px;     margin-bottom: 8px;   }      .df-kalk-result-card-value {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 24px !important;     font-weight: 700 !important;     color: #023456 !important;     line-height: 1.2 !important;   }      .df-kalk-result-card-value.positive {     color: #3FA291 !important;   }      .df-kalk-result-card-context {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 13px !important;     font-weight: 400 !important;     color: #71767F !important;     margin-top: 4px;   }      .df-kalk-insight {     background: linear-gradient(90deg, rgba(0, 107, 161, 0.05) 0%, rgba(63, 162, 145, 0.05) 100%);     border-left: 4px solid #006BA1;     border-radius: 0 8px 8px 0;     padding: 20px 24px;   }      .df-kalk-insight p {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     margin: 0 !important;     font-size: 15px !important;     font-weight: 400 !important;     color: #333333 !important;     line-height: 1.6 !important;   }      .df-kalk-insight strong {     font-weight: 700 !important;     color: #023456 !important;   }      .df-kalk-comparison {     background: #ffffff;     padding: 40px;     border-left: 1px solid #EEEEEE;     border-right: 1px solid #EEEEEE;   }      .df-kalk-comparison h2 {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 20px !important;     font-weight: 700 !important;     color: #023456 !important;     text-align: center;     margin: 0 0 8px 0 !important;     padding: 0 !important;     border: none !important;     background: none !important;     text-transform: none !important;     letter-spacing: normal !important;   }      .df-kalk-comparison > p {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     text-align: center;     color: #71767F !important;     font-size: 15px !important;     font-weight: 400 !important;     margin: 0 0 32px 0 !important;   }      .df-kalk-comparison-grid {     display: grid;     grid-template-columns: repeat(4, 1fr);     gap: 16px;   }      @media (max-width: 900px) {     .df-kalk-comparison-grid {       grid-template-columns: repeat(2, 1fr);     }   }      @media (max-width: 600px) {     .df-kalk-comparison-grid {       grid-template-columns: 1fr;     }   }      .df-kalk-comparison-card {     border-radius: 12px;     padding: 24px 20px;     position: relative;     display: flex;     flex-direction: column;   }      .df-kalk-comparison-card.free {     background: #f8f9fa;     border: 1px solid #EEEEEE;   }      .df-kalk-comparison-card.plus {     background: #ffffff;     border: 1px solid #EEEEEE;   }      /* Fremhæver TEAM planen */   .df-kalk-comparison-card.team {     background: linear-gradient(135deg, rgba(0, 107, 161, 0.03) 0%, rgba(63, 162, 145, 0.05) 100%);     border: 2px solid #006BA1;   }      .df-kalk-comparison-card.team::before {     content: 'ANBEFALES';     position: absolute;     top: -10px;     right: 12px;     background: #3FA291;     color: #ffffff;     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 10px !important;     font-weight: 700 !important;     letter-spacing: 0.5px;     padding: 4px 10px;     border-radius: 4px;   }      .df-kalk-comparison-card.enterprise {     background: linear-gradient(135deg, #023456 0%, #006BA1 100%);     border: none;     color: #ffffff;   }      .df-kalk-comparison-card h4 {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 16px !important;     font-weight: 700 !important;     margin: 0 0 4px 0 !important;     padding: 0 !important;     border: none !important;     background: none !important;     text-transform: none !important;     letter-spacing: normal !important;   }      .df-kalk-comparison-card.free h4,   .df-kalk-comparison-card.plus h4 {     color: #333333 !important;   }      .df-kalk-comparison-card.team h4 {     color: #023456 !important;   }      .df-kalk-comparison-card.enterprise h4 {     color: #ffffff !important;   }      .df-kalk-comparison-card .tagline {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 12px !important;     font-weight: 400 !important;     margin-bottom: 12px;     line-height: 1.3 !important;   }      .df-kalk-comparison-card.free .tagline,   .df-kalk-comparison-card.plus .tagline,   .df-kalk-comparison-card.team .tagline {     color: #71767F !important;   }      .df-kalk-comparison-card.enterprise .tagline {     color: rgba(255,255,255,0.7) !important;   }      .df-kalk-comparison-card .price {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 13px !important;     font-weight: 400 !important;     margin-bottom: 16px;     padding-bottom: 16px;     border-bottom: 1px solid rgba(0,0,0,0.08);   }      .df-kalk-comparison-card.free .price,   .df-kalk-comparison-card.plus .price {     color: #71767F !important;   }      .df-kalk-comparison-card.team .price {     color: #006BA1 !important;     font-weight: 600 !important;   }      .df-kalk-comparison-card.enterprise .price {     color: rgba(255,255,255,0.9) !important;     border-bottom-color: rgba(255,255,255,0.2);   }      .df-kalk-comparison-card .price strong {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 20px !important;     font-weight: 700 !important;     display: block;     margin-bottom: 2px;   }      .df-kalk-comparison-card ul {     list-style: none !important;     padding: 0 !important;     margin: 0 !important;     flex-grow: 1;   }      .df-kalk-comparison-card li {     display: flex;     align-items: flex-start;     gap: 8px;     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 12px !important;     font-weight: 400 !important;     margin-bottom: 8px !important;     line-height: 1.4 !important;     list-style: none !important;     padding-left: 0 !important;   }      .df-kalk-comparison-card li:last-child {     margin-bottom: 0 !important;   }      .df-kalk-comparison-card.free li,   .df-kalk-comparison-card.plus li,   .df-kalk-comparison-card.team li {     color: #333333 !important;   }      .df-kalk-comparison-card.enterprise li {     color: rgba(255,255,255,0.9) !important;   }      .df-kalk-comparison-card li svg {     flex-shrink: 0;     margin-top: 1px;     width: 12px;     height: 12px;   }      .df-kalk-comparison-card.free li svg,   .df-kalk-comparison-card.plus li svg {     color: #71767F !important;   }      .df-kalk-comparison-card.team li svg {     color: #3FA291 !important;   }      .df-kalk-comparison-card.enterprise li svg {     color: #7ADCB4 !important;   }      .df-kalk-pricing-link {     text-align: center;     margin-top: 24px;     padding-top: 20px;     border-top: 1px solid #EEEEEE;   }      .df-kalk-pricing-link a {     color: #006BA1 !important;     text-decoration: none !important;     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 14px !important;     font-weight: 500 !important;     display: inline-flex;     align-items: center;     gap: 6px;     transition: color 0.2s ease;   }      .df-kalk-pricing-link a:hover {     color: #023456 !important;     text-decoration: underline !important;   }      .df-kalk-pricing-link a svg {     transition: transform 0.2s ease;   }      .df-kalk-pricing-link a:hover svg {     transform: translateX(3px);   }      .df-kalk-ai-generelt {     background: linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%);     padding: 40px;     border-left: 1px solid #EEEEEE;     border-right: 1px solid #EEEEEE;     border-top: 1px solid #EEEEEE;   }      .df-kalk-ai-generelt-inner {     background: #ffffff;     border: 1px solid #e8f4fa;     border-radius: 12px;     padding: 32px;     display: flex;     gap: 24px;     align-items: flex-start;   }      @media (max-width: 600px) {     .df-kalk-ai-generelt-inner {       flex-direction: column;     }   }      .df-kalk-ai-generelt-icon {     flex-shrink: 0;     width: 56px;     height: 56px;     background: linear-gradient(135deg, #006BA1 0%, #3FA291 100%);     border-radius: 12px;     display: flex;     align-items: center;     justify-content: center;   }      .df-kalk-ai-generelt-icon svg {     color: #ffffff;   }      .df-kalk-ai-generelt-content h3 {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 18px !important;     font-weight: 700 !important;     color: #023456 !important;     margin: 0 0 12px 0 !important;     padding: 0 !important;     border: none !important;     background: none !important;     text-transform: none !important;     letter-spacing: normal !important;   }      .df-kalk-ai-generelt-content p {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 15px !important;     font-weight: 400 !important;     color: #333333 !important;     line-height: 1.6 !important;     margin: 0 0 16px 0 !important;   }      .df-kalk-ai-generelt-content p:last-of-type {     margin-bottom: 0 !important;   }      .df-kalk-ai-logos {     display: flex;     flex-wrap: wrap;     gap: 12px;     margin-top: 16px;   }      .df-kalk-ai-logo {     display: inline-flex;     align-items: center;     gap: 8px;     background: #f8f9fa;     padding: 8px 14px;     border-radius: 6px;     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 13px !important;     font-weight: 500 !important;     color: #333333 !important;     border: 1px solid #EEEEEE;     text-decoration: none !important;     transition: all 0.2s ease;   }      .df-kalk-ai-logo:hover {     border-color: #006BA1;     background: #ffffff;     color: #006BA1 !important;   }      .df-kalk-ai-logo-dot {     width: 8px;     height: 8px;     border-radius: 50%;   }      .df-kalk-ai-logo-dot.chatgpt { background: #10a37f; }   .df-kalk-ai-logo-dot.copilot { background: #0078d4; }   .df-kalk-ai-logo-dot.gemini { background: #8b5cf6; }   .df-kalk-ai-logo-dot.claude { background: #d97706; }      .df-kalk-cta {     background: linear-gradient(135deg, #023456 0%, #006BA1 100%);     padding: 40px;     border-radius: 0 0 16px 16px;     text-align: center;     position: relative;     overflow: hidden;   }      .df-kalk-cta::before {     content: '';     position: absolute;     top: 0;     left: 0;     right: 0;     height: 1px;     background: linear-gradient(90deg, transparent, rgba(142, 209, 252, 0.3), transparent);   }      .df-kalk-cta h2 {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     color: #ffffff !important;     font-size: 22px !important;     font-weight: 700 !important;     margin: 0 0 12px 0 !important;     padding: 0 !important;     border: none !important;     background: none !important;     text-transform: none !important;     letter-spacing: normal !important;   }      .df-kalk-cta p {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     color: rgba(255,255,255,0.85) !important;     font-size: 15px !important;     font-weight: 400 !important;     margin: 0 0 24px 0 !important;     max-width: 500px;     margin-left: auto !important;     margin-right: auto !important;     line-height: 1.5 !important;   }      .df-kalk-cta-button {     display: inline-flex;     align-items: center;     gap: 10px;     background: #FB8C00 !important;     color: #ffffff !important;     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 16px !important;     font-weight: 600 !important;     padding: 16px 32px;     border: none !important;     border-radius: 8px !important;     cursor: pointer;     text-decoration: none !important;     transition: all 0.2s ease;     box-shadow: 0 4px 16px rgba(251, 140, 0, 0.3);   }      .df-kalk-cta-button:hover {     background: #e67e00 !important;     transform: translateY(-2px);     box-shadow: 0 6px 20px rgba(251, 140, 0, 0.4);     color: #ffffff !important;     text-decoration: none !important;   }      .df-kalk-cta-button svg {     transition: transform 0.2s ease;   }      .df-kalk-cta-button:hover svg {     transform: translateX(4px);   }      .df-kalk-cta-subtext {     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     color: rgba(255,255,255,0.6) !important;     font-size: 13px !important;     font-weight: 400 !important;     margin-top: 16px;   }      .df-kalk-footer-note {     text-align: center;     padding: 16px 40px;     background: #f8f9fa;     border: 1px solid #EEEEEE;     border-top: none;     border-radius: 0 0 16px 16px;     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;     font-size: 13px !important;     font-weight: 400 !important;     color: #71767F !important;   }      .df-kalk-footer-note a {     color: #006BA1 !important;     text-decoration: none !important;   }      .df-kalk-footer-note a:hover {     text-decoration: underline !important;   } #sp-kp4m2b{width: 100%; max-width: 100%; padding: 0px; margin-top: 0px; margin-bottom: 0px;}#sp-qy7eww{padding: 0px; width: 100%; max-width: 100%; margin-top: 0px; margin-bottom: 0px;}#sp-pxi6un{width: calc(100% + 0px); padding: 0px; margin-top: 0px; margin-bottom: 0px;}#sp-bia79x{margin: 0px;}