{"id":3386,"date":"2023-06-06T03:47:20","date_gmt":"2023-06-05T20:47:20","guid":{"rendered":"https:\/\/sandyhillspa.com\/de\/offers\/"},"modified":"2026-04-15T16:22:29","modified_gmt":"2026-04-15T09:22:29","slug":"offers","status":"publish","type":"page","link":"https:\/\/sandyhillspa.com\/de\/offers\/","title":{"rendered":"Angebote"},"content":{"rendered":"\n\n\n<style>\n.seasonal-specials-title-de {\n  color: #b01b2e;\n  font-size: 25px;\n  font-weight: 700;\n  text-align: center;\n  text-transform: uppercase;\n  margin: 10px 0 0 0;\n  line-height: 1.3;\n  position: relative;\n  z-index: 2;\n}\n\n@media (max-width: 600px) {\n  .seasonal-specials-title-de {\n    font-size: 19px;\n  }\n}\n<\/style>\n\n<h1 class=\"seasonal-specials-title-de\">Saisonale Spezialangebote<\/h1>\n\n\n\n\n\n<!-- =========================================================================\n     SANDY HILL SPA \u2014 SEASONAL PROMO (SUMMER 2026 - GERMAN)\n     Phi\u00ean b\u1ea3n: D\u00f9ng CSS \u0110\u1ed9c l\u1eadp (.sp-*) + \u0110\u00e3 t\u1ed1i \u01b0u UX \"Group Perk\"\n     ========================================================================= -->\n<div id=\"sandy-promo\">\n  <div class=\"sp-wrap\">\n\n    <header class=\"sp-header\">\n      <span class=\"sp-eyebrow\">Sommer 2026<\/span>\n      <h2 class=\"sp-title\">Exklusive Saisonangebote<\/h2>\n      <p class=\"sp-tagline\">Ihr perfektes Wellness-Erlebnis in H\u1ed9i An<\/p>\n      <ul class=\"sp-conditions\">\n        <li>Vorabreservierung erforderlich<\/li>\n        <li>Nur 1 Angebot pro Buchung w\u00e4hlbar<\/li>\n        <li>Service endet vor 20:00 Uhr<\/li>\n      <\/ul>\n    <\/header>\n\n    <div class=\"sp-grid\">\n\n      <!-- PROMO 1 (AT SPA) -->\n      <article class=\"sp-card\">\n        <span class=\"sp-tag\">Im Spa<\/span>\n        <h3 class=\"sp-card-title\">Spa-Erlebnis mit Vorabreservierung<\/h3>\n        <p class=\"sp-card-sub\">Kein Transfer erforderlich<\/p>\n        <ul class=\"sp-benefits\">\n          <li>\n            <span class=\"sp-deal\">25% RABATT<\/span>\n            <span class=\"sp-service\">Ganzk\u00f6rpermassage 90\u2013120 Min.<\/span>\n            <span class=\"sp-meta\"><strong>Mind. 2 G\u00e4ste<\/strong> &middot; 10% Rabatt f\u00fcr 1 Person<\/span>\n          <\/li>\n          <li>\n            <span class=\"sp-deal\">15% RABATT<\/span>\n            <span class=\"sp-service\">Ganzk\u00f6rpermassage 60 Min.<\/span>\n            <span class=\"sp-meta\"><strong>Mind. 2 G\u00e4ste<\/strong><\/span>\n          <\/li>\n          <li>\n            <span class=\"sp-deal\">15% RABATT<\/span>\n            <span class=\"sp-service\">Fu\u00dfmassage &amp; Gel-N\u00e4gel<\/span>\n            <span class=\"sp-meta\"><strong>Mind. 1 Gast<\/strong><\/span>\n          <\/li>\n          <li>\n            <span class=\"sp-deal\">15% RABATT<\/span>\n            <span class=\"sp-service\">Spa-Pakete, Gesichtsbehandlung, Body Scrub, Haarw\u00e4sche<\/span>\n            <span class=\"sp-meta\"><strong>Mind. 2 G\u00e4ste<\/strong><\/span>\n          <\/li>\n        <\/ul>\n        <a href=\"https:\/\/sandyhillspa.com\/de\/reservation\/\" class=\"sp-btn\">Jetzt reservieren<\/a>\n      <\/article>\n\n      <!-- PROMO 2 \u2014 FEATURED -->\n      <article class=\"sp-card sp-card--featured\">\n        <span class=\"sp-ribbon\">Bestseller<\/span>\n        <span class=\"sp-tag\">+ H\u1ed9i An Transfer<\/span>\n        <h3 class=\"sp-card-title\">H\u1ed9i An Hin- &amp; R\u00fcckfahrt<\/h3>\n        <p class=\"sp-card-sub\">Kostenloser Abhol- &amp; Bringservice<\/p>\n        <ul class=\"sp-benefits\">\n          <li>\n            <span class=\"sp-deal\">10% RABATT + TRANSFER GRATIS<\/span>\n            <span class=\"sp-service\">Ganzk\u00f6rpermassage 90\u2013120 Min.<\/span>\n            <span class=\"sp-meta\">Hin- &amp; R\u00fcckfahrt &middot; <strong>Mind. 2 G\u00e4ste<\/strong><\/span>\n          <\/li>\n          <li>\n            <span class=\"sp-deal\">EINWEGFAHRT GRATIS<\/span>\n            <span class=\"sp-service\">Ganzk\u00f6rper- oder Fu\u00dfmassage 60 Min.<\/span>\n            <span class=\"sp-meta\">Abholung oder Bringservice &middot; <strong>Mind. 2 G\u00e4ste<\/strong><\/span>\n          <\/li>\n        <\/ul>\n\n        <!-- H\u1ed8P \u0110\u1eb6C QUY\u1ec0N NH\u00d3M (T\u00e1ch bi\u1ec7t UI) -->\n        <div class=\"sp-group-perk\">\n          \u2728 Gruppen-Vorteil: 5% Extra-Rabatt ab 4 Erwachsenen\n        <\/div>\n\n        <a href=\"https:\/\/sandyhillspa.com\/de\/reservation\/\" class=\"sp-btn\">Jetzt reservieren<\/a>\n      <\/article>\n\n      <!-- PROMO 3 -->\n      <article class=\"sp-card\">\n        <span class=\"sp-tag\">+ \u0110\u00e0 N\u1eb5ng Transfer<\/span>\n        <h3 class=\"sp-card-title\">\u0110\u00e0 N\u1eb5ng &harr; H\u1ed9i An<\/h3>\n        <p class=\"sp-card-sub\">Bequemer Transfer zwischen den St\u00e4dten<\/p>\n        \n        <div class=\"sp-route\">\n          <div class=\"sp-route-line\">\u0110\u00e0 N\u1eb5ng <i>\u2192<\/i> Spa <i>\u2192<\/i> H\u1ed9i An<\/div>\n          <div class=\"sp-route-or\"><span>oder<\/span><\/div>\n          <div class=\"sp-route-line\">H\u1ed9i An <i>\u2192<\/i> Spa <i>\u2192<\/i> \u0110\u00e0 N\u1eb5ng<\/div>\n        <\/div>\n        \n        <ul class=\"sp-benefits\">\n          <li>\n            <span class=\"sp-deal\">HIN- &amp; R\u00dcCKFAHRT INKLUSIVE<\/span>\n            <span class=\"sp-service\">Massage ab 90 Min.<\/span>\n            <span class=\"sp-meta\"><strong>Mind. 2 G\u00e4ste<\/strong><\/span>\n          <\/li>\n        <\/ul>\n\n        <!-- H\u1ed8P \u0110\u1eb6C QUY\u1ec0N NH\u00d3M (T\u00e1ch bi\u1ec7t UI) -->\n        <div class=\"sp-group-perk\">\n          \u2728 Gruppen-Vorteil: 5% Extra-Rabatt ab 4 Erwachsenen\n        <\/div>\n\n        <p class=\"sp-fineprint\">Der S\u00fcden von H\u1ed9i An gilt als \u0110\u00e0-N\u1eb5ng-Zone.<\/p>\n        <a href=\"https:\/\/sandyhillspa.com\/de\/reservation\/\" class=\"sp-btn\">Jetzt reservieren<\/a>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* ==========================================================================\n   SANDY HILL SPA \u2014 Seasonal Promo Block | Summer 2026 (German)\n   Phi\u00ean b\u1ea3n: \u0110\u1ed9c l\u1eadp CSS (.sp-*) + V\u00e1 l\u1ed7i Accessibility (\u0110\u1ed9 t\u01b0\u01a1ng ph\u1ea3n\/Focus)\n   ========================================================================== *\/\n\n#sandy-promo {\n  --sp-primary:       #40665b;\n  --sp-primary-dark:  #2f5249;\n  --sp-primary-tint:  #f0f4f2;\n  --sp-accent:        #dfd3bb;\n  --sp-accent-dark:   #a8987a;\n  --sp-accent-tint:   #fdfcf9;\n  --sp-sand:          #dfd3bb;\n  --sp-sand-tint:     #f5f1e8;\n  --sp-bg:            #fdfcf9;\n  --sp-card:          #FFFFFF;\n  --sp-text:          #444444;\n  --sp-text-soft:     #6a6a6a; \/* \u0110\u00e3 l\u00e0m \u0111\u1eadm \u0111\u1ec3 \u0111\u1ea1t chu\u1ea9n t\u01b0\u01a1ng ph\u1ea3n \u0111\u1ecdc hi\u1ec3u *\/\n  --sp-border:        #eeeeee;\n  --sp-border-accent: #dfd3bb;\n  --sp-radius-lg:     8px;\n  --sp-radius-md:     4px;\n  --sp-radius-sm:     4px;\n  --sp-shadow-sm:     0 4px 14px rgba(64, 102, 91, 0.06);\n  --sp-shadow-md:     0 15px 30px rgba(64, 102, 91, 0.10);\n\n  font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  color: var(--sp-text);\n  background: linear-gradient(180deg, #fbfaf6 0%, #FFFFFF 100%);\n  padding: clamp(36px, 5vw, 60px) clamp(16px, 4vw, 40px);\n  border-radius: var(--sp-radius-lg);\n  border: 1px solid #f0ece0;\n  box-shadow: 0 10px 30px rgba(64, 102, 91, 0.05);\n  margin: 40px 0;\n  line-height: 1.6;\n}\n\n#sandy-promo *,\n#sandy-promo *::before,\n#sandy-promo *::after { box-sizing: border-box; }\n\n.sp-wrap { max-width: 1120px; margin: 0 auto; }\n\n\/* --- Header --- *\/\n.sp-header { text-align: center; margin-bottom: clamp(28px, 4vw, 44px); }\n.sp-eyebrow {\n  display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 2px;\n  text-transform: uppercase; color: var(--sp-primary); background: var(--sp-accent-tint);\n  border: 1px dashed var(--sp-accent-dark); padding: 6px 16px; border-radius: 100px; margin-bottom: 14px;\n}\n.sp-title { color: var(--sp-primary); font-size: clamp(22px, 4vw, 30px); font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; margin: 0 0 8px; line-height: 1.2; word-break: keep-all; }\n.sp-tagline { color: var(--sp-text-soft); font-size: clamp(13px, 1.6vw, 15px); font-style: italic; margin: 0 0 20px; }\n.sp-conditions { list-style: none; padding: 0; margin: 0; display: inline-flex; flex-wrap: wrap; gap: 8px; justify-content: center; }\n.sp-conditions li { font-size: 13px; font-weight: 500; color: var(--sp-primary); background: var(--sp-accent-tint); border: 1px dashed var(--sp-accent-dark); padding: 6px 14px; border-radius: 100px; }\n\n\/* --- Grid --- *\/\n.sp-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }\n\n\/* --- Card --- *\/\n.sp-card {\n  position: relative; background: var(--sp-card); border: 1px solid var(--sp-border);\n  border-top: 4px solid var(--sp-primary); border-radius: var(--sp-radius-lg);\n  padding: 28px 24px; box-shadow: var(--sp-shadow-sm); display: flex; flex-direction: column;\n  transition: transform .3s ease, box-shadow .3s ease;\n}\n.sp-card:hover { transform: translateY(-4px); box-shadow: var(--sp-shadow-md); }\n.sp-card--featured {\n  border: 1px solid var(--sp-accent-dark); border-top: 4px solid var(--sp-accent-dark);\n  background: linear-gradient(180deg, #FFFFFF 0%, #fdfcf9 100%);\n  overflow: visible;\n}\n.sp-ribbon {\n  position: absolute; top: -12px; right: 16px; background: var(--sp-primary-dark);\n  color: var(--sp-accent); font-size: 10px; font-weight: 700; letter-spacing: 1px;\n  text-transform: uppercase; padding: 5px 12px; border-radius: 100px; box-shadow: var(--sp-shadow-sm); z-index: 3;\n}\n.sp-tag {\n  display: inline-block; align-self: flex-start; font-size: 11px; font-weight: 700;\n  letter-spacing: 1.5px; text-transform: uppercase; color: var(--sp-primary);\n  background: var(--sp-primary-tint); padding: 4px 10px; border-radius: var(--sp-radius-sm); margin-bottom: 12px;\n}\n.sp-card-title { color: var(--sp-primary); font-size: clamp(17px, 2vw, 20px); font-weight: 700; margin: 0 0 6px; line-height: 1.25; padding-bottom: 12px; border-bottom: 1px dashed var(--sp-accent-dark); word-break: keep-all; }\n.sp-card-sub { color: var(--sp-text-soft); font-size: 13px; font-style: italic; margin: 8px 0 18px; }\n\n\/* --- Benefits --- *\/\n.sp-benefits { list-style: none; padding: 0; margin: 0 0 15px 0; flex: 1; }\n.sp-benefits li { position: relative; padding: 12px 0 12px 22px; border-bottom: 1px dashed var(--sp-border); }\n.sp-benefits li::before { content: '\u2726'; position: absolute; left: 0; top: 14px; color: var(--sp-accent-dark); font-size: 11px; }\n.sp-benefits li:last-child { border-bottom: 0; }\n\n.sp-deal {\n  display: inline-block; background: var(--sp-primary-dark); color: var(--sp-accent);\n  font-size: 11px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase;\n  padding: 3px 9px; border-radius: var(--sp-radius-sm); margin-bottom: 7px;\n}\n.sp-service { display: block; color: var(--sp-text); font-size: 14px; font-weight: 600; margin-bottom: 3px; line-height: 1.4; word-break: keep-all;}\n.sp-meta { display: block; color: var(--sp-text-soft); font-size: 13px; line-height: 1.5; }\n.sp-meta strong { color: var(--sp-text); }\n\n\/* --- NEW: Group Perk Box --- *\/\n.sp-group-perk {\n  margin-bottom: 20px; padding: 10px; background: var(--sp-accent-tint);\n  border: 1px dashed var(--sp-accent-dark); border-radius: var(--sp-radius-sm);\n  text-align: center; font-size: 13px; font-weight: 600; color: var(--sp-primary-dark);\n}\n\n\/* --- Route Box --- *\/\n.sp-route {\n  background: var(--sp-accent-tint); border: 1px solid var(--sp-accent-dark);\n  border-radius: var(--sp-radius-md); padding: 14px 12px; margin-bottom: 18px; text-align: center;\n}\n.sp-route-line { color: var(--sp-primary); font-size: 14px; font-weight: 600; line-height: 1.5; }\n.sp-route-line i { color: var(--sp-primary); font-style: normal; font-weight: 700; margin: 0 4px; }\n.sp-route-or { position: relative; margin: 10px 0; font-size: 12px; color: var(--sp-text-soft); font-style: italic; }\n.sp-route-or::before, .sp-route-or::after { content: \"\"; position: absolute; top: 50%; width: 28%; height: 1px; background: var(--sp-accent-dark); }\n.sp-route-or::before { left: 10%; } .sp-route-or::after { right: 10%; }\n\n\/* --- Fineprint --- *\/\n.sp-fineprint {\n  font-size: 13px; font-style: italic; color: var(--sp-text-soft); background: #fbfbfb;\n  border-left: 3px solid var(--sp-accent-dark); padding: 9px 12px; margin: 0 0 20px; line-height: 1.5;\n}\n\n\/* --- Button (\u0110\u00e3 v\u00e1 l\u1ed7i t\u01b0\u01a1ng ph\u1ea3n WCAG) --- *\/\n.sp-btn {\n  display: block; background: var(--sp-primary); \n  color: #ffffff !important; \/* \u0110\u1ed5i m\u00e0u ch\u1eef tr\u1eafng \u0111\u1ec3 d\u1ec5 nh\u00ecn *\/\n  text-decoration: none !important; font-size: 13px; font-weight: 700; letter-spacing: 1.5px;\n  text-transform: uppercase; text-align: center; padding: 14px 24px; border: 1px solid var(--sp-primary);\n  border-radius: var(--sp-radius-md); min-height: 48px; margin-top: auto; \n  transition: background .3s ease, color .3s ease; touch-action: manipulation;\n}\n.sp-btn:hover { background: var(--sp-card); color: var(--sp-primary) !important; }\n.sp-btn:focus-visible {\n  background: var(--sp-card); color: var(--sp-primary) !important;\n  outline: 3px solid var(--sp-primary); \/* Ph\u1ee5c h\u1ed3i vi\u1ec1n focus cho ng\u01b0\u1eddi d\u00f9ng b\u00e0n ph\u00edm *\/\n  outline-offset: 2px;\n}\n\n\/* --- Responsive & Accessibility --- *\/\n@media (max-width: 960px) { .sp-grid { grid-template-columns: 1fr; gap: 24px; } }\n@media (max-width: 600px) {\n  #sandy-promo { padding: 30px 16px; margin: 24px 0; }\n  .sp-card { padding: 24px 18px; }\n  .sp-conditions { flex-direction: column; align-items: stretch; gap: 6px; }\n  .sp-conditions li { text-align: center; }\n  .sp-deal { font-size: 10px; padding: 3px 8px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  #sandy-promo *, .sp-card, .sp-btn { transition-duration: 0.01ms !important; transform: none !important; animation: none !important; }\n}\n<\/style>\n<style>\n  \/* SANDY HILL SPA \u2014 Seasonal Promo Block | Summer 2026 *\/\n\n#sandy-promo {\n  --sp-primary:       #40665b;\n  --sp-primary-dark:  #2f5249;\n  --sp-primary-tint:  #f0f4f2;\n  --sp-accent:        #dfd3bb;\n  --sp-accent-dark:   #a8987a;\n  --sp-accent-tint:   #fdfcf9;\n  --sp-sand:          #dfd3bb;\n  --sp-sand-tint:     #f5f1e8;\n  --sp-bg:            #fdfcf9;\n  --sp-card:          #FFFFFF;\n  --sp-text:          #444444;\n  --sp-text-soft:     #888888;\n  --sp-border:        #eeeeee;\n  --sp-border-accent: #dfd3bb;\n  --sp-radius-lg:     8px;\n  --sp-radius-md:     4px;\n  --sp-radius-sm:     4px;\n  --sp-shadow-sm:     0 4px 14px rgba(64, 102, 91, 0.06);\n  --sp-shadow-md:     0 15px 30px rgba(64, 102, 91, 0.10);\n\n  font-family: Helvetica, Arial, sans-serif;\n  color: var(--sp-text);\n  background: linear-gradient(180deg, #fbfaf6 0%, #FFFFFF 100%);\n  padding: clamp(36px, 5vw, 60px) clamp(16px, 4vw, 40px);\n  border-radius: var(--sp-radius-lg);\n  border: 1px solid #f0ece0;\n  box-shadow: 0 10px 30px rgba(64, 102, 91, 0.05);\n  margin: 40px 0;\n  line-height: 1.6;\n}\n\n#sandy-promo *,\n#sandy-promo *::before,\n#sandy-promo *::after { box-sizing: border-box; }\n\n.sp-wrap { max-width: 1120px; margin: 0 auto; }\n\n\/* --- Header --- *\/\n.sp-header {\n  text-align: center;\n  margin-bottom: clamp(28px, 4vw, 44px);\n}\n.sp-eyebrow {\n  display: inline-block;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--sp-primary);\n  background: var(--sp-accent-tint);\n  border: 1px dashed var(--sp-accent);\n  padding: 6px 16px;\n  border-radius: 100px;\n  margin-bottom: 14px;\n}\n.sp-title {\n  color: var(--sp-primary);\n  font-size: clamp(22px, 4vw, 30px);\n  font-weight: 700;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  margin: 0 0 8px;\n  line-height: 1.2;\n}\n.sp-tagline {\n  color: var(--sp-text-soft);\n  font-size: clamp(13px, 1.6vw, 15px);\n  font-style: italic;\n  margin: 0 0 20px;\n}\n.sp-conditions {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: center;\n}\n.sp-conditions li {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--sp-primary);\n  background: var(--sp-accent-tint);\n  border: 1px dashed var(--sp-accent);\n  padding: 6px 14px;\n  border-radius: 100px;\n}\n\n\/* --- Grid --- *\/\n.sp-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 22px;\n}\n\n\/* --- Card --- *\/\n.sp-card {\n  position: relative;\n  background: var(--sp-card);\n  border: 1px solid var(--sp-border);\n  border-top: 4px solid var(--sp-primary);\n  border-radius: var(--sp-radius-lg);\n  padding: 28px 24px;\n  box-shadow: var(--sp-shadow-sm);\n  display: flex;\n  flex-direction: column;\n  transition: transform .3s ease, box-shadow .3s ease;\n}\n.sp-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--sp-shadow-md);\n}\n.sp-card--featured {\n  border-top: 4px solid var(--sp-accent-dark);\n  background: linear-gradient(180deg, #FFFFFF 0%, #fdfcf9 100%);\n}\n.sp-tag {\n  display: inline-block;\n  align-self: flex-start;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--sp-primary);\n  background: var(--sp-primary-tint);\n  padding: 4px 10px;\n  border-radius: var(--sp-radius-sm);\n  margin-bottom: 12px;\n}\n.sp-card-title {\n  color: var(--sp-primary);\n  font-size: clamp(17px, 2vw, 20px);\n  font-weight: 700;\n  margin: 0 0 6px;\n  line-height: 1.25;\n  padding-bottom: 12px;\n  border-bottom: 1px dashed var(--sp-accent);\n}\n.sp-card-sub {\n  color: var(--sp-text-soft);\n  font-size: 13px;\n  font-style: italic;\n  margin: 8px 0 18px;\n}\n\n\/* --- Benefits --- *\/\n.sp-benefits {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 20px;\n  flex: 1;\n}\n.sp-benefits li {\n  position: relative;\n  padding: 12px 0 12px 22px;\n  border-bottom: 1px dashed var(--sp-border);\n}\n.sp-benefits li::before {\n  content: '\u2726';\n  position: absolute;\n  left: 0;\n  top: 14px;\n  color: var(--sp-accent);\n  font-size: 11px;\n}\n.sp-benefits li:last-child { border-bottom: 0; }\n\n.sp-deal {\n  display: inline-block;\n  background: var(--sp-primary);\n  color: var(--sp-accent);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.8px;\n  text-transform: uppercase;\n  padding: 3px 9px;\n  border-radius: var(--sp-radius-sm);\n  margin-bottom: 7px;\n}\n.sp-service {\n  display: block;\n  color: var(--sp-text);\n  font-size: 14px;\n  font-weight: 600;\n  margin-bottom: 3px;\n  line-height: 1.4;\n}\n.sp-meta {\n  display: block;\n  color: var(--sp-text-soft);\n  font-size: 13px;\n  line-height: 1.5;\n}\n.sp-bonus {\n  display: inline-block;\n  margin-top: 7px;\n  padding: 4px 9px;\n  background: var(--sp-accent-tint);\n  color: var(--sp-primary);\n  border: 1px dashed var(--sp-accent);\n  border-radius: var(--sp-radius-sm);\n  font-size: 12px;\n  font-weight: 600;\n  font-style: italic;\n}\n\n\/* --- Route Box --- *\/\n.sp-route {\n  background: var(--sp-accent-tint);\n  border: 1px solid var(--sp-accent);\n  border-radius: var(--sp-radius-md);\n  padding: 14px 12px;\n  margin-bottom: 18px;\n  text-align: center;\n}\n.sp-route-line {\n  color: var(--sp-primary);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1.5;\n}\n.sp-route-line i {\n  color: var(--sp-accent-dark);\n  font-style: normal;\n  font-weight: 700;\n  margin: 0 4px;\n}\n.sp-route-or {\n  position: relative;\n  margin: 10px 0;\n  font-size: 12px;\n  color: var(--sp-text-soft);\n  font-style: italic;\n}\n.sp-route-or::before,\n.sp-route-or::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  width: 28%;\n  height: 1px;\n  background: var(--sp-accent);\n}\n.sp-route-or::before { left: 10%; }\n.sp-route-or::after  { right: 10%; }\n\n\/* --- Fineprint --- *\/\n.sp-fineprint {\n  font-size: 13px;\n  font-style: italic;\n  color: var(--sp-text-soft);\n  background: #fbfbfb;\n  border-left: 3px solid var(--sp-accent);\n  padding: 9px 12px;\n  margin: 0 0 20px;\n  line-height: 1.5;\n}\n\n\/* --- Button --- *\/\n.sp-btn {\n  display: block;\n  background: var(--sp-primary);\n  color: var(--sp-accent) !important;\n  text-decoration: none !important;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  text-align: center;\n  padding: 14px 24px;\n  border: 1px solid var(--sp-primary);\n  border-radius: 0;\n  min-height: 48px;\n  margin-top: auto;\n  transition: background .3s ease, color .3s ease;\n}\n.sp-btn:hover,\n.sp-btn:focus-visible {\n  background: var(--sp-card);\n  color: var(--sp-primary) !important;\n  outline: none;\n}\n\n\/* --- Responsive --- *\/\n@media (max-width: 960px) {\n  .sp-grid { grid-template-columns: 1fr; gap: 24px; }\n}\n@media (max-width: 600px) {\n  #sandy-promo { padding: 30px 16px; margin: 24px 0; }\n  .sp-card { padding: 24px 18px; }\n  .sp-conditions { flex-direction: column; align-items: stretch; gap: 6px; }\n  .sp-conditions li { text-align: center; }\n  .sp-deal { font-size: 10px; padding: 3px 8px; }\n}\n<\/style>\n\n\n\n<style>\n  \/* =========================================\n     SANDY HILL SPA - GERMAN NAV BLOCK\n     ========================================= *\/\n  \n  \/* Container ch\u00ednh *\/\n  .sh-de-nav {\n    font-family: Helvetica, Arial, sans-serif;\n    max-width: 1120px;\n    margin: 0 auto;\n    padding: 16px;\n    box-sizing: border-box;\n    width: 100%;\n  }\n\n  \/* Grid Layout *\/\n  .sh-de-nav__list {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 10px;\n    list-style: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  \/* Style cho n\u00fat link *\/\n  .sh-de-nav__list li a {\n    display: block;\n    text-align: center;\n    padding: 12px;\n    border-radius: 6px;\n    border: 1px solid #d9e5e0;\n    background-color: #f6fbf9;\n    font-weight: bold;\n    color: #3f645a;\n    text-decoration: none;\n    transition: all 0.2s ease;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n  }\n\n  \/* Hi\u1ec7u \u1ee9ng hover *\/\n  .sh-de-nav__list li a:hover {\n    background-color: #eef7f4;\n    transform: translateY(-2px);\n    text-decoration: none;\n    border-color: #3f645a;\n  }\n\n  .sh-de-nav__list li a span {\n    position: relative;\n    display: inline-block;\n  }\n\n  \/* Responsive: PC chia 3 c\u1ed9t *\/\n  @media (min-width: 640px) {\n    .sh-de-nav__list {\n      grid-template-columns: repeat(3, 1fr);\n    }\n  }\n\n  \/* Responsive: M\u00e0n h\u00ecnh l\u1edbn *\/\n  @media (min-width: 1024px) {\n    .sh-de-nav {\n      padding-left: 0;\n      padding-right: 0;\n    }\n  }\n<\/style>\n\n<section class=\"sh-de-nav\" aria-label=\"German shortcuts\">\n  <ul class=\"sh-de-nav__list\">\n    <li>\n      <a href=\"https:\/\/sandyhillspa.com\/de\/offers\/\">\n        <span>Aktuelle Angebote<\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a href=\"https:\/\/sandyhillspa.com\/de\/services\/\">\n        <span>Massage & Spa Men\u00fc<\/span>\n      <\/a>\n    <\/li>\n    <li>\n      <a href=\"https:\/\/sandyhillspa.com\/de\/reservation\/\">\n        <span>Jetzt reservieren<\/span>\n      <\/a>\n    <\/li>\n  <\/ul>\n<\/section>\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":3388,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3386","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/sandyhillspa.com\/de\/wp-json\/wp\/v2\/pages\/3386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sandyhillspa.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sandyhillspa.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sandyhillspa.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sandyhillspa.com\/de\/wp-json\/wp\/v2\/comments?post=3386"}],"version-history":[{"count":1,"href":"https:\/\/sandyhillspa.com\/de\/wp-json\/wp\/v2\/pages\/3386\/revisions"}],"predecessor-version":[{"id":7796,"href":"https:\/\/sandyhillspa.com\/de\/wp-json\/wp\/v2\/pages\/3386\/revisions\/7796"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sandyhillspa.com\/de\/wp-json\/wp\/v2\/media\/3388"}],"wp:attachment":[{"href":"https:\/\/sandyhillspa.com\/de\/wp-json\/wp\/v2\/media?parent=3386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}