{"id":15422,"date":"2026-09-16T10:10:35","date_gmt":"2026-09-16T08:10:35","guid":{"rendered":"https:\/\/www.bocklip.com\/experiences\/?page_id=15422"},"modified":"2026-09-17T09:19:49","modified_gmt":"2026-09-17T07:19:49","slug":"landing-page-de","status":"publish","type":"page","link":"https:\/\/www.bocklip.com\/experiences\/landing-page-de\/","title":{"rendered":"Willkommen bei Bocklip"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15422\" class=\"elementor elementor-15422\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6aa5bc5 e-flex e-con-boxed e-con e-parent\" data-id=\"6aa5bc5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-858f04c elementor-widget elementor-widget-html\" data-id=\"858f04c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================================\n     LANDING PAGE COMPL\u00c8TE \u2014 BOCKLIP (VERSION AVEC JAVASCRIPT \u2014 VERSION LIVE)\n     Cette version contient un <script> en bas de page : carrousels avec\n     d\u00e9filement automatique ET navigation manuelle (fl\u00e8ches, glisser \u00e0 la\n     souris\/au doigt), animations d'apparition au scroll, ombre de l'en-t\u00eate.\n     Une version 100% HTML\/CSS sans JavaScript existe en secours\n     (bocklip-landing-page.html) si jamais le pare-feu de s\u00e9curit\u00e9 WordPress\n     venait \u00e0 bloquer l'enregistrement d'une balise <script>.\n     \u00c0 coller dans le widget \"Code HTML\" Elementor, en remplacement complet\n     du contenu actuel de la page.\n     ============================================================================ -->\n\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=Raleway:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .bkp * { box-sizing: border-box; }\n  .bkp {\n    font-family: 'Raleway', -apple-system, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    color: #161616;\n    background: #fff;\n    line-height: 1.5;\n  }\n  .bkp a { text-decoration: none; color: inherit; }\n  .bkp img { display: block; max-width: 100%; }\n  .bkp ul { list-style: none; margin: 0; padding: 0; }\n\n  \/* ---------- Conteneurs & rythme vertical ---------- *\/\n  .bkp .wrap { max-width: 1520px; margin: 0 auto; padding: 0 48px; }\n  .bkp .section { padding: 88px 0; }\n  .bkp .section--cream { background: #F7F7F7; } \/* teinte 3% noir, cf charte graphique *\/\n\n  \/* ---------- \u00c9tiquette de section ---------- *\/\n  .bkp .eyebrow {\n    display: flex; align-items: center; gap: 14px;\n    font-size: 12px; letter-spacing: 2px; text-transform: uppercase;\n    color: #8a8a8a; margin-bottom: 14px;\n  }\n  .bkp .eyebrow::after {\n    content: \"\"; flex: 0 0 90px; height: 8px;\n    background-image: repeating-linear-gradient(115deg, #cccccc 0 2px, transparent 2px 7px); \/* teinte 20% noir *\/\n  }\n  .bkp .section-head { margin-bottom: 36px; }\n  .bkp .section-head h2 {\n    font-size: 36px; font-weight: 500; margin: 0 0 10px; letter-spacing: -0.3px;\n  }\n  .bkp .section-head p { font-size: 17px; color: #6b6b6b; margin: 0; max-width: 680px; }\n  .bkp .section-head--row {\n    display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap;\n  }\n\n  \/* ---------- Boutons ---------- *\/\n  .bkp .btn {\n    display: inline-flex; align-items: center; gap: 12px;\n    padding: 14px 24px; font-size: 15px; border-radius: 2px; white-space: nowrap;\n    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;\n  }\n  .bkp .btn--black { background: #161616; color: #fff; }\n  .bkp .btn--black:hover { background: #000; transform: translateY(-2px); }\n  .bkp .btn--outline { background: #fff; color: #161616; border: 1px solid #161616; }\n  .bkp .btn--outline:hover { background: #161616; color: #fff; transform: translateY(-2px); }\n  .bkp .btn .arrow { transition: transform .2s ease; }\n  .bkp .btn:hover .arrow { transform: translateX(4px); }\n  .bkp .hero-content .btn--outline:hover { background: rgba(255,255,255,.18); color: #fff; }\n  .bkp .link-arrow {\n    display: inline-flex; align-items: center; gap: 10px;\n    font-size: 14px; font-weight: 600; color: #161616; border-bottom: 1px solid #161616; padding-bottom: 2px;\n    transition: opacity .2s ease;\n  }\n  .bkp .link-arrow span { display: inline-block; transition: transform .2s ease; }\n  .bkp .link-arrow:hover { opacity: .6; }\n  .bkp .link-arrow:hover span { transform: translateX(4px); }\n\n  \/* ================= EN-T\u00caTE ================= *\/\n  .bkp .site-header {\n    border-bottom: 1px solid #eee; padding: 20px 0;\n  }\n  .bkp .site-header .wrap { display: flex; align-items: center; justify-content: space-between; gap: 32px; }\n  .bkp .logo { font-size: 22px; font-weight: 700; letter-spacing: 1px; }\n  .bkp .logo-img { height: 30px; width: auto; transition: opacity .2s ease; }\n  .bkp .site-header .wrap > a:hover .logo-img { opacity: .65; }\n  .bkp .site-footer .logo-img { height: 26px; filter: brightness(0) invert(1); }\n  .bkp .main-nav ul { display: flex; gap: 28px; font-size: 14px; }\n  .bkp .main-nav ul a { position: relative; display: inline-block; padding-bottom: 3px; transition: color .2s ease; }\n  .bkp .main-nav ul a::after {\n    content: \"\"; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px;\n    background: #161616; transform: scaleX(0); transform-origin: left; transition: transform .25s ease;\n  }\n  .bkp .main-nav ul a:hover::after { transform: scaleX(1); }\n  .bkp .header-actions { display: flex; align-items: center; gap: 14px; }\n  .bkp .header-actions .btn { padding: 11px 20px; font-size: 14px; }\n\n  \/* Sur mobile, les deux boutons restent visibles dans la banni\u00e8re (comme\n     sur PC), sans menu hamburger : on r\u00e9duit juste leur taille pour que\n     tout tienne sur une ligne \u00e0 c\u00f4t\u00e9 du logo. *\/\n  @media (max-width: 640px) {\n    .bkp .site-header .wrap { gap: 10px; }\n    .bkp .header-actions { gap: 8px; }\n    .bkp .header-actions .btn { padding: 9px 13px; font-size: 12.5px; }\n  }\n  @media (max-width: 400px) {\n    .bkp .logo-img { height: 20px; }\n    .bkp .header-actions { gap: 6px; }\n    .bkp .header-actions .btn { padding: 8px 10px; font-size: 11px; }\n  }\n\n  \/* ================= HERO ================= *\/\n  .bkp .hero {\n    position: relative; min-height: 640px; display: flex; align-items: center;\n    background-size: cover; background-position: center; color: #fff;\n  }\n  .bkp .hero::before {\n    content: \"\"; position: absolute; inset: 0;\n    background: linear-gradient(90deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.12) 55%, rgba(0,0,0,0) 75%);\n  }\n  .bkp .hero .wrap { position: relative; z-index: 1; }\n  .bkp .hero-content { max-width: 560px; }\n  .bkp .hero-content h1 { font-size: 48px; font-weight: 500; line-height: 1.15; margin: 0 0 18px; }\n  .bkp .hero-content p { font-size: 18px; margin: 0 0 30px; opacity: .92; }\n  .bkp .hero-content .btn-row { display: flex; gap: 14px; flex-wrap: wrap; }\n  .bkp .hero-content .btn--outline { background: rgba(255,255,255,.08); color: #fff; border-color: #fff; }\n\n  \/* ================= ANIMATIONS ================= *\/\n  @keyframes bkpFadeInUp {\n    from { opacity: 0; transform: translateY(18px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  .bkp .hero-content h1       { animation: bkpFadeInUp .7s ease both; }\n  .bkp .hero-content p        { animation: bkpFadeInUp .7s ease .12s both; }\n  .bkp .hero-content .btn-row { animation: bkpFadeInUp .7s ease .24s both; }\n\n  .bkp .project-card,\n  .bkp .review-card,\n  .bkp .info-card,\n  .bkp .samples-card {\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n  .bkp .project-card:hover,\n  .bkp .review-card:hover,\n  .bkp .info-card:hover,\n  .bkp .samples-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 14px 28px rgba(0,0,0,.09);\n  }\n  .bkp .room-item { display: block; transition: transform .25s ease; }\n  .bkp .room-item:hover { transform: translateY(-4px); }\n  .bkp .room-item .thumb img { transition: filter .25s ease, transform .5s ease; }\n  .bkp .room-item:hover .thumb img { filter: brightness(1.05); transform: scale(1.07); }\n\n  .bkp .carousel-arrow { transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }\n  .bkp .carousel-arrow:hover { transform: translateY(-50%) scale(1.08); }\n  .bkp .review-shell .carousel-arrow:hover { transform: scale(1.08); }\n\n  \/* \u00c9l\u00e9ments anim\u00e9s \u00e0 l'entr\u00e9e dans le viewport (classe ajout\u00e9e par le script).\n     Visibles par d\u00e9faut (opacity:1) pour que la page reste 100% utilisable et\n     lisible m\u00eame si le script ne s'ex\u00e9cute pas ; l'animation n'est qu'un bonus\n     progressif activ\u00e9 via la classe .js-anim ajout\u00e9e par le script sur <body>. *\/\n  .bkp .reveal { opacity: 1; }\n  .js-anim .bkp .reveal { opacity: 0; transform: translateY(28px) scale(.97); transition: opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1); }\n  .js-anim .bkp .reveal.is-visible { opacity: 1; transform: translateY(0) scale(1); }\n\n  \/* Variante \"fondu seul\" : pour les cartes qui ont d\u00e9j\u00e0 leur propre effet\n     transform au survol (info-card, room-item, press-logo-img), afin de ne\n     jamais entrer en conflit avec ce transform au survol. *\/\n  .bkp .reveal-fade { opacity: 1; }\n  .js-anim .bkp .reveal-fade { opacity: 0; transition: opacity .6s ease; }\n  .js-anim .bkp .reveal-fade.is-visible { opacity: 1; }\n\n  \/* Effet de cascade entre les \u00e9l\u00e9ments d'une m\u00eame grille *\/\n  .bkp .grid-3 > *:nth-child(2), .bkp .grid-4 > *:nth-child(2), .bkp .room-grid > *:nth-child(2), .bkp .press-logos > *:nth-child(2), .bkp .faq-list > *:nth-child(2) { transition-delay: .08s; }\n  .bkp .grid-3 > *:nth-child(3), .bkp .grid-4 > *:nth-child(3), .bkp .room-grid > *:nth-child(3), .bkp .press-logos > *:nth-child(3), .bkp .faq-list > *:nth-child(3) { transition-delay: .16s; }\n  .bkp .grid-4 > *:nth-child(4), .bkp .room-grid > *:nth-child(4), .bkp .press-logos > *:nth-child(4), .bkp .faq-list > *:nth-child(4) { transition-delay: .24s; }\n  .bkp .room-grid > *:nth-child(5), .bkp .faq-list > *:nth-child(5) { transition-delay: .32s; }\n  .bkp .faq-list > *:nth-child(6) { transition-delay: .40s; }\n  .bkp .faq-list > *:nth-child(7) { transition-delay: .48s; }\n  .bkp .faq-list > *:nth-child(8) { transition-delay: .56s; }\n\n  \/* En-t\u00eate fixe avec ombre l\u00e9g\u00e8re une fois la page d\u00e9fil\u00e9e *\/\n  .bkp .site-header { position: sticky; top: 0; z-index: 60; background: #fff; transition: box-shadow .3s ease; }\n  .bkp .site-header.is-scrolled { box-shadow: 0 4px 20px rgba(0,0,0,.08); }\n\n  \/* ================= CARROUSEL DE PROJETS ================= *\/\n  .bkp .carousel-shell { position: relative; }\n  .bkp .carousel-track {\n    \/* Pas de scroll-snap ici : il entrait en conflit avec le d\u00e9filement automatique\n       fluide en continu (le navigateur \"re-scotchait\" le carrousel au point de d\u00e9part\n       \u00e0 chaque micro-mouvement). Les fl\u00e8ches compensent en faisant d\u00e9filer d'une\n       carte exacte \u00e0 chaque clic. *\/\n    display: flex; gap: 24px; overflow-x: auto; scroll-behavior: smooth;\n    -ms-overflow-style: none; scrollbar-width: none; padding-bottom: 4px;\n  }\n  .bkp .carousel-track::-webkit-scrollbar { display: none; }\n  .bkp .project-card {\n    flex: 0 0 calc(25% - 18px); min-width: 230px; scroll-snap-align: start;\n    background: #fff; border: 1px solid #eee; border-radius: 4px; overflow: hidden;\n  }\n  .bkp .project-card .thumb { width: 100%; aspect-ratio: 4\/3; overflow: hidden; }\n  .bkp .project-card .thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform .5s ease; }\n  .bkp .project-card:hover .thumb img { transform: scale(1.07); }\n  .bkp .project-card .body { padding: 18px 20px 22px; }\n  .bkp .project-card .cat {\n    font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; margin: 0 0 4px;\n  }\n  .bkp .project-card .material { font-size: 14px; color: #6b6b6b; margin: 0 0 16px; }\n  .bkp .project-card .price-btn {\n    display: inline-flex; align-items: center; gap: 10px;\n    background: #161616; color: #fff; font-size: 13px; padding: 10px 16px; border-radius: 2px;\n    transition: gap .2s ease;\n  }\n  .bkp .project-card:hover .price-btn { gap: 14px; }\n  .bkp .project-card--cta {\n    background: #161616; color: #fff; display: flex; flex-direction: column;\n    justify-content: center; padding: 28px 24px; gap: 14px;\n  }\n  .bkp .project-card--cta .icon {\n    width: 34px; height: 34px; border-radius: 50%; background: #fff; color: #161616;\n    display: flex; align-items: center; justify-content: center; font-size: 16px;\n  }\n  .bkp .project-card--cta strong { font-size: 16px; }\n  .bkp .project-card--cta span { font-size: 13px; opacity: .75; }\n  .bkp .project-card--cta .link-arrow { color: #fff; border-color: #fff; margin-top: 6px; }\n\n  .bkp .carousel-arrow {\n    position: absolute; top: 38%; transform: translateY(-50%); z-index: 2;\n    width: 40px; height: 40px; border-radius: 50%; border: 1px solid #ddd; background: #fff;\n    display: flex; align-items: center; justify-content: center; font-size: 20px; color: #161616;\n    cursor: pointer; padding: 0; font-family: inherit; line-height: 1;\n  }\n  .bkp .carousel-arrow:hover { background: #161616; color: #fff; border-color: #161616; }\n  .bkp .carousel-arrow.prev { left: -20px; }\n  .bkp .carousel-arrow.next { right: -20px; }\n\n  @media (max-width: 1000px) { .bkp .project-card { flex-basis: calc(50% - 12px); } }\n  @media (max-width: 620px)  { .bkp .project-card { flex-basis: 84%; } }\n\n  \/* ================= GRILLE 3 COLONNES (chiffrage \/ services) ================= *\/\n  .bkp .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\n  .bkp .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }\n  .bkp .info-card {\n    background: #fff; border: 1px solid #eee; border-radius: 4px; padding: 28px 26px;\n  }\n  .bkp .info-card .icon {\n    width: 40px; height: 40px; border-radius: 50%; background: #E6E6E6; \/* teinte 10% noir *\/\n    display: flex; align-items: center; justify-content: center; margin-bottom: 18px;\n    transition: transform .25s ease;\n  }\n  .bkp .info-card:hover .icon { transform: scale(1.1) rotate(-4deg); }\n  .bkp .icon svg { display: block; }\n  .bkp .info-card h3 { font-size: 17px; margin: 0 0 8px; font-weight: 600; }\n  .bkp .info-card p { font-size: 14px; color: #6b6b6b; margin: 0 0 18px; }\n\n  @media (max-width: 900px) { .bkp .grid-3, .bkp .grid-4 { grid-template-columns: repeat(2,1fr); } }\n  @media (max-width: 560px) { .bkp .grid-3, .bkp .grid-4 { grid-template-columns: 1fr; } }\n\n  \/* ================= AVIS CLIENTS (carrousel) ================= *\/\n  .bkp .review-card {\n    flex: 0 0 calc(50% - 12px); min-width: 240px; scroll-snap-align: start;\n    background: #fff; border: 1px solid #eee; border-radius: 4px; padding: 20px 22px;\n  }\n  .bkp .review-card .stars { display: flex; gap: 3px; color: #161616; margin-bottom: 10px; }\n  .bkp .review-card .quote { font-size: 13px; color: #333; margin: 0 0 12px; line-height: 1.45; }\n  .bkp .review-card .author { font-size: 12px; font-weight: 600; color: #6b6b6b; margin: 0; }\n  \/* Centrage vertical robuste quel que soit la hauteur des avis (texte de longueur\n     variable) : on ancre le bouton sur toute la hauteur du bloc (top:0 + bottom:0)\n     et on centre avec margin:auto, plut\u00f4t qu'un top en % qui peut mal se recalculer\n     quand la hauteur du carrousel change (c'\u00e9tait la cause du bug des fl\u00e8ches qui\n     se retrouvaient d\u00e9cal\u00e9es sous les avis). *\/\n  .bkp .review-shell .carousel-arrow { top: 0; bottom: 0; transform: none; margin: auto 0; }\n  @media (max-width: 620px) { .bkp .review-card { flex-basis: 86%; } }\n\n  \/* ================= EXPLOREZ PAR PI\u00c8CE ================= *\/\n  .bkp .room-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; }\n  .bkp .room-item .thumb { width: 100%; aspect-ratio: 1\/1; border-radius: 4px; margin-bottom: 10px; overflow: hidden; }\n  .bkp .room-item .thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }\n  .bkp .room-item span { font-size: 13px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; }\n  @media (max-width: 900px) { .bkp .room-grid { grid-template-columns: repeat(3,1fr); } }\n  @media (max-width: 560px) { .bkp .room-grid { grid-template-columns: repeat(2,1fr); } }\n\n  \/* ================= \u00c9CHANTILLONS ================= *\/\n  .bkp .samples-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; }\n  .bkp .samples-title { font-size: 34px; font-weight: 500; margin: 0 0 16px; letter-spacing: -0.3px; }\n  .bkp .samples-text { font-size: 16px; color: #6b6b6b; margin: 0 0 28px; max-width: 480px; }\n  .bkp .samples-card { background: #fff; border: 1px solid #eee; border-radius: 4px; padding: 32px 30px; }\n  .bkp .samples-card .icon {\n    width: 40px; height: 40px; border-radius: 50%; background: #E6E6E6;\n    display: flex; align-items: center; justify-content: center; margin-bottom: 18px;\n    transition: transform .25s ease;\n  }\n  .bkp .samples-card:hover .icon { transform: scale(1.1) rotate(-4deg); }\n  .bkp .samples-meta { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #6b6b6b; margin: 0 0 8px; }\n  .bkp .samples-card h3 { font-size: 19px; font-weight: 600; margin: 0 0 10px; }\n  .bkp .samples-card p { font-size: 14px; color: #6b6b6b; margin: 0 0 22px; }\n  .bkp .samples-image { border-radius: 4px; overflow: hidden; aspect-ratio: 4\/3; }\n  .bkp .samples-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform .6s ease; }\n  .bkp .samples-image:hover img { transform: scale(1.05); }\n  @media (max-width: 900px) { .bkp .samples-grid { grid-template-columns: 1fr; } }\n\n  \/* ================= BANDEAU FINAL ================= *\/\n  .bkp .closing-banner { text-align: center; padding: 56px 0; }\n  .bkp .closing-banner h2 { font-size: 30px; font-weight: 500; margin: 0; }\n\n  \/* ================= FOOTER ================= *\/\n  .bkp .site-footer { background: #161616; color: #d8d8d8; padding: 60px 0 30px; }\n  .bkp .footer-grid { display: grid; grid-template-columns: 1.3fr repeat(3, 1fr) 1.3fr; gap: 32px; margin-bottom: 50px; }\n  .bkp .site-footer h4 { color: #fff; font-size: 14px; margin: 0 0 16px; text-transform: uppercase; letter-spacing: .5px; }\n  .bkp .site-footer li { margin-bottom: 10px; font-size: 14px; }\n  .bkp .site-footer a { transition: color .2s ease, padding-left .2s ease; }\n  .bkp .site-footer a:hover { color: #fff; padding-left: 3px; }\n  .bkp .footer-bottom {\n    border-top: 1px solid #2c2c2c; padding-top: 24px; font-size: 13px; color: #888;\n    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;\n  }\n  @media (max-width: 900px) { .bkp .footer-grid { grid-template-columns: repeat(2,1fr); } }\n\n  \/* ================= PRESSE ================= *\/\n  .bkp .press-strip { padding: 52px 0 58px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }\n  .bkp .press-strip .wrap { display: flex; flex-direction: column; align-items: center; gap: 36px; }\n  .bkp .press-strip .press-label { font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: #8a8a8a; text-align: center; }\n  .bkp .press-logos { display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; justify-items: center; gap: 40px; width: 100%; }\n  .bkp .press-logo-img { height: 76px; width: auto; max-width: 100%; filter: grayscale(1); opacity: .62; transition: opacity .2s ease, transform .2s ease; }\n  .bkp .press-logo-img:hover { opacity: 1; transform: scale(1.05); }\n  @media (max-width: 860px) { .bkp .press-logos { grid-template-columns: repeat(2, 1fr); gap: 32px 24px; } .bkp .press-logo-img { height: 52px; } }\n  @media (max-width: 480px) { .bkp .press-logo-img { height: 42px; } }\n\n  \/* ================= FAQ ================= *\/\n  .bkp .faq-wrap { display: grid; grid-template-columns: 1fr 380px; gap: 56px; }\n  .bkp .faq-list { max-width: 780px; }\n  .bkp .faq-image { border-radius: 4px; overflow: hidden; }\n  .bkp .faq-image img { width: 100%; object-fit: cover; object-position: center; display: block; transition: transform .6s ease; }\n  .bkp .faq-image:hover img { transform: scale(1.05); }\n  \/* Ratio proche de la photo d'origine (paysage, ~4\/3) pour \u00e9viter de recadrer\n     l'image en format portrait tr\u00e8s serr\u00e9 (l'enseigne \"BOCKLIP\" du showroom\n     doit rester bien visible, sur mobile comme sur ordinateur). *\/\n  @media (min-width: 901px) { .bkp .faq-image, .bkp .faq-image img { aspect-ratio: 4\/3; height: auto; } }\n  @media (max-width: 900px) { .bkp .faq-wrap { grid-template-columns: 1fr; gap: 32px; } .bkp .faq-image img { aspect-ratio: 4\/3; height: auto; } }\n  .bkp .faq-item { border-bottom: 1px solid #eee; }\n  .bkp .faq-item summary {\n    list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between;\n    gap: 20px; padding: 22px 0; font-size: 16px; font-weight: 600;\n    transition: padding-left .2s ease;\n  }\n  .bkp .faq-item summary:hover { padding-left: 4px; }\n  .bkp .faq-item summary::-webkit-details-marker { display: none; }\n  .bkp .faq-item .faq-icon { flex: 0 0 auto; transition: transform .2s ease; }\n  .bkp .faq-item[open] .faq-icon { transform: rotate(45deg); }\n  .bkp .faq-item p { font-size: 14px; color: #6b6b6b; margin: 0 0 24px; max-width: 640px; }\n\n  \/* ================= PASSE MOBILE (lisibilit\u00e9 & confort tactile) ================= *\/\n  .bkp .carousel-track { scroll-padding-left: 20px; }\n\n  @media (max-width: 640px) {\n    .bkp .wrap { padding: 0 20px; }\n    .bkp .section { padding: 56px 0; }\n    .bkp .section-head { margin-bottom: 30px; }\n    .bkp .section-head h2 { font-size: 23px; }\n    .bkp .section-head p { font-size: 14.5px; }\n    .bkp .section-head--row { align-items: flex-start; }\n    .bkp .eyebrow { margin-bottom: 10px; }\n    .bkp .eyebrow::after { flex-basis: 50px; }\n\n    .bkp .site-header { padding: 14px 0; }\n    .bkp .logo-img { height: 24px; }\n\n    \/* La photo occupe tout le premier \u00e9cran (sous la banni\u00e8re) pour un\n       rendu plus premium au chargement de la page. *\/\n    .bkp .hero {\n      min-height: 440px;\n      min-height: calc(100vh - 64px);\n      min-height: calc(100svh - 64px);\n    }\n    .bkp .hero-content { max-width: 100%; }\n    .bkp .hero-content h1 { font-size: 27px; }\n    .bkp .hero-content p { font-size: 14px; margin: 0 0 22px; }\n    .bkp .hero-content .btn-row { flex-direction: column; align-items: stretch; gap: 10px; }\n    .bkp .hero-content .btn-row .btn { justify-content: center; }\n\n    .bkp .carousel-arrow { width: 34px; height: 34px; font-size: 15px; }\n    .bkp .carousel-arrow.prev { left: 4px; }\n    .bkp .carousel-arrow.next { right: 4px; }\n\n    .bkp .info-card { padding: 22px 20px; }\n    .bkp .info-card h3 { font-size: 16px; }\n    .bkp .info-card p { font-size: 13.5px; }\n\n    .bkp .samples-title { font-size: 23px; }\n    .bkp .samples-text { font-size: 14.5px; }\n    .bkp .samples-card { padding: 24px 20px; }\n\n    .bkp .closing-banner { padding: 48px 0; }\n    .bkp .closing-banner h2 { font-size: 20px; padding: 0 8px; }\n\n    .bkp .site-footer { padding: 48px 0 24px; }\n    .bkp .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 20px; margin-bottom: 34px; }\n    .bkp .footer-bottom { flex-direction: column; align-items: flex-start; gap: 6px; }\n\n    .bkp .press-strip { padding: 44px 0 50px; }\n    .bkp .press-strip .wrap { gap: 24px; }\n    .bkp .press-strip .press-label { font-size: 12px; }\n\n    .bkp .faq-item summary { font-size: 15px; padding: 18px 0; gap: 14px; }\n    .bkp .faq-item p { font-size: 13.5px; margin-bottom: 20px; }\n\n    \/* Sur mobile, les grilles deviennent des carrousels horizontaux\n       (glisser au doigt \/ \u00e0 la souris) au lieu de s'empiler en plusieurs\n       lignes : plus rapide \u00e0 parcourir, comme sur la version PC. *\/\n    .bkp .grid-3,\n    .bkp .grid-4,\n    .bkp .room-grid,\n    .bkp .press-logos {\n      display: flex;\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      scroll-snap-type: x proximity;\n      -webkit-overflow-scrolling: touch;\n      gap: 16px;\n      padding-bottom: 12px;\n      scrollbar-width: thin;\n      scrollbar-color: #ddd transparent;\n    }\n    .bkp .grid-3::-webkit-scrollbar,\n    .bkp .grid-4::-webkit-scrollbar,\n    .bkp .room-grid::-webkit-scrollbar,\n    .bkp .press-logos::-webkit-scrollbar { height: 6px; }\n    .bkp .grid-3::-webkit-scrollbar-track,\n    .bkp .grid-4::-webkit-scrollbar-track,\n    .bkp .room-grid::-webkit-scrollbar-track,\n    .bkp .press-logos::-webkit-scrollbar-track { background: transparent; }\n    .bkp .grid-3::-webkit-scrollbar-thumb,\n    .bkp .grid-4::-webkit-scrollbar-thumb,\n    .bkp .room-grid::-webkit-scrollbar-thumb,\n    .bkp .press-logos::-webkit-scrollbar-thumb { background: #ddd; border-radius: 3px; }\n\n    .bkp .grid-3 > *,\n    .bkp .grid-4 > * { flex: 0 0 78%; max-width: 300px; scroll-snap-align: start; }\n    .bkp .room-grid > * { flex: 0 0 130px; scroll-snap-align: start; }\n    .bkp .press-logos { justify-content: flex-start; width: auto; }\n    .bkp .press-logos > * { flex: 0 0 auto; scroll-snap-align: start; }\n  }\n\n  @media (max-width: 420px) {\n    .bkp .footer-grid { grid-template-columns: 1fr; gap: 24px; }\n    .bkp .hero-content h1 { font-size: 24px; }\n  }\n\n  \/* ================= S\u00c9LECTEUR DE LANGUE ================= *\/\n  .bkp .lang-switch { position: relative; flex: 0 0 auto; }\n  .bkp .lang-switch > summary { list-style:none; cursor:pointer; -webkit-user-select:none; user-select:none; display:inline-flex; align-items:center; gap:7px; padding:11px 14px; font-size:14px; font-weight:600; letter-spacing:.3px; border:1px solid #ddd; border-radius:2px; background:#fff; color:#161616; transition:border-color .2s ease; }\n  .bkp .lang-switch > summary::-webkit-details-marker { display:none; }\n  .bkp .lang-switch > summary::marker { content:\"\"; }\n  .bkp .lang-switch > summary:hover, .bkp .lang-switch[open] > summary { border-color:#161616; }\n  .bkp .lang-switch .caret { transition: transform .2s ease; }\n  .bkp .lang-switch[open] .caret { transform: rotate(180deg); }\n  .bkp .lang-menu { position:absolute; top:calc(100% + 8px); right:0; z-index:80; min-width:168px; background:#fff; border:1px solid #eee; border-radius:2px; box-shadow:0 12px 28px rgba(0,0,0,.12); overflow:hidden; }\n  .bkp .lang-menu a { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:11px 15px; font-size:14px; color:#161616; transition:background .2s ease; }\n  .bkp .lang-menu a:hover { background:#F7F7F7; }\n  .bkp .lang-menu a .code { font-size:12px; font-weight:700; letter-spacing:.5px; color:#8a8a8a; }\n  .bkp .lang-menu a.is-current { font-weight:700; background:#F7F7F7; }\n  .bkp .lang-menu a.is-current .code { color:#161616; }\n  @media (max-width: 640px) { .bkp .lang-switch > summary { padding:9px 10px; font-size:12.5px; gap:5px; } }\n  @media (max-width: 400px) { .bkp .lang-switch > summary { padding:8px 8px; font-size:11px; gap:4px; } .bkp .lang-switch .globe { display:none; } }\n\n  \/* ---- Correctif en-t\u00eate mobile : logo toujours visible, plus de d\u00e9bordement ---- *\/\n  .bkp .site-header .wrap > a { flex: 0 0 auto; }\n  @media (max-width: 640px) {\n    .bkp { overflow-x: clip; }\n    .bkp .site-header .wrap { gap: 12px; }\n    \/* Le s\u00e9lecteur de langue passe au-dessus des deux boutons : l'en-t\u00eate tient\n       alors sur n'importe quelle largeur d'\u00e9cran, logo Bocklip compris. *\/\n    .bkp .header-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; min-width: 0; }\n    .bkp .header-actions .lang-switch { grid-column: 1 \/ -1; justify-self: end; }\n    .bkp .header-actions .btn {\n      width: 100%; justify-content: center; text-align: center;\n      white-space: normal; line-height: 1.2; padding: 9px 6px; font-size: 11px;\n    }\n    .bkp .lang-switch > summary { padding: 9px 12px; font-size: 12.5px; gap: 6px; }\n    .bkp .lang-switch .globe { display: inline-block; }\n    .bkp .logo-img { height: 20px; }\n  }\n\n  \/* Masque le s\u00e9lecteur de langue Weglot du site : doublon avec le s\u00e9lecteur du bloc, et il renvoie vers des pages non traduites *\/\n  aside.country-selector, .country-selector, .weglot-container, #weglot-switcher, .wg-drop { display: none !important; }\n\n  \/* --- En-tete : le theme impose display:grid sur .header-actions, on reprend la main --- *\/\n  .bkp .site-header .header-actions { display: flex !important; align-items: center; gap: 14px; }\n  .bkp .site-header .header-actions .btn { white-space: nowrap !important; }\n  .bkp .site-header .wrap > .lang-switch { margin-left: auto; margin-right: 14px; }\n  @media (max-width: 640px) {\n    .bkp .site-header .wrap { flex-wrap: wrap; row-gap: 10px; }\n    .bkp .site-header .wrap > .lang-switch { margin-right: 0; }\n    .bkp .site-header .header-actions { flex: 0 0 100%; width: 100%; gap: 8px !important; }\n    .bkp .site-header .header-actions .btn { flex: 1 1 0; justify-content: center; padding: 11px 8px; }\n  }\n\n  \/* --- Vignettes des realisations entierement cliquables (image comprise) --- *\/\n  .bkp .project-card { position: relative; }\n  .bkp .project-card .price-btn::after,\n  .bkp .project-card--cta .link-arrow::after { content: \"\"; position: absolute; inset: 0; z-index: 2; }\n  .bkp a.samples-image { display: block; }\n<\/style>\n\n<div class=\"bkp\">\n\n  <!-- ================= EN-T\u00caTE ================= -->\n  <header class=\"site-header\">\n    <div class=\"wrap\">\n      <a href=\"https:\/\/www.bocklip.com\/de\/\" aria-label=\"Bocklip\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <img decoding=\"async\" class=\"logo-img\" src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2025\/01\/svgexport-23.svg\" alt=\"Bocklip\">\n      <\/a>\n      <details class=\"lang-switch\">\n          <summary aria-label=\"Sprache wechseln\">\n            <svg class=\"globe\" viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M3 12 H21\"><\/path><path d=\"M12 3 a14 14 0 0 1 0 18 a14 14 0 0 1 0 -18\"><\/path><\/svg>\n            <span>DE<\/span>\n            <svg class=\"caret\" viewBox=\"0 0 24 24\" width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9 L12 15 L18 9\"><\/path><\/svg>\n          <\/summary>\n          <nav class=\"lang-menu\">\n          <a href=\"https:\/\/www.bocklip.com\/experiences\/landing-page\/\">Franz\u00f6sisch <span class=\"code\">FR<\/span><\/a>\n          <a href=\"https:\/\/www.bocklip.com\/experiences\/landing-page-de\/\" class=\"is-current\" aria-current=\"true\">Deutsch <span class=\"code\">DE<\/span><\/a>\n          <a href=\"https:\/\/www.bocklip.com\/experiences\/landing-page-it\/\">Italienisch <span class=\"code\">IT<\/span><\/a>\n          <\/nav>\n        <\/details>\n      <div class=\"header-actions\">\n        \n\n        <a href=\"https:\/\/bocklip.com\/de\/instant-quote\" class=\"btn btn--outline\" target=\"_blank\" rel=\"noopener noreferrer\">Mein Projekt kalkulieren<\/a>\n        <a href=\"https:\/\/bocklip.com\/de\/discovery-with-expert\" class=\"btn btn--black\" target=\"_blank\" rel=\"noopener noreferrer\">Termin vereinbaren<\/a>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- ================= HERO ================= -->\n  <a class=\"hero\" href=\"https:\/\/www.bocklip.com\/de\/\" aria-label=\"Bocklip\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"background-image:url('https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/07\/bockli-facade-bois-et-laque-mate.png');\"><\/a>\n\n  <!-- ================= NOS R\u00c9ALISATIONS \u2014 CARROUSEL DE PROJETS ================= -->\n  <section class=\"section section--cream\" id=\"projets\">\n    <div class=\"wrap\">\n      <div class=\"eyebrow reveal\">Unsere Projekte<\/div>\n      <div class=\"section-head section-head--row reveal\">\n        <div>\n          <h2>Projekte, die Sie inspirieren<\/h2>\n          <p>Entdecken Sie einzigartige Interieurs und stellen Sie sich Ihr eigenes Projekt vor.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"carousel-shell reveal\">\n        <button type=\"button\" class=\"carousel-arrow prev\" data-carousel-dir=\"-1\" data-carousel-target=\"projects-track\" aria-label=\"Zur\u00fcck\">\u2039<\/button>\n\n        <div class=\"carousel-track\" id=\"projects-track\">\n\n          <div class=\"project-card\" id=\"proj-1\">\n            <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/07\/bocklip-facade-chene-arabica-brosse-et-forme-pure-laque-matsonora.png\" alt=\"K\u00fcche mit Bocklip-Fronten Eiche Arabica, Form PURE\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"body\">\n              <p class=\"cat\">K\u00fcche Eiche Arabica<\/p>\n              <p class=\"material\">Form PURE<\/p>\n              <a href=\"https:\/\/www.bocklip.com\/experiences\/2026\/07\/10\/cuisine-aero-chene-arabica-brosse-laque-mate-sonora-neuilly-sur-seine\/\" class=\"price-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Budget 10.183,56 \u20ac <span>\u2192<\/span><\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"project-card\" id=\"proj-2\">\n            <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2025\/06\/Cuisine-verte-u-shape-.jpg\" alt=\"K\u00fcche mit Bocklip-Fronten Mattlack, Form MODERNE\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"body\">\n              <p class=\"cat\">K\u00fcche Mattlack<\/p>\n              <p class=\"material\">Form MODERNE<\/p>\n              <a href=\"https:\/\/www.bocklip.com\/experiences\/2025\/06\/05\/cuisine-aux-coins-arrondis\/\" class=\"price-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Budget 6.850 \u20ac <span>\u2192<\/span><\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"project-card\" id=\"proj-3\">\n            <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/06\/2026.06.05-RUE-DE-CHARTRES-HD-JPEG-14.jpg\" alt=\"Ankleidezimmer mit Bocklip-Fronten Eiche natur plissiert\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"body\">\n              <p class=\"cat\">Ankleidezimmer<\/p>\n              <p class=\"material\">Eiche natur plissiert<\/p>\n              <a href=\"https:\/\/www.bocklip.com\/experiences\/2026\/06\/08\/dressing-chene-naturel-pure-et-plisse-dans-une-suite-parentale\/\" class=\"price-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Budget 10.013,73 \u20ac <span>\u2192<\/span><\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"project-card\" id=\"proj-4\">\n            <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/09\/Cyrielle-wattinne-2-scaled.jpg\" alt=\"K\u00fcche mit Bocklip-Fronten Satiniert Vert Tige, Form PURE\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"body\">\n              <p class=\"cat\">K\u00fcche Satiniert Vert Tige<\/p>\n              <p class=\"material\">Form PURE<\/p>\n              <a href=\"https:\/\/www.bocklip.com\/experiences\/2022\/06\/08\/cuisine-lumineuse-satine-vert-tige-bois\/\" class=\"price-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Budget 5.081 \u20ac <span>\u2192<\/span><\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"project-card\" id=\"proj-5\">\n            <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/09\/12-01-1-scaled.jpg\" alt=\"K\u00fcche mit Bocklip-Fronten Eiche Natur Glatt, Form MODERNE\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div class=\"body\">\n              <p class=\"cat\">K\u00fcche Eiche Natur Glatt<\/p>\n              <p class=\"material\">Form MODERNE<\/p>\n              <a href=\"https:\/\/www.bocklip.com\/experiences\/2025\/11\/20\/cuisine-en-chene-naturel-renovation-maison-70\/\" class=\"price-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Budget 6.345,71 \u20ac <span>\u2192<\/span><\/a>\n            <\/div>\n          <\/div>\n\n          <!-- Carte CTA finale, comme sur le site -->\n          <div class=\"project-card project-card--cta\" id=\"proj-cta\">\n            <div class=\"icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2\"><\/rect><path d=\"M11 19 H13\"><\/path><\/svg><\/div>\n            <strong>Mein Projekt sch\u00e4tzen<\/strong>\n            <span>Erhalten Sie den Preis Ihres Projekts in 1 Klick<\/span>\n            <a href=\"https:\/\/bocklip.com\/de\/estimated-cost\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Sch\u00e4tzen <span>\u2192<\/span><\/a>\n          <\/div>\n\n          <!-- Pour ajouter un projet : dupliquez un bloc .project-card ci-dessus,\n               donnez-lui un id unique (proj-6, proj-7...) et mettez \u00e0 jour l'image,\n               le titre, la mati\u00e8re et le budget. -->\n\n        <\/div>\n\n        <button type=\"button\" class=\"carousel-arrow next\" data-carousel-dir=\"1\" data-carousel-target=\"projects-track\" aria-label=\"Weiter\">\u203a<\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= AVIS CLIENTS ================= -->\n  <section class=\"section\" id=\"avis\">\n    <div class=\"wrap\">\n      <div class=\"eyebrow reveal\">Kundenbewertungen<\/div>\n      <div class=\"section-head reveal\">\n        <h2>Sie haben ihr Interieur mit Bocklip verwandelt<\/h2>\n        <p>Projekte in ganz Frankreich, mit zufriedenen Kunden und ihrer neuen K\u00fcche, ihrem Ankleidezimmer oder Badezimmer.<\/p>\n      <\/div>\n\n      <div class=\"carousel-shell review-shell reveal\">\n        <button type=\"button\" class=\"carousel-arrow prev\" data-carousel-dir=\"-1\" data-carousel-target=\"reviews-track\" aria-label=\"Zur\u00fcck\">\u2039<\/button>\n\n        <div class=\"carousel-track\" id=\"reviews-track\">\n\n          <div class=\"review-card\" id=\"rev-1\">\n            <div class=\"stars\">\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n            <\/div>\n            <p class=\"quote\">\u201eSehr gute Beratung und hochwertige Produkte.\u201c<\/p>\n            <p class=\"author\">\u2014 Cyrielle Sueur<\/p>\n          <\/div>\n\n          <div class=\"review-card\" id=\"rev-2\">\n            <div class=\"stars\">\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n            <\/div>\n            <p class=\"quote\">\u201eSehr guter Kontakt und gute Beratung durch Paul Eloi, Mickael und Ingrid. Wir waren von der Qualit\u00e4t der Materialien und des Designs \u00fcberzeugt. Mit Bocklip lassen sich wirklich sch\u00f6ne K\u00fcchen zu einem vern\u00fcnftigen Preis gestalten!\u201c<\/p>\n            <p class=\"author\">\u2014 Eric Lefranc<\/p>\n          <\/div>\n\n          <div class=\"review-card\" id=\"rev-3\">\n            <div class=\"stars\">\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n            <\/div>\n            <p class=\"quote\">\u201eNeben den Farben aus dem Katalog kann man bei Bocklip auch eine komplett individuelle Farbe (NCS) w\u00e4hlen. So konnte ich meine M\u00f6bel perfekt mit meinen Vorh\u00e4ngen und der Wand meines Wohnzimmers abstimmen. Perfekt!\u201c<\/p>\n            <p class=\"author\">\u2014 Coralie Neiner<\/p>\n          <\/div>\n\n          <div class=\"review-card\" id=\"rev-4\">\n            <div class=\"stars\">\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"currentColor\"><path d=\"M12 2 L14.9 8.6 L22 9.3 L16.5 14 L18.2 21 L12 17.3 L5.8 21 L7.5 14 L2 9.3 L9.1 8.6 Z\"><\/path><\/svg>\n            <\/div>\n            <p class=\"quote\">\u201eEine tolle Auswahl an Farben, Materialien, Stilen und Zubeh\u00f6r! Ein echtes Vergn\u00fcgen, unsere K\u00fcche zu renovieren, ohne alles neu machen zu m\u00fcssen. Wir k\u00f6nnen es nur empfehlen!\u201c<\/p>\n            <p class=\"author\">\u2014 St\u00e9phane Verhulst<\/p>\n          <\/div>\n\n        <\/div>\n\n        <button type=\"button\" class=\"carousel-arrow next\" data-carousel-dir=\"1\" data-carousel-target=\"reviews-track\" aria-label=\"Weiter\">\u203a<\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= CHIFFREZ VOTRE PROJET ================= -->\n  <section class=\"section section--cream\" id=\"chiffrage\">\n    <div class=\"wrap\">\n      <div class=\"eyebrow reveal\">Kostenvoranschlag<\/div>\n      <div class=\"section-head reveal\">\n        <h2>Kalkulieren Sie Ihr Projekt, ganz einfach<\/h2>\n        <p>Sie haben bereits einen IKEA-Plan, einen Architektenplan oder einfach nur eine Idee? In wenigen Klicks erhalten Sie eine erste Kostensch\u00e4tzung f\u00fcr Ihr Projekt.<\/p>\n      <\/div>\n\n      <div class=\"grid-3\">\n        <div class=\"info-card reveal-fade\">\n          <div class=\"icon\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21 L21 21 L21 3 Z\"><\/path><path d=\"M6 21 V18 M9 21 V18 M12 21 V18 M15 21 V18 M18 21 V15\"><\/path><\/svg><\/div>\n          <h3>Ich habe einen IKEA-K\u00fcchenplan<\/h3>\n          <p>Laden Sie Ihren IKEA-Plan hoch (Metod, Pax, Besta \u2026) und erhalten Sie sofort einen Kostenvoranschlag online.<\/p>\n          <a href=\"https:\/\/bocklip.com\/de\/instant-quote\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Meinen IKEA-Plan kalkulieren <span>\u2192<\/span><\/a>\n        <\/div>\n        <div class=\"info-card reveal-fade\">\n          <div class=\"icon\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 4.5 L19.5 9.5 L8 21 H3 V16 L14.5 4.5 Z\"><\/path><path d=\"M12 7 L17 12\"><\/path><\/svg><\/div>\n          <h3>Ich habe einen anderen Plan<\/h3>\n          <p>Senden Sie uns Ihre Pl\u00e4ne oder Ma\u00dfe und erhalten Sie innerhalb von 48 Stunden einen Kostenvoranschlag.<\/p>\n          <a href=\"https:\/\/0ocnt1p0e6x.typeform.com\/to\/Xg1Xofub\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Meinen Plan kalkulieren <span>\u2192<\/span><\/a>\n        <\/div>\n        <div class=\"info-card reveal-fade\">\n          <div class=\"icon\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"1\"><\/rect><path d=\"M3 10 H21\"><\/path><path d=\"M7 3 V7 M17 3 V7\"><\/path><path d=\"M7 14 H9 M11 14 H13 M15 14 H17 M7 17 H9 M11 17 H13\"><\/path><\/svg><\/div>\n          <h3>Ich habe noch keinen Plan<\/h3>\n          <p>Vereinbaren Sie einen Termin mit einem Experten, im Showroom oder per Videoanruf, um bei Ihrem Projekt begleitet zu werden.<\/p>\n          <a href=\"https:\/\/bocklip.com\/de\/discovery-with-expert\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Termin vereinbaren <span>\u2192<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= EXPLOREZ PAR PI\u00c8CE ================= -->\n  <section class=\"section\">\n    <div class=\"wrap\">\n      <div class=\"eyebrow reveal\">Inspirationen<\/div>\n      <div class=\"section-head reveal\"><h2>Nach Raum entdecken<\/h2><\/div>\n\n      <div class=\"room-grid\">\n        <a class=\"room-item reveal-fade\" href=\"https:\/\/bocklip.com\/de\/inspirationen\/die-k\u00fcche\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/04\/BOUTON_PUTEAUX_CUISINE-06-1-scaled.jpg\" alt=\"Bocklip-Fronten f\u00fcr die K\u00fcche\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <span>K\u00fcche<\/span>\n        <\/a>\n        <a class=\"room-item reveal-fade\" href=\"https:\/\/bocklip.com\/de\/inspirationen\/Countertops\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/07\/Capture-decran-2026-06-16-a-10.25.34-1.png\" alt=\"Bocklip-Arbeitsplatte nach Ma\u00df\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <span>Arbeitsplatte<\/span>\n        <\/a>\n        <a class=\"room-item reveal-fade\" href=\"https:\/\/bocklip.com\/de\/inspirationen\/das-ankleidezimmer\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/06\/dressing-moderne-pure-laque-mate-vert-chambre-enfant-facade-bocklip.png\" alt=\"Bocklip-Fronten f\u00fcr das Ankleidezimmer\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <span>Ankleidezimmer<\/span>\n        <\/a>\n        <a class=\"room-item reveal-fade\" href=\"https:\/\/bocklip.com\/de\/inspirationen\/the-living-room\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/06\/2026.06.05-RUE-DE-CHARTRES-HD-JPEG-06.jpg\" alt=\"Bocklip-Fronten f\u00fcr das Wohnzimmer\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <span>Wohnzimmer<\/span>\n        <\/a>\n        <a class=\"room-item reveal-fade\" href=\"https:\/\/bocklip.com\/de\/inspirationen\/das-badezimmer\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"thumb\"><img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/02\/Atelier-Noun-SDB-Chene-naturel-Plisse.jpg\" alt=\"Bocklip-Fronten f\u00fcr das Badezimmer\" loading=\"lazy\" decoding=\"async\"><\/div>\n          <span>Badezimmer<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= \u00c9CHANTILLONS ================= -->\n  <section class=\"section\" id=\"echantillons\">\n    <div class=\"wrap\">\n      <div class=\"samples-grid\">\n        <div class=\"reveal\">\n          <div class=\"eyebrow\">Musterproben<\/div>\n          <h2 class=\"samples-title\">\u00dcberzeugen Sie sich selbst von der Qualit\u00e4t unserer Fronten<\/h2>\n          <p class=\"samples-text\">F\u00fchlen Sie das Material, vergleichen Sie die Farbt\u00f6ne live: Bestellen Sie Ihre Muster f\u00fcr Fronten und Arbeitsplatten, bevor Sie sich entscheiden.<\/p>\n          <a href=\"https:\/\/bocklip.com\/de\/samples\" class=\"btn btn--black\" target=\"_blank\" rel=\"noopener noreferrer\">Meine Muster bestellen <span class=\"arrow\">\u2192<\/span><\/a>\n        <\/div>\n\n        <a class=\"samples-image reveal\" href=\"https:\/\/bocklip.com\/de\/samples\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/09\/nano-banana-2026-09-10T14-31-28.jpg\" alt=\"Bocklip-Musterbox f\u00fcr Fronten\" loading=\"lazy\" decoding=\"async\">\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= NOS SERVICES ================= -->\n  <section class=\"section section--cream\" id=\"services\">\n    <div class=\"wrap\">\n      <div class=\"eyebrow reveal\">Wir begleiten Sie<\/div>\n      <div class=\"section-head reveal\"><h2>Unsere Leistungen<\/h2><\/div>\n\n      <div class=\"grid-4\">\n        <div class=\"info-card reveal-fade\">\n          <div class=\"icon\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8 L12 4 L21 8 L12 12 Z\"><\/path><path d=\"M3 8 V16 L12 20 V12\"><\/path><path d=\"M21 8 V16 L12 20\"><\/path><path d=\"M7 6 L16 10\"><\/path><\/svg><\/div>\n          <h3>Musterproben<\/h3>\n          <p>Bestellen Sie Ihre Muster f\u00fcr Fronten und Arbeitsplatte.<\/p>\n          <a href=\"https:\/\/bocklip.com\/de\/samples\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Bestellen <span>\u2192<\/span><\/a>\n        <\/div>\n        <div class=\"info-card reveal-fade\">\n          <div class=\"icon\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"1\"><\/rect><path d=\"M3 10 H21\"><\/path><path d=\"M7 3 V7 M17 3 V7\"><\/path><path d=\"M7 14 H9 M11 14 H13 M15 14 H17 M7 17 H9 M11 17 H13\"><\/path><\/svg><\/div>\n          <h3>Termin vereinbaren<\/h3>\n          <p>Vereinbaren Sie einen Termin mit einem unserer Experten und profitieren Sie von individueller Beratung.<\/p>\n          <a href=\"https:\/\/bocklip.com\/de\/discovery-with-expert\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Termin vereinbaren <span>\u2192<\/span><\/a>\n        <\/div>\n        <div class=\"info-card reveal-fade\">\n          <div class=\"icon\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"1\"><\/rect><path d=\"M8 7 H16 M8 11 H16 M8 15 H13\"><\/path><\/svg><\/div>\n          <h3>Kalkulieren Sie Ihr Projekt<\/h3>\n          <p>Erhalten Sie einen individuellen Kostenvoranschlag f\u00fcr Ihr Projekt.<\/p>\n          <a href=\"https:\/\/bocklip.com\/de\/estimated-cost\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Kalkulieren <span>\u2192<\/span><\/a>\n        <\/div>\n        <div class=\"info-card reveal-fade\">\n          <div class=\"icon\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path><\/svg><\/div>\n          <h3>Montage &amp; Installation<\/h3>\n          <p>Unsere Handwerker \u00fcbernehmen die Montage oder erstellen Ihnen einen individuellen Kostenvoranschlag.<\/p>\n          <a href=\"https:\/\/bocklip.com\/de\/installation-and-setup\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Mehr erfahren <span>\u2192<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= PRESSE ================= -->\n  <section class=\"press-strip\">\n    <div class=\"wrap reveal\">\n      <span class=\"press-label\">Man spricht \u00fcber uns<\/span>\n      <div class=\"press-logos\">\n        <img class=\"press-logo-img reveal-fade\" src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2025\/01\/elledecoration.png\" alt=\"Elle D\u00e9coration\" loading=\"lazy\" decoding=\"async\">\n        <img class=\"press-logo-img reveal-fade\" src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2025\/01\/marie_claire.png\" alt=\"Marie Claire Maison\" loading=\"lazy\" decoding=\"async\">\n        <img class=\"press-logo-img reveal-fade\" src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2025\/01\/artdecoration.png\" alt=\"Art &amp; D\u00e9coration\" loading=\"lazy\" decoding=\"async\">\n        <img class=\"press-logo-img reveal-fade\" src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2025\/01\/cotemaison.png\" alt=\"C\u00f4t\u00e9 Maison\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= FAQ ================= -->\n  <section class=\"section\" id=\"faq\">\n    <div class=\"wrap\">\n      <div class=\"eyebrow reveal\">H\u00e4ufige Fragen<\/div>\n      <div class=\"section-head reveal\">\n        <h2>Alles, was Sie vor dem Start wissen m\u00fcssen<\/h2>\n      <\/div>\n\n      <div class=\"faq-wrap\">\n        <div class=\"faq-list\">\n          <details class=\"faq-item reveal\" open>\n            <summary>Sind meine M\u00f6bel mit den Bocklip-Fronten kompatibel?\n              <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M12 4 V20 M4 12 H20\"><\/path><\/svg><\/span>\n            <\/summary>\n            <p>Ja. Unsere Fronten sind so konzipiert, dass sie zu den g\u00e4ngigsten M\u00f6belstrukturen auf dem Markt passen: IKEA (METOD, PAX, BESTA, FAKTUM) und Leroy Merlin (DELINIA, EVO'M, REMIX). Teilen Sie uns Ihre Struktur bei der Kalkulation mit, und wir best\u00e4tigen gemeinsam mit Ihnen die Kompatibilit\u00e4t.<\/p>\n          <\/details>\n          <details class=\"faq-item reveal\">\n            <summary>Muss ich die M\u00f6belstruktur selbst kaufen?\n              <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M12 4 V20 M4 12 H20\"><\/path><\/svg><\/span>\n            <\/summary>\n            <p>Ja, Bocklip liefert ausschlie\u00dflich die Fronten, Seitenteile und Regalb\u00f6den. Die Struktur (IKEA- oder Leroy-Merlin-Korpus) wird separat erworben, im Gesch\u00e4ft oder online, vor oder nach Ihrer Bestellung bei uns.<\/p>\n          <\/details>\n          <details class=\"faq-item reveal\">\n            <summary>Wie nehme ich Ma\u00df, um meine Fronten zu bestellen?\n              <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M12 4 V20 M4 12 H20\"><\/path><\/svg><\/span>\n            <\/summary>\n            <p>Wir begleiten Sie Schritt f\u00fcr Schritt bei der Aufnahme der Ma\u00dfe Ihrer vorhandenen Struktur (IKEA oder Leroy Merlin). Ein Experte kann Ihre Ma\u00dfe auch anhand von Fotos oder per Videoanruf \u00fcberpr\u00fcfen, bevor Ihre Bestellung best\u00e4tigt wird.<\/p>\n          <\/details>\n          <details class=\"faq-item reveal\">\n            <summary>Welche Oberfl\u00e4chen und Farben bieten Sie an?\n              <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M12 4 V20 M4 12 H20\"><\/path><\/svg><\/span>\n            <\/summary>\n            <p>\u00dcber unseren Katalog mit Mattlacken und Naturh\u00f6lzern hinaus bietet Bocklip auch komplett individuelle Farben nach dem NCS-Farbf\u00e4cher, um Ihre Fronten mit dem Rest Ihres Interieurs abzustimmen.<\/p>\n          <\/details>\n          <details class=\"faq-item reveal\">\n            <summary>Kann ich Muster bestellen, bevor ich mich entscheide?\n              <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M12 4 V20 M4 12 H20\"><\/path><\/svg><\/span>\n            <\/summary>\n            <p>Ja, mit unserer Musterbox k\u00f6nnen Sie unsere Oberfl\u00e4chen (Mattlack, Naturholz, individuelle Farben) zu Hause anfassen und vergleichen, bevor Sie Ihr Projekt best\u00e4tigen.<\/p>\n          <\/details>\n          <details class=\"faq-item reveal\">\n            <summary>Liefern Sie in ganz Frankreich?\n              <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M12 4 V20 M4 12 H20\"><\/path><\/svg><\/span>\n            <\/summary>\n            <p>Ja, wir liefern im gesamten franz\u00f6sischen Mutterland. Die Lieferzeiten variieren je nach Oberfl\u00e4che und Komplexit\u00e4t Ihrer Bestellung; sie werden Ihnen bei der Best\u00e4tigung Ihres Angebots genau mitgeteilt.<\/p>\n          <\/details>\n          <details class=\"faq-item reveal\">\n            <summary>Wie lange dauert es von der Bestellung bis zur Lieferung?\n              <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M12 4 V20 M4 12 H20\"><\/path><\/svg><\/span>\n            <\/summary>\n            <p>Die Lieferzeit h\u00e4ngt von der gew\u00e4hlten Oberfl\u00e4che und dem Umfang Ihrer Bestellung ab. Sie wird Ihnen bei der Best\u00e4tigung Ihres Angebots genau mitgeteilt, vor jeglicher Verpflichtung.<\/p>\n          <\/details>\n          <details class=\"faq-item reveal\">\n            <summary>Haben Sie noch eine andere Frage?\n              <span class=\"faq-icon\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M12 4 V20 M4 12 H20\"><\/path><\/svg><\/span>\n            <\/summary>\n            <p>Werfen Sie einen Blick in unsere vollst\u00e4ndige FAQ oder kontaktieren Sie unser Team direkt, im Showroom, per Telefon oder per Videoanruf.<\/p>\n            <a href=\"https:\/\/bocklip.com\/de\/faq\" class=\"link-arrow\" target=\"_blank\" rel=\"noopener noreferrer\">Alle FAQ ansehen <span>\u2192<\/span><\/a>\n          <\/details>\n        <\/div>\n        <a class=\"faq-image reveal\" href=\"https:\/\/bocklip.com\/de\/unsere-ausstellungsr\u00e4ume\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Unsere Bocklip-Showrooms entdecken\">\n          <img src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2026\/09\/photo-showroom-1.jpg\" alt=\"Bocklip Showroom\" loading=\"lazy\" decoding=\"async\">\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= BANDEAU FINAL ================= -->\n  <div class=\"closing-banner reveal\">\n    <h2>Und Ihre M\u00f6bel sehen aus wie Sie.<\/h2>\n    <div style=\"margin-top:28px;\">\n      <a href=\"https:\/\/0ocnt1p0e6x.typeform.com\/to\/hNkR0bB1\" class=\"btn btn--black\" target=\"_blank\" rel=\"noopener noreferrer\">Angebot anfordern<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- ================= FOOTER ================= -->\n  <footer class=\"site-footer\">\n    <div class=\"wrap\">\n      <div class=\"footer-grid\">\n        <div>\n          <img class=\"logo-img\" style=\"margin-bottom:16px;\" src=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2025\/01\/svgexport-23.svg\" alt=\"Bocklip\" loading=\"lazy\" decoding=\"async\">\n          <p style=\"font-size:14px; color:#9a9a9a; max-width:220px;\">Bocklip verwandelt Ihre M\u00f6bel mit hochwertigen Fronten.<\/p>\n        <\/div>\n        <div>\n          <h4>Kundenservice<\/h4>\n          <ul>\n            <li><a href=\"https:\/\/bocklip.com\/de\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kontaktieren Sie uns<\/a><\/li>\n            <li>Montag bis Sonntag von 8 bis 00 Uhr<\/li>\n          <\/ul>\n        <\/div>\n        <div>\n          <h4>\u00dcber uns<\/h4>\n          <ul>\n            <li><a href=\"https:\/\/bocklip.com\/de\/about-us\" target=\"_blank\" rel=\"noopener noreferrer\">Wer wir sind<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/de\/concept\" target=\"_blank\" rel=\"noopener noreferrer\">Unser Konzept<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/de\/our-project\" target=\"_blank\" rel=\"noopener noreferrer\">Unser nachhaltig kreatives Projekt<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/de\/faq\" target=\"_blank\" rel=\"noopener noreferrer\">FAQ<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/de\/page\/allgemeine-geschaftsbedingungen\" target=\"_blank\" rel=\"noopener noreferrer\">Allgemeine Gesch\u00e4ftsbedingungen<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div>\n          <h4>Unsere Produkte<\/h4>\n          <ul>\n            <li><a href=\"https:\/\/bocklip.com\/de\/products-list\/kategorien\/wohnzimmer\/besta\" target=\"_blank\" rel=\"noopener noreferrer\">IKEA-Fronten \u2014 BESTA<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/de\/products-list\/kategorien\/kuche\/delinia\" target=\"_blank\" rel=\"noopener noreferrer\">Leroy-Merlin-Fronten \u2014 DELINIA<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/de\/products-list\/kategorien\/dressing\/evom\" target=\"_blank\" rel=\"noopener noreferrer\">Leroy-Merlin-Fronten \u2014 EVO'M<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/de\/products-list\/kategorien\/kuche\/faktum\" target=\"_blank\" rel=\"noopener noreferrer\">IKEA-Fronten \u2014 FAKTUM<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/de\/products-list\/kategorien\/kuche\/metod\" target=\"_blank\" rel=\"noopener noreferrer\">IKEA-Fronten \u2014 METOD<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/de\/products-list\/kategorien\/dressing\/pax\" target=\"_blank\" rel=\"noopener noreferrer\">IKEA-Fronten \u2014 PAX<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/de\/products-list\/kategorien\/badezimmer\/remix\" target=\"_blank\" rel=\"noopener noreferrer\">Leroy-Merlin-Fronten \u2014 REMIX<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div>\n          <h4>Unsere Leistungen<\/h4>\n          <ul>\n            <li><a href=\"https:\/\/bocklip.com\/de\/page\/lieferzeiten\" target=\"_blank\" rel=\"noopener noreferrer\">Lieferung<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/de\/discovery-with-expert\" target=\"_blank\" rel=\"noopener noreferrer\">Ihr Projekt mit unseren Experten starten<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/de\/estimated-cost\" target=\"_blank\" rel=\"noopener noreferrer\">Die Kosten Ihres Projekts sch\u00e4tzen<\/a><\/li>\n            <li><a href=\"https:\/\/bocklip.com\/de\/installation-and-setup\" target=\"_blank\" rel=\"noopener noreferrer\">Die Montage Experten anvertrauen<\/a><\/li>\n          <\/ul>\n          <h4 style=\"margin-top:28px;\">Folgen Sie uns<\/h4>\n          <ul>\n            <li><a href=\"https:\/\/www.instagram.com\/bocklip\/\" target=\"_blank\" rel=\"noopener noreferrer\">Instagram<\/a><\/li>\n            <li><a href=\"https:\/\/www.pinterest.fr\/bocklip\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pinterest<\/a><\/li>\n            <li><a href=\"https:\/\/www.youtube.com\/channel\/UCV5UzOTuvZ5VBV1iAcHdlyw\/\" target=\"_blank\" rel=\"noopener noreferrer\">Youtube<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"footer-bottom\">\n        <span>\u00a9 Bocklip \u2014 Alle Rechte vorbehalten<\/span>\n        <span>Mit Sorgfalt entworfen in Frankreich<\/span>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<script>\n(function () {\n  \/\/ Active les animations d'apparition (progressive enhancement : sans JS, tout reste visible).\n  document.documentElement.classList.add('js-anim');\n\n  \/\/ Pause\/reprise de l'autoplay d'un carrousel (partag\u00e9e entre les fl\u00e8ches et le survol).\n  function pauseTrack(track, ms) {\n    track.__bkpHover = true;\n    clearTimeout(track.__bkpResumeTimer);\n    if (ms) {\n      track.__bkpResumeTimer = setTimeout(function () { track.__bkpHover = false; }, ms);\n    }\n  }\n  function resumeTrack(track) {\n    clearTimeout(track.__bkpResumeTimer);\n    track.__bkpHover = false;\n  }\n\n  \/\/ Fl\u00e8ches cliquables : font d\u00e9filer d'une carte \u00e0 la fois (carrousel projets ET avis).\n  document.querySelectorAll('.carousel-arrow').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      var track = document.getElementById(btn.getAttribute('data-carousel-target'));\n      if (!track) return;\n      var card = track.querySelector('.project-card, .review-card');\n      if (!card) return;\n      var step = card.getBoundingClientRect().width + 24; \/\/ largeur carte + gap\n      var dir = parseInt(btn.getAttribute('data-carousel-dir'), 10);\n      pauseTrack(track, 2000); \/\/ laisse le temps au scroll fluide de se terminer avant de reprendre l'autoplay\n      track.scrollBy({ left: dir * step, behavior: 'smooth' });\n    });\n  });\n\n  \/\/ D\u00e9filement automatique fluide (glissement continu, image par image), en pause au\n  \/\/ survol, au toucher, ou juste apr\u00e8s un clic sur une fl\u00e8che.\n  function setupAutoplay(trackId, pxPerFrame) {\n    var track = document.getElementById(trackId);\n    if (!track) return;\n    var direction = 1;\n\n    track.addEventListener('mouseenter', function () { pauseTrack(track); });\n    track.addEventListener('mouseleave', function () { resumeTrack(track); });\n    track.addEventListener('touchstart', function () { pauseTrack(track); }, { passive: true });\n    track.addEventListener('touchend', function () { pauseTrack(track, 1800); }, { passive: true });\n    \/\/ Sur ordinateur, un simple survol du carrousel (souris\/trackpad) suffit \u00e0 mettre\n    \/\/ l'autoplay en pause pendant que l'utilisateur d\u00e9file lui-m\u00eame ; il reprend au\n    \/\/ moment o\u00f9 le curseur quitte le carrousel (voir mouseenter\/mouseleave ci-dessus).\n\n    function tick() {\n      var maxScroll = track.scrollWidth - track.clientWidth;\n      if (maxScroll > 1 && !track.__bkpHover) {\n        var next = track.scrollLeft + pxPerFrame * direction;\n        if (next >= maxScroll) { next = maxScroll; direction = -1; }\n        else if (next <= 0) { next = 0; direction = 1; }\n        track.scrollLeft = next;\n      }\n      requestAnimationFrame(tick);\n    }\n    requestAnimationFrame(tick);\n  }\n\n  setupAutoplay('projects-track', 0.55);\n  setupAutoplay('reviews-track', 0.42); \/\/ vitesse diff\u00e9rente pour d\u00e9synchroniser les 2 carrousels\n\n  \/\/ Animations d'apparition au scroll (fondu + l\u00e9ger d\u00e9placement vers le haut,\n  \/\/ ou fondu seul pour \".reveal-fade\") d\u00e8s qu'un bloc entre dans le viewport.\n  var revealEls = document.querySelectorAll('.reveal, .reveal-fade');\n  if ('IntersectionObserver' in window && revealEls.length) {\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('is-visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n    revealEls.forEach(function (el) { observer.observe(el); });\n  } else {\n    \/\/ Pas de support IntersectionObserver : on affiche tout directement.\n    revealEls.forEach(function (el) { el.classList.add('is-visible'); });\n  }\n\n  \/\/ Ombre l\u00e9g\u00e8re sous l'en-t\u00eate (sticky) une fois la page d\u00e9fil\u00e9e.\n  var siteHeader = document.querySelector('.site-header');\n  if (siteHeader) {\n    var toggleHeaderShadow = function () {\n      siteHeader.classList.toggle('is-scrolled', window.scrollY > 10);\n    };\n    window.addEventListener('scroll', toggleHeaderShadow, { passive: true });\n    toggleHeaderShadow();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":20,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-15422","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Willkommen bei Bocklip - Inspirations<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bocklip.com\/experiences\/landing-page-de\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Willkommen bei Bocklip - Inspirations\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bocklip.com\/experiences\/landing-page-de\/\" \/>\n<meta property=\"og:site_name\" content=\"Inspirations\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Bocklip\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-17T07:19:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2024\/11\/Bocklip_logo_square-3.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"596\" \/>\n\t<meta property=\"og:image:height\" content=\"596\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/landing-page-de\\\/\",\"url\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/landing-page-de\\\/\",\"name\":\"Willkommen bei Bocklip - Inspirations\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/#website\"},\"datePublished\":\"2026-09-16T08:10:35+00:00\",\"dateModified\":\"2026-09-17T07:19:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/landing-page-de\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/landing-page-de\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/landing-page-de\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Willkommen bei Bocklip\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/#website\",\"url\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/\",\"name\":\"Bocklip Exp\u00e9riences\",\"description\":\"Les exp\u00e9riences de Bocklip\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/#organization\",\"name\":\"Bocklip Exp\u00e9riences\",\"url\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Bocklip_logo_square-2.jpg\",\"contentUrl\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Bocklip_logo_square-2.jpg\",\"width\":596,\"height\":596,\"caption\":\"Bocklip Exp\u00e9riences\"},\"image\":{\"@id\":\"https:\\\/\\\/www.bocklip.com\\\/experiences\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Bocklip\",\"https:\\\/\\\/www.instagram.com\\\/bocklip\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Willkommen bei Bocklip - Inspirations","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bocklip.com\/experiences\/landing-page-de\/","og_locale":"fr_FR","og_type":"article","og_title":"Willkommen bei Bocklip - Inspirations","og_url":"https:\/\/www.bocklip.com\/experiences\/landing-page-de\/","og_site_name":"Inspirations","article_publisher":"https:\/\/www.facebook.com\/Bocklip","article_modified_time":"2026-09-17T07:19:49+00:00","og_image":[{"width":596,"height":596,"url":"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2024\/11\/Bocklip_logo_square-3.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bocklip.com\/experiences\/landing-page-de\/","url":"https:\/\/www.bocklip.com\/experiences\/landing-page-de\/","name":"Willkommen bei Bocklip - Inspirations","isPartOf":{"@id":"https:\/\/www.bocklip.com\/experiences\/#website"},"datePublished":"2026-09-16T08:10:35+00:00","dateModified":"2026-09-17T07:19:49+00:00","breadcrumb":{"@id":"https:\/\/www.bocklip.com\/experiences\/landing-page-de\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bocklip.com\/experiences\/landing-page-de\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.bocklip.com\/experiences\/landing-page-de\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.bocklip.com\/experiences\/"},{"@type":"ListItem","position":2,"name":"Willkommen bei Bocklip"}]},{"@type":"WebSite","@id":"https:\/\/www.bocklip.com\/experiences\/#website","url":"https:\/\/www.bocklip.com\/experiences\/","name":"Bocklip Exp\u00e9riences","description":"Les exp\u00e9riences de Bocklip","publisher":{"@id":"https:\/\/www.bocklip.com\/experiences\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bocklip.com\/experiences\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.bocklip.com\/experiences\/#organization","name":"Bocklip Exp\u00e9riences","url":"https:\/\/www.bocklip.com\/experiences\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.bocklip.com\/experiences\/#\/schema\/logo\/image\/","url":"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2024\/11\/Bocklip_logo_square-2.jpg","contentUrl":"https:\/\/www.bocklip.com\/experiences\/wp-content\/uploads\/2024\/11\/Bocklip_logo_square-2.jpg","width":596,"height":596,"caption":"Bocklip Exp\u00e9riences"},"image":{"@id":"https:\/\/www.bocklip.com\/experiences\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Bocklip","https:\/\/www.instagram.com\/bocklip\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.bocklip.com\/experiences\/wp-json\/wp\/v2\/pages\/15422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bocklip.com\/experiences\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bocklip.com\/experiences\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bocklip.com\/experiences\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bocklip.com\/experiences\/wp-json\/wp\/v2\/comments?post=15422"}],"version-history":[{"count":31,"href":"https:\/\/www.bocklip.com\/experiences\/wp-json\/wp\/v2\/pages\/15422\/revisions"}],"predecessor-version":[{"id":15626,"href":"https:\/\/www.bocklip.com\/experiences\/wp-json\/wp\/v2\/pages\/15422\/revisions\/15626"}],"wp:attachment":[{"href":"https:\/\/www.bocklip.com\/experiences\/wp-json\/wp\/v2\/media?parent=15422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}