Het Ademhuys \u2013 Ademwerk voor Bedrijven<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lucide\/0.263.1\/umd\/lucide.min.js\"><\/script>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --cream: #F5F0E8;\n --warm-white: #FDFAF5;\n --terracotta: #C8714A;\n --terracotta-dark: #A85A38;\n --sage: #7A8C72;\n --sage-light: #B5C4AE;\n --charcoal: #2C2C2A;\n --brown: #5C4033;\n --gold: #C9A96E;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--warm-white);\n color: var(--charcoal);\n overflow-x: hidden;\n }\n\n \/* NAV *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n padding: 1.2rem 3rem;\n display: flex; align-items: center; justify-content: space-between;\n background: rgba(253,250,245,0.88);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid rgba(200,113,74,0.12);\n }\n\n .nav-logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.4rem;\n color: var(--terracotta);\n letter-spacing: 0.02em;\n }\n\n .nav-links {\n display: flex; gap: 2.5rem; list-style: none;\n }\n\n .nav-links a {\n text-decoration: none;\n color: var(--charcoal);\n font-size: 0.88rem;\n font-weight: 500;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n transition: color 0.25s;\n }\n\n .nav-links a:hover { color: var(--terracotta); }\n\n .nav-cta {\n background: var(--terracotta);\n color: white !important;\n padding: 0.55rem 1.4rem;\n border-radius: 2rem;\n transition: background 0.25s !important;\n }\n\n .nav-cta:hover { background: var(--terracotta-dark) !important; color: white !important; }\n\n \/* HERO *\/\n .hero {\n min-height: 100vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n align-items: center;\n padding: 8rem 5rem 4rem;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute; inset: 0;\n background:\n radial-gradient(ellipse 60% 70% at 80% 50%, rgba(180,196,174,0.25) 0%, transparent 70%),\n radial-gradient(ellipse 40% 50% at 20% 80%, rgba(200,113,74,0.1) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-text { position: relative; z-index: 2; }\n\n .hero-label {\n display: inline-block;\n font-size: 0.78rem;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--terracotta);\n margin-bottom: 1.5rem;\n padding: 0.4rem 1rem;\n border: 1px solid var(--terracotta);\n border-radius: 2rem;\n opacity: 0;\n animation: fadeUp 0.8s 0.2s forwards;\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 5.5vw, 5.2rem);\n line-height: 1.08;\n color: var(--charcoal);\n margin-bottom: 1.8rem;\n opacity: 0;\n animation: fadeUp 0.8s 0.4s forwards;\n }\n\n .hero h1 em {\n font-style: italic;\n color: var(--terracotta);\n }\n\n .hero-sub {\n font-size: 1.05rem;\n line-height: 1.75;\n color: var(--brown);\n max-width: 440px;\n margin-bottom: 2.8rem;\n font-weight: 300;\n opacity: 0;\n animation: fadeUp 0.8s 0.6s forwards;\n }\n\n .hero-btns {\n display: flex; gap: 1rem; flex-wrap: wrap;\n opacity: 0;\n animation: fadeUp 0.8s 0.8s forwards;\n }\n\n .btn-primary {\n background: var(--terracotta);\n color: white;\n padding: 0.9rem 2.2rem;\n border-radius: 3rem;\n text-decoration: none;\n font-size: 0.9rem;\n font-weight: 500;\n letter-spacing: 0.04em;\n transition: all 0.28s;\n display: inline-flex; align-items: center; gap: 0.5rem;\n }\n\n .btn-primary:hover {\n background: var(--terracotta-dark);\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(200,113,74,0.35);\n }\n\n .btn-outline {\n border: 1.5px solid var(--charcoal);\n color: var(--charcoal);\n padding: 0.9rem 2.2rem;\n border-radius: 3rem;\n text-decoration: none;\n font-size: 0.9rem;\n font-weight: 500;\n letter-spacing: 0.04em;\n transition: all 0.28s;\n }\n\n .btn-outline:hover {\n border-color: var(--terracotta);\n color: var(--terracotta);\n transform: translateY(-2px);\n }\n\n \/* HERO VISUAL *\/\n .hero-visual {\n position: relative; z-index: 2;\n display: flex; justify-content: center; align-items: center;\n opacity: 0;\n animation: fadeIn 1.2s 0.5s forwards;\n }\n\n .breath-circle-wrap {\n position: relative;\n width: 420px; height: 420px;\n display: flex; align-items: center; justify-content: center;\n }\n\n .breath-ring {\n position: absolute;\n border-radius: 50%;\n border: 1.5px solid;\n animation: breathe 6s ease-in-out infinite;\n }\n\n .ring1 { width: 420px; height: 420px; border-color: rgba(181,196,174,0.3); animation-delay: 0s; }\n .ring2 { width: 340px; height: 340px; border-color: rgba(181,196,174,0.45); animation-delay: 0.4s; }\n .ring3 { width: 260px; height: 260px; border-color: rgba(200,113,74,0.25); animation-delay: 0.8s; }\n\n .breath-core {\n width: 180px; height: 180px;\n background: linear-gradient(135deg, var(--sage-light), var(--terracotta));\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n animation: breatheCore 6s ease-in-out infinite;\n box-shadow: 0 0 60px rgba(200,113,74,0.2);\n }\n\n .breath-core span {\n font-family: 'Playfair Display', serif;\n font-size: 0.85rem;\n color: white;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n font-style: italic;\n transition: opacity 0.3s ease;\n }\n\n @keyframes breathe {\n 0%, 100% { transform: scale(1); opacity: 0.6; }\n 50% { transform: scale(1.08); opacity: 1; }\n }\n\n @keyframes breatheCore {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.12); }\n }\n \/* STATS BAR *\/\n .stats {\n background: var(--charcoal);\n padding: 2.5rem 5rem;\n display: flex; gap: 0; justify-content: center;\n }\n\n .stat {\n flex: 1; max-width: 260px;\n text-align: center;\n padding: 0 2rem;\n border-right: 1px solid rgba(255,255,255,0.1);\n }\n\n .stat:last-child { border-right: none; }\n\n .stat-num {\n font-family: 'Playfair Display', serif;\n font-size: 2.6rem;\n color: var(--gold);\n display: block;\n line-height: 1;\n margin-bottom: 0.4rem;\n }\n\n .stat-label {\n font-size: 0.82rem;\n color: rgba(255,255,255,0.6);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n \/* SECTION GEMEENSCHAPPELIJK *\/\n section { padding: 6rem 5rem; }\n\n .section-label {\n font-size: 0.78rem;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--terracotta);\n margin-bottom: 1rem;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2rem, 3.5vw, 3rem);\n line-height: 1.2;\n color: var(--charcoal);\n margin-bottom: 1.5rem;\n }\n\n .section-title em { font-style: italic; color: var(--terracotta); }\n\n \/* WAAROM *\/\n .waarom {\n background: var(--cream);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 5rem;\n align-items: center;\n }\n\n .waarom-text p {\n font-size: 1rem;\n line-height: 1.85;\n color: var(--brown);\n font-weight: 300;\n margin-bottom: 1.5rem;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.2rem;\n }\n\n .card {\n background: white;\n padding: 1.8rem;\n border-radius: 1.2rem;\n border: 1px solid rgba(200,113,74,0.1);\n transition: all 0.3s;\n cursor: default;\n }\n\n .card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 36px rgba(200,113,74,0.12);\n border-color: rgba(200,113,74,0.25);\n }\n\n .card-icon {\n width: 44px; height: 44px;\n margin-bottom: 1rem;\n display: flex; align-items: center; justify-content: center;\n background: var(--cream);\n border-radius: 0.75rem;\n color: var(--terracotta);\n }\n .card-icon svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.8; fill: none; }\n\n .card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.05rem;\n color: var(--charcoal);\n margin-bottom: 0.5rem;\n }\n\n .card p {\n font-size: 0.88rem;\n line-height: 1.65;\n color: var(--brown);\n font-weight: 300;\n }\n\n \/* AANBOD *\/\n .aanbod { background: var(--warm-white); }\n\n .aanbod-header { text-align: center; margin-bottom: 3.5rem; }\n .aanbod-header p {\n max-width: 540px; margin: 0 auto;\n font-size: 1rem; line-height: 1.75; color: var(--brown); font-weight: 300;\n }\n\n .aanbod-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.8rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .aanbod-card {\n background: white;\n border-radius: 1.5rem;\n overflow: hidden;\n border: 1px solid rgba(200,113,74,0.1);\n transition: all 0.35s;\n }\n\n .aanbod-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 50px rgba(0,0,0,0.09);\n }\n\n .aanbod-card-top {\n height: 180px;\n display: flex; align-items: center; justify-content: center;\n position: relative;\n }\n .aanbod-card-top svg { width: 52px; height: 52px; stroke: rgba(255,255,255,0.92); stroke-width: 1.4; fill: none; }\n\n .aanbod-card-top.sage { background: linear-gradient(135deg, #B5C4AE, #7A8C72); }\n .aanbod-card-top.terra { background: linear-gradient(135deg, #E0967A, #C8714A); }\n .aanbod-card-top.gold { background: linear-gradient(135deg, #D4B483, #C9A96E); }\n\n .aanbod-card-body { padding: 1.8rem; }\n\n .aanbod-card-body h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.2rem;\n color: var(--charcoal);\n margin-bottom: 0.6rem;\n }\n\n .aanbod-card-body p {\n font-size: 0.9rem;\n line-height: 1.7;\n color: var(--brown);\n font-weight: 300;\n margin-bottom: 1.2rem;\n }\n\n .tag {\n display: inline-block;\n background: var(--cream);\n color: var(--terracotta);\n font-size: 0.75rem;\n font-weight: 500;\n letter-spacing: 0.06em;\n padding: 0.25rem 0.75rem;\n border-radius: 2rem;\n margin-right: 0.4rem;\n margin-bottom: 0.4rem;\n }\n\n \/* TESTIMONIAL *\/\n .testimonials {\n background: linear-gradient(160deg, var(--charcoal) 0%, var(--brown) 100%);\n color: white;\n }\n\n .testimonials .section-label { color: var(--gold); }\n .testimonials .section-title { color: white; }\n\n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.8rem;\n margin-top: 3rem;\n }\n\n .testimonial {\n background: rgba(255,255,255,0.06);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 1.2rem;\n padding: 2rem;\n transition: all 0.3s;\n }\n\n .testimonial:hover {\n background: rgba(255,255,255,0.1);\n transform: translateY(-3px);\n }\n\n .quote {\n font-family: 'Playfair Display', serif;\n font-size: 1rem;\n font-style: italic;\n line-height: 1.75;\n color: rgba(255,255,255,0.9);\n margin-bottom: 1.5rem;\n }\n\n .quote::before { content: '\"'; font-size: 2rem; color: var(--gold); line-height: 0; vertical-align: -0.5rem; margin-right: 0.2rem; }\n\n .testimonial-author {\n display: flex; align-items: center; gap: 0.8rem;\n }\n\n .avatar {\n width: 42px; height: 42px; border-radius: 50%;\n background: linear-gradient(135deg, var(--sage-light), var(--terracotta));\n display: flex; align-items: center; justify-content: center;\n font-weight: 700; font-size: 0.85rem; color: white;\n flex-shrink: 0;\n }\n\n .author-info .name {\n font-weight: 500; font-size: 0.9rem; color: white;\n }\n\n .author-info .role {\n font-size: 0.78rem; color: rgba(255,255,255,0.5);\n }\n\n \/* WERKWIJZE *\/\n .werkwijze { background: var(--cream); }\n .werkwijze-header { text-align: center; margin-bottom: 4rem; }\n\n .steps {\n display: flex;\n gap: 0;\n max-width: 1000px;\n margin: 0 auto;\n position: relative;\n }\n\n .steps::before {\n content: '';\n position: absolute;\n top: 32px; left: 10%; right: 10%;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--terracotta), transparent);\n }\n\n .step {\n flex: 1;\n text-align: center;\n padding: 0 1.5rem;\n position: relative;\n }\n\n .step-num {\n width: 64px; height: 64px;\n border-radius: 50%;\n background: white;\n border: 2px solid var(--terracotta);\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 1.5rem;\n font-family: 'Playfair Display', serif;\n font-size: 1.4rem;\n color: var(--terracotta);\n position: relative; z-index: 1;\n }\n\n .step h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.05rem;\n color: var(--charcoal);\n margin-bottom: 0.5rem;\n }\n\n .step p {\n font-size: 0.88rem;\n line-height: 1.65;\n color: var(--brown);\n font-weight: 300;\n }\n\n \/* CONTACT \/ BOEK *\/\n #contact {\n background: var(--warm-white);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 5rem;\n align-items: start;\n }\n\n .contact-info p {\n font-size: 1rem;\n line-height: 1.85;\n color: var(--brown);\n font-weight: 300;\n margin-bottom: 2rem;\n }\n\n .contact-detail {\n display: flex; align-items: center; gap: 0.8rem;\n margin-bottom: 1rem;\n font-size: 0.95rem; color: var(--charcoal);\n }\n\n .contact-detail .icon {\n width: 40px; height: 40px;\n background: var(--cream);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n color: var(--terracotta);\n }\n .contact-detail .icon svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.8; fill: none; }\n\n .form-wrap {\n background: var(--cream);\n border-radius: 1.8rem;\n padding: 2.5rem;\n }\n\n .form-wrap h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n color: var(--charcoal);\n margin-bottom: 1.8rem;\n }\n\n .form-group { margin-bottom: 1.2rem; }\n\n .form-group label {\n display: block;\n font-size: 0.82rem;\n font-weight: 500;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--charcoal);\n margin-bottom: 0.5rem;\n }\n\n .form-group input,\n .form-group select,\n .form-group textarea {\n width: 100%;\n padding: 0.85rem 1.1rem;\n border: 1.5px solid rgba(200,113,74,0.2);\n border-radius: 0.8rem;\n background: white;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.95rem;\n color: var(--charcoal);\n outline: none;\n transition: border-color 0.25s;\n }\n\n .form-group input:focus,\n .form-group select:focus,\n .form-group textarea:focus {\n border-color: var(--terracotta);\n }\n\n .form-group textarea { height: 110px; resize: vertical; }\n\n .form-submit {\n width: 100%;\n padding: 1rem;\n background: var(--terracotta);\n color: white;\n border: none;\n border-radius: 3rem;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.95rem;\n font-weight: 500;\n letter-spacing: 0.05em;\n cursor: pointer;\n transition: all 0.28s;\n margin-top: 0.5rem;\n }\n\n .form-submit:hover {\n background: var(--terracotta-dark);\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(200,113,74,0.35);\n }\n\n \/* FOOTER *\/\n footer {\n background: var(--charcoal);\n color: rgba(255,255,255,0.6);\n text-align: center;\n padding: 2.5rem;\n font-size: 0.85rem;\n }\n\n footer span { color: var(--terracotta); }\n\n \/* ANIMATIONS *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n \/* Contact Form 7 styling *\/\n .wpcf7 input[type=\"text\"],\n .wpcf7 input[type=\"email\"],\n .wpcf7 select,\n .wpcf7 textarea {\n width: 100%;\n padding: 0.85rem 1.1rem;\n border: 1.5px solid rgba(200,113,74,0.2);\n border-radius: 0.8rem;\n background: white;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.95rem;\n color: var(--charcoal);\n outline: none;\n transition: border-color 0.25s;\n margin-bottom: 1.2rem;\n display: block;\n }\n .wpcf7 input[type=\"text\"]:focus,\n .wpcf7 input[type=\"email\"]:focus,\n .wpcf7 select:focus,\n .wpcf7 textarea:focus {\n border-color: var(--terracotta);\n }\n .wpcf7 textarea { height: 110px; resize: vertical; }\n .wpcf7 input[type=\"submit\"] {\n width: 100%;\n padding: 1rem;\n background: var(--terracotta);\n color: white;\n border: none;\n border-radius: 3rem;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.95rem;\n font-weight: 500;\n letter-spacing: 0.05em;\n cursor: pointer;\n transition: all 0.28s;\n margin-top: 0.5rem;\n }\n .wpcf7 input[type=\"submit\"]:hover {\n background: var(--terracotta-dark);\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(200,113,74,0.35);\n }\n .wpcf7 .wpcf7-not-valid-tip { color: var(--terracotta); font-size: 0.8rem; }\n .wpcf7 .wpcf7-response-output { \n border-radius: 0.8rem; \n padding: 0.8rem 1rem; \n font-size: 0.88rem;\n border: none !important;\n background: rgba(122,140,114,0.15);\n color: var(--sage);\n margin-top: 1rem;\n }\n\n \/* Scroll reveal uitgeschakeld - alles altijd zichtbaar *\/\n .reveal { opacity: 1; transform: none; }\n\n \/* MOBILE *\/\n @media (max-width: 900px) {\n nav { padding: 1rem 1.5rem; }\n .nav-links { display: none; }\n .hero { grid-template-columns: 1fr; padding: 7rem 2rem 4rem; text-align: center; }\n .hero-sub { margin: 0 auto 2.5rem; }\n .hero-btns { justify-content: center; }\n .hero-visual { display: none; }\n .stats { flex-wrap: wrap; padding: 2rem; }\n .stat { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); padding: 1rem; }\n section { padding: 4rem 1.5rem; }\n .waarom, #contact { grid-template-columns: 1fr; gap: 2.5rem; }\n .cards-grid, .aanbod-grid, .testimonials-grid { grid-template-columns: 1fr; }\n .steps { flex-direction: column; }\n .steps::before { display: none; }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"nav-logo\">Het Ademhuys<\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#waarom\">Waarom<\/a><\/li>\n <li><a href=\"#aanbod\">Aanbod<\/a><\/li>\n <li><a href=\"#werkwijze\">Werkwijze<\/a><\/li>\n <li><a href=\"#contact\" class=\"nav-cta\">Boek een sessie<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-text\">\n <span class=\"hero-label\">Ademwerk voor bedrijven<\/span>\n <h1>Adem dieper.<br\/><em>Presteer beter.<\/em><\/h1>\n <p class=\"hero-sub\">\n Bij Het Ademhuys breng ik krachtige ademwerktechnieken naar de werkvloer. \n Voor teams die willen groeien, ontspannen en hun volledige potentieel bereiken.\n <\/p>\n <div class=\"hero-btns\">\n <a href=\"#contact\" class=\"btn-primary\">Boek een sessie \u2192<\/a>\n <a href=\"#aanbod\" class=\"btn-outline\">Bekijk het aanbod<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"breath-circle-wrap\">\n <div class=\"breath-ring ring1\"><\/div>\n <div class=\"breath-ring ring2\"><\/div>\n <div class=\"breath-ring ring3\"><\/div>\n <div class=\"breath-core\"><span id=\"breath-label\">Adem in<\/span><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"waarom\" id=\"waarom\">\n <div class=\"waarom-text reveal\">\n <p class=\"section-label\">Waarom ademwerk?<\/p>\n <h2 class=\"section-title\">De kracht van je <em>eigen adem<\/em><\/h2>\n <p>\n Stress, overprikkeling en mentale vermoeidheid zijn de uitdagingen van de moderne werkvloer. \n Ademwerk is geen trend, het is een bewezen, wetenschappelijk onderbouwde methode \n om het zenuwstelsel te reguleren, focus te versterken en energie te herstellen.\n <\/p>\n <p>\n Bij Het Ademhuys combineer ik krachtige ademtechnieken met persoonlijk contact. \n Geen one-size-fits-all, maar een aanpak die past bij jouw team.\n <\/p>\n <a href=\"#contact\" class=\"btn-primary\">Vraag een kennismaking aan \u2192<\/a>\n <\/div>\n <div class=\"cards-grid reveal\">\n <div class=\"card\">\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"M12 6v6l4 2\"\/><\/svg><\/div>\n <h3>Minder stress<\/h3>\n <p>Leer het zenuwstelsel snel tot rust te brengen via bewuste ademhaling.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div>\n <h3>Meer energie<\/h3>\n <p>Activerende technieken geven je team een directe energieboost.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4M12 16h.01\"\/><\/svg><\/div>\n <h3>Betere focus<\/h3>\n <p>Verhoog concentratie en productiviteit door de juiste ademritmes.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n <h3>Teamverbinding<\/h3>\n <p>Samen ademen cre\u00ebert vertrouwen en verbinding binnen teams.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"aanbod\" id=\"aanbod\">\n <div class=\"aanbod-header reveal\">\n <p class=\"section-label\">Mijn aanbod<\/p>\n <h2 class=\"section-title\">Voor elk team een <em>passend traject<\/em><\/h2>\n <p>Van een eenmalige workshop tot een langdurig programma, ik pas me aan jouw organisatie aan.<\/p>\n <\/div>\n <div class=\"aanbod-grid\">\n <div class=\"aanbod-card reveal\">\n <div class=\"aanbod-card-top sage\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n <\/div>\n <div class=\"aanbod-card-body\">\n <h3>Workshop<\/h3>\n <p>Een krachtige, eenmalige sessie van 2 uur voor je team. Direct toepasbaar en diep inspirerend.<\/p>\n <span class=\"tag\">2 uur<\/span>\n <span class=\"tag\">Groep<\/span>\n <span class=\"tag\">Op locatie<\/span>\n <\/div>\n <\/div>\n <div class=\"aanbod-card reveal\">\n <div class=\"aanbod-card-top terra\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 20V10\"\/><path d=\"M12 20V4\"\/><path d=\"M6 20v-6\"\/><\/svg>\n <\/div>\n <div class=\"aanbod-card-body\">\n <h3>Teamtraject<\/h3>\n <p>Een reeks van 4\u20138 sessies verspreid over meerdere weken. Duurzame gedragsverandering voor het team.<\/p>\n <span class=\"tag\">Maatwerk<\/span>\n <span class=\"tag\">4\u20138 sessies<\/span>\n <span class=\"tag\">Begeleiding<\/span>\n <\/div>\n <\/div>\n <div class=\"aanbod-card reveal\">\n <div class=\"aanbod-card-top gold\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n <\/div>\n <div class=\"aanbod-card-body\">\n <h3>1-op-1 Coaching<\/h3>\n <p>Persoonlijke begeleiding voor leidinggevenden en professionals die diep willen werken.<\/p>\n <span class=\"tag\">Individueel<\/span>\n <span class=\"tag\">Flexibel<\/span>\n <span class=\"tag\">Online & live<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"testimonials\">\n <p class=\"section-label\">Ervaringen<\/p>\n <h2 class=\"section-title\">Wat anderen zeggen<\/h2>\n <div class=\"testimonials-grid\">\n <div class=\"testimonial reveal\">\n <p class=\"quote\">Na de workshop merkten we direct een verschil in de sfeer op kantoor. Iedereen was rustiger, meer aanwezig. Echt een aanrader.<\/p>\n <div class=\"testimonial-author\">\n <div class=\"avatar\">LB<\/div>\n <div class=\"author-info\">\n <div class=\"name\">Laura B.<\/div>\n <div class=\"role\">HR Manager, Technologiebedrijf<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial reveal\">\n <p class=\"quote\">Ik was sceptisch, maar na de eerste sessie was ik om. De begeleiding is warm, professioneel en echt van waarde voor ons team.<\/p>\n <div class=\"testimonial-author\">\n <div class=\"avatar\">MV<\/div>\n <div class=\"author-info\">\n <div class=\"name\">Mark V.<\/div>\n <div class=\"role\">Directeur, Marketingbureau<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial reveal\">\n <p class=\"quote\">Het teamtraject heeft ons dichter bij elkaar gebracht. We communiceren beter en voelen ons als collectief sterker dan ooit.<\/p>\n <div class=\"testimonial-author\">\n <div class=\"avatar\">SR<\/div>\n <div class=\"author-info\">\n <div class=\"name\">Sofie R.<\/div>\n <div class=\"role\">Teamlead, Zorginstelling<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"werkwijze\" id=\"werkwijze\">\n <div class=\"werkwijze-header reveal\">\n <p class=\"section-label\">Hoe werkt het?<\/p>\n <h2 class=\"section-title\">Van kennismaking tot <em>transformatie<\/em><\/h2>\n <\/div>\n <div class=\"steps\">\n <div class=\"step reveal\">\n <div class=\"step-num\">1<\/div>\n <h3>Kennismaking<\/h3>\n <p>Ik beluister jouw team, doelen en wat je wilt bereiken. Kosteloos en vrijblijvend.<\/p>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-num\">2<\/div>\n <h3>Maatwerk voorstel<\/h3>\n <p>Op basis van het gesprek stel ik een aanpak samen die past bij jouw organisatie.<\/p>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-num\">3<\/div>\n <h3>Sessie(s)<\/h3>\n <p>Ik kom naar jullie toe voor een krachtige ademwerkervaring.<\/p>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-num\">4<\/div>\n <h3>Natraject<\/h3>\n <p>Na afloop geef ik je tips en oefeningen mee zodat het effect blijvend is.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"contact\">\n <div class=\"contact-info reveal\">\n <p class=\"section-label\">Contact<\/p>\n <h2 class=\"section-title\">Klaar om te <em>beginnen?<\/em><\/h2>\n <p>\n Neem contact op voor een gratis kennismakingsgesprek. \n Ik denk graag met je mee over wat ademwerk voor jouw team kan betekenen.\n <\/p>\n <div class=\"contact-detail\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div>\n <span>marieke@hetademhuys.nl<\/span>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n <span>Amsterdam & omstreken \u00b7 ook online<\/span>\n <\/div>\n <\/div>\n <div class=\"form-wrap reveal\">\n <h3>Plan een kennismaking<\/h3>\n \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f27-o1\" lang=\"nl-NL\" dir=\"ltr\" data-wpcf7-id=\"27\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F6#wpcf7-f27-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contactformulier\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"27\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"nl_NL\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f27-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"naam\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Jouw naam\" value=\"\" type=\"text\" name=\"naam\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"jouw@email.nl\" value=\"\" type=\"email\" name=\"email\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"bedrijf\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Naam van je bedrijf\" value=\"\" type=\"text\" name=\"bedrijf\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"interesse\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"interesse\"><option value=\"Workshop (eenmalig)\">Workshop (eenmalig)<\/option><option value=\"Teamtraject (meerdere sessies)\">Teamtraject (meerdere sessies)<\/option><option value=\"1-op-1 coaching\">1-op-1 coaching<\/option><option value=\"Nog niet zeker\">Nog niet zeker<\/option><\/select><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"bericht\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Vertel iets over je team of wensen\u2026\" name=\"bericht\"><\/textarea><\/span><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Stuur mijn aanvraag \u2192\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n <\/div>\n<\/section>\n\n\n<footer>\n <p>\u00a9 2026 <span>Het Ademhuys<\/span> \u00b7 Ademwerk voor bedrijven \u00b7 Alle rechten voorbehouden<\/p>\n<\/footer>\n\n<script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script>\n \/\/ Scroll reveal\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.classList.add('visible'); }\n });\n }, { threshold: 0.05 });\n reveals.forEach(r => observer.observe(r));\n \/\/ Trigger elementen die al in beeld zijn bij laden\n setTimeout(() => {\n reveals.forEach(r => {\n const rect = r.getBoundingClientRect();\n if (rect.top < window.innerHeight) r.classList.add('visible');\n });\n }, 100);\n\n \/\/ Volledig JS-gestuurde ademcyclus\n const label = document.getElementById('breath-label');\n const core = document.querySelector('.breath-core');\n const rings = document.querySelectorAll('.breath-ring');\n\n \/\/ Verwijder CSS animaties van rings en core\n rings.forEach(r => r.style.animation = 'none');\n core.style.animation = 'none';\n\n const inhaleTime = 4000; \/\/ 4s inademen\n const exhaleTime = 4000; \/\/ 4s uitademen\n\n function setLabel(text) {\n label.style.opacity = '0';\n setTimeout(() => {\n label.textContent = text;\n label.style.opacity = '1';\n }, 200);\n }\n\n function inhale() {\n setLabel('Adem in');\n \/\/ Groter worden\n core.style.transition = `transform ${inhaleTime}ms ease-in-out`;\n core.style.transform = 'scale(1.15)';\n rings.forEach((r, i) => {\n r.style.transition = `transform ${inhaleTime}ms ease-in-out, opacity ${inhaleTime}ms ease-in-out`;\n r.style.transform = `scale(${1.1 - i * 0.02})`;\n r.style.opacity = '1';\n });\n setTimeout(exhale, inhaleTime);\n }\n\n function exhale() {\n setLabel('Adem uit');\n \/\/ Kleiner worden\n core.style.transition = `transform ${exhaleTime}ms ease-in-out`;\n core.style.transform = 'scale(1)';\n rings.forEach((r, i) => {\n r.style.transition = `transform ${exhaleTime}ms ease-in-out, opacity ${exhaleTime}ms ease-in-out`;\n r.style.transform = 'scale(1)';\n r.style.opacity = '0.6';\n });\n setTimeout(inhale, exhaleTime);\n }\n\n \/\/ Start\n inhale();\n\n \/\/ Formulier \n const form = document.getElementById('contact-form');\n if (form) {\n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n const btn = form.querySelector('.form-submit');\n btn.textContent = 'Versturen...';\n btn.disabled = true;\n try {\n const response = await fetch(form.action, {\n method: 'POST',\n body: new FormData(form),\n headers: { 'Accept': 'application\/json' }\n });\n if (response.ok) {\n form.reset();\n btn.style.display = 'none';\n document.getElementById('form-success').style.display = 'block';\n }\n","protected":false},"excerpt":{"rendered":"<p>Het Ademhuys \u2013 Ademwerk voor Bedrijven Het Ademhuys Waarom Aanbod Werkwijze Boek een sessie Ademwerk voor bedrijven Adem dieper.Presteer beter. Bij Het Ademhuys breng ik krachtige ademwerktechnieken naar de werkvloer. Voor teams die willen groeien, ontspannen en hun volledige potentieel bereiken. Boek een sessie \u2192 Bekijk het aanbod Adem in Waarom ademwerk? De kracht van […]<\/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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hetademhuys.nl\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hetademhuys.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hetademhuys.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hetademhuys.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hetademhuys.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":9,"href":"https:\/\/hetademhuys.nl\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/hetademhuys.nl\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/hetademhuys.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":6,"date":"2026-03-08T16:09:37","date_gmt":"2026-03-08T16:09:37","guid":{"rendered":"https:\/\/hetademhuys.nl\/?page_id=6"},"modified":"2026-03-09T07:40:00","modified_gmt":"2026-03-09T07:40:00","slug":"home","status":"publish","type":"page","link":"https:\/\/hetademhuys.nl\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Het Ademhuys \u2013 Ademwerk voor Bedrijven<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lucide\/0.263.1\/umd\/lucide.min.js\"><\/script>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --cream: #F5F0E8;\n --warm-white: #FDFAF5;\n --terracotta: #C8714A;\n --terracotta-dark: #A85A38;\n --sage: #7A8C72;\n --sage-light: #B5C4AE;\n --charcoal: #2C2C2A;\n --brown: #5C4033;\n --gold: #C9A96E;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--warm-white);\n color: var(--charcoal);\n overflow-x: hidden;\n }\n\n \/* NAV *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n padding: 1.2rem 3rem;\n display: flex; align-items: center; justify-content: space-between;\n background: rgba(253,250,245,0.88);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid rgba(200,113,74,0.12);\n }\n\n .nav-logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.4rem;\n color: var(--terracotta);\n letter-spacing: 0.02em;\n }\n\n .nav-links {\n display: flex; gap: 2.5rem; list-style: none;\n }\n\n .nav-links a {\n text-decoration: none;\n color: var(--charcoal);\n font-size: 0.88rem;\n font-weight: 500;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n transition: color 0.25s;\n }\n\n .nav-links a:hover { color: var(--terracotta); }\n\n .nav-cta {\n background: var(--terracotta);\n color: white !important;\n padding: 0.55rem 1.4rem;\n border-radius: 2rem;\n transition: background 0.25s !important;\n }\n\n .nav-cta:hover { background: var(--terracotta-dark) !important; color: white !important; }\n\n \/* HERO *\/\n .hero {\n min-height: 100vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n align-items: center;\n padding: 8rem 5rem 4rem;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute; inset: 0;\n background:\n radial-gradient(ellipse 60% 70% at 80% 50%, rgba(180,196,174,0.25) 0%, transparent 70%),\n radial-gradient(ellipse 40% 50% at 20% 80%, rgba(200,113,74,0.1) 0%, transparent 60%);\n pointer-events: none;\n }\n\n .hero-text { position: relative; z-index: 2; }\n\n .hero-label {\n display: inline-block;\n font-size: 0.78rem;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--terracotta);\n margin-bottom: 1.5rem;\n padding: 0.4rem 1rem;\n border: 1px solid var(--terracotta);\n border-radius: 2rem;\n opacity: 0;\n animation: fadeUp 0.8s 0.2s forwards;\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 5.5vw, 5.2rem);\n line-height: 1.08;\n color: var(--charcoal);\n margin-bottom: 1.8rem;\n opacity: 0;\n animation: fadeUp 0.8s 0.4s forwards;\n }\n\n .hero h1 em {\n font-style: italic;\n color: var(--terracotta);\n }\n\n .hero-sub {\n font-size: 1.05rem;\n line-height: 1.75;\n color: var(--brown);\n max-width: 440px;\n margin-bottom: 2.8rem;\n font-weight: 300;\n opacity: 0;\n animation: fadeUp 0.8s 0.6s forwards;\n }\n\n .hero-btns {\n display: flex; gap: 1rem; flex-wrap: wrap;\n opacity: 0;\n animation: fadeUp 0.8s 0.8s forwards;\n }\n\n .btn-primary {\n background: var(--terracotta);\n color: white;\n padding: 0.9rem 2.2rem;\n border-radius: 3rem;\n text-decoration: none;\n font-size: 0.9rem;\n font-weight: 500;\n letter-spacing: 0.04em;\n transition: all 0.28s;\n display: inline-flex; align-items: center; gap: 0.5rem;\n }\n\n .btn-primary:hover {\n background: var(--terracotta-dark);\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(200,113,74,0.35);\n }\n\n .btn-outline {\n border: 1.5px solid var(--charcoal);\n color: var(--charcoal);\n padding: 0.9rem 2.2rem;\n border-radius: 3rem;\n text-decoration: none;\n font-size: 0.9rem;\n font-weight: 500;\n letter-spacing: 0.04em;\n transition: all 0.28s;\n }\n\n .btn-outline:hover {\n border-color: var(--terracotta);\n color: var(--terracotta);\n transform: translateY(-2px);\n }\n\n \/* HERO VISUAL *\/\n .hero-visual {\n position: relative; z-index: 2;\n display: flex; justify-content: center; align-items: center;\n opacity: 0;\n animation: fadeIn 1.2s 0.5s forwards;\n }\n\n .breath-circle-wrap {\n position: relative;\n width: 420px; height: 420px;\n display: flex; align-items: center; justify-content: center;\n }\n\n .breath-ring {\n position: absolute;\n border-radius: 50%;\n border: 1.5px solid;\n animation: breathe 6s ease-in-out infinite;\n }\n\n .ring1 { width: 420px; height: 420px; border-color: rgba(181,196,174,0.3); animation-delay: 0s; }\n .ring2 { width: 340px; height: 340px; border-color: rgba(181,196,174,0.45); animation-delay: 0.4s; }\n .ring3 { width: 260px; height: 260px; border-color: rgba(200,113,74,0.25); animation-delay: 0.8s; }\n\n .breath-core {\n width: 180px; height: 180px;\n background: linear-gradient(135deg, var(--sage-light), var(--terracotta));\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n animation: breatheCore 6s ease-in-out infinite;\n box-shadow: 0 0 60px rgba(200,113,74,0.2);\n }\n\n .breath-core span {\n font-family: 'Playfair Display', serif;\n font-size: 0.85rem;\n color: white;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n font-style: italic;\n transition: opacity 0.3s ease;\n }\n\n @keyframes breathe {\n 0%, 100% { transform: scale(1); opacity: 0.6; }\n 50% { transform: scale(1.08); opacity: 1; }\n }\n\n @keyframes breatheCore {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.12); }\n }\n \/* STATS BAR *\/\n .stats {\n background: var(--charcoal);\n padding: 2.5rem 5rem;\n display: flex; gap: 0; justify-content: center;\n }\n\n .stat {\n flex: 1; max-width: 260px;\n text-align: center;\n padding: 0 2rem;\n border-right: 1px solid rgba(255,255,255,0.1);\n }\n\n .stat:last-child { border-right: none; }\n\n .stat-num {\n font-family: 'Playfair Display', serif;\n font-size: 2.6rem;\n color: var(--gold);\n display: block;\n line-height: 1;\n margin-bottom: 0.4rem;\n }\n\n .stat-label {\n font-size: 0.82rem;\n color: rgba(255,255,255,0.6);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n \/* SECTION GEMEENSCHAPPELIJK *\/\n section { padding: 6rem 5rem; }\n\n .section-label {\n font-size: 0.78rem;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--terracotta);\n margin-bottom: 1rem;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2rem, 3.5vw, 3rem);\n line-height: 1.2;\n color: var(--charcoal);\n margin-bottom: 1.5rem;\n }\n\n .section-title em { font-style: italic; color: var(--terracotta); }\n\n \/* WAAROM *\/\n .waarom {\n background: var(--cream);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 5rem;\n align-items: center;\n }\n\n .waarom-text p {\n font-size: 1rem;\n line-height: 1.85;\n color: var(--brown);\n font-weight: 300;\n margin-bottom: 1.5rem;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.2rem;\n }\n\n .card {\n background: white;\n padding: 1.8rem;\n border-radius: 1.2rem;\n border: 1px solid rgba(200,113,74,0.1);\n transition: all 0.3s;\n cursor: default;\n }\n\n .card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 36px rgba(200,113,74,0.12);\n border-color: rgba(200,113,74,0.25);\n }\n\n .card-icon {\n width: 44px; height: 44px;\n margin-bottom: 1rem;\n display: flex; align-items: center; justify-content: center;\n background: var(--cream);\n border-radius: 0.75rem;\n color: var(--terracotta);\n }\n .card-icon svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.8; fill: none; }\n\n .card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.05rem;\n color: var(--charcoal);\n margin-bottom: 0.5rem;\n }\n\n .card p {\n font-size: 0.88rem;\n line-height: 1.65;\n color: var(--brown);\n font-weight: 300;\n }\n\n \/* AANBOD *\/\n .aanbod { background: var(--warm-white); }\n\n .aanbod-header { text-align: center; margin-bottom: 3.5rem; }\n .aanbod-header p {\n max-width: 540px; margin: 0 auto;\n font-size: 1rem; line-height: 1.75; color: var(--brown); font-weight: 300;\n }\n\n .aanbod-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.8rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .aanbod-card {\n background: white;\n border-radius: 1.5rem;\n overflow: hidden;\n border: 1px solid rgba(200,113,74,0.1);\n transition: all 0.35s;\n }\n\n .aanbod-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 50px rgba(0,0,0,0.09);\n }\n\n .aanbod-card-top {\n height: 180px;\n display: flex; align-items: center; justify-content: center;\n position: relative;\n }\n .aanbod-card-top svg { width: 52px; height: 52px; stroke: rgba(255,255,255,0.92); stroke-width: 1.4; fill: none; }\n\n .aanbod-card-top.sage { background: linear-gradient(135deg, #B5C4AE, #7A8C72); }\n .aanbod-card-top.terra { background: linear-gradient(135deg, #E0967A, #C8714A); }\n .aanbod-card-top.gold { background: linear-gradient(135deg, #D4B483, #C9A96E); }\n\n .aanbod-card-body { padding: 1.8rem; }\n\n .aanbod-card-body h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.2rem;\n color: var(--charcoal);\n margin-bottom: 0.6rem;\n }\n\n .aanbod-card-body p {\n font-size: 0.9rem;\n line-height: 1.7;\n color: var(--brown);\n font-weight: 300;\n margin-bottom: 1.2rem;\n }\n\n .tag {\n display: inline-block;\n background: var(--cream);\n color: var(--terracotta);\n font-size: 0.75rem;\n font-weight: 500;\n letter-spacing: 0.06em;\n padding: 0.25rem 0.75rem;\n border-radius: 2rem;\n margin-right: 0.4rem;\n margin-bottom: 0.4rem;\n }\n\n \/* TESTIMONIAL *\/\n .testimonials {\n background: linear-gradient(160deg, var(--charcoal) 0%, var(--brown) 100%);\n color: white;\n }\n\n .testimonials .section-label { color: var(--gold); }\n .testimonials .section-title { color: white; }\n\n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.8rem;\n margin-top: 3rem;\n }\n\n .testimonial {\n background: rgba(255,255,255,0.06);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 1.2rem;\n padding: 2rem;\n transition: all 0.3s;\n }\n\n .testimonial:hover {\n background: rgba(255,255,255,0.1);\n transform: translateY(-3px);\n }\n\n .quote {\n font-family: 'Playfair Display', serif;\n font-size: 1rem;\n font-style: italic;\n line-height: 1.75;\n color: rgba(255,255,255,0.9);\n margin-bottom: 1.5rem;\n }\n\n .quote::before { content: '\"'; font-size: 2rem; color: var(--gold); line-height: 0; vertical-align: -0.5rem; margin-right: 0.2rem; }\n\n .testimonial-author {\n display: flex; align-items: center; gap: 0.8rem;\n }\n\n .avatar {\n width: 42px; height: 42px; border-radius: 50%;\n background: linear-gradient(135deg, var(--sage-light), var(--terracotta));\n display: flex; align-items: center; justify-content: center;\n font-weight: 700; font-size: 0.85rem; color: white;\n flex-shrink: 0;\n }\n\n .author-info .name {\n font-weight: 500; font-size: 0.9rem; color: white;\n }\n\n .author-info .role {\n font-size: 0.78rem; color: rgba(255,255,255,0.5);\n }\n\n \/* WERKWIJZE *\/\n .werkwijze { background: var(--cream); }\n .werkwijze-header { text-align: center; margin-bottom: 4rem; }\n\n .steps {\n display: flex;\n gap: 0;\n max-width: 1000px;\n margin: 0 auto;\n position: relative;\n }\n\n .steps::before {\n content: '';\n position: absolute;\n top: 32px; left: 10%; right: 10%;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--terracotta), transparent);\n }\n\n .step {\n flex: 1;\n text-align: center;\n padding: 0 1.5rem;\n position: relative;\n }\n\n .step-num {\n width: 64px; height: 64px;\n border-radius: 50%;\n background: white;\n border: 2px solid var(--terracotta);\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 1.5rem;\n font-family: 'Playfair Display', serif;\n font-size: 1.4rem;\n color: var(--terracotta);\n position: relative; z-index: 1;\n }\n\n .step h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.05rem;\n color: var(--charcoal);\n margin-bottom: 0.5rem;\n }\n\n .step p {\n font-size: 0.88rem;\n line-height: 1.65;\n color: var(--brown);\n font-weight: 300;\n }\n\n \/* CONTACT \/ BOEK *\/\n #contact {\n background: var(--warm-white);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 5rem;\n align-items: start;\n }\n\n .contact-info p {\n font-size: 1rem;\n line-height: 1.85;\n color: var(--brown);\n font-weight: 300;\n margin-bottom: 2rem;\n }\n\n .contact-detail {\n display: flex; align-items: center; gap: 0.8rem;\n margin-bottom: 1rem;\n font-size: 0.95rem; color: var(--charcoal);\n }\n\n .contact-detail .icon {\n width: 40px; height: 40px;\n background: var(--cream);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n color: var(--terracotta);\n }\n .contact-detail .icon svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.8; fill: none; }\n\n .form-wrap {\n background: var(--cream);\n border-radius: 1.8rem;\n padding: 2.5rem;\n }\n\n .form-wrap h3 {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n color: var(--charcoal);\n margin-bottom: 1.8rem;\n }\n\n .form-group { margin-bottom: 1.2rem; }\n\n .form-group label {\n display: block;\n font-size: 0.82rem;\n font-weight: 500;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n color: var(--charcoal);\n margin-bottom: 0.5rem;\n }\n\n .form-group input,\n .form-group select,\n .form-group textarea {\n width: 100%;\n padding: 0.85rem 1.1rem;\n border: 1.5px solid rgba(200,113,74,0.2);\n border-radius: 0.8rem;\n background: white;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.95rem;\n color: var(--charcoal);\n outline: none;\n transition: border-color 0.25s;\n }\n\n .form-group input:focus,\n .form-group select:focus,\n .form-group textarea:focus {\n border-color: var(--terracotta);\n }\n\n .form-group textarea { height: 110px; resize: vertical; }\n\n .form-submit {\n width: 100%;\n padding: 1rem;\n background: var(--terracotta);\n color: white;\n border: none;\n border-radius: 3rem;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.95rem;\n font-weight: 500;\n letter-spacing: 0.05em;\n cursor: pointer;\n transition: all 0.28s;\n margin-top: 0.5rem;\n }\n\n .form-submit:hover {\n background: var(--terracotta-dark);\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(200,113,74,0.35);\n }\n\n \/* FOOTER *\/\n footer {\n background: var(--charcoal);\n color: rgba(255,255,255,0.6);\n text-align: center;\n padding: 2.5rem;\n font-size: 0.85rem;\n }\n\n footer span { color: var(--terracotta); }\n\n \/* ANIMATIONS *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n \/* Contact Form 7 styling *\/\n .wpcf7 input[type=\"text\"],\n .wpcf7 input[type=\"email\"],\n .wpcf7 select,\n .wpcf7 textarea {\n width: 100%;\n padding: 0.85rem 1.1rem;\n border: 1.5px solid rgba(200,113,74,0.2);\n border-radius: 0.8rem;\n background: white;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.95rem;\n color: var(--charcoal);\n outline: none;\n transition: border-color 0.25s;\n margin-bottom: 1.2rem;\n display: block;\n }\n .wpcf7 input[type=\"text\"]:focus,\n .wpcf7 input[type=\"email\"]:focus,\n .wpcf7 select:focus,\n .wpcf7 textarea:focus {\n border-color: var(--terracotta);\n }\n .wpcf7 textarea { height: 110px; resize: vertical; }\n .wpcf7 input[type=\"submit\"] {\n width: 100%;\n padding: 1rem;\n background: var(--terracotta);\n color: white;\n border: none;\n border-radius: 3rem;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.95rem;\n font-weight: 500;\n letter-spacing: 0.05em;\n cursor: pointer;\n transition: all 0.28s;\n margin-top: 0.5rem;\n }\n .wpcf7 input[type=\"submit\"]:hover {\n background: var(--terracotta-dark);\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(200,113,74,0.35);\n }\n .wpcf7 .wpcf7-not-valid-tip { color: var(--terracotta); font-size: 0.8rem; }\n .wpcf7 .wpcf7-response-output { \n border-radius: 0.8rem; \n padding: 0.8rem 1rem; \n font-size: 0.88rem;\n border: none !important;\n background: rgba(122,140,114,0.15);\n color: var(--sage);\n margin-top: 1rem;\n }\n\n \/* Scroll reveal uitgeschakeld - alles altijd zichtbaar *\/\n .reveal { opacity: 1; transform: none; }\n\n \/* MOBILE *\/\n @media (max-width: 900px) {\n nav { padding: 1rem 1.5rem; }\n .nav-links { display: none; }\n .hero { grid-template-columns: 1fr; padding: 7rem 2rem 4rem; text-align: center; }\n .hero-sub { margin: 0 auto 2.5rem; }\n .hero-btns { justify-content: center; }\n .hero-visual { display: none; }\n .stats { flex-wrap: wrap; padding: 2rem; }\n .stat { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); padding: 1rem; }\n section { padding: 4rem 1.5rem; }\n .waarom, #contact { grid-template-columns: 1fr; gap: 2.5rem; }\n .cards-grid, .aanbod-grid, .testimonials-grid { grid-template-columns: 1fr; }\n .steps { flex-direction: column; }\n .steps::before { display: none; }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"nav-logo\">Het Ademhuys<\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#waarom\">Waarom<\/a><\/li>\n <li><a href=\"#aanbod\">Aanbod<\/a><\/li>\n <li><a href=\"#werkwijze\">Werkwijze<\/a><\/li>\n <li><a href=\"#contact\" class=\"nav-cta\">Boek een sessie<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-text\">\n <span class=\"hero-label\">Ademwerk voor bedrijven<\/span>\n <h1>Adem dieper.<br\/><em>Presteer beter.<\/em><\/h1>\n <p class=\"hero-sub\">\n Bij Het Ademhuys breng ik krachtige ademwerktechnieken naar de werkvloer. \n Voor teams die willen groeien, ontspannen en hun volledige potentieel bereiken.\n <\/p>\n <div class=\"hero-btns\">\n <a href=\"#contact\" class=\"btn-primary\">Boek een sessie \u2192<\/a>\n <a href=\"#aanbod\" class=\"btn-outline\">Bekijk het aanbod<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"breath-circle-wrap\">\n <div class=\"breath-ring ring1\"><\/div>\n <div class=\"breath-ring ring2\"><\/div>\n <div class=\"breath-ring ring3\"><\/div>\n <div class=\"breath-core\"><span id=\"breath-label\">Adem in<\/span><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"waarom\" id=\"waarom\">\n <div class=\"waarom-text reveal\">\n <p class=\"section-label\">Waarom ademwerk?<\/p>\n <h2 class=\"section-title\">De kracht van je <em>eigen adem<\/em><\/h2>\n <p>\n Stress, overprikkeling en mentale vermoeidheid zijn de uitdagingen van de moderne werkvloer. \n Ademwerk is geen trend, het is een bewezen, wetenschappelijk onderbouwde methode \n om het zenuwstelsel te reguleren, focus te versterken en energie te herstellen.\n <\/p>\n <p>\n Bij Het Ademhuys combineer ik krachtige ademtechnieken met persoonlijk contact. \n Geen one-size-fits-all, maar een aanpak die past bij jouw team.\n <\/p>\n <a href=\"#contact\" class=\"btn-primary\">Vraag een kennismaking aan \u2192<\/a>\n <\/div>\n <div class=\"cards-grid reveal\">\n <div class=\"card\">\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/><path d=\"M12 6v6l4 2\"\/><\/svg><\/div>\n <h3>Minder stress<\/h3>\n <p>Leer het zenuwstelsel snel tot rust te brengen via bewuste ademhaling.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div>\n <h3>Meer energie<\/h3>\n <p>Activerende technieken geven je team een directe energieboost.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4M12 16h.01\"\/><\/svg><\/div>\n <h3>Betere focus<\/h3>\n <p>Verhoog concentratie en productiviteit door de juiste ademritmes.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n <h3>Teamverbinding<\/h3>\n <p>Samen ademen cre\u00ebert vertrouwen en verbinding binnen teams.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"aanbod\" id=\"aanbod\">\n <div class=\"aanbod-header reveal\">\n <p class=\"section-label\">Mijn aanbod<\/p>\n <h2 class=\"section-title\">Voor elk team een <em>passend traject<\/em><\/h2>\n <p>Van een eenmalige workshop tot een langdurig programma, ik pas me aan jouw organisatie aan.<\/p>\n <\/div>\n <div class=\"aanbod-grid\">\n <div class=\"aanbod-card reveal\">\n <div class=\"aanbod-card-top sage\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n <\/div>\n <div class=\"aanbod-card-body\">\n <h3>Workshop<\/h3>\n <p>Een krachtige, eenmalige sessie van 2 uur voor je team. Direct toepasbaar en diep inspirerend.<\/p>\n <span class=\"tag\">2 uur<\/span>\n <span class=\"tag\">Groep<\/span>\n <span class=\"tag\">Op locatie<\/span>\n <\/div>\n <\/div>\n <div class=\"aanbod-card reveal\">\n <div class=\"aanbod-card-top terra\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 20V10\"\/><path d=\"M12 20V4\"\/><path d=\"M6 20v-6\"\/><\/svg>\n <\/div>\n <div class=\"aanbod-card-body\">\n <h3>Teamtraject<\/h3>\n <p>Een reeks van 4\u20138 sessies verspreid over meerdere weken. Duurzame gedragsverandering voor het team.<\/p>\n <span class=\"tag\">Maatwerk<\/span>\n <span class=\"tag\">4\u20138 sessies<\/span>\n <span class=\"tag\">Begeleiding<\/span>\n <\/div>\n <\/div>\n <div class=\"aanbod-card reveal\">\n <div class=\"aanbod-card-top gold\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n <\/div>\n <div class=\"aanbod-card-body\">\n <h3>1-op-1 Coaching<\/h3>\n <p>Persoonlijke begeleiding voor leidinggevenden en professionals die diep willen werken.<\/p>\n <span class=\"tag\">Individueel<\/span>\n <span class=\"tag\">Flexibel<\/span>\n <span class=\"tag\">Online & live<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"testimonials\">\n <p class=\"section-label\">Ervaringen<\/p>\n <h2 class=\"section-title\">Wat anderen zeggen<\/h2>\n <div class=\"testimonials-grid\">\n <div class=\"testimonial reveal\">\n <p class=\"quote\">Na de workshop merkten we direct een verschil in de sfeer op kantoor. Iedereen was rustiger, meer aanwezig. Echt een aanrader.<\/p>\n <div class=\"testimonial-author\">\n <div class=\"avatar\">LB<\/div>\n <div class=\"author-info\">\n <div class=\"name\">Laura B.<\/div>\n <div class=\"role\">HR Manager, Technologiebedrijf<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial reveal\">\n <p class=\"quote\">Ik was sceptisch, maar na de eerste sessie was ik om. De begeleiding is warm, professioneel en echt van waarde voor ons team.<\/p>\n <div class=\"testimonial-author\">\n <div class=\"avatar\">MV<\/div>\n <div class=\"author-info\">\n <div class=\"name\">Mark V.<\/div>\n <div class=\"role\">Directeur, Marketingbureau<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial reveal\">\n <p class=\"quote\">Het teamtraject heeft ons dichter bij elkaar gebracht. We communiceren beter en voelen ons als collectief sterker dan ooit.<\/p>\n <div class=\"testimonial-author\">\n <div class=\"avatar\">SR<\/div>\n <div class=\"author-info\">\n <div class=\"name\">Sofie R.<\/div>\n <div class=\"role\">Teamlead, Zorginstelling<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"werkwijze\" id=\"werkwijze\">\n <div class=\"werkwijze-header reveal\">\n <p class=\"section-label\">Hoe werkt het?<\/p>\n <h2 class=\"section-title\">Van kennismaking tot <em>transformatie<\/em><\/h2>\n <\/div>\n <div class=\"steps\">\n <div class=\"step reveal\">\n <div class=\"step-num\">1<\/div>\n <h3>Kennismaking<\/h3>\n <p>Ik beluister jouw team, doelen en wat je wilt bereiken. Kosteloos en vrijblijvend.<\/p>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-num\">2<\/div>\n <h3>Maatwerk voorstel<\/h3>\n <p>Op basis van het gesprek stel ik een aanpak samen die past bij jouw organisatie.<\/p>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-num\">3<\/div>\n <h3>Sessie(s)<\/h3>\n <p>Ik kom naar jullie toe voor een krachtige ademwerkervaring.<\/p>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-num\">4<\/div>\n <h3>Natraject<\/h3>\n <p>Na afloop geef ik je tips en oefeningen mee zodat het effect blijvend is.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"contact\">\n <div class=\"contact-info reveal\">\n <p class=\"section-label\">Contact<\/p>\n <h2 class=\"section-title\">Klaar om te <em>beginnen?<\/em><\/h2>\n <p>\n Neem contact op voor een gratis kennismakingsgesprek. \n Ik denk graag met je mee over wat ademwerk voor jouw team kan betekenen.\n <\/p>\n <div class=\"contact-detail\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div>\n <span>marieke@hetademhuys.nl<\/span>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n <span>Amsterdam & omstreken \u00b7 ook online<\/span>\n <\/div>\n <\/div>\n <div class=\"form-wrap reveal\">\n <h3>Plan een kennismaking<\/h3>\n \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f27-o1\" lang=\"nl-NL\" dir=\"ltr\" data-wpcf7-id=\"27\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F6#wpcf7-f27-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contactformulier\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"27\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"nl_NL\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f27-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"naam\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Jouw naam\" value=\"\" type=\"text\" name=\"naam\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"jouw@email.nl\" value=\"\" type=\"email\" name=\"email\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"bedrijf\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Naam van je bedrijf\" value=\"\" type=\"text\" name=\"bedrijf\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"interesse\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"interesse\"><option value=\"Workshop (eenmalig)\">Workshop (eenmalig)<\/option><option value=\"Teamtraject (meerdere sessies)\">Teamtraject (meerdere sessies)<\/option><option value=\"1-op-1 coaching\">1-op-1 coaching<\/option><option value=\"Nog niet zeker\">Nog niet zeker<\/option><\/select><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"bericht\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Vertel iets over je team of wensen\u2026\" name=\"bericht\"><\/textarea><\/span><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Stuur mijn aanvraag \u2192\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n <\/div>\n<\/section>\n\n\n<footer>\n <p>\u00a9 2026 <span>Het Ademhuys<\/span> \u00b7 Ademwerk voor bedrijven \u00b7 Alle rechten voorbehouden<\/p>\n<\/footer>\n\n<script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script>\n \/\/ Scroll reveal\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.classList.add('visible'); }\n });\n }, { threshold: 0.05 });\n reveals.forEach(r => observer.observe(r));\n \/\/ Trigger elementen die al in beeld zijn bij laden\n setTimeout(() => {\n reveals.forEach(r => {\n const rect = r.getBoundingClientRect();\n if (rect.top < window.innerHeight) r.classList.add('visible');\n });\n }, 100);\n\n \/\/ Volledig JS-gestuurde ademcyclus\n const label = document.getElementById('breath-label');\n const core = document.querySelector('.breath-core');\n const rings = document.querySelectorAll('.breath-ring');\n\n \/\/ Verwijder CSS animaties van rings en core\n rings.forEach(r => r.style.animation = 'none');\n core.style.animation = 'none';\n\n const inhaleTime = 4000; \/\/ 4s inademen\n const exhaleTime = 4000; \/\/ 4s uitademen\n\n function setLabel(text) {\n label.style.opacity = '0';\n setTimeout(() => {\n label.textContent = text;\n label.style.opacity = '1';\n }, 200);\n }\n\n function inhale() {\n setLabel('Adem in');\n \/\/ Groter worden\n core.style.transition = `transform ${inhaleTime}ms ease-in-out`;\n core.style.transform = 'scale(1.15)';\n rings.forEach((r, i) => {\n r.style.transition = `transform ${inhaleTime}ms ease-in-out, opacity ${inhaleTime}ms ease-in-out`;\n r.style.transform = `scale(${1.1 - i * 0.02})`;\n r.style.opacity = '1';\n });\n setTimeout(exhale, inhaleTime);\n }\n\n function exhale() {\n setLabel('Adem uit');\n \/\/ Kleiner worden\n core.style.transition = `transform ${exhaleTime}ms ease-in-out`;\n core.style.transform = 'scale(1)';\n rings.forEach((r, i) => {\n r.style.transition = `transform ${exhaleTime}ms ease-in-out, opacity ${exhaleTime}ms ease-in-out`;\n r.style.transform = 'scale(1)';\n r.style.opacity = '0.6';\n });\n setTimeout(inhale, exhaleTime);\n }\n\n \/\/ Start\n inhale();\n\n \/\/ Formulier \n const form = document.getElementById('contact-form');\n if (form) {\n form.addEventListener('submit', async function(e) {\n e.preventDefault();\n const btn = form.querySelector('.form-submit');\n btn.textContent = 'Versturen...';\n btn.disabled = true;\n try {\n const response = await fetch(form.action, {\n method: 'POST',\n body: new FormData(form),\n headers: { 'Accept': 'application\/json' }\n });\n if (response.ok) {\n form.reset();\n btn.style.display = 'none';\n document.getElementById('form-success').style.display = 'block';\n }\n","protected":false},"excerpt":{"rendered":"<p>Het Ademhuys \u2013 Ademwerk voor Bedrijven Het Ademhuys Waarom Aanbod Werkwijze Boek een sessie Ademwerk voor bedrijven Adem dieper.Presteer beter. Bij Het Ademhuys breng ik krachtige ademwerktechnieken naar de werkvloer. Voor teams die willen groeien, ontspannen en hun volledige potentieel bereiken. Boek een sessie \u2192 Bekijk het aanbod Adem in Waarom ademwerk? De kracht van […]<\/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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hetademhuys.nl\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hetademhuys.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hetademhuys.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hetademhuys.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hetademhuys.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":9,"href":"https:\/\/hetademhuys.nl\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/hetademhuys.nl\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/hetademhuys.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}