Personlig R\u00e5dgivning - S\u00f8nderh\u00e5-H\u00f8rsted Sparekasse<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-red: #DA3742;\n --primary-red-dark: #b82d36;\n --primary-red-light: #e85a63;\n --beige: #FFFFFF;\n --beige-light: #FFFFFF;\n --beige-dark: #f5f5f5;\n --text-dark: #2d2d2d;\n --text-muted: #5a5a5a;\n --white: #ffffff;\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n background: var(--white);\n color: var(--text-dark);\n line-height: 1.6;\n }\n\n \/* ===== SECTION 1: HERO ===== *\/\n .section-advisory {\n min-height: 100vh;\n display: flex;\n align-items: center;\n position: relative;\n overflow: hidden;\n background: #FFFFFF;\n }\n\n .bg-shape-1 {\n position: absolute;\n top: -200px;\n right: -150px;\n width: 600px;\n height: 600px;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, rgba(218, 55, 66, 0.08) 0%, rgba(218, 55, 66, 0.03) 50%, transparent 70%);\n pointer-events: none;\n }\n\n .bg-shape-2 {\n position: absolute;\n bottom: -100px;\n left: -100px;\n width: 400px;\n height: 400px;\n border-radius: 50%;\n background: radial-gradient(circle at 70% 70%, rgba(218, 55, 66, 0.06) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .bg-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n linear-gradient(rgba(218, 55, 66, 0.02) 1px, transparent 1px),\n linear-gradient(90deg, rgba(218, 55, 66, 0.02) 1px, transparent 1px);\n background-size: 80px 80px;\n pointer-events: none;\n }\n\n .floating-element {\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n animation: float 6s ease-in-out infinite;\n }\n\n .floating-element-1 {\n top: 15%;\n left: 8%;\n width: 12px;\n height: 12px;\n background: var(--primary-red);\n opacity: 0.2;\n animation-delay: 0s;\n }\n\n .floating-element-2 {\n top: 70%;\n left: 15%;\n width: 8px;\n height: 8px;\n background: var(--primary-red);\n opacity: 0.15;\n animation-delay: 2s;\n }\n\n .floating-element-3 {\n top: 25%;\n right: 12%;\n width: 16px;\n height: 16px;\n border: 2px solid var(--primary-red);\n opacity: 0.15;\n animation-delay: 1s;\n }\n\n .floating-element-4 {\n bottom: 30%;\n right: 8%;\n width: 10px;\n height: 10px;\n background: var(--primary-red);\n opacity: 0.12;\n animation-delay: 3s;\n }\n\n .decorative-line {\n position: absolute;\n top: 50%;\n left: 0;\n width: 100px;\n height: 3px;\n background: linear-gradient(90deg, var(--primary-red) 0%, transparent 100%);\n transform: translateY(-50%);\n opacity: 0.4;\n border-radius: 0 3px 3px 0;\n }\n\n .container {\n max-width: 1600px;\n margin: 0 auto;\n padding: 80px 60px;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n\n .content-grid {\n display: grid;\n grid-template-columns: 1fr 1.1fr;\n gap: 80px;\n align-items: center;\n }\n\n .text-content {\n padding-right: 40px;\n }\n\n .section-label {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 28px;\n opacity: 0;\n animation: fadeSlideUp 0.8s ease forwards;\n animation-delay: 0.2s;\n }\n\n .section-label::before {\n content: '';\n width: 40px;\n height: 2px;\n background: var(--primary-red);\n border-radius: 2px;\n }\n\n .section-label span {\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n color: var(--primary-red);\n }\n\n h1 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(36px, 1.345, 56px);\n font-weight: 600;\n line-height: 1.15;\n color: var(--text-dark);\n margin-bottom: 32px;\n letter-spacing: -0.5px;\n opacity: 0;\n animation: fadeSlideUp 0.8s ease forwards;\n animation-delay: 0.4s;\n }\n\n h1 .highlight {\n color: var(--primary-red);\n position: relative;\n }\n\n h1 .highlight::after {\n content: '';\n position: absolute;\n bottom: 4px;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--primary-red) 0%, var(--primary-red-light) 50%, transparent 100%);\n border-radius: 2px;\n opacity: 0.4;\n }\n\n .description {\n font-size: 17px;\n line-height: 1.85;\n color: var(--text-muted);\n max-width: 520px;\n margin-bottom: 48px;\n opacity: 0;\n animation: fadeSlideUp 0.8s ease forwards;\n animation-delay: 0.6s;\n }\n\n .button-group {\n display: flex;\n gap: 20px;\n opacity: 0;\n animation: fadeSlideUp 0.8s ease forwards;\n animation-delay: 0.8s;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 18px 32px;\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 600;\n letter-spacing: 0.5px;\n text-decoration: none;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n }\n\n .btn-primary {\n background: var(--primary-red);\n color: var(--white);\n border: none;\n box-shadow: 0 4px 20px rgba(218, 55, 66, 0.3);\n }\n\n .btn-primary::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, var(--primary-red-dark) 0%, var(--primary-red) 100%);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .btn-primary:hover::before {\n opacity: 1;\n }\n\n .btn-primary span,\n .btn-primary svg {\n position: relative;\n z-index: 1;\n }\n\n .btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 35px rgba(218, 55, 66, 0.4);\n }\n\n .btn-secondary {\n background: transparent;\n color: var(--text-dark);\n border: 2px solid var(--text-dark);\n }\n\n .btn-secondary:hover {\n background: var(--text-dark);\n color: var(--white);\n transform: translateY(-3px);\n box-shadow: 0 12px 35px rgba(45, 45, 45, 0.2);\n }\n\n .btn-icon {\n width: 18px;\n height: 18px;\n transition: transform 0.3s ease;\n }\n\n .btn:hover .btn-icon {\n transform: translateX(4px);\n }\n\n .video-wrapper {\n position: relative;\n opacity: 0;\n animation: fadeScale 1s ease forwards;\n animation-delay: 0.5s;\n }\n\n .video-container {\n position: relative;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: \n 0 30px 80px rgba(45, 45, 45, 0.15),\n 0 15px 40px rgba(218, 55, 66, 0.1);\n aspect-ratio: 16 \/ 9;\n background: var(--text-dark);\n }\n\n .video-container::before {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n border-radius: 26px;\n background: linear-gradient(135deg, var(--primary-red) 0%, var(--primary-red-light) 50%, var(--beige-dark) 100%);\n z-index: -1;\n }\n\n .video-thumbnail {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n transition: transform 0.6s ease;\n }\n\n .video-container:hover .video-thumbnail {\n transform: scale(1.03);\n }\n\n .video-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(\n 135deg,\n rgba(45, 45, 45, 0.25) 0%,\n rgba(45, 45, 45, 0.1) 50%,\n rgba(218, 55, 66, 0.15) 100%\n );\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background 0.4s ease;\n }\n\n .video-container:hover .video-overlay {\n background: linear-gradient(\n 135deg,\n rgba(45, 45, 45, 0.15) 0%,\n rgba(45, 45, 45, 0.05) 50%,\n rgba(218, 55, 66, 0.1) 100%\n );\n }\n\n .play-button {\n width: 90px;\n height: 90px;\n background: var(--white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 15px 50px rgba(45, 45, 45, 0.3);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n }\n\n .play-button::before {\n content: '';\n position: absolute;\n top: -8px;\n left: -8px;\n right: -8px;\n bottom: -8px;\n border-radius: 50%;\n border: 2px solid rgba(255, 255, 255, 0.4);\n animation: pulse 2s ease-in-out infinite;\n }\n\n .video-container:hover .play-button {\n transform: scale(1.1);\n box-shadow: 0 20px 60px rgba(45, 45, 45, 0.35);\n }\n\n .play-button svg {\n width: 28px;\n height: 28px;\n color: var(--primary-red);\n margin-left: 4px;\n }\n\n .decorative-badge {\n position: absolute;\n bottom: -20px;\n left: -30px;\n background: var(--white);\n padding: 20px 28px;\n border-radius: 16px;\n box-shadow: 0 15px 45px rgba(45, 45, 45, 0.12);\n display: flex;\n align-items: center;\n gap: 14px;\n opacity: 0;\n animation: fadeSlideUp 0.8s ease forwards;\n animation-delay: 1s;\n }\n\n .badge-icon {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--primary-red) 0%, var(--primary-red-dark) 100%);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 15px rgba(218, 55, 66, 0.3);\n }\n\n .badge-icon svg {\n width: 24px;\n height: 24px;\n color: var(--white);\n }\n\n .badge-text {\n font-size: 14px;\n font-weight: 600;\n color: var(--text-dark);\n line-height: 1.4;\n }\n\n .badge-text span {\n display: block;\n font-weight: 400;\n color: var(--text-muted);\n font-size: 12px;\n }\n\n .corner-accent {\n position: absolute;\n top: 40px;\n right: 40px;\n width: 80px;\n height: 80px;\n border-top: 3px solid var(--primary-red);\n border-right: 3px solid var(--primary-red);\n opacity: 0.2;\n border-radius: 0 16px 0 0;\n }\n\n \/* ===== SECTION 2: READY TO HELP ===== *\/\n .section-ready {\n position: relative;\n overflow: hidden;\n background: #FFFFFF;\n padding: 0px 0;\n }\n\n .section-ready .bg-shape-ready-1 {\n position: absolute;\n top: -100px;\n right: -150px;\n width: 400px;\n height: 400px;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, rgba(218, 55, 66, 0.05) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .section-ready .bg-shape-ready-2 {\n position: absolute;\n bottom: -80px;\n left: -100px;\n width: 350px;\n height: 350px;\n border-radius: 50%;\n background: radial-gradient(circle at 70% 70%, rgba(218, 55, 66, 0.04) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .ready-header {\n text-align: center;\n max-width: 720px;\n margin: 0 auto 80px;\n position: relative;\n z-index: 1;\n }\n\n .ready-header .section-label {\n justify-content: center;\n opacity: 1;\n animation: none;\n }\n\n .ready-header h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(32px, 4vw, 48px);\n font-weight: 600;\n line-height: 1.2;\n color: var(--text-dark);\n margin-bottom: 24px;\n letter-spacing: -0.5px;\n }\n\n .ready-header h2 .highlight {\n color: var(--primary-red);\n position: relative;\n }\n\n .ready-header .intro-text {\n font-size: 17px;\n line-height: 1.85;\n color: var(--text-muted);\n }\n\n .ready-content {\n display: grid;\n grid-template-columns: 1.1fr 1fr;\n gap: 80px;\n align-items: center;\n position: relative;\n z-index: 1;\n }\n\n .ready-video-wrapper {\n position: relative;\n }\n\n .ready-video-container {\n position: relative;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: \n 0 30px 80px rgba(45, 45, 45, 0.12),\n 0 15px 40px rgba(218, 55, 66, 0.08);\n aspect-ratio: 16 \/ 9;\n background: var(--text-dark);\n cursor: pointer;\n }\n\n .ready-video-container::before {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n border-radius: 26px;\n background: linear-gradient(135deg, var(--primary-red) 0%, var(--primary-red-light) 50%, #f5f5f5 100%);\n z-index: -1;\n }\n\n .ready-video-thumbnail {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n transition: transform 0.6s ease;\n }\n\n .ready-video-container:hover .ready-video-thumbnail {\n transform: scale(1.03);\n }\n\n .ready-video-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(\n 135deg,\n rgba(45, 45, 45, 0.2) 0%,\n rgba(45, 45, 45, 0.1) 50%,\n rgba(218, 55, 66, 0.1) 100%\n );\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.4s ease;\n }\n\n .ready-video-container:hover .ready-video-overlay {\n background: linear-gradient(\n 135deg,\n rgba(45, 45, 45, 0.1) 0%,\n rgba(45, 45, 45, 0.05) 50%,\n rgba(218, 55, 66, 0.05) 100%\n );\n }\n\n .ready-play-button {\n width: 90px;\n height: 90px;\n background: var(--white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 15px 50px rgba(45, 45, 45, 0.3);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n }\n\n .ready-play-button::before {\n content: '';\n position: absolute;\n top: -8px;\n left: -8px;\n right: -8px;\n bottom: -8px;\n border-radius: 50%;\n border: 2px solid rgba(255, 255, 255, 0.4);\n animation: pulse 2s ease-in-out infinite;\n }\n\n .ready-video-container:hover .ready-play-button {\n transform: scale(1.1);\n box-shadow: 0 20px 60px rgba(45, 45, 45, 0.35);\n }\n\n .ready-play-button svg {\n width: 28px;\n height: 28px;\n color: var(--primary-red);\n margin-left: 4px;\n }\n\n .ready-text-content {\n padding-left: 20px;\n }\n\n .ready-text-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 3vw, 32px);\n font-weight: 600;\n line-height: 1.3;\n color: var(--text-dark);\n margin-bottom: 24px;\n letter-spacing: -0.3px;\n }\n\n .ready-text-content p {\n font-size: 16px;\n line-height: 1.85;\n color: var(--text-muted);\n }\n\n \/* ===== SECTION 3: APPROACH ===== *\/\n .section-approach {\n position: relative;\n overflow: hidden;\n background: #FFFFFF;\n padding: 60px 0;\n border-top: 1px solid rgba(45, 45, 45, 0.06);\n }\n\n .section-approach .bg-shape-approach-1 {\n position: absolute;\n top: -150px;\n left: -200px;\n width: 500px;\n height: 500px;\n border-radius: 50%;\n background: radial-gradient(circle at 70% 70%, rgba(218, 55, 66, 0.05) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .section-approach .bg-shape-approach-2 {\n position: absolute;\n bottom: -100px;\n right: -150px;\n width: 450px;\n height: 450px;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, rgba(216, 214, 193, 0.4) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .section-approach .decorative-line-right {\n position: absolute;\n top: 50%;\n right: 0;\n width: 80px;\n height: 3px;\n background: linear-gradient(270deg, var(--primary-red) 0%, transparent 100%);\n transform: translateY(-50%);\n opacity: 0.3;\n border-radius: 3px 0 0 3px;\n }\n\n .approach-header {\n text-align: center;\n max-width: 720px;\n margin: 0 auto 80px;\n position: relative;\n z-index: 1;\n }\n\n .approach-header .section-label {\n justify-content: center;\n opacity: 1;\n animation: none;\n }\n\n .approach-header h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(32px, 4vw, 48px);\n font-weight: 600;\n line-height: 1.2;\n color: var(--text-dark);\n margin-bottom: 24px;\n letter-spacing: -0.5px;\n }\n\n .approach-header h2 .highlight {\n color: var(--primary-red);\n position: relative;\n }\n\n .approach-header .intro-text {\n font-size: 17px;\n line-height: 1.85;\n color: var(--text-muted);\n }\n\n .principles-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n position: relative;\n z-index: 1;\n }\n\n .principle-card {\n position: relative;\n border-radius: 24px;\n overflow: hidden;\n cursor: pointer;\n aspect-ratio: 3 \/ 4;\n box-shadow: 0 15px 40px rgba(45, 45, 45, 0.1);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .principle-card:hover {\n transform: translateY(-12px) scale(1.02);\n box-shadow: 0 35px 70px rgba(45, 45, 45, 0.2);\n }\n\n .principle-card-bg {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n }\n\n .principle-card-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .principle-card:hover .principle-card-bg img {\n transform: scale(1.1);\n }\n\n \/* Gradient overlay *\/\n .principle-card-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(\n 180deg,\n rgba(45, 45, 45, 0) 0%,\n rgba(45, 45, 45, 0.3) 40%,\n rgba(45, 45, 45, 0.85) 75%,\n rgba(45, 45, 45, 0.95) 100%\n );\n transition: all 0.5s ease;\n }\n\n .principle-card:hover .principle-card-overlay {\n background: linear-gradient(\n 180deg,\n rgba(218, 55, 66, 0.1) 0%,\n rgba(45, 45, 45, 0.4) 30%,\n rgba(45, 45, 45, 0.92) 65%,\n rgba(45, 45, 45, 0.98) 100%\n );\n }\n\n \/* Play button *\/\n .principle-play-btn {\n position: absolute;\n top: 35%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 80px;\n height: 80px;\n background: var(--white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n z-index: 2;\n opacity: 0;\n }\n\n .principle-card:hover .principle-play-btn {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n\n .principle-play-btn::before {\n content: '';\n position: absolute;\n top: -10px;\n left: -10px;\n right: -10px;\n bottom: -10px;\n border-radius: 50%;\n border: 2px solid rgba(255, 255, 255, 0.5);\n animation: pulse 2s ease-in-out infinite;\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .principle-card:hover .principle-play-btn::before {\n opacity: 1;\n }\n\n .principle-play-btn svg {\n width: 26px;\n height: 26px;\n color: var(--primary-red);\n margin-left: 4px;\n transition: transform 0.3s ease;\n }\n\n .principle-card:hover .principle-play-btn svg {\n transform: scale(1.1);\n }\n\n \/* Content area *\/\n .principle-content {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 40px 32px;\n z-index: 3;\n display: flex;\n flex-direction: column;\n }\n\n .principle-header {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 16px;\n }\n\n .principle-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 42px;\n height: 42px;\n min-width: 42px;\n background: var(--primary-red);\n color: var(--white);\n font-family: 'Poppins', sans-serif;\n font-size: 18px;\n font-weight: 600;\n border-radius: 50%;\n box-shadow: 0 4px 15px rgba(218, 55, 66, 0.4);\n transition: all 0.4s ease;\n }\n\n .principle-card:hover .principle-number {\n transform: scale(1.1);\n box-shadow: 0 6px 25px rgba(218, 55, 66, 0.5);\n }\n\n .principle-title {\n font-family: 'Poppins', sans-serif;\n font-size: 28px;\n font-weight: 600;\n color: var(--white);\n letter-spacing: -0.3px;\n line-height: 1.1;\n }\n\n .principle-divider {\n width: 50px;\n height: 3px;\n background: linear-gradient(90deg, var(--primary-red) 0%, var(--primary-red-light) 100%);\n border-radius: 3px;\n margin-bottom: 16px;\n transition: width 0.5s ease;\n }\n\n .principle-card:hover .principle-divider {\n width: 80px;\n }\n\n .principle-text {\n font-size: 15px;\n line-height: 1.75;\n color: rgba(255, 255, 255, 0.85);\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .principle-card:hover .principle-text {\n max-height: 200px;\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Subtle corner accent on cards *\/\n .principle-card::before {\n content: '';\n position: absolute;\n top: 20px;\n right: 20px;\n width: 40px;\n height: 40px;\n border-top: 2px solid rgba(255, 255, 255, 0.3);\n border-right: 2px solid rgba(255, 255, 255, 0.3);\n border-radius: 0 12px 0 0;\n z-index: 2;\n transition: all 0.4s ease;\n opacity: 0;\n }\n\n .principle-card:hover::before {\n opacity: 1;\n width: 50px;\n height: 50px;\n border-color: var(--primary-red);\n }\n\n .principle-card::after {\n content: '';\n position: absolute;\n bottom: 20px;\n left: 20px;\n width: 40px;\n height: 40px;\n border-bottom: 2px solid rgba(255, 255, 255, 0.3);\n border-left: 2px solid rgba(255, 255, 255, 0.3);\n border-radius: 0 0 0 12px;\n z-index: 2;\n transition: all 0.4s ease;\n opacity: 0;\n }\n\n .principle-card:hover::after {\n opacity: 1;\n width: 50px;\n height: 50px;\n border-color: rgba(255, 255, 255, 0.5);\n }\n\n \/* Animations *\/\n @keyframes fadeSlideUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeScale {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n transform: scale(1.2);\n opacity: 0;\n }\n }\n\n @keyframes float {\n 0%, 100% {\n transform: translateY(0) rotate(0deg);\n }\n 50% {\n transform: translateY(-15px) rotate(5deg);\n }\n }\n\n \/* Responsive *\/\n @media (max-width: 1100px) {\n .content-grid {\n gap: 50px;\n }\n \n .text-content {\n padding-right: 0;\n }\n\n .corner-accent {\n display: none;\n }\n\n .principles-grid {\n gap: 30px;\n }\n }\n\n @media (max-width: 900px) {\n .content-grid {\n grid-template-columns: 1fr;\n gap: 60px;\n }\n\n .container {\n padding: 60px 30px;\n }\n\n h1 {\n font-size: 38px;\n }\n\n .decorative-badge {\n left: 20px;\n bottom: -15px;\n }\n\n .bg-shape-1 {\n width: 400px;\n height: 400px;\n top: -150px;\n right: -100px;\n }\n\n .floating-element-3,\n .floating-element-4 {\n display: none;\n }\n\n .section-ready {\n padding: 80px 0;\n }\n\n .ready-content {\n grid-template-columns: 1fr;\n gap: 50px;\n }\n\n .ready-text-content {\n padding-left: 0;\n text-align: center;\n }\n\n .ready-header {\n margin-bottom: 50px;\n }\n\n .section-approach {\n padding: 80px 0;\n }\n\n .principles-grid {\n grid-template-columns: 1fr;\n max-width: 450px;\n margin: 0 auto;\n }\n\n .principle-card {\n aspect-ratio: 4 \/ 5;\n }\n\n .principle-text {\n max-height: 200px;\n opacity: 1;\n transform: translateY(0);\n }\n\n .principle-play-btn {\n opacity: 1;\n }\n\n .approach-header {\n margin-bottom: 50px;\n }\n }\n\n @media (max-width: 600px) {\n .container {\n padding: 50px 20px;\n }\n\n h1 {\n font-size: 32px;\n }\n\n .button-group {\n flex-direction: column;\n }\n\n .btn {\n justify-content: center;\n }\n\n .play-button {\n width: 70px;\n height: 70px;\n }\n\n .decorative-badge {\n display: none;\n }\n\n .decorative-line {\n display: none;\n }\n\n .section-ready {\n padding: 60px 0;\n }\n\n .ready-header h2 {\n font-size: 28px;\n }\n\n .ready-text-content h3 {\n font-size: 22px;\n }\n\n .ready-play-button {\n width: 70px;\n height: 70px;\n }\n\n .section-approach {\n padding: 60px 0;\n }\n\n .approach-header h2 {\n font-size: 28px;\n }\n\n .principle-content {\n padding: 30px 24px;\n }\n\n .principle-title {\n font-size: 26px;\n }\n\n .principle-card {\n aspect-ratio: 3 \/ 4;\n }\n\n .principle-play-btn {\n width: 64px;\n height: 64px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"section-advisory\">\n <div class=\"bg-shape-1\"><\/div>\n <div class=\"bg-shape-2\"><\/div>\n <div class=\"bg-pattern\"><\/div>\n <div class=\"decorative-line\"><\/div>\n <div class=\"corner-accent\"><\/div>\n \n <div class=\"floating-element floating-element-1\"><\/div>\n <div class=\"floating-element floating-element-2\"><\/div>\n <div class=\"floating-element floating-element-3\"><\/div>\n <div class=\"floating-element floating-element-4\"><\/div>\n\n <div class=\"container\">\n <div class=\"content-grid\">\n <div class=\"text-content\">\n <div class=\"section-label\">\n <span>Din lokale sparekasse<\/span>\n <\/div>\n <h1>Personlig r\u00e5dgivning er <span class=\"highlight\">n\u00f8gleord<\/span> hos os<\/h1>\n <p class=\"description\">\n Hos S\u00f8nderh\u00e5-H\u00f8rsted Sparekasse handler r\u00e5dgivning ikke om systemer og standardl\u00f8sninger \u2013 det handler om dig. Vi lytter, sp\u00f8rger ind og bruger den tid, der skal til, s\u00e5 du f\u00f8ler dig tryg i dine \u00f8konomiske beslutninger.\n <\/p>\n <div class=\"button-group\">\n <a href=\"tel:+4597938833\" class=\"btn btn-primary\">\n <span>Ring til os<\/span>\n <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/>\n <\/svg>\n <\/a>\n <a href=\"#\" class=\"btn btn-secondary\">\n <span>Find en r\u00e5dgiver<\/span>\n <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"video-wrapper\">\n <div class=\"video-container\" onclick=\"window.open('https:\/\/www.youtube.com\/watch?v=m2ki2x0dTVs', '_blank')\">\n <img decoding=\"async\" \n src=\"https:\/\/img.youtube.com\/vi\/m2ki2x0dTVs\/maxresdefault.jpg\" \n alt=\"Se vores video om personlig r\u00e5dgivning\" \n class=\"video-thumbnail\"\n onerror=\"this.src='https:\/\/img.youtube.com\/vi\/m2ki2x0dTVs\/sddefault.jpg'\"\n >\n <div class=\"video-overlay\">\n <div class=\"play-button\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <polygon points=\"5,3 19,12 5,21\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"decorative-badge\">\n <div class=\"badge-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n <\/svg>\n <\/div>\n <div class=\"badge-text\">\n Lokal tryghed\n <span>Siden 1878<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section-ready\">\n <div class=\"bg-shape-ready-1\"><\/div>\n <div class=\"bg-shape-ready-2\"><\/div>\n\n <div class=\"container\">\n <div class=\"ready-header\">\n <div class=\"section-label\">\n <span>Altid t\u00e6t p\u00e5<\/span>\n <\/div>\n <h2>Vi er klar til at <span class=\"highlight\">hj\u00e6lpe dig<\/span><\/h2>\n <p class=\"intro-text\">\n Uanset om du st\u00e5r over for en stor livsbeslutning eller blot har sp\u00f8rgsm\u00e5l til hverdags\u00f8konomien, er vi altid t\u00e6t p\u00e5. Vi m\u00f8der dig i \u00f8jenh\u00f8jde og sikrer, at du f\u00e5r r\u00e5dgivning, der giver bedst mening i netop din situation \u2013 b\u00e5de nu og p\u00e5 l\u00e6ngere sigt.\n <\/p>\n <\/div>\n\n <div class=\"ready-content\">\n <div class=\"ready-video-wrapper\">\n <div class=\"ready-video-container\" onclick=\"window.open('https:\/\/www.youtube.com\/watch?v=atyka8NmxSw', '_blank')\">\n <img decoding=\"async\" \n src=\"https:\/\/img.youtube.com\/vi\/atyka8NmxSw\/maxresdefault.jpg\" \n alt=\"Video om personlig r\u00e5dgivning\"\n class=\"ready-video-thumbnail\"\n onerror=\"this.src='https:\/\/img.youtube.com\/vi\/atyka8NmxSw\/sddefault.jpg'\"\n >\n <div class=\"ready-video-overlay\">\n <div class=\"ready-play-button\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <polygon points=\"5,3 19,12 5,21\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"ready-text-content\">\n <h3>Personlig r\u00e5dgivning \u2013 for dig og dit lokalomr\u00e5de<\/h3>\n <p>\n Som en selvst\u00e6ndig og lokalt forankret sparekasse arbejder vi for mennesker \u2013 ikke aktion\u00e6rer. Det giver os frihed til at tage os tid, v\u00e6re tilg\u00e6ngelige og tr\u00e6ffe beslutninger lokalt og hurtigt. Alt sammen for at sikre, at du f\u00e5r r\u00e5dgivning, der er relevant, n\u00e6rv\u00e6rende og \u00e6rlig.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section-approach\">\n <div class=\"bg-shape-approach-1\"><\/div>\n <div class=\"bg-shape-approach-2\"><\/div>\n <div class=\"decorative-line-right\"><\/div>\n\n <div class=\"container\">\n <div class=\"approach-header\">\n <div class=\"section-label\">\n <span>Tre grundprincipper<\/span>\n <\/div>\n <h2>Vores tilgang til <span class=\"highlight\">r\u00e5dgivning<\/span><\/h2>\n <p class=\"intro-text\">\n Uanset hvad du har brug for hj\u00e6lp til, m\u00f8der vi dig med samme tilgang: Vi lytter, vi sp\u00f8rger ind, og vi finder l\u00f8sninger sammen. Vores r\u00e5dgivning bygger p\u00e5 tre grundprincipper, som du altid kan regne med:\n <\/p>\n <\/div>\n\n <div class=\"principles-grid\">\n \n <article class=\"principle-card\" onclick=\"window.open('https:\/\/www.youtube.com\/watch?v=ex7Bmy-u2GY', '_blank')\">\n <div class=\"principle-card-bg\">\n <img decoding=\"async\" \n src=\"https:\/\/img.youtube.com\/vi\/ex7Bmy-u2GY\/maxresdefault.jpg\" \n alt=\"Video om n\u00e6rv\u00e6rende r\u00e5dgivning\"\n onerror=\"this.src='https:\/\/img.youtube.com\/vi\/ex7Bmy-u2GY\/sddefault.jpg'\"\n >\n <\/div>\n <div class=\"principle-card-overlay\"><\/div>\n <div class=\"principle-play-btn\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <polygon points=\"5,3 19,12 5,21\"\/>\n <\/svg>\n <\/div>\n <div class=\"principle-content\">\n <div class=\"principle-header\">\n <div class=\"principle-number\">1<\/div>\n <h3 class=\"principle-title\">N\u00e6rv\u00e6rende<\/h3>\n <\/div>\n <div class=\"principle-divider\"><\/div>\n <p class=\"principle-text\">\n N\u00e5r du kontakter os, f\u00e5r du ikke en tilf\u00e6ldig medarbejder i r\u00f8ret, men en r\u00e5dgiver, der kender dig, dit lokalomr\u00e5de og dine behov. Vi tror p\u00e5, at tillid skabes gennem n\u00e6rhed.\n <\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"principle-card\" onclick=\"window.open('https:\/\/www.youtube.com\/watch?v=e3ExPXOmA0c', '_blank')\">\n <div class=\"principle-card-bg\">\n <img decoding=\"async\" \n src=\"https:\/\/img.youtube.com\/vi\/e3ExPXOmA0c\/maxresdefault.jpg\" \n alt=\"Video om personlig r\u00e5dgivning\"\n onerror=\"this.src='https:\/\/img.youtube.com\/vi\/e3ExPXOmA0c\/sddefault.jpg'\"\n >\n <\/div>\n <div class=\"principle-card-overlay\"><\/div>\n <div class=\"principle-play-btn\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <polygon points=\"5,3 19,12 5,21\"\/>\n <\/svg>\n <\/div>\n <div class=\"principle-content\">\n <div class=\"principle-header\">\n <div class=\"principle-number\">2<\/div>\n <h3 class=\"principle-title\">Personlig<\/h3>\n <\/div>\n <div class=\"principle-divider\"><\/div>\n <p class=\"principle-text\">\n Hos os tager vi altid udgangspunkt i dig \u2013 ikke i standardl\u00f8sninger. Din r\u00e5dgiver f\u00f8lger dig gennem hele processen og kender b\u00e5de dine planer og din \u00f8konomi. Det betyder, at du f\u00e5r r\u00e5dgivning, der er skr\u00e6ddersyet til dig, uanset hvor du er i livet.\n <\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"principle-card\" onclick=\"window.open('https:\/\/www.youtube.com\/watch?v=gXSDzUNHuME', '_blank')\">\n <div class=\"principle-card-bg\">\n <img decoding=\"async\" \n src=\"https:\/\/img.youtube.com\/vi\/gXSDzUNHuME\/maxresdefault.jpg\" \n alt=\"Video om l\u00f8sningsorienteret r\u00e5dgivning\"\n onerror=\"this.src='https:\/\/img.youtube.com\/vi\/gXSDzUNHuME\/sddefault.jpg'\"\n >\n <\/div>\n <div class=\"principle-card-overlay\"><\/div>\n <div class=\"principle-play-btn\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <polygon points=\"5,3 19,12 5,21\"\/>\n <\/svg>\n <\/div>\n <div class=\"principle-content\">\n <div class=\"principle-header\">\n <div class=\"principle-number\">3<\/div>\n <h3 class=\"principle-title\">L\u00f8sningsorienteret<\/h3>\n <\/div>\n <div class=\"principle-divider\"><\/div>\n <p class=\"principle-text\">\n Hos os er der altid plads til dialog og id\u00e9er. Vi fokuserer p\u00e5 muligheder frem for begr\u00e6nsninger og samarbejder med dig om at finde l\u00f8sninger, der skaber tryghed og balance i din \u00f8konomi.\n <\/p>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Personlig R\u00e5dgivning – S\u00f8nderh\u00e5-H\u00f8rsted Sparekasse Din lokale sparekasse Personlig r\u00e5dgivning er n\u00f8gleord hos os Hos S\u00f8nderh\u00e5-H\u00f8rsted Sparekasse handler r\u00e5dgivning ikke om systemer og standardl\u00f8sninger \u2013 det handler om dig. Vi lytter, sp\u00f8rger ind og bruger den tid, der skal til, s\u00e5 du f\u00f8ler dig tryg i dine \u00f8konomiske beslutninger. Ring til os Find en r\u00e5dgiver […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sdrhaa.udvikling360.dk\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdrhaa.udvikling360.dk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sdrhaa.udvikling360.dk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sdrhaa.udvikling360.dk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdrhaa.udvikling360.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":43,"href":"https:\/\/sdrhaa.udvikling360.dk\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":65,"href":"https:\/\/sdrhaa.udvikling360.dk\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/65"}],"wp:attachment":[{"href":"https:\/\/sdrhaa.udvikling360.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Personlig R\u00e5dgivning - S\u00f8nderh\u00e5-H\u00f8rsted Sparekasse<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary-red: #DA3742;\n --primary-red-dark: #b82d36;\n --primary-red-light: #e85a63;\n --beige: #FFFFFF;\n --beige-light: #FFFFFF;\n --beige-dark: #f5f5f5;\n --text-dark: #2d2d2d;\n --text-muted: #5a5a5a;\n --white: #ffffff;\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n background: var(--white);\n color: var(--text-dark);\n line-height: 1.6;\n }\n\n \/* ===== SECTION 1: HERO ===== *\/\n .section-advisory {\n min-height: 100vh;\n display: flex;\n align-items: center;\n position: relative;\n overflow: hidden;\n background: #FFFFFF;\n }\n\n .bg-shape-1 {\n position: absolute;\n top: -200px;\n right: -150px;\n width: 600px;\n height: 600px;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, rgba(218, 55, 66, 0.08) 0%, rgba(218, 55, 66, 0.03) 50%, transparent 70%);\n pointer-events: none;\n }\n\n .bg-shape-2 {\n position: absolute;\n bottom: -100px;\n left: -100px;\n width: 400px;\n height: 400px;\n border-radius: 50%;\n background: radial-gradient(circle at 70% 70%, rgba(218, 55, 66, 0.06) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .bg-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n linear-gradient(rgba(218, 55, 66, 0.02) 1px, transparent 1px),\n linear-gradient(90deg, rgba(218, 55, 66, 0.02) 1px, transparent 1px);\n background-size: 80px 80px;\n pointer-events: none;\n }\n\n .floating-element {\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n animation: float 6s ease-in-out infinite;\n }\n\n .floating-element-1 {\n top: 15%;\n left: 8%;\n width: 12px;\n height: 12px;\n background: var(--primary-red);\n opacity: 0.2;\n animation-delay: 0s;\n }\n\n .floating-element-2 {\n top: 70%;\n left: 15%;\n width: 8px;\n height: 8px;\n background: var(--primary-red);\n opacity: 0.15;\n animation-delay: 2s;\n }\n\n .floating-element-3 {\n top: 25%;\n right: 12%;\n width: 16px;\n height: 16px;\n border: 2px solid var(--primary-red);\n opacity: 0.15;\n animation-delay: 1s;\n }\n\n .floating-element-4 {\n bottom: 30%;\n right: 8%;\n width: 10px;\n height: 10px;\n background: var(--primary-red);\n opacity: 0.12;\n animation-delay: 3s;\n }\n\n .decorative-line {\n position: absolute;\n top: 50%;\n left: 0;\n width: 100px;\n height: 3px;\n background: linear-gradient(90deg, var(--primary-red) 0%, transparent 100%);\n transform: translateY(-50%);\n opacity: 0.4;\n border-radius: 0 3px 3px 0;\n }\n\n .container {\n max-width: 1600px;\n margin: 0 auto;\n padding: 80px 60px;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n\n .content-grid {\n display: grid;\n grid-template-columns: 1fr 1.1fr;\n gap: 80px;\n align-items: center;\n }\n\n .text-content {\n padding-right: 40px;\n }\n\n .section-label {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 28px;\n opacity: 0;\n animation: fadeSlideUp 0.8s ease forwards;\n animation-delay: 0.2s;\n }\n\n .section-label::before {\n content: '';\n width: 40px;\n height: 2px;\n background: var(--primary-red);\n border-radius: 2px;\n }\n\n .section-label span {\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n color: var(--primary-red);\n }\n\n h1 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(36px, 1.345, 56px);\n font-weight: 600;\n line-height: 1.15;\n color: var(--text-dark);\n margin-bottom: 32px;\n letter-spacing: -0.5px;\n opacity: 0;\n animation: fadeSlideUp 0.8s ease forwards;\n animation-delay: 0.4s;\n }\n\n h1 .highlight {\n color: var(--primary-red);\n position: relative;\n }\n\n h1 .highlight::after {\n content: '';\n position: absolute;\n bottom: 4px;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--primary-red) 0%, var(--primary-red-light) 50%, transparent 100%);\n border-radius: 2px;\n opacity: 0.4;\n }\n\n .description {\n font-size: 17px;\n line-height: 1.85;\n color: var(--text-muted);\n max-width: 520px;\n margin-bottom: 48px;\n opacity: 0;\n animation: fadeSlideUp 0.8s ease forwards;\n animation-delay: 0.6s;\n }\n\n .button-group {\n display: flex;\n gap: 20px;\n opacity: 0;\n animation: fadeSlideUp 0.8s ease forwards;\n animation-delay: 0.8s;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 18px 32px;\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 600;\n letter-spacing: 0.5px;\n text-decoration: none;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n }\n\n .btn-primary {\n background: var(--primary-red);\n color: var(--white);\n border: none;\n box-shadow: 0 4px 20px rgba(218, 55, 66, 0.3);\n }\n\n .btn-primary::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, var(--primary-red-dark) 0%, var(--primary-red) 100%);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .btn-primary:hover::before {\n opacity: 1;\n }\n\n .btn-primary span,\n .btn-primary svg {\n position: relative;\n z-index: 1;\n }\n\n .btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 35px rgba(218, 55, 66, 0.4);\n }\n\n .btn-secondary {\n background: transparent;\n color: var(--text-dark);\n border: 2px solid var(--text-dark);\n }\n\n .btn-secondary:hover {\n background: var(--text-dark);\n color: var(--white);\n transform: translateY(-3px);\n box-shadow: 0 12px 35px rgba(45, 45, 45, 0.2);\n }\n\n .btn-icon {\n width: 18px;\n height: 18px;\n transition: transform 0.3s ease;\n }\n\n .btn:hover .btn-icon {\n transform: translateX(4px);\n }\n\n .video-wrapper {\n position: relative;\n opacity: 0;\n animation: fadeScale 1s ease forwards;\n animation-delay: 0.5s;\n }\n\n .video-container {\n position: relative;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: \n 0 30px 80px rgba(45, 45, 45, 0.15),\n 0 15px 40px rgba(218, 55, 66, 0.1);\n aspect-ratio: 16 \/ 9;\n background: var(--text-dark);\n }\n\n .video-container::before {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n border-radius: 26px;\n background: linear-gradient(135deg, var(--primary-red) 0%, var(--primary-red-light) 50%, var(--beige-dark) 100%);\n z-index: -1;\n }\n\n .video-thumbnail {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n transition: transform 0.6s ease;\n }\n\n .video-container:hover .video-thumbnail {\n transform: scale(1.03);\n }\n\n .video-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(\n 135deg,\n rgba(45, 45, 45, 0.25) 0%,\n rgba(45, 45, 45, 0.1) 50%,\n rgba(218, 55, 66, 0.15) 100%\n );\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background 0.4s ease;\n }\n\n .video-container:hover .video-overlay {\n background: linear-gradient(\n 135deg,\n rgba(45, 45, 45, 0.15) 0%,\n rgba(45, 45, 45, 0.05) 50%,\n rgba(218, 55, 66, 0.1) 100%\n );\n }\n\n .play-button {\n width: 90px;\n height: 90px;\n background: var(--white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 15px 50px rgba(45, 45, 45, 0.3);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n }\n\n .play-button::before {\n content: '';\n position: absolute;\n top: -8px;\n left: -8px;\n right: -8px;\n bottom: -8px;\n border-radius: 50%;\n border: 2px solid rgba(255, 255, 255, 0.4);\n animation: pulse 2s ease-in-out infinite;\n }\n\n .video-container:hover .play-button {\n transform: scale(1.1);\n box-shadow: 0 20px 60px rgba(45, 45, 45, 0.35);\n }\n\n .play-button svg {\n width: 28px;\n height: 28px;\n color: var(--primary-red);\n margin-left: 4px;\n }\n\n .decorative-badge {\n position: absolute;\n bottom: -20px;\n left: -30px;\n background: var(--white);\n padding: 20px 28px;\n border-radius: 16px;\n box-shadow: 0 15px 45px rgba(45, 45, 45, 0.12);\n display: flex;\n align-items: center;\n gap: 14px;\n opacity: 0;\n animation: fadeSlideUp 0.8s ease forwards;\n animation-delay: 1s;\n }\n\n .badge-icon {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--primary-red) 0%, var(--primary-red-dark) 100%);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 15px rgba(218, 55, 66, 0.3);\n }\n\n .badge-icon svg {\n width: 24px;\n height: 24px;\n color: var(--white);\n }\n\n .badge-text {\n font-size: 14px;\n font-weight: 600;\n color: var(--text-dark);\n line-height: 1.4;\n }\n\n .badge-text span {\n display: block;\n font-weight: 400;\n color: var(--text-muted);\n font-size: 12px;\n }\n\n .corner-accent {\n position: absolute;\n top: 40px;\n right: 40px;\n width: 80px;\n height: 80px;\n border-top: 3px solid var(--primary-red);\n border-right: 3px solid var(--primary-red);\n opacity: 0.2;\n border-radius: 0 16px 0 0;\n }\n\n \/* ===== SECTION 2: READY TO HELP ===== *\/\n .section-ready {\n position: relative;\n overflow: hidden;\n background: #FFFFFF;\n padding: 0px 0;\n }\n\n .section-ready .bg-shape-ready-1 {\n position: absolute;\n top: -100px;\n right: -150px;\n width: 400px;\n height: 400px;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, rgba(218, 55, 66, 0.05) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .section-ready .bg-shape-ready-2 {\n position: absolute;\n bottom: -80px;\n left: -100px;\n width: 350px;\n height: 350px;\n border-radius: 50%;\n background: radial-gradient(circle at 70% 70%, rgba(218, 55, 66, 0.04) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .ready-header {\n text-align: center;\n max-width: 720px;\n margin: 0 auto 80px;\n position: relative;\n z-index: 1;\n }\n\n .ready-header .section-label {\n justify-content: center;\n opacity: 1;\n animation: none;\n }\n\n .ready-header h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(32px, 4vw, 48px);\n font-weight: 600;\n line-height: 1.2;\n color: var(--text-dark);\n margin-bottom: 24px;\n letter-spacing: -0.5px;\n }\n\n .ready-header h2 .highlight {\n color: var(--primary-red);\n position: relative;\n }\n\n .ready-header .intro-text {\n font-size: 17px;\n line-height: 1.85;\n color: var(--text-muted);\n }\n\n .ready-content {\n display: grid;\n grid-template-columns: 1.1fr 1fr;\n gap: 80px;\n align-items: center;\n position: relative;\n z-index: 1;\n }\n\n .ready-video-wrapper {\n position: relative;\n }\n\n .ready-video-container {\n position: relative;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: \n 0 30px 80px rgba(45, 45, 45, 0.12),\n 0 15px 40px rgba(218, 55, 66, 0.08);\n aspect-ratio: 16 \/ 9;\n background: var(--text-dark);\n cursor: pointer;\n }\n\n .ready-video-container::before {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n border-radius: 26px;\n background: linear-gradient(135deg, var(--primary-red) 0%, var(--primary-red-light) 50%, #f5f5f5 100%);\n z-index: -1;\n }\n\n .ready-video-thumbnail {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n transition: transform 0.6s ease;\n }\n\n .ready-video-container:hover .ready-video-thumbnail {\n transform: scale(1.03);\n }\n\n .ready-video-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(\n 135deg,\n rgba(45, 45, 45, 0.2) 0%,\n rgba(45, 45, 45, 0.1) 50%,\n rgba(218, 55, 66, 0.1) 100%\n );\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.4s ease;\n }\n\n .ready-video-container:hover .ready-video-overlay {\n background: linear-gradient(\n 135deg,\n rgba(45, 45, 45, 0.1) 0%,\n rgba(45, 45, 45, 0.05) 50%,\n rgba(218, 55, 66, 0.05) 100%\n );\n }\n\n .ready-play-button {\n width: 90px;\n height: 90px;\n background: var(--white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 15px 50px rgba(45, 45, 45, 0.3);\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n }\n\n .ready-play-button::before {\n content: '';\n position: absolute;\n top: -8px;\n left: -8px;\n right: -8px;\n bottom: -8px;\n border-radius: 50%;\n border: 2px solid rgba(255, 255, 255, 0.4);\n animation: pulse 2s ease-in-out infinite;\n }\n\n .ready-video-container:hover .ready-play-button {\n transform: scale(1.1);\n box-shadow: 0 20px 60px rgba(45, 45, 45, 0.35);\n }\n\n .ready-play-button svg {\n width: 28px;\n height: 28px;\n color: var(--primary-red);\n margin-left: 4px;\n }\n\n .ready-text-content {\n padding-left: 20px;\n }\n\n .ready-text-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(24px, 3vw, 32px);\n font-weight: 600;\n line-height: 1.3;\n color: var(--text-dark);\n margin-bottom: 24px;\n letter-spacing: -0.3px;\n }\n\n .ready-text-content p {\n font-size: 16px;\n line-height: 1.85;\n color: var(--text-muted);\n }\n\n \/* ===== SECTION 3: APPROACH ===== *\/\n .section-approach {\n position: relative;\n overflow: hidden;\n background: #FFFFFF;\n padding: 60px 0;\n border-top: 1px solid rgba(45, 45, 45, 0.06);\n }\n\n .section-approach .bg-shape-approach-1 {\n position: absolute;\n top: -150px;\n left: -200px;\n width: 500px;\n height: 500px;\n border-radius: 50%;\n background: radial-gradient(circle at 70% 70%, rgba(218, 55, 66, 0.05) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .section-approach .bg-shape-approach-2 {\n position: absolute;\n bottom: -100px;\n right: -150px;\n width: 450px;\n height: 450px;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, rgba(216, 214, 193, 0.4) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .section-approach .decorative-line-right {\n position: absolute;\n top: 50%;\n right: 0;\n width: 80px;\n height: 3px;\n background: linear-gradient(270deg, var(--primary-red) 0%, transparent 100%);\n transform: translateY(-50%);\n opacity: 0.3;\n border-radius: 3px 0 0 3px;\n }\n\n .approach-header {\n text-align: center;\n max-width: 720px;\n margin: 0 auto 80px;\n position: relative;\n z-index: 1;\n }\n\n .approach-header .section-label {\n justify-content: center;\n opacity: 1;\n animation: none;\n }\n\n .approach-header h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(32px, 4vw, 48px);\n font-weight: 600;\n line-height: 1.2;\n color: var(--text-dark);\n margin-bottom: 24px;\n letter-spacing: -0.5px;\n }\n\n .approach-header h2 .highlight {\n color: var(--primary-red);\n position: relative;\n }\n\n .approach-header .intro-text {\n font-size: 17px;\n line-height: 1.85;\n color: var(--text-muted);\n }\n\n .principles-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n position: relative;\n z-index: 1;\n }\n\n .principle-card {\n position: relative;\n border-radius: 24px;\n overflow: hidden;\n cursor: pointer;\n aspect-ratio: 3 \/ 4;\n box-shadow: 0 15px 40px rgba(45, 45, 45, 0.1);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .principle-card:hover {\n transform: translateY(-12px) scale(1.02);\n box-shadow: 0 35px 70px rgba(45, 45, 45, 0.2);\n }\n\n .principle-card-bg {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n }\n\n .principle-card-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .principle-card:hover .principle-card-bg img {\n transform: scale(1.1);\n }\n\n \/* Gradient overlay *\/\n .principle-card-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(\n 180deg,\n rgba(45, 45, 45, 0) 0%,\n rgba(45, 45, 45, 0.3) 40%,\n rgba(45, 45, 45, 0.85) 75%,\n rgba(45, 45, 45, 0.95) 100%\n );\n transition: all 0.5s ease;\n }\n\n .principle-card:hover .principle-card-overlay {\n background: linear-gradient(\n 180deg,\n rgba(218, 55, 66, 0.1) 0%,\n rgba(45, 45, 45, 0.4) 30%,\n rgba(45, 45, 45, 0.92) 65%,\n rgba(45, 45, 45, 0.98) 100%\n );\n }\n\n \/* Play button *\/\n .principle-play-btn {\n position: absolute;\n top: 35%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 80px;\n height: 80px;\n background: var(--white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n z-index: 2;\n opacity: 0;\n }\n\n .principle-card:hover .principle-play-btn {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n\n .principle-play-btn::before {\n content: '';\n position: absolute;\n top: -10px;\n left: -10px;\n right: -10px;\n bottom: -10px;\n border-radius: 50%;\n border: 2px solid rgba(255, 255, 255, 0.5);\n animation: pulse 2s ease-in-out infinite;\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .principle-card:hover .principle-play-btn::before {\n opacity: 1;\n }\n\n .principle-play-btn svg {\n width: 26px;\n height: 26px;\n color: var(--primary-red);\n margin-left: 4px;\n transition: transform 0.3s ease;\n }\n\n .principle-card:hover .principle-play-btn svg {\n transform: scale(1.1);\n }\n\n \/* Content area *\/\n .principle-content {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 40px 32px;\n z-index: 3;\n display: flex;\n flex-direction: column;\n }\n\n .principle-header {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 16px;\n }\n\n .principle-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 42px;\n height: 42px;\n min-width: 42px;\n background: var(--primary-red);\n color: var(--white);\n font-family: 'Poppins', sans-serif;\n font-size: 18px;\n font-weight: 600;\n border-radius: 50%;\n box-shadow: 0 4px 15px rgba(218, 55, 66, 0.4);\n transition: all 0.4s ease;\n }\n\n .principle-card:hover .principle-number {\n transform: scale(1.1);\n box-shadow: 0 6px 25px rgba(218, 55, 66, 0.5);\n }\n\n .principle-title {\n font-family: 'Poppins', sans-serif;\n font-size: 28px;\n font-weight: 600;\n color: var(--white);\n letter-spacing: -0.3px;\n line-height: 1.1;\n }\n\n .principle-divider {\n width: 50px;\n height: 3px;\n background: linear-gradient(90deg, var(--primary-red) 0%, var(--primary-red-light) 100%);\n border-radius: 3px;\n margin-bottom: 16px;\n transition: width 0.5s ease;\n }\n\n .principle-card:hover .principle-divider {\n width: 80px;\n }\n\n .principle-text {\n font-size: 15px;\n line-height: 1.75;\n color: rgba(255, 255, 255, 0.85);\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .principle-card:hover .principle-text {\n max-height: 200px;\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Subtle corner accent on cards *\/\n .principle-card::before {\n content: '';\n position: absolute;\n top: 20px;\n right: 20px;\n width: 40px;\n height: 40px;\n border-top: 2px solid rgba(255, 255, 255, 0.3);\n border-right: 2px solid rgba(255, 255, 255, 0.3);\n border-radius: 0 12px 0 0;\n z-index: 2;\n transition: all 0.4s ease;\n opacity: 0;\n }\n\n .principle-card:hover::before {\n opacity: 1;\n width: 50px;\n height: 50px;\n border-color: var(--primary-red);\n }\n\n .principle-card::after {\n content: '';\n position: absolute;\n bottom: 20px;\n left: 20px;\n width: 40px;\n height: 40px;\n border-bottom: 2px solid rgba(255, 255, 255, 0.3);\n border-left: 2px solid rgba(255, 255, 255, 0.3);\n border-radius: 0 0 0 12px;\n z-index: 2;\n transition: all 0.4s ease;\n opacity: 0;\n }\n\n .principle-card:hover::after {\n opacity: 1;\n width: 50px;\n height: 50px;\n border-color: rgba(255, 255, 255, 0.5);\n }\n\n \/* Animations *\/\n @keyframes fadeSlideUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeScale {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n transform: scale(1.2);\n opacity: 0;\n }\n }\n\n @keyframes float {\n 0%, 100% {\n transform: translateY(0) rotate(0deg);\n }\n 50% {\n transform: translateY(-15px) rotate(5deg);\n }\n }\n\n \/* Responsive *\/\n @media (max-width: 1100px) {\n .content-grid {\n gap: 50px;\n }\n \n .text-content {\n padding-right: 0;\n }\n\n .corner-accent {\n display: none;\n }\n\n .principles-grid {\n gap: 30px;\n }\n }\n\n @media (max-width: 900px) {\n .content-grid {\n grid-template-columns: 1fr;\n gap: 60px;\n }\n\n .container {\n padding: 60px 30px;\n }\n\n h1 {\n font-size: 38px;\n }\n\n .decorative-badge {\n left: 20px;\n bottom: -15px;\n }\n\n .bg-shape-1 {\n width: 400px;\n height: 400px;\n top: -150px;\n right: -100px;\n }\n\n .floating-element-3,\n .floating-element-4 {\n display: none;\n }\n\n .section-ready {\n padding: 80px 0;\n }\n\n .ready-content {\n grid-template-columns: 1fr;\n gap: 50px;\n }\n\n .ready-text-content {\n padding-left: 0;\n text-align: center;\n }\n\n .ready-header {\n margin-bottom: 50px;\n }\n\n .section-approach {\n padding: 80px 0;\n }\n\n .principles-grid {\n grid-template-columns: 1fr;\n max-width: 450px;\n margin: 0 auto;\n }\n\n .principle-card {\n aspect-ratio: 4 \/ 5;\n }\n\n .principle-text {\n max-height: 200px;\n opacity: 1;\n transform: translateY(0);\n }\n\n .principle-play-btn {\n opacity: 1;\n }\n\n .approach-header {\n margin-bottom: 50px;\n }\n }\n\n @media (max-width: 600px) {\n .container {\n padding: 50px 20px;\n }\n\n h1 {\n font-size: 32px;\n }\n\n .button-group {\n flex-direction: column;\n }\n\n .btn {\n justify-content: center;\n }\n\n .play-button {\n width: 70px;\n height: 70px;\n }\n\n .decorative-badge {\n display: none;\n }\n\n .decorative-line {\n display: none;\n }\n\n .section-ready {\n padding: 60px 0;\n }\n\n .ready-header h2 {\n font-size: 28px;\n }\n\n .ready-text-content h3 {\n font-size: 22px;\n }\n\n .ready-play-button {\n width: 70px;\n height: 70px;\n }\n\n .section-approach {\n padding: 60px 0;\n }\n\n .approach-header h2 {\n font-size: 28px;\n }\n\n .principle-content {\n padding: 30px 24px;\n }\n\n .principle-title {\n font-size: 26px;\n }\n\n .principle-card {\n aspect-ratio: 3 \/ 4;\n }\n\n .principle-play-btn {\n width: 64px;\n height: 64px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"section-advisory\">\n <div class=\"bg-shape-1\"><\/div>\n <div class=\"bg-shape-2\"><\/div>\n <div class=\"bg-pattern\"><\/div>\n <div class=\"decorative-line\"><\/div>\n <div class=\"corner-accent\"><\/div>\n \n <div class=\"floating-element floating-element-1\"><\/div>\n <div class=\"floating-element floating-element-2\"><\/div>\n <div class=\"floating-element floating-element-3\"><\/div>\n <div class=\"floating-element floating-element-4\"><\/div>\n\n <div class=\"container\">\n <div class=\"content-grid\">\n <div class=\"text-content\">\n <div class=\"section-label\">\n <span>Din lokale sparekasse<\/span>\n <\/div>\n <h1>Personlig r\u00e5dgivning er <span class=\"highlight\">n\u00f8gleord<\/span> hos os<\/h1>\n <p class=\"description\">\n Hos S\u00f8nderh\u00e5-H\u00f8rsted Sparekasse handler r\u00e5dgivning ikke om systemer og standardl\u00f8sninger \u2013 det handler om dig. Vi lytter, sp\u00f8rger ind og bruger den tid, der skal til, s\u00e5 du f\u00f8ler dig tryg i dine \u00f8konomiske beslutninger.\n <\/p>\n <div class=\"button-group\">\n <a href=\"tel:+4597938833\" class=\"btn btn-primary\">\n <span>Ring til os<\/span>\n <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/>\n <\/svg>\n <\/a>\n <a href=\"#\" class=\"btn btn-secondary\">\n <span>Find en r\u00e5dgiver<\/span>\n <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"video-wrapper\">\n <div class=\"video-container\" onclick=\"window.open('https:\/\/www.youtube.com\/watch?v=m2ki2x0dTVs', '_blank')\">\n <img decoding=\"async\" \n src=\"https:\/\/img.youtube.com\/vi\/m2ki2x0dTVs\/maxresdefault.jpg\" \n alt=\"Se vores video om personlig r\u00e5dgivning\" \n class=\"video-thumbnail\"\n onerror=\"this.src='https:\/\/img.youtube.com\/vi\/m2ki2x0dTVs\/sddefault.jpg'\"\n >\n <div class=\"video-overlay\">\n <div class=\"play-button\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <polygon points=\"5,3 19,12 5,21\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"decorative-badge\">\n <div class=\"badge-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n <\/svg>\n <\/div>\n <div class=\"badge-text\">\n Lokal tryghed\n <span>Siden 1878<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section-ready\">\n <div class=\"bg-shape-ready-1\"><\/div>\n <div class=\"bg-shape-ready-2\"><\/div>\n\n <div class=\"container\">\n <div class=\"ready-header\">\n <div class=\"section-label\">\n <span>Altid t\u00e6t p\u00e5<\/span>\n <\/div>\n <h2>Vi er klar til at <span class=\"highlight\">hj\u00e6lpe dig<\/span><\/h2>\n <p class=\"intro-text\">\n Uanset om du st\u00e5r over for en stor livsbeslutning eller blot har sp\u00f8rgsm\u00e5l til hverdags\u00f8konomien, er vi altid t\u00e6t p\u00e5. Vi m\u00f8der dig i \u00f8jenh\u00f8jde og sikrer, at du f\u00e5r r\u00e5dgivning, der giver bedst mening i netop din situation \u2013 b\u00e5de nu og p\u00e5 l\u00e6ngere sigt.\n <\/p>\n <\/div>\n\n <div class=\"ready-content\">\n <div class=\"ready-video-wrapper\">\n <div class=\"ready-video-container\" onclick=\"window.open('https:\/\/www.youtube.com\/watch?v=atyka8NmxSw', '_blank')\">\n <img decoding=\"async\" \n src=\"https:\/\/img.youtube.com\/vi\/atyka8NmxSw\/maxresdefault.jpg\" \n alt=\"Video om personlig r\u00e5dgivning\"\n class=\"ready-video-thumbnail\"\n onerror=\"this.src='https:\/\/img.youtube.com\/vi\/atyka8NmxSw\/sddefault.jpg'\"\n >\n <div class=\"ready-video-overlay\">\n <div class=\"ready-play-button\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <polygon points=\"5,3 19,12 5,21\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"ready-text-content\">\n <h3>Personlig r\u00e5dgivning \u2013 for dig og dit lokalomr\u00e5de<\/h3>\n <p>\n Som en selvst\u00e6ndig og lokalt forankret sparekasse arbejder vi for mennesker \u2013 ikke aktion\u00e6rer. Det giver os frihed til at tage os tid, v\u00e6re tilg\u00e6ngelige og tr\u00e6ffe beslutninger lokalt og hurtigt. Alt sammen for at sikre, at du f\u00e5r r\u00e5dgivning, der er relevant, n\u00e6rv\u00e6rende og \u00e6rlig.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section-approach\">\n <div class=\"bg-shape-approach-1\"><\/div>\n <div class=\"bg-shape-approach-2\"><\/div>\n <div class=\"decorative-line-right\"><\/div>\n\n <div class=\"container\">\n <div class=\"approach-header\">\n <div class=\"section-label\">\n <span>Tre grundprincipper<\/span>\n <\/div>\n <h2>Vores tilgang til <span class=\"highlight\">r\u00e5dgivning<\/span><\/h2>\n <p class=\"intro-text\">\n Uanset hvad du har brug for hj\u00e6lp til, m\u00f8der vi dig med samme tilgang: Vi lytter, vi sp\u00f8rger ind, og vi finder l\u00f8sninger sammen. Vores r\u00e5dgivning bygger p\u00e5 tre grundprincipper, som du altid kan regne med:\n <\/p>\n <\/div>\n\n <div class=\"principles-grid\">\n \n <article class=\"principle-card\" onclick=\"window.open('https:\/\/www.youtube.com\/watch?v=ex7Bmy-u2GY', '_blank')\">\n <div class=\"principle-card-bg\">\n <img decoding=\"async\" \n src=\"https:\/\/img.youtube.com\/vi\/ex7Bmy-u2GY\/maxresdefault.jpg\" \n alt=\"Video om n\u00e6rv\u00e6rende r\u00e5dgivning\"\n onerror=\"this.src='https:\/\/img.youtube.com\/vi\/ex7Bmy-u2GY\/sddefault.jpg'\"\n >\n <\/div>\n <div class=\"principle-card-overlay\"><\/div>\n <div class=\"principle-play-btn\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <polygon points=\"5,3 19,12 5,21\"\/>\n <\/svg>\n <\/div>\n <div class=\"principle-content\">\n <div class=\"principle-header\">\n <div class=\"principle-number\">1<\/div>\n <h3 class=\"principle-title\">N\u00e6rv\u00e6rende<\/h3>\n <\/div>\n <div class=\"principle-divider\"><\/div>\n <p class=\"principle-text\">\n N\u00e5r du kontakter os, f\u00e5r du ikke en tilf\u00e6ldig medarbejder i r\u00f8ret, men en r\u00e5dgiver, der kender dig, dit lokalomr\u00e5de og dine behov. Vi tror p\u00e5, at tillid skabes gennem n\u00e6rhed.\n <\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"principle-card\" onclick=\"window.open('https:\/\/www.youtube.com\/watch?v=e3ExPXOmA0c', '_blank')\">\n <div class=\"principle-card-bg\">\n <img decoding=\"async\" \n src=\"https:\/\/img.youtube.com\/vi\/e3ExPXOmA0c\/maxresdefault.jpg\" \n alt=\"Video om personlig r\u00e5dgivning\"\n onerror=\"this.src='https:\/\/img.youtube.com\/vi\/e3ExPXOmA0c\/sddefault.jpg'\"\n >\n <\/div>\n <div class=\"principle-card-overlay\"><\/div>\n <div class=\"principle-play-btn\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <polygon points=\"5,3 19,12 5,21\"\/>\n <\/svg>\n <\/div>\n <div class=\"principle-content\">\n <div class=\"principle-header\">\n <div class=\"principle-number\">2<\/div>\n <h3 class=\"principle-title\">Personlig<\/h3>\n <\/div>\n <div class=\"principle-divider\"><\/div>\n <p class=\"principle-text\">\n Hos os tager vi altid udgangspunkt i dig \u2013 ikke i standardl\u00f8sninger. Din r\u00e5dgiver f\u00f8lger dig gennem hele processen og kender b\u00e5de dine planer og din \u00f8konomi. Det betyder, at du f\u00e5r r\u00e5dgivning, der er skr\u00e6ddersyet til dig, uanset hvor du er i livet.\n <\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"principle-card\" onclick=\"window.open('https:\/\/www.youtube.com\/watch?v=gXSDzUNHuME', '_blank')\">\n <div class=\"principle-card-bg\">\n <img decoding=\"async\" \n src=\"https:\/\/img.youtube.com\/vi\/gXSDzUNHuME\/maxresdefault.jpg\" \n alt=\"Video om l\u00f8sningsorienteret r\u00e5dgivning\"\n onerror=\"this.src='https:\/\/img.youtube.com\/vi\/gXSDzUNHuME\/sddefault.jpg'\"\n >\n <\/div>\n <div class=\"principle-card-overlay\"><\/div>\n <div class=\"principle-play-btn\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <polygon points=\"5,3 19,12 5,21\"\/>\n <\/svg>\n <\/div>\n <div class=\"principle-content\">\n <div class=\"principle-header\">\n <div class=\"principle-number\">3<\/div>\n <h3 class=\"principle-title\">L\u00f8sningsorienteret<\/h3>\n <\/div>\n <div class=\"principle-divider\"><\/div>\n <p class=\"principle-text\">\n Hos os er der altid plads til dialog og id\u00e9er. Vi fokuserer p\u00e5 muligheder frem for begr\u00e6nsninger og samarbejder med dig om at finde l\u00f8sninger, der skaber tryghed og balance i din \u00f8konomi.\n <\/p>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Personlig R\u00e5dgivning – S\u00f8nderh\u00e5-H\u00f8rsted Sparekasse Din lokale sparekasse Personlig r\u00e5dgivning er n\u00f8gleord hos os Hos S\u00f8nderh\u00e5-H\u00f8rsted Sparekasse handler r\u00e5dgivning ikke om systemer og standardl\u00f8sninger \u2013 det handler om dig. Vi lytter, sp\u00f8rger ind og bruger den tid, der skal til, s\u00e5 du f\u00f8ler dig tryg i dine \u00f8konomiske beslutninger. Ring til os Find en r\u00e5dgiver […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sdrhaa.udvikling360.dk\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdrhaa.udvikling360.dk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sdrhaa.udvikling360.dk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sdrhaa.udvikling360.dk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdrhaa.udvikling360.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":43,"href":"https:\/\/sdrhaa.udvikling360.dk\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":65,"href":"https:\/\/sdrhaa.udvikling360.dk\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/65"}],"wp:attachment":[{"href":"https:\/\/sdrhaa.udvikling360.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}