.breakdance .bde-section-349-178 .section-container{display:flex;flex-direction:column}.contact-hero{position:relative;width:100%;min-height:30vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;padding:clamp(30px,3vw,45px) clamp(15px,2vw,25px);background:#B00017 url(https://hodjaauto.dk/wp-content/uploads/2025/09/Serviceeftersyn.jpg) center/cover}.contact-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(176,0,23,0.7) 0%,rgba(139,0,18,0.8) 50%,rgba(0,0,0,0.6) 100%);z-index:1}.contact-herocontainer{position:relative;z-index:3;max-width:800px;margin:0 auto;padding:clamp(18px,2.5vw,30px) clamp(15px,2.5vw,25px);background:rgba(255,255,255,0.03);border-radius:clamp(10px,1.2vw,14px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 12px 25px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1)}.contact-herotitle{font-size:clamp(1.5rem,3.8vw,2.2rem);font-weight:800;margin-bottom:clamp(8px,1.5vw,15px);line-height:1.1;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,0.7),0 2px 8px rgba(176,0,23,0.5);position:relative}.contact-herotitle::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:2px;background:linear-gradient(90deg,rgba(255,255,255,0.9),rgba(255,255,255,0.4));animation:services-underline 1.8s ease-out 0.6s forwards}@keyframes services-underline{to{width:clamp(45px,10vw,75px)}}.contact-herotext{font-size:clamp(0.9rem,1.8vw,1rem);font-weight:400;max-width:550px;margin:0 auto clamp(15px,2vw,22px);line-height:1.6;color:rgba(255,255,255,0.95);text-shadow:0 3px 15px rgba(0,0,0,0.6),0 1px 5px rgba(176,0,23,0.4);opacity:0;animation:services-fade-in 1.2s ease-out 1s forwards}@keyframes services-fade-in{to{opacity:1}}/ .contact-herocontainer .cta-button{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin-top:clamp(16px,2vw,24px)!important;padding:clamp(16px,2.2vw,20px) clamp(32px,4vw,40px)!important;font-size:clamp(14px,1.6vw,16px)!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;background:linear-gradient(135deg,#B00017 0%,#8B0012 50%,#B00017 100%)!important;color:#ffffff!important;border:2px solid rgba(255,255,255,0.2)!important;border-radius:50px!important;text-decoration:none!important;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)!important;overflow:hidden!important;box-shadow:0 8px 32px rgba(176,0,23,0.4),0 4px 16px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.2)!important;opacity:0!important;animation:services-fade-in 1.2s ease-out 1.4s forwards!important;cursor:pointer!important}.contact-herocontainer .cta-button *,.contact-herocontainer .cta-button span,.contact-herocontainer .cta-button div{position:relative!important;z-index:2!important;color:#ffffff!important;background-color:transparent!important;background:none!important;border:none!important;fill:#ffffff!important;stroke:#ffffff!important}.contact-herocontainer .cta-button:hover{transform:translateY(-3px) scale(1.05)!important;box-shadow:0 15px 40px rgba(176,0,23,0.6),0 8px 25px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.3)!important;background:linear-gradient(135deg,#8B0012 0%,#B00017 50%,#8B0012 100%)!important;border-color:rgba(255,255,255,0.4)!important}.contact-herocontainer .cta-button::before{content:''!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent)!important;transition:left 0.6s ease!important;z-index:1!important}.contact-herocontainer .cta-button:hover::before{left:100%!important}.contact-herocontainer .cta-button:active{transform:translateY(-1px) scale(1.02)!important;box-shadow:0 8px 20px rgba(176,0,23,0.5),0 4px 12px rgba(0,0,0,0.3)!important}.contact-herocontainer .cta-button .icon,.contact-herocontainer .cta-button svg,.contact-herocontainer .cta-button i{position:relative!important;z-index:2!important;color:#ffffff!important;fill:#ffffff!important;stroke:#ffffff!important;font-size:clamp(16px,1.8vw,18px)!important;transition:transform 0.3s ease!important}.contact-herocontainer .cta-button:hover .icon{transform:translateX(2px)!important}.contact-herocontainer .cta-button:hover .icon{transform:translateX(2px)!important}.contact-herocontainer .cta-button{box-shadow:0 8px 30px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.2)!important}.contact-herocontainer .cta-button:hover{transform:translateY(-3px) scale(1.08)!important;box-shadow:0 12px 35px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.25)!important}.contact-herocontainer .cta-button:hover{transform:translateY(-3px) scale(1.08)!important;box-shadow:0 12px 35px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.25)!important}.contact-herocontainer .cta-button:hover{outline:2px solid rgba(255,255,255,0.5)!important}<section class="contact-section"><div class="contact-container"><div class="contact-content"><div class="contact-info"><h2>Kontaktinformation</h2><p>Du er altid velkommen til at kontakte os. Vi vender hurtigt tilbage.</p><div class="contact-info-card"><div class="contact-info-item"><svg class="contact-info-icon" viewBox="0 0 24 24"><path d="M6.6 10.8a15.5 15.5 0 006.6 6.6l2.2-2.2a1 1 0 011.1-.2c1.2.5 2.5.8 3.8.8a1 1 0 011 1V20a1 1 0 01-1 1C10.5 21 3 13.5 3 4a1 1 0 011-1h3.2a1 1 0 011 1c0 1.3.3 2.6.8 3.8a1 1 0 01-.2 1.1l-2.2 2.2z" fill="currentColor"/></svg><span class="contact-info-text"><a href="tel:+4581818154">81 81 81 54</a></span></div><div class="contact-info-item"><svg class="contact-info-icon" viewBox="0 0 24 24"><path d="M2 6a2 2 0 012-2h16a2 2 0 012 2v.4l-10 6-10-6V6zm0 3.2V18a2 2 0 002 2h16a2 2 0 002-2V9.2l-9.4 5.6a2 2 0 01-2.1 0L2 9.2z" fill="currentColor"/></svg><span class="contact-info-text"><a href="mailto:booking@hodjaauto.dk">booking@hodjaauto.dk</a></span></div><div class="contact-info-item"><svg class="contact-info-icon" viewBox="0 0 24 24"><path d="M12 2a7 7 0 017 7c0 5.25-7 13-7 13S5 14.25 5 9a7 7 0 017-7zm0 9.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z" fill="currentColor"/></svg><span class="contact-info-text">Kuldyssen 19F,2630 Taastrup</span></div></div></div><div class="contact-form-wrapper"><?php echo do_shortcode('[fluentform id="9"]');?></div></div></div></section><style>body{box-sizing:border-box}.contact-section{position:relative;width:100%;padding:80px 30px;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 50%,#f1f3f4 100%);overflow:hidden}.contact-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(176,0,23,0.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(176,0,23,0.03) 0%,transparent 50%);pointer-events:none}.contact-container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:50px 35px;background:rgba(255,255,255,0.8);border:1px solid rgba(176,0,23,0.1);border-radius:24px;backdrop-filter:blur(10px);box-shadow:0 15px 35px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.8)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-info h2{font-size:2.5rem;font-weight:800;color:#1a1a1a;margin:0 0 20px;line-height:1.2;background:linear-gradient(135deg,#B00017,#8B0012);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-info p{font-size:1.1rem;color:#666;line-height:1.6;margin:0 0 40px}.contact-info-card{background:#fff;border:1px solid rgba(176,0,23,0.1);border-radius:18px;padding:30px;box-shadow:0 8px 25px rgba(0,0,0,0.06),0 2px 8px rgba(176,0,23,0.08),inset 0 1px 0 rgba(255,255,255,0.8);position:relative;overflow:hidden}.contact-info-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(176,0,23,0.8),rgba(139,0,18,0.6))}.contact-info-item{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid rgba(176,0,23,0.1);transition:all 0.3s ease}.contact-info-item:last-child{border-bottom:none}.contact-info-item:hover{transform:translateX(5px);background:rgba(176,0,23,0.02);border-radius:12px;padding-left:10px;padding-right:10px}.contact-info-icon{width:24px;height:24px;color:#B00017;flex-shrink:0;transition:all 0.3s ease}.contact-info-item:hover .contact-info-icon{transform:scale(1.1);color:#8B0012}.contact-info-text{font-size:1.1rem;font-weight:600;color:#333}.contact-info-text a{color:inherit;text-decoration:none;transition:color 0.3s ease}.contact-info-text a:hover{color:#B00017}.contact-form-wrapper{background:#fff;border:1px solid rgba(176,0,23,0.1);border-radius:18px;padding:40px;box-shadow:0 8px 25px rgba(0,0,0,0.06),0 2px 8px rgba(176,0,23,0.08),inset 0 1px 0 rgba(255,255,255,0.8);position:relative;overflow:hidden}.contact-form-wrapper::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(176,0,23,0.8),rgba(139,0,18,0.6))}.contact-form-wrapper .fluentform{max-width:100%}.contact-form-wrapper .ff-el-form-control{border:2px solid rgba(176,0,23,0.2);border-radius:12px;padding:15px 20px;font-size:1rem;transition:all 0.3s ease;background:#fff}.contact-form-wrapper .ff-el-form-control:focus{border-color:#B00017;box-shadow:0 0 0 3px rgba(176,0,23,0.1);outline:none}.contact-form-wrapper .ff_submit_btn_wrapper button{background:linear-gradient(135deg,#B00017 0%,#8B0012 50%,#B00017 100%);color:#fff;border:none;border-radius:12px;padding:15px 30px;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 8px 22px rgba(176,0,23,0.35)}.contact-form-wrapper .ff_submit_btn_wrapper button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(176,0,23,0.45)}@media (max-width:768px){.contact-section{padding:50px 20px}.contact-container{padding:30px 20px;border-radius:16px}.contact-content{grid-template-columns:1fr;gap:40px}.contact-info h2{font-size:2rem}.contact-info-card,.contact-form-wrapper{padding:25px;border-radius:12px}.contact-info-item{padding:15px 0}.contact-info-icon{width:20px;height:20px}.contact-info-text{font-size:1rem}}@media (max-width:480px){.contact-info h2{font-size:1.8rem}.contact-info p{font-size:1rem}.contact-info-card,.contact-form-wrapper{padding:20px}}