{"id":12166,"date":"2026-08-27T20:50:29","date_gmt":"2026-08-27T18:50:29","guid":{"rendered":"https:\/\/sonnenhof-sonnhalde.de\/?page_id=12166"},"modified":"2026-08-27T20:50:29","modified_gmt":"2026-08-27T18:50:29","slug":"vacances-a-velo-en-foret-noire","status":"publish","type":"page","link":"https:\/\/sonnenhof-sonnhalde.de\/fr\/radurlaub-schwarzwald\/","title":{"rendered":"Vacances \u00e0 v\u00e9lo dans le Haut-For\u00eat-Noire"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"12166\" class=\"elementor elementor-12166\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c12166 e-con-full e-flex e-con e-parent\" data-id=\"c12166\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-w12166 elementor-widget elementor-widget-html\" data-id=\"w12166\" 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<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap\">\n<style>\n.scp0:hover { background: rgb(201, 165, 91) !important; }\n.scp1:hover { background: rgb(44, 55, 46) !important; }\n.scp2:hover { transform: translateY(-4px) !important; box-shadow: rgba(31, 38, 32, 0.15) 0px 18px 40px !important; }\n.scp3:hover { color: rgb(251, 248, 241) !important; }\n* { box-sizing: border-box; margin: 0px; padding: 0px; }\nhtml { scroll-behavior: smooth; }\nbody { font-family: Mulish, system-ui, sans-serif; color: rgb(44, 43, 38); background: rgb(247, 243, 236); -webkit-font-smoothing: antialiased; }\na { text-decoration: none; color: inherit; }\n@keyframes fadeUp { \n  0% { opacity: 0; transform: translateY(18px); }\n  100% { opacity: 1; transform: translateY(0px); }\n}\n#siteHeader { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 50; background: transparent; border-bottom: 1px solid transparent; box-shadow: none; transition: background 0.35s, border-color 0.35s, box-shadow 0.35s, backdrop-filter 0.35s; }\nhtml.hdr-solid #siteHeader { background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(8px); border-bottom-color: rgba(184, 149, 89, 0.35); box-shadow: rgba(31, 38, 32, 0.07) 0px 2px 14px; }\n#siteHeader .hdr-phone { color: rgb(251, 248, 241); text-shadow: rgba(15, 20, 16, 0.55) 0px 1px 10px; transition: color 0.35s, text-shadow 0.35s; }\nhtml.hdr-solid #siteHeader .hdr-phone { color: rgb(44, 58, 48); text-shadow: none; }\n#siteHeader .hdr-logo { filter: drop-shadow(rgba(15, 20, 16, 0.5) 0px 1px 10px); transition: filter 0.35s; }\nhtml.hdr-solid #siteHeader .hdr-logo { filter: none; }\n<\/style>\n<div style=\"overflow-x: hidden;\">\n\n  \n  <header id=\"siteHeader\">\n    <div style=\"max-width: 1180px; margin: 0px auto; padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px;\">\n      <a href=\"https:\/\/sonnenhof-sonnhalde.de\/fr\/\" style=\"display: flex; align-items: center;\">\n        <img decoding=\"async\" class=\"hdr-logo\" src=\"https:\/\/sonnenhof-sonnhalde.de\/wp-content\/uploads\/2026\/08\/wellnesshotel-sonnenhof-und-sonnhalde.png\" alt=\"H\u00f4tel bien-\u00eatre Sonnenhof &amp; Sonnhalde\" style=\"height: 42px; width: auto; display: block;\" title=\"\">\n      <\/a>\n      <div style=\"display: flex; align-items: center; gap: 18px;\">\n        <a class=\"hdr-phone\" href=\"tel:+49774392010\" style=\"display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; white-space: nowrap;\">\n          <span style=\"font-size: 15px;\">\u260e<\/span>\n          <span style=\"opacity: 0.95;\">+49 7743 92010<\/span>\n        <\/a>\n        <a href=\"https:\/\/reservations.hotel-spider.com\/01G57de3b1de7690\/\" target=\"_blank\" rel=\"noopener\" class=\"scp0\" style=\"background: rgb(184, 149, 74); color: rgb(31, 38, 32); font-weight: 800; font-size: 14px; letter-spacing: 0.02em; padding: 11px 22px; border-radius: 12px; white-space: nowrap;\">R\u00e9server maintenant<\/a>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  \n  <section style=\"position: relative; background-color: rgb(31, 38, 32);\">\n    <div style=\"position: absolute; inset: 0px; background-image: linear-gradient(rgba(20, 26, 21, 0.38) 0%, rgba(20, 26, 21, 0.28) 45%, rgba(20, 26, 21, 0.62) 100%), url(&quot;https:\/\/sonnenhof-sonnhalde.de\/wp-content\/uploads\/2026\/08\/radurlaub-schwarzwald-motiv.webp&quot;); background-size: cover; background-position: center center;\"><\/div>\n    <div style=\"position: relative; max-width: 1180px; margin: 0px auto; padding: 164px 24px 104px; display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 56px; align-items: center;\">\n      <div style=\"animation: 0.7s ease 0s 1 normal both running fadeUp;\">\n        <div style=\"display: inline-flex; align-items: center; gap: 10px; color: rgb(216, 199, 156); font-size: 13px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; margin-bottom: 22px;\">\n          <span style=\"width: 28px; height: 1px; background: rgb(184, 149, 74);\"><\/span>\n          For\u00eat-Noire du Sud \u00b7 Pays de Rothaus\n        <\/div>\n        <h1 style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 600; font-size: 60px; line-height: 1.04; color: rgb(251, 248, 241); letter-spacing: -0.01em; margin-bottom: 22px;\">Vacances \u00e0 v\u00e9lo dans la<br>Haute For\u00eat-Noire<\/h1>\n        <p style=\"font-size: 19px; line-height: 1.6; color: rgb(231, 225, 212); max-width: 520px; margin-bottom: 30px;\">V\u00e9lo \u00e9lectrique, VTT ou v\u00e9lo de randonn\u00e9e : de l'h\u00f4tel directement vers un r\u00e9seau de routes foresti\u00e8res, de sentiers panoramiques et d'itin\u00e9raires plaisir \u2014 avec local \u00e0 v\u00e9los ferm\u00e9, borne de recharge et pension gourmande 4 plats pour refaire le plein.<\/p>\n        <div style=\"display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-bottom: 30px;\">\n          <a href=\"https:\/\/reservations.hotel-spider.com\/01G57de3b1de7690\/\" target=\"_blank\" rel=\"noopener\" class=\"scp0\" style=\"background: rgb(184, 149, 74); color: rgb(31, 38, 32); font-weight: 800; font-size: 16px; letter-spacing: 0.02em; padding: 17px 34px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.35) 0px 12px 30px;\">V\u00e9rifier les dates &amp; r\u00e9server<\/a>\n          <a href=\"#angebot\" style=\"color: rgb(251, 248, 241); font-weight: 700; font-size: 15px; border-bottom: 1px solid rgba(251, 248, 241, 0.4); padding-bottom: 3px;\">Voir l'offre \u2193<\/a>\n        <\/div>\n        <div style=\"display: flex; flex-wrap: wrap; gap: 26px; color: rgb(216, 199, 156); font-size: 14px; font-weight: 600;\">\n          <span>\u2713 Borne de recharge pour v\u00e9los \u00e9lectriques<\/span>\n          <span>\u2713 Local \u00e0 v\u00e9los ferm\u00e9<\/span>\n          <span>\u2713 Garantie du meilleur prix<\/span>\n        <\/div>\n      <\/div>\n      <div style=\"animation: 0.9s ease 0s 1 normal both running fadeUp;\">\n        <div style=\"background: rgba(247, 243, 236, 0.97); border-radius: 16px; padding: 30px; box-shadow: rgba(0, 0, 0, 0.4) 0px 24px 60px;\">\n          <div style=\"font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(138, 122, 82);\">Offre active pour cyclistes<\/div>\n          <div style=\"display: flex; align-items: baseline; gap: 8px; margin: 12px 0px 4px;\">\n            <span style=\"font-size: 16px; color: rgb(107, 102, 85);\">d\u00e8s<\/span>\n            <span style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 56px; line-height: 1; color: rgb(31, 38, 32);\">220 \u20ac<\/span>\n          <\/div>\n          <div style=\"font-size: 14px; color: rgb(107, 102, 85); margin-bottom: 20px;\">par personne \u00b7 2 nuits pension gourmande incluse<\/div>\n          <div style=\"height: 1px; background: rgb(224, 216, 198); margin-bottom: 18px;\"><\/div>\n          <ul style=\"list-style: none; display: flex; flex-direction: column; gap: 11px; margin-bottom: 22px;\">\n            <li style=\"display: flex; gap: 10px; font-size: 15px; color: rgb(44, 43, 38);\"><span style=\"color: rgb(184, 149, 74); font-weight: 800;\">\u2713<\/span> Pension de luxe quotidienne \u00e0 4 plats<\/li>\n            <li style=\"display: flex; gap: 10px; font-size: 15px; color: rgb(44, 43, 38);\"><span style=\"color: rgb(184, 149, 74); font-weight: 800;\">\u2713<\/span> Local \u00e0 v\u00e9los &amp; borne de recharge<\/li>\n            <li style=\"display: flex; gap: 10px; font-size: 15px; color: rgb(44, 43, 38);\"><span style=\"color: rgb(184, 149, 74); font-weight: 800;\">\u2713<\/span> Suggestions d'itin\u00e9raires &amp; cartes<\/li>\n          <\/ul>\n          <a href=\"https:\/\/reservations.hotel-spider.com\/01G57de3b1de7690\/\" target=\"_blank\" rel=\"noopener\" class=\"scp1\" style=\"display: block; text-align: center; background: rgb(31, 38, 32); color: rgb(251, 248, 241); font-weight: 800; font-size: 15px; padding: 15px; border-radius: 12px;\">V\u00e9rifier la disponibilit\u00e9<\/a>\n          <div style=\"text-align: center; font-size: 12px; color: rgb(138, 122, 82); margin-top: 12px;\">Jusqu'\u00e0 35 % d'\u00e9conomie en r\u00e9servation directe<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n  <div style=\"background: rgb(26, 32, 27); border-bottom: 1px solid rgba(184, 149, 89, 0.2);\">\n    <div style=\"max-width: 1180px; margin: 0px auto; padding: 18px 24px; display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 40px;\">\n      \n        <div style=\"display: flex; align-items: center; gap: 10px; color: rgb(202, 191, 159); font-size: 14px; font-weight: 600;\">\n          <span style=\"color: rgb(184, 149, 74); font-size: 16px;\"><span class=\"sc-interp\">\u2605<\/span><\/span><span class=\"sc-interp\">H\u00f4tel bien-\u00eatre Superior<\/span>\n        <\/div>\n      \n        <div style=\"display: flex; align-items: center; gap: 10px; color: rgb(202, 191, 159); font-size: 14px; font-weight: 600;\">\n          <span style=\"color: rgb(184, 149, 74); font-size: 16px;\"><span class=\"sc-interp\">\u26a1<\/span><\/span><span class=\"sc-interp\">Borne de recharge pour v\u00e9los \u00e9lectriques<\/span>\n        <\/div>\n      \n        <div style=\"display: flex; align-items: center; gap: 10px; color: rgb(202, 191, 159); font-size: 14px; font-weight: 600;\">\n          <span style=\"color: rgb(184, 149, 74); font-size: 16px;\"><span class=\"sc-interp\">\ud83d\udeb2<\/span><\/span><span class=\"sc-interp\">R\u00e9seau cyclable &amp; de sentiers d\u00e9velopp\u00e9<\/span>\n        <\/div>\n      \n        <div style=\"display: flex; align-items: center; gap: 10px; color: rgb(202, 191, 159); font-size: 14px; font-weight: 600;\">\n          <span style=\"color: rgb(184, 149, 74); font-size: 16px;\"><span class=\"sc-interp\">\u2756<\/span><\/span><span class=\"sc-interp\">Carte d'h\u00f4te KONUS gratuite<\/span>\n        <\/div>\n      \n    <\/div>\n  <\/div>\n\n  \n  <section id=\"angebot\" style=\"max-width: 1180px; margin: 0px auto; padding: 92px 24px;\">\n    <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center;\">\n      <div>\n        <div style=\"font-size: 13px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(184, 149, 74); margin-bottom: 16px;\">Actif en selle<\/div>\n        <h2 style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 600; font-size: 42px; line-height: 1.1; color: rgb(31, 38, 32); margin-bottom: 22px;\">Chaque sortie commence devant la porte de l'h\u00f4tel<\/h2>\n        <p style=\"font-size: 17px; line-height: 1.7; color: rgb(74, 72, 64); margin-bottom: 18px;\">Le pays de Rothaus, sur un haut plateau du sud de la Haute-For\u00eat-Noire, est un paradis pour le v\u00e9lo. Boucle plaisir tranquille dans la vall\u00e9e, longue \u00e9tape en v\u00e9lo \u00e9lectrique sur les hauteurs ou sentiers VTT exigeants \u2014 depuis l'h\u00f4tel Sonnenhof &amp; Sonnhalde, vous trouvez l'itin\u00e9raire adapt\u00e9 \u00e0 chaque niveau.<\/p>\n        <p style=\"font-size: 17px; line-height: 1.7; color: rgb(74, 72, 64);\">Le soir, bien-\u00eatre, sauna finlandais et pension gourmande 4 plats vous attendent \u2014 la r\u00e9cup\u00e9ration id\u00e9ale pour la prochaine \u00e9tape au grand air.<\/p>\n      <\/div>\n      <div style=\"aspect-ratio: 4 \/ 3; border-radius: 18px; background-color: rgb(216, 210, 194); background-image: url(&quot;https:\/\/sonnenhof-sonnhalde.de\/wp-content\/uploads\/2026\/08\/radurlaub-schwarzwald-motiv-2.webp&quot;); background-size: cover; background-position: center center; box-shadow: rgba(31, 38, 32, 0.18) 0px 20px 50px;\"><\/div>\n    <\/div>\n  <\/section>\n\n  \n  <section style=\"max-width: 1180px; margin: 0px auto; padding: 0px 24px 96px;\">\n    <div style=\"text-align: center; margin-bottom: 40px;\">\n      <div style=\"font-size: 13px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(184, 149, 74); margin-bottom: 14px;\">Impressions<\/div>\n      <h2 style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 600; font-size: 40px; color: rgb(31, 38, 32);\">Le v\u00e9lo en For\u00eat-Noire du Sud \u2013 pour tous les go\u00fbts<\/h2>\n    <\/div>\n    <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;\">\n      <img decoding=\"async\" src=\"https:\/\/sonnenhof-sonnhalde.de\/wp-content\/uploads\/2026\/08\/radfahren-im-suedschwarzwald.webp\" alt=\"Cyclisme dans le Sud-For\u00eat-Noire\" style=\"width: 100%; aspect-ratio: 4 \/ 3; object-fit: cover; border-radius: 18px; box-shadow: rgba(31, 38, 32, 0.16) 0px 16px 40px; display: block;\" title=\"\">\n      <img decoding=\"async\" src=\"https:\/\/sonnenhof-sonnhalde.de\/wp-content\/uploads\/2026\/08\/radtour-durch-das-rothauser-land.webp\" alt=\"Balade \u00e0 v\u00e9lo \u00e0 travers le Rothauser Land\" style=\"width: 100%; aspect-ratio: 4 \/ 3; object-fit: cover; border-radius: 18px; box-shadow: rgba(31, 38, 32, 0.16) 0px 16px 40px; display: block;\" title=\"\">\n      <img decoding=\"async\" src=\"https:\/\/sonnenhof-sonnhalde.de\/wp-content\/uploads\/2026\/08\/radfahrer-auf-einem-panoramaweg.webp\" alt=\"Cyclistes sur un sentier panoramique\" style=\"width: 100%; aspect-ratio: 4 \/ 3; object-fit: cover; border-radius: 18px; box-shadow: rgba(31, 38, 32, 0.16) 0px 16px 40px; display: block;\" title=\"\">\n    <\/div>\n  <\/section>\n\n  \n  <section style=\"background: rgb(239, 233, 220);\">\n    <div style=\"max-width: 1180px; margin: 0px auto; padding: 84px 24px;\">\n      <div style=\"text-align: center; margin-bottom: 48px;\">\n        <div style=\"font-size: 13px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(184, 149, 74); margin-bottom: 14px;\">Tout inclus<\/div>\n        <h2 style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 600; font-size: 40px; color: rgb(31, 38, 32);\">Vos prestations en un coup d'\u0153il<\/h2>\n      <\/div>\n      <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;\">\n        \n          <div style=\"background: rgb(247, 243, 236); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 22px; display: flex; gap: 14px; align-items: flex-start;\">\n            <span style=\"flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: rgb(31, 38, 32); color: rgb(184, 149, 74); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px;\">\u2713<\/span>\n            <span style=\"font-size: 15px; line-height: 1.45; color: rgb(44, 43, 38); font-weight: 600;\"><span class=\"sc-interp\">Nuit\u00e9es dans la cat\u00e9gorie de chambre de votre choix<\/span><\/span>\n          <\/div>\n        \n          <div style=\"background: rgb(247, 243, 236); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 22px; display: flex; gap: 14px; align-items: flex-start;\">\n            <span style=\"flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: rgb(31, 38, 32); color: rgb(184, 149, 74); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px;\">\u2713<\/span>\n            <span style=\"font-size: 15px; line-height: 1.45; color: rgb(44, 43, 38); font-weight: 600;\"><span class=\"sc-interp\">Petit d\u00e9jeuner buffet quotidien<\/span><\/span>\n          <\/div>\n        \n          <div style=\"background: rgb(247, 243, 236); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 22px; display: flex; gap: 14px; align-items: flex-start;\">\n            <span style=\"flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: rgb(31, 38, 32); color: rgb(184, 149, 74); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px;\">\u2713<\/span>\n            <span style=\"font-size: 15px; line-height: 1.45; color: rgb(44, 43, 38); font-weight: 600;\"><span class=\"sc-interp\">Local \u00e0 v\u00e9los ferm\u00e9 avec borne de recharge<\/span><\/span>\n          <\/div>\n        \n          <div style=\"background: rgb(247, 243, 236); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 22px; display: flex; gap: 14px; align-items: flex-start;\">\n            <span style=\"flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: rgb(31, 38, 32); color: rgb(184, 149, 74); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px;\">\u2713<\/span>\n            <span style=\"font-size: 15px; line-height: 1.45; color: rgb(44, 43, 38); font-weight: 600;\"><span class=\"sc-interp\">Douceurs &amp; mets sal\u00e9s du buffet de l'apr\u00e8s-midi ou panier-repas pour la sortie<\/span><\/span>\n          <\/div>\n        \n          <div style=\"background: rgb(247, 243, 236); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 22px; display: flex; gap: 14px; align-items: flex-start;\">\n            <span style=\"flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: rgb(31, 38, 32); color: rgb(184, 149, 74); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px;\">\u2713<\/span>\n            <span style=\"font-size: 15px; line-height: 1.45; color: rgb(44, 43, 38); font-weight: 600;\"><span class=\"sc-interp\">Pension de luxe quotidienne \u00e0 4 plats<\/span><\/span>\n          <\/div>\n        \n          <div style=\"background: rgb(247, 243, 236); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 22px; display: flex; gap: 14px; align-items: flex-start;\">\n            <span style=\"flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: rgb(31, 38, 32); color: rgb(184, 149, 74); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px;\">\u2713<\/span>\n            <span style=\"font-size: 15px; line-height: 1.45; color: rgb(44, 43, 38); font-weight: 600;\"><span class=\"sc-interp\">Rothaus Tannenz\u00e4pfle en bienvenue<\/span><\/span>\n          <\/div>\n        \n          <div style=\"background: rgb(247, 243, 236); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 22px; display: flex; gap: 14px; align-items: flex-start;\">\n            <span style=\"flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: rgb(31, 38, 32); color: rgb(184, 149, 74); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px;\">\u2713<\/span>\n            <span style=\"font-size: 15px; line-height: 1.45; color: rgb(44, 43, 38); font-weight: 600;\"><span class=\"sc-interp\">Cartes num\u00e9riques &amp; classiques avec suggestions d'itin\u00e9raires \u00e0 v\u00e9lo<\/span><\/span>\n          <\/div>\n        \n          <div style=\"background: rgb(247, 243, 236); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 22px; display: flex; gap: 14px; align-items: flex-start;\">\n            <span style=\"flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: rgb(31, 38, 32); color: rgb(184, 149, 74); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px;\">\u2713<\/span>\n            <span style=\"font-size: 15px; line-height: 1.45; color: rgb(44, 43, 38); font-weight: 600;\"><span class=\"sc-interp\">Sac bien-\u00eatre avec peignoir pr\u00eat\u00e9 &amp; serviette de sauna<\/span><\/span>\n          <\/div>\n        \n          <div style=\"background: rgb(247, 243, 236); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 22px; display: flex; gap: 14px; align-items: flex-start;\">\n            <span style=\"flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: rgb(31, 38, 32); color: rgb(184, 149, 74); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px;\">\u2713<\/span>\n            <span style=\"font-size: 15px; line-height: 1.45; color: rgb(44, 43, 38); font-weight: 600;\"><span class=\"sc-interp\">Carte d'h\u00f4te KONUS pour les transports en commun gratuits<\/span><\/span>\n          <\/div>\n        \n          <div style=\"background: rgb(247, 243, 236); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 22px; display: flex; gap: 14px; align-items: flex-start;\">\n            <span style=\"flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: rgb(31, 38, 32); color: rgb(184, 149, 74); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px;\">\u2713<\/span>\n            <span style=\"font-size: 15px; line-height: 1.45; color: rgb(44, 43, 38); font-weight: 600;\"><span class=\"sc-interp\">Espace bien-\u00eatre avec piscine int\u00e9rieure, trois saunas, salles de repos &amp; transats infrarouges<\/span><\/span>\n          <\/div>\n        \n          <div style=\"background: rgb(247, 243, 236); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 22px; display: flex; gap: 14px; align-items: flex-start;\">\n            <span style=\"flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: rgb(31, 38, 32); color: rgb(184, 149, 74); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px;\">\u2713<\/span>\n            <span style=\"font-size: 15px; line-height: 1.45; color: rgb(44, 43, 38); font-weight: 600;\"><span class=\"sc-interp\">WLAN gratuit dans tout l'h\u00f4tel<\/span><\/span>\n          <\/div>\n        \n          <div style=\"background: rgb(247, 243, 236); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 22px; display: flex; gap: 14px; align-items: flex-start;\">\n            <span style=\"flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: rgb(31, 38, 32); color: rgb(184, 149, 74); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px;\">\u2713<\/span>\n            <span style=\"font-size: 15px; line-height: 1.45; color: rgb(44, 43, 38); font-weight: 600;\"><span class=\"sc-interp\">Parking \u00e0 l'h\u00f4tel avec borne de recharge pour votre voiture<\/span><\/span>\n          <\/div>\n        \n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n  <section id=\"preise\" style=\"max-width: 1180px; margin: 0px auto; padding: 92px 24px;\">\n    <div style=\"text-align: center; margin-bottom: 16px;\">\n      <div style=\"font-size: 13px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(184, 149, 74); margin-bottom: 14px;\">V\u00e9rifier les dates &amp; r\u00e9server<\/div>\n      <h2 style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 600; font-size: 42px; color: rgb(31, 38, 32);\">Choisissez la dur\u00e9e de votre s\u00e9jour<\/h2>\n      <p style=\"font-size: 16px; color: rgb(107, 102, 85); margin-top: 12px;\">Prix par personne pension gourmande incluse \u00b7 garantie du meilleur prix en r\u00e9servation directe<\/p>\n    <\/div>\n    <div style=\"display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 44px;\">\n      \n        <a href=\"https:\/\/reservations.hotel-spider.com\/01G57de3b1de7690\/package\/01G663b94e63cbbf\" target=\"_blank\" rel=\"noopener\" class=\"scp2\" style=\"display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 26px 22px 22px; position: relative; transition: transform 0.15s, box-shadow 0.15s;\">\n          <div style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 30px; color: rgb(31, 38, 32); line-height: 1;\"><span class=\"sc-interp\">2 nuits<\/span><\/div>\n          <div style=\"font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(184, 149, 74); margin-top: 4px;\"><span class=\"sc-interp\">Escapade<\/span><\/div>\n          <div style=\"display: flex; align-items: baseline; gap: 6px; margin: 20px 0px 2px;\">\n            <span style=\"font-size: 14px; color: rgb(107, 102, 85);\">d\u00e8s<\/span>\n            <span style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 38px; color: rgb(31, 38, 32); line-height: 1;\"><span class=\"sc-interp\">220 \u20ac<\/span><\/span>\n          <\/div>\n          <div style=\"font-size: 13px; color: rgb(138, 132, 116); margin-bottom: 22px;\">par personne<\/div>\n          <span style=\"margin-top: auto; display: block; text-align: center; background: rgb(31, 38, 32); color: rgb(251, 248, 241); font-weight: 800; font-size: 14px; padding: 12px; border-radius: 12px;\">R\u00e9server<\/span>\n        <\/a>\n      \n        <a href=\"https:\/\/reservations.hotel-spider.com\/01G57de3b1de7690\/package\/01G667c0a9f248d8\" target=\"_blank\" rel=\"noopener\" class=\"scp2\" style=\"display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 26px 22px 22px; position: relative; transition: transform 0.15s, box-shadow 0.15s;\">\n          <div style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 30px; color: rgb(31, 38, 32); line-height: 1;\"><span class=\"sc-interp\">3 nuits<\/span><\/div>\n          <div style=\"font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(184, 149, 74); margin-top: 4px;\"><span class=\"sc-interp\">Prolong\u00e9<\/span><\/div>\n          <div style=\"display: flex; align-items: baseline; gap: 6px; margin: 20px 0px 2px;\">\n            <span style=\"font-size: 14px; color: rgb(107, 102, 85);\">d\u00e8s<\/span>\n            <span style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 38px; color: rgb(31, 38, 32); line-height: 1;\"><span class=\"sc-interp\">325 \u20ac<\/span><\/span>\n          <\/div>\n          <div style=\"font-size: 13px; color: rgb(138, 132, 116); margin-bottom: 22px;\">par personne<\/div>\n          <span style=\"margin-top: auto; display: block; text-align: center; background: rgb(31, 38, 32); color: rgb(251, 248, 241); font-weight: 800; font-size: 14px; padding: 12px; border-radius: 12px;\">R\u00e9server<\/span>\n        <\/a>\n      \n        <a href=\"https:\/\/reservations.hotel-spider.com\/01G57de3b1de7690\/package\/01G667c0c4382644\" target=\"_blank\" rel=\"noopener\" class=\"scp2\" style=\"display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgb(184, 149, 74); border-radius: 16px; padding: 26px 22px 22px; position: relative; transition: transform 0.15s, box-shadow 0.15s;\">\n          <div style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 30px; color: rgb(31, 38, 32); line-height: 1;\"><span class=\"sc-interp\">4 nuits<\/span><\/div>\n          <div style=\"font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(184, 149, 74); margin-top: 4px;\"><span class=\"sc-interp\">Populaire<\/span><\/div>\n          <div style=\"display: flex; align-items: baseline; gap: 6px; margin: 20px 0px 2px;\">\n            <span style=\"font-size: 14px; color: rgb(107, 102, 85);\">d\u00e8s<\/span>\n            <span style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 38px; color: rgb(31, 38, 32); line-height: 1;\"><span class=\"sc-interp\">431 \u20ac<\/span><\/span>\n          <\/div>\n          <div style=\"font-size: 13px; color: rgb(138, 132, 116); margin-bottom: 22px;\">par personne<\/div>\n          <span style=\"margin-top: auto; display: block; text-align: center; background: rgb(184, 149, 74); color: rgb(31, 38, 32); font-weight: 800; font-size: 14px; padding: 12px; border-radius: 12px;\">R\u00e9server<\/span>\n        <\/a>\n      \n        <a href=\"https:\/\/reservations.hotel-spider.com\/01G57de3b1de7690\/package\/01G667c10674c992\" target=\"_blank\" rel=\"noopener\" class=\"scp2\" style=\"display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 26px 22px 22px; position: relative; transition: transform 0.15s, box-shadow 0.15s;\">\n          <div style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 30px; color: rgb(31, 38, 32); line-height: 1;\"><span class=\"sc-interp\">5 nuits<\/span><\/div>\n          <div style=\"font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(184, 149, 74); margin-top: 4px;\"><span class=\"sc-interp\">Semaine active<\/span><\/div>\n          <div style=\"display: flex; align-items: baseline; gap: 6px; margin: 20px 0px 2px;\">\n            <span style=\"font-size: 14px; color: rgb(107, 102, 85);\">d\u00e8s<\/span>\n            <span style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 38px; color: rgb(31, 38, 32); line-height: 1;\"><span class=\"sc-interp\">534 \u20ac<\/span><\/span>\n          <\/div>\n          <div style=\"font-size: 13px; color: rgb(138, 132, 116); margin-bottom: 22px;\">par personne<\/div>\n          <span style=\"margin-top: auto; display: block; text-align: center; background: rgb(31, 38, 32); color: rgb(251, 248, 241); font-weight: 800; font-size: 14px; padding: 12px; border-radius: 12px;\">R\u00e9server<\/span>\n        <\/a>\n      \n        <a href=\"https:\/\/reservations.hotel-spider.com\/01G57de3b1de7690\/package\/01G667c116e25adb\" target=\"_blank\" rel=\"noopener\" class=\"scp2\" style=\"display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 26px 22px 22px; position: relative; transition: transform 0.15s, box-shadow 0.15s;\">\n          <div style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 30px; color: rgb(31, 38, 32); line-height: 1;\"><span class=\"sc-interp\">7 nuits<\/span><\/div>\n          <div style=\"font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(184, 149, 74); margin-top: 4px;\"><span class=\"sc-interp\">Semaine v\u00e9lo<\/span><\/div>\n          <div style=\"display: flex; align-items: baseline; gap: 6px; margin: 20px 0px 2px;\">\n            <span style=\"font-size: 14px; color: rgb(107, 102, 85);\">d\u00e8s<\/span>\n            <span style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 38px; color: rgb(31, 38, 32); line-height: 1;\"><span class=\"sc-interp\">749,50 \u20ac<\/span><\/span>\n          <\/div>\n          <div style=\"font-size: 13px; color: rgb(138, 132, 116); margin-bottom: 22px;\">par personne<\/div>\n          <span style=\"margin-top: auto; display: block; text-align: center; background: rgb(31, 38, 32); color: rgb(251, 248, 241); font-weight: 800; font-size: 14px; padding: 12px; border-radius: 12px;\">R\u00e9server<\/span>\n        <\/a>\n      \n        <a href=\"https:\/\/reservations.hotel-spider.com\/01G57de3b1de7690\/package\/01G667c12bbc9996\" target=\"_blank\" rel=\"noopener\" class=\"scp2\" style=\"display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 26px 22px 22px; position: relative; transition: transform 0.15s, box-shadow 0.15s;\">\n          <div style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 30px; color: rgb(31, 38, 32); line-height: 1;\"><span class=\"sc-interp\">10 nuits<\/span><\/div>\n          <div style=\"font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(184, 149, 74); margin-top: 4px;\"><span class=\"sc-interp\">Long s\u00e9jour<\/span><\/div>\n          <div style=\"display: flex; align-items: baseline; gap: 6px; margin: 20px 0px 2px;\">\n            <span style=\"font-size: 14px; color: rgb(107, 102, 85);\">d\u00e8s<\/span>\n            <span style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 38px; color: rgb(31, 38, 32); line-height: 1;\"><span class=\"sc-interp\">1.064 \u20ac<\/span><\/span>\n          <\/div>\n          <div style=\"font-size: 13px; color: rgb(138, 132, 116); margin-bottom: 22px;\">par personne<\/div>\n          <span style=\"margin-top: auto; display: block; text-align: center; background: rgb(31, 38, 32); color: rgb(251, 248, 241); font-weight: 800; font-size: 14px; padding: 12px; border-radius: 12px;\">R\u00e9server<\/span>\n        <\/a>\n      \n        <a href=\"https:\/\/reservations.hotel-spider.com\/01G57de3b1de7690\/package\/01G667c13fe54eb7\" target=\"_blank\" rel=\"noopener\" class=\"scp2\" style=\"display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 26px 22px 22px; position: relative; transition: transform 0.15s, box-shadow 0.15s;\">\n          <div style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 30px; color: rgb(31, 38, 32); line-height: 1;\"><span class=\"sc-interp\">14 nuits<\/span><\/div>\n          <div style=\"font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(184, 149, 74); margin-top: 4px;\"><span class=\"sc-interp\">Parenth\u00e8se<\/span><\/div>\n          <div style=\"display: flex; align-items: baseline; gap: 6px; margin: 20px 0px 2px;\">\n            <span style=\"font-size: 14px; color: rgb(107, 102, 85);\">d\u00e8s<\/span>\n            <span style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 38px; color: rgb(31, 38, 32); line-height: 1;\"><span class=\"sc-interp\">1.487 \u20ac<\/span><\/span>\n          <\/div>\n          <div style=\"font-size: 13px; color: rgb(138, 132, 116); margin-bottom: 22px;\">par personne<\/div>\n          <span style=\"margin-top: auto; display: block; text-align: center; background: rgb(31, 38, 32); color: rgb(251, 248, 241); font-weight: 800; font-size: 14px; padding: 12px; border-radius: 12px;\">R\u00e9server<\/span>\n        <\/a>\n      \n    <\/div>\n  <\/section>\n\n  \n  <section style=\"position: relative; background-color: rgb(31, 38, 32);\">\n    <div style=\"position: absolute; inset: 0px; opacity: 0.38; background-image: url(&quot;https:\/\/sonnenhof-sonnhalde.de\/wp-content\/uploads\/2026\/08\/sonnenhof-sonnhalde-motiv.webp&quot;); background-size: cover; background-position: center center;\"><\/div>\n    <div style=\"position: relative; max-width: 920px; margin: 0px auto; padding: 90px 24px; text-align: center;\">\n      <div style=\"font-size: 13px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(216, 199, 156); margin-bottom: 18px;\">Avantages r\u00e9servation directe<\/div>\n      <h2 style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 600; font-size: 48px; color: rgb(251, 248, 241); line-height: 1.08; margin-bottom: 20px;\">Jusqu'\u00e0 35 % d'\u00e9conomie \u2014 uniquement en r\u00e9servation directe<\/h2>\n      <p style=\"font-size: 18px; line-height: 1.65; color: rgb(221, 214, 198); max-width: 640px; margin: 0px auto 34px;\">R\u00e9server soi-m\u00eame sur notre site est un jeu d'enfant et avantageux : profitez de la garantie du meilleur prix et r\u00e9servez des offres exclusives pour vos vacances \u00e0 v\u00e9lo.<\/p>\n      <a href=\"https:\/\/reservations.hotel-spider.com\/01G57de3b1de7690\/\" target=\"_blank\" rel=\"noopener\" class=\"scp0\" style=\"display: inline-block; background: rgb(184, 149, 74); color: rgb(31, 38, 32); font-weight: 800; font-size: 17px; letter-spacing: 0.02em; padding: 18px 42px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.4) 0px 14px 36px;\">R\u00e9server maintenant au meilleur prix<\/a>\n    <\/div>\n  <\/section>\n\n  \n  <section style=\"max-width: 1180px; margin: 0px auto; padding: 88px 24px;\">\n    <div style=\"text-align: center; margin-bottom: 48px;\">\n      <div style=\"font-size: 13px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(184, 149, 74); margin-bottom: 14px;\">La r\u00e9gion<\/div>\n      <h2 style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 600; font-size: 40px; color: rgb(31, 38, 32);\">Le v\u00e9lo au pays de Rothaus<\/h2>\n    <\/div>\n    <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;\">\n      \n        <div style=\"background: rgb(255, 255, 255); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 32px 28px;\">\n          <div style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 40px; color: rgb(184, 149, 74); line-height: 1; margin-bottom: 14px;\"><span class=\"sc-interp\">V\u00e9lo \u00e9lectrique<\/span><\/div>\n          <h3 style=\"font-size: 19px; font-weight: 800; color: rgb(31, 38, 32); margin-bottom: 10px;\"><span class=\"sc-interp\">Recharger &amp; partir<\/span><\/h3>\n          <p style=\"font-size: 15px; line-height: 1.6; color: rgb(90, 87, 76);\"><span class=\"sc-interp\">Sa propre borne de recharge \u00e0 l'h\u00f4tel et un local \u00e0 v\u00e9los ferm\u00e9 \u2014 votre v\u00e9lo est rang\u00e9 en s\u00e9curit\u00e9 et pr\u00eat \u00e0 partir chaque matin.<\/span><\/p>\n        <\/div>\n      \n        <div style=\"background: rgb(255, 255, 255); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 32px 28px;\">\n          <div style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 40px; color: rgb(184, 149, 74); line-height: 1; margin-bottom: 14px;\"><span class=\"sc-interp\">KONUS<\/span><\/div>\n          <h3 style=\"font-size: 19px; font-weight: 800; color: rgb(31, 38, 32); margin-bottom: 10px;\"><span class=\"sc-interp\">Bus &amp; train gratuits<\/span><\/h3>\n          <p style=\"font-size: 15px; line-height: 1.6; color: rgb(90, 87, 76);\"><span class=\"sc-interp\">Avec la carte d'h\u00f4te gratuite, vous rejoignez tranquillement des points de d\u00e9part \u00e9loign\u00e9s et combinez sortie \u00e0 v\u00e9lo et transports en commun.<\/span><\/p>\n        <\/div>\n      \n        <div style=\"background: rgb(255, 255, 255); border: 1px solid rgb(226, 218, 201); border-radius: 16px; padding: 32px 28px;\">\n          <div style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 700; font-size: 40px; color: rgb(184, 149, 74); line-height: 1; margin-bottom: 14px;\"><span class=\"sc-interp\">Tous niveaux<\/span><\/div>\n          <h3 style=\"font-size: 19px; font-weight: 800; color: rgb(31, 38, 32); margin-bottom: 10px;\"><span class=\"sc-interp\">Du plaisir au trail<\/span><\/h3>\n          <p style=\"font-size: 15px; line-height: 1.6; color: rgb(90, 87, 76);\"><span class=\"sc-interp\">De la piste cyclable plate de la vall\u00e9e aux longues \u00e9tapes d'altitude jusqu'aux sentiers VTT \u2014 l'itin\u00e9raire adapt\u00e9 \u00e0 chaque exigence.<\/span><\/p>\n        <\/div>\n      \n    <\/div>\n  <\/section>\n\n  \n  <section style=\"background: rgb(239, 233, 220);\">\n    <div style=\"max-width: 920px; margin: 0px auto; padding: 80px 24px; text-align: center;\">\n      <h2 style=\"font-family: &quot;Cormorant Garamond&quot;, serif; font-weight: 600; font-size: 40px; color: rgb(31, 38, 32); margin-bottom: 18px;\">Pr\u00eat pour vos vacances \u00e0 v\u00e9lo ?<\/h2>\n      <p style=\"font-size: 17px; color: rgb(90, 87, 76); margin-bottom: 30px;\">V\u00e9rifiez d\u00e8s maintenant les dates disponibles et r\u00e9servez votre offre active en For\u00eat-Noire du Sud.<\/p>\n      <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 16px;\">\n        <a href=\"https:\/\/reservations.hotel-spider.com\/01G57de3b1de7690\/\" target=\"_blank\" rel=\"noopener\" class=\"scp0\" style=\"background: rgb(184, 149, 74); color: rgb(31, 38, 32); font-weight: 800; font-size: 16px; padding: 17px 36px; border-radius: 12px;\">V\u00e9rifier les dates &amp; r\u00e9server<\/a>\n        <a href=\"https:\/\/sonnenhof-sonnhalde.de\/fr\/offres\/actif-dans-le-sud-de-la-foret-noire\/\" class=\"scp1\" style=\"background: rgb(31, 38, 32); color: rgb(251, 248, 241); font-weight: 800; font-size: 16px; padding: 17px 36px; border-radius: 12px;\">D\u00e9tails de l'offre<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n  <footer style=\"background: rgb(26, 32, 27); color: rgb(202, 191, 159);\">\n    <div style=\"max-width: 1180px; margin: 0px auto; padding: 56px 24px 40px; display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 40px;\">\n      <div>\n        <img decoding=\"async\" src=\"https:\/\/sonnenhof-sonnhalde.de\/wp-content\/uploads\/2026\/08\/wellnesshotel-sonnenhof-und-sonnhalde.png\" alt=\"Sonnenhof &amp; Sonnhalde\" style=\"height: 42px; width: auto; margin-bottom: 18px;\" title=\"\">\n        <p style=\"font-size: 14px; line-height: 1.7; color: rgb(163, 154, 128);\"><span style=\"color: rgb(184, 149, 74); letter-spacing: 0.25em;\">\u2605\u2605\u2605<\/span> Sup\u00e9rieur<br>H\u00f4tel bien-\u00eatre Sonnenhof &amp; Sonnhalde<\/p>\n      <\/div>\n      <div>\n        <div style=\"font-size: 13px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(216, 199, 156); margin-bottom: 16px;\">Contact<\/div>\n        <p style=\"font-size: 14px; line-height: 1.8; color: rgb(163, 154, 128);\">Rue creuse 3<br>D-79777 \u00dchlingen-Birkendorf<br><a href=\"tel:+49774392010\" style=\"color: rgb(202, 191, 159);\">+49 7743 92010<\/a><br><a href=\"mailto:info@sonnenhof-sonnhalde.de\" style=\"color: rgb(202, 191, 159);\">info@sonnenhof-sonnhalde.de<\/a><\/p>\n      <\/div>\n      <div>\n        <div style=\"font-size: 13px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(216, 199, 156); margin-bottom: 16px;\">Liens<\/div>\n        <div style=\"display: flex; flex-direction: column; gap: 9px; font-size: 14px;\">\n          <a href=\"https:\/\/sonnenhof-sonnhalde.de\/fr\/prix-des-chambres\/\" class=\"scp3\" style=\"color: rgb(163, 154, 128);\">Chambres &amp; prix<\/a>\n          <a href=\"https:\/\/sonnenhof-sonnhalde.de\/fr\/bien-etre\/\" class=\"scp3\" style=\"color: rgb(163, 154, 128);\">Spa &amp; bien-\u00eatre<\/a>\n          <a href=\"https:\/\/sonnenhof-sonnhalde.de\/fr\/actif\/\" class=\"scp3\" style=\"color: rgb(163, 154, 128);\">Buts d'excursion<\/a>\n          <a href=\"https:\/\/sonnenhof-sonnhalde.de\/fr\/mentions-legales\/\" class=\"scp3\" style=\"color: rgb(163, 154, 128);\">Mentions l\u00e9gales<\/a>\n          <a href=\"https:\/\/sonnenhof-sonnhalde.de\/fr\/declaration-de-protection-des-donnees\/\" class=\"scp3\" style=\"color: rgb(163, 154, 128);\">Confidentialit\u00e9<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div style=\"border-top: 1px solid rgba(184, 149, 89, 0.18); text-align: center; padding: 20px; font-size: 13px; color: rgb(125, 117, 99);\">\u00a9 2026 Wellnesshotel Sonnenhof &amp; Sonnhalde \u00b7 \u00dchlingen-Birkendorf<\/div>\n  <\/footer><\/div><\/div><\/div>\n\n\n\n<script>\n(function () {\n  var root = document.documentElement;\n  var ticking = false;\n  function update() {\n    var y = window.scrollY || root.scrollTop || 0;\n    root.classList.toggle('hdr-solid', y > 24);\n    ticking = false;\n  }\n  window.addEventListener('scroll', function () {\n    if (!ticking) { ticking = true; window.requestAnimationFrame(update); }\n  }, { passive: true });\n  window.addEventListener('resize', update, { passive: true });\n  update();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u260e +49 7743 92010 Jetzt buchen S\u00fcdschwarzwald \u00b7 Rothauser Land Radurlaub imHochschwarzwald E-Bike, Mountainbike oder Tourenrad: Vom Hotel direkt auf ein Netz aus Forststra\u00dfen, Panoramawegen und Genussrouten \u2014 mit abschlie\u00dfbarem Radkeller, E-Ladestation und 4-G\u00e4nge-Verw\u00f6hnpension zum Auftanken. Termine pr\u00fcfen &amp; buchen Angebot ansehen \u2193 \u2713 E-Bike-Ladestation \u2713 Abschlie\u00dfbarer Radkeller \u2713 Bestpreis-Garantie Aktiv-Angebot f\u00fcr Radfahrer ab 220&nbsp;\u20ac [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12166","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sonnenhof-sonnhalde.de\/fr\/wp-json\/wp\/v2\/pages\/12166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sonnenhof-sonnhalde.de\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sonnenhof-sonnhalde.de\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sonnenhof-sonnhalde.de\/fr\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/sonnenhof-sonnhalde.de\/fr\/wp-json\/wp\/v2\/comments?post=12166"}],"version-history":[{"count":4,"href":"https:\/\/sonnenhof-sonnhalde.de\/fr\/wp-json\/wp\/v2\/pages\/12166\/revisions"}],"predecessor-version":[{"id":12187,"href":"https:\/\/sonnenhof-sonnhalde.de\/fr\/wp-json\/wp\/v2\/pages\/12166\/revisions\/12187"}],"wp:attachment":[{"href":"https:\/\/sonnenhof-sonnhalde.de\/fr\/wp-json\/wp\/v2\/media?parent=12166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}