{"id":4259,"date":"2026-03-08T20:59:39","date_gmt":"2026-03-09T01:59:39","guid":{"rendered":"https:\/\/stayritmo.com\/?page_id=4259"},"modified":"2026-03-10T14:53:11","modified_gmt":"2026-03-10T19:53:11","slug":"uber-ritmo","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/de\/about-ritmo\/","title":{"rendered":"About Ritmo"},"content":{"rendered":"<style>\n\n\/* ============================================================\n   RITMO CARTAGENA \u2014 Design System\n   A Modern Caribbean Oasis in El Laguito, Cartagena\n   ============================================================ *\/\n\n\/* --- Google Fonts --- *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600;700&display=swap');\n\n\/* --- CSS Custom Properties --- *\/\n:root {\n  \/* Colors \u2014 Ritmo Red + Caribbean Gold + Sandy Beach *\/\n  --color-primary: #FF2236;\n  --color-primary-light: #FF4D5E;\n  --color-primary-dark: #D91A2B;\n  --color-secondary: #C87E22;\n  --color-secondary-light: #EBA92C;\n  --color-cta: #C87E22;\n  --color-cta-hover: #A86A1B;\n  --color-cta-light: #EBA92C;\n  --color-accent: #EBA92C;\n  --color-sand: #EBDEC5;\n  --color-sand-light: #F5F0E3;\n  --color-bg: #FFFDF8;\n  --color-bg-warm: #F5F0E3;\n  --color-bg-section: #EBDEC5;\n  --color-text: #2C1810;\n  --color-text-muted: #6B5744;\n  --color-text-light: #8C7A68;\n  --color-white: #FFFFFF;\n  --color-border: #DDD2BD;\n  --color-border-light: #EBDEC5;\n\n  \/* Typography *\/\n  --font-heading: 'Cormorant', Georgia, 'Times New Roman', serif;\n  --font-body: 'Montserrat', 'Segoe UI', Tahoma, sans-serif;\n\n  \/* Font Sizes \u2014 Fluid Scale *\/\n  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);\n  --text-sm: clamp(0.8125rem, 0.75rem + 0.3vw, 0.875rem);\n  --text-base: clamp(0.9375rem, 0.875rem + 0.3vw, 1rem);\n  --text-lg: clamp(1.0625rem, 0.95rem + 0.5vw, 1.125rem);\n  --text-xl: clamp(1.1875rem, 1rem + 0.75vw, 1.3125rem);\n  --text-2xl: clamp(1.4375rem, 1.15rem + 1.2vw, 1.6875rem);\n  --text-3xl: clamp(1.75rem, 1.35rem + 1.7vw, 2.125rem);\n  --text-4xl: clamp(2.125rem, 1.5rem + 2.5vw, 2.8125rem);\n  --text-5xl: clamp(2.625rem, 1.75rem + 3.5vw, 3.75rem);\n  --text-6xl: clamp(3.25rem, 2rem + 5vw, 5rem);\n\n  \/* Font Weights *\/\n  --weight-light: 300;\n  --weight-normal: 400;\n  --weight-medium: 500;\n  --weight-semibold: 600;\n  --weight-bold: 700;\n\n  \/* Line Heights *\/\n  --leading-tight: 1.15;\n  --leading-snug: 1.3;\n  --leading-normal: 1.6;\n  --leading-relaxed: 1.75;\n\n  \/* Letter Spacing *\/\n  --tracking-tight: -0.02em;\n  --tracking-normal: 0;\n  --tracking-wide: 0.05em;\n  --tracking-wider: 0.1em;\n  --tracking-widest: 0.2em;\n\n  \/* Spacing Scale *\/\n  --space-xs: 0.25rem;\n  --space-sm: 0.5rem;\n  --space-md: 1rem;\n  --space-lg: 1.5rem;\n  --space-xl: 2rem;\n  --space-2xl: 3rem;\n  --space-3xl: 4rem;\n  --space-4xl: 6rem;\n  --space-5xl: 8rem;\n\n  \/* Layout *\/\n  --max-width: 1280px;\n  --max-width-narrow: 960px;\n  --max-width-text: 720px;\n  --nav-height: 80px;\n  --border-radius: 8px;\n  --border-radius-lg: 16px;\n  --border-radius-xl: 24px;\n\n  \/* Shadows *\/\n  --shadow-sm: 0 1px 3px rgba(44, 24, 16, 0.06);\n  --shadow-md: 0 4px 12px rgba(44, 24, 16, 0.08);\n  --shadow-lg: 0 8px 30px rgba(44, 24, 16, 0.1);\n  --shadow-xl: 0 16px 50px rgba(44, 24, 16, 0.12);\n  --shadow-gold: 0 4px 20px rgba(200, 126, 34, 0.25);\n  --shadow-red: 0 4px 20px rgba(255, 34, 54, 0.2);\n\n  \/* Transitions *\/\n  --transition-fast: 150ms ease;\n  --transition-base: 250ms ease;\n  --transition-slow: 400ms ease;\n}\n\n\/* --- Base Resets --- *\/\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  scroll-behavior: smooth;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\nbody {\n  font-family: var(--font-body);\n  font-size: var(--text-base);\n  font-weight: var(--weight-normal);\n  line-height: var(--leading-normal);\n  color: var(--color-text);\n  background-color: var(--color-bg);\n}\n\n\/* --- Typography --- *\/\nh1, h2, h3, h4, h5, h6 {\n  font-family: var(--font-heading);\n  font-weight: var(--weight-semibold);\n  line-height: var(--leading-tight);\n  color: var(--color-primary);\n}\n\nh1 { font-size: var(--text-5xl); letter-spacing: var(--tracking-tight); }\nh2 { font-size: var(--text-4xl); }\nh3 { font-size: var(--text-3xl); }\nh4 { font-size: var(--text-2xl); }\nh5 { font-size: var(--text-xl); }\nh6 { font-size: var(--text-lg); }\n\np {\n  margin-bottom: var(--space-md);\n  max-width: 70ch;\n}\n\n.text-muted { color: var(--color-text-muted); }\n.text-light { color: var(--color-text-light); }\n.text-gold { color: var(--color-cta); }\n.text-white { color: var(--color-white); }\n\n.eyebrow {\n  font-family: var(--font-body);\n  font-size: var(--text-xs);\n  font-weight: var(--weight-semibold);\n  letter-spacing: var(--tracking-widest);\n  text-transform: uppercase;\n  color: var(--color-cta);\n  margin-bottom: var(--space-sm);\n}\n\n\/* --- Buttons --- *\/\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-sm);\n  font-family: var(--font-body);\n  font-size: var(--text-sm);\n  font-weight: var(--weight-semibold);\n  letter-spacing: var(--tracking-wide);\n  text-transform: uppercase;\n  text-decoration: none;\n  padding: 0.875rem 2rem;\n  border: 2px solid transparent;\n  border-radius: var(--border-radius);\n  cursor: pointer;\n  transition: all var(--transition-base);\n  min-height: 48px;\n}\n\n.btn-primary {\n  background: var(--color-cta);\n  color: var(--color-white);\n  border-color: var(--color-cta);\n}\n.btn-primary:hover {\n  background: var(--color-cta-hover);\n  color: var(--color-white);\n  border-color: var(--color-cta-hover);\n  box-shadow: var(--shadow-gold);\n}\n\n.btn-outline {\n  background: transparent;\n  color: var(--color-white);\n  border-color: var(--color-white);\n}\n.btn-outline:hover {\n  background: var(--color-white);\n  color: var(--color-primary);\n}\n\n.btn-outline-dark {\n  background: transparent;\n  color: var(--color-primary);\n  border-color: var(--color-primary);\n}\n.btn-outline-dark:hover {\n  background: var(--color-primary);\n  color: var(--color-white);\n}\n\n.btn-ghost {\n  background: transparent;\n  color: var(--color-cta);\n  border-color: transparent;\n  padding: 0.5rem 1rem;\n}\n.btn-ghost:hover {\n  color: var(--color-cta-hover);\n}\n\n\/* --- Layout Utilities --- *\/\n.container {\n  width: 100%;\n  max-width: var(--max-width);\n  margin: 0 auto;\n  padding: 0 var(--space-xl);\n}\n\n.container-narrow {\n  max-width: var(--max-width-narrow);\n}\n\n.section {\n  padding: var(--space-5xl) 0;\n}\n\n.section-sm {\n  padding: var(--space-3xl) 0;\n}\n\n\/* --- Grid --- *\/\n.grid {\n  display: grid;\n  gap: var(--space-xl);\n}\n.grid-2 { grid-template-columns: repeat(2, 1fr); }\n.grid-3 { grid-template-columns: repeat(3, 1fr); }\n.grid-4 { grid-template-columns: repeat(4, 1fr); }\n\n@media (max-width: 1024px) {\n  .grid-4 { grid-template-columns: repeat(2, 1fr); }\n  .grid-3 { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 640px) {\n  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }\n}\n\n\/* --- Card --- *\/\n.card {\n  background: var(--color-white);\n  border-radius: var(--border-radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow-sm);\n  transition: all var(--transition-base);\n  cursor: pointer;\n}\n.card:hover {\n  box-shadow: var(--shadow-lg);\n  transform: translateY(-4px);\n}\n.card-body {\n  padding: var(--space-lg);\n}\n\n\/* --- Gold Divider --- *\/\n.divider-gold {\n  width: 60px;\n  height: 2px;\n  background: var(--color-cta);\n  margin: var(--space-md) 0;\n}\n\n.divider-gold-center {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* --- Star Rating --- *\/\n.stars {\n  display: inline-flex;\n  gap: 2px;\n  color: var(--color-cta);\n}\n\n\/* --- Accessibility --- *\/\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n  html { scroll-behavior: auto; }\n}\n\n\/* --- Focus States --- *\/\n:focus-visible {\n  outline: 2px solid var(--color-cta);\n  outline-offset: 2px;\n}\n\n\/* --- Selection --- *\/\n::selection {\n  background: var(--color-primary);\n  color: var(--color-white);\n}\n\n\/* --- Dark Section (replaces old navy) --- *\/\n.dark-section {\n  background: #2C1810;\n  color: rgba(255, 255, 255, 0.9);\n}\n.dark-section h2, .dark-section h3, .dark-section h4 {\n  color: var(--color-white);\n}\n\n\n\n    \/* ============================================================\n       ABOUT PAGE \u2014 Ritmo Cartagena\n       ============================================================ *\/\n\n    \/* --- Navigation --- *\/\n    .nav {\n      position: fixed;\n      top: 1rem;\n      left: 1rem;\n      right: 1rem;\n      z-index: 50;\n      background: rgba(255, 255, 255, 0.05);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      border-radius: var(--border-radius-xl);\n      border: 1px solid rgba(255, 255, 255, 0.15);\n      transition: all var(--transition-slow);\n      padding: 0 var(--space-xl);\n    }\n\n    .nav.scrolled {\n      top: 0;\n      left: 0;\n      right: 0;\n      background: rgba(255, 255, 255, 0.97);\n      backdrop-filter: blur(12px);\n      border-radius: 0;\n      border-color: var(--color-border);\n      box-shadow: var(--shadow-md);\n    }\n\n    .nav-inner {\n      max-width: var(--max-width);\n      margin: 0 auto;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      height: var(--nav-height);\n    }\n\n    .nav-logo {\n      display: inline-flex;\n      align-items: center;\n      text-decoration: none;\n    }\n\n    .nav-logo img {\n      height: 30px;\n      width: auto;\n      filter: brightness(0) invert(1);\n      transition: filter var(--transition-base);\n    }\n\n    .nav.scrolled .nav-logo img {\n      filter: none;\n    }\n\n    .nav-links {\n      display: flex;\n      align-items: center;\n      gap: var(--space-xl);\n      list-style: none;\n    }\n\n    .nav-links a {\n      font-family: var(--font-body);\n      font-size: var(--text-sm);\n      font-weight: var(--weight-medium);\n      color: rgba(255, 255, 255, 0.9);\n      text-decoration: none;\n      letter-spacing: var(--tracking-wide);\n      text-transform: uppercase;\n      transition: color var(--transition-fast);\n      cursor: pointer;\n    }\n\n    .nav-links a:hover {\n      color: var(--color-cta);\n    }\n\n    .nav.scrolled .nav-links a {\n      color: var(--color-text);\n    }\n\n    .nav.scrolled .nav-links a:hover {\n      color: var(--color-cta);\n    }\n\n    .nav-links a.active,\n    .nav.scrolled .nav-links a.active {\n      color: var(--color-cta) !important;\n    }\n\n    .nav-cta {\n      padding: 0.625rem 1.5rem !important;\n      background: var(--color-cta) !important;\n      color: var(--color-white) !important;\n      border-radius: var(--border-radius) !important;\n      font-weight: var(--weight-semibold) !important;\n      text-transform: uppercase !important;\n      letter-spacing: var(--tracking-wide) !important;\n      font-size: var(--text-xs) !important;\n      transition: all var(--transition-base) !important;\n      cursor: pointer;\n    }\n\n    .nav-cta:hover {\n      background: var(--color-cta-hover) !important;\n      box-shadow: var(--shadow-gold) !important;\n    }\n\n    \/* Mobile menu toggle *\/\n    .nav-toggle {\n      display: none;\n      flex-direction: column;\n      gap: 5px;\n      cursor: pointer;\n      background: none;\n      border: none;\n      padding: 4px;\n    }\n\n    .nav-toggle span {\n      width: 24px;\n      height: 2px;\n      background: var(--color-white);\n      transition: all var(--transition-base);\n    }\n\n    .nav.scrolled .nav-toggle span {\n      background: var(--color-text);\n    }\n\n    @media (max-width: 1024px) {\n      .nav-toggle { display: flex; }\n      .nav-links {\n        display: none;\n        position: absolute;\n        top: calc(var(--nav-height) + 0.5rem);\n        left: 0;\n        right: 0;\n        background: var(--color-white);\n        flex-direction: column;\n        padding: var(--space-xl);\n        border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);\n        box-shadow: var(--shadow-lg);\n      }\n      .nav-links.open { display: flex; }\n      .nav-links a { color: var(--color-text) !important; }\n    }\n\n    \/* --- Page Hero --- *\/\n    .page-hero {\n      position: relative;\n      min-height: 50vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n\n    .page-hero-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(180deg,\n          rgba(26, 14, 8, 0.5) 0%,\n          rgba(44, 24, 16, 0.75) 100%),\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/cartagena-hero.webp')\n        center\/cover no-repeat;\n    }\n\n    .page-hero-content {\n      position: relative;\n      z-index: 1;\n      text-align: center;\n      padding: var(--space-xl);\n      padding-top: calc(var(--nav-height) + var(--space-2xl));\n    }\n\n    .page-hero-content .eyebrow {\n      color: var(--color-cta-light);\n    }\n\n    .page-hero-content h1 {\n      color: var(--color-white);\n      margin-bottom: var(--space-md);\n    }\n\n    .page-hero-content p {\n      color: rgba(255, 255, 255, 0.8);\n      font-size: var(--text-lg);\n      max-width: 560px;\n      margin: 0 auto;\n      font-weight: var(--weight-light);\n    }\n\n    \/* --- Our Story Section --- *\/\n    .our-story {\n      background: var(--color-bg);\n    }\n\n    .story-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-3xl);\n      align-items: center;\n    }\n\n    .story-image {\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n      aspect-ratio: 4\/5;\n      position: relative;\n    }\n\n    .story-image-placeholder {\n      width: 100%;\n      height: 100%;\n      background:\n        linear-gradient(135deg, #2C1810 0%, #4A3228 100%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n    }\n\n    .story-image-placeholder::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background:\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/ritmo-living-room.webp')\n        center\/cover no-repeat;\n      opacity: 0.85;\n    }\n\n    .story-image-accent {\n      position: absolute;\n      bottom: -1rem;\n      right: -1rem;\n      width: 120px;\n      height: 120px;\n      background: var(--color-cta);\n      border-radius: var(--border-radius-lg);\n      z-index: -1;\n    }\n\n    .story-text h2 {\n      margin-bottom: var(--space-md);\n    }\n\n    .story-text p {\n      color: var(--color-text-muted);\n      margin-bottom: var(--space-lg);\n      line-height: var(--leading-relaxed);\n    }\n\n    .story-text blockquote {\n      border-left: 3px solid var(--color-cta);\n      padding-left: var(--space-lg);\n      margin: var(--space-xl) 0;\n      font-family: var(--font-heading);\n      font-size: var(--text-2xl);\n      font-style: italic;\n      color: var(--color-primary);\n      line-height: var(--leading-snug);\n    }\n\n    @media (max-width: 768px) {\n      .story-grid { grid-template-columns: 1fr; }\n      .story-image { max-height: 400px; }\n    }\n\n    \/* --- Meet Your Hosts --- *\/\n    .hosts-section {\n      background: var(--color-sand-light);\n    }\n\n    .hosts-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .hosts-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: var(--space-2xl);\n      max-width: 800px;\n      margin: 0 auto;\n    }\n\n    .host-card {\n      text-align: center;\n      background: var(--color-white);\n      border-radius: var(--border-radius-lg);\n      padding: var(--space-2xl) var(--space-xl);\n      box-shadow: var(--shadow-sm);\n      border: 1px solid var(--color-border-light);\n      transition: all var(--transition-base);\n    }\n\n    .host-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n    }\n\n    .host-photo {\n      width: 120px;\n      height: 120px;\n      border-radius: 50%;\n      margin: 0 auto var(--space-lg);\n      overflow: hidden;\n      border: 3px solid var(--color-cta);\n      padding: 3px;\n    }\n\n    .host-photo-inner {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      background: linear-gradient(135deg, #2C1810, #4A3228);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--color-cta);\n      font-family: var(--font-heading);\n      font-size: var(--text-3xl);\n      font-weight: var(--weight-bold);\n      object-fit: cover;\n    }\n\n    .host-photo img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      object-fit: cover;\n    }\n\n    .host-name {\n      font-family: var(--font-heading);\n      font-size: var(--text-2xl);\n      font-weight: var(--weight-semibold);\n      color: var(--color-primary);\n      margin-bottom: var(--space-xs);\n    }\n\n    .host-role {\n      font-size: var(--text-xs);\n      font-weight: var(--weight-semibold);\n      letter-spacing: var(--tracking-widest);\n      text-transform: uppercase;\n      color: var(--color-cta);\n      margin-bottom: var(--space-md);\n    }\n\n    .host-bio {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      line-height: var(--leading-relaxed);\n      margin: 0;\n    }\n\n    @media (max-width: 640px) {\n      .hosts-grid { grid-template-columns: 1fr; }\n    }\n\n    \/* --- Our Values --- *\/\n    .values-section {\n      background: var(--color-bg);\n    }\n\n    .values-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .value-card {\n      background: var(--color-white);\n      border-radius: var(--border-radius-lg);\n      padding: var(--space-2xl);\n      text-align: center;\n      box-shadow: var(--shadow-sm);\n      border: 1px solid var(--color-border-light);\n      transition: all var(--transition-base);\n    }\n\n    .value-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n    }\n\n    .value-icon {\n      width: 64px;\n      height: 64px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto var(--space-lg);\n      background: linear-gradient(135deg, #2C1810, #4A3228);\n      border-radius: var(--border-radius);\n      color: var(--color-cta);\n    }\n\n    .value-icon svg {\n      width: 28px;\n      height: 28px;\n    }\n\n    .value-card h4 {\n      font-size: var(--text-xl);\n      margin-bottom: var(--space-sm);\n    }\n\n    .value-card p {\n      color: var(--color-text-muted);\n      font-size: var(--text-sm);\n      margin: 0 auto;\n    }\n\n    \/* --- Stats Section --- *\/\n    .stats-section {\n      background: #2C1810;\n      padding: var(--space-4xl) 0;\n    }\n\n    .stats-header {\n      text-align: center;\n      margin-bottom: var(--space-2xl);\n    }\n\n    .stats-header .eyebrow {\n      color: var(--color-cta-light);\n    }\n\n    .stats-header h2 {\n      color: var(--color-white);\n    }\n\n    .stats-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: var(--space-xl);\n    }\n\n    .stat-item {\n      text-align: center;\n      padding: var(--space-xl);\n      border-radius: var(--border-radius-lg);\n      background: rgba(255, 255, 255, 0.06);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      transition: all var(--transition-base);\n    }\n\n    .stat-item:hover {\n      background: rgba(255, 255, 255, 0.1);\n      transform: translateY(-4px);\n    }\n\n    .stat-icon {\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto var(--space-md);\n      color: var(--color-cta);\n    }\n\n    .stat-icon svg {\n      width: 28px;\n      height: 28px;\n    }\n\n    .stat-number {\n      font-family: var(--font-heading);\n      font-size: var(--text-4xl);\n      font-weight: var(--weight-bold);\n      color: var(--color-white);\n      line-height: 1;\n      margin-bottom: var(--space-xs);\n    }\n\n    .stat-label {\n      font-size: var(--text-sm);\n      color: rgba(255, 255, 255, 0.6);\n      font-weight: var(--weight-medium);\n    }\n\n    @media (max-width: 1024px) {\n      .stats-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n    @media (max-width: 480px) {\n      .stats-grid { grid-template-columns: 1fr; }\n    }\n\n    \/* --- Final CTA --- *\/\n    .final-cta {\n      position: relative;\n      padding: var(--space-5xl) 0;\n      text-align: center;\n      overflow: hidden;\n    }\n\n    .final-cta-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(180deg,\n          rgba(18, 71, 32, 0.88) 0%,\n          rgba(18, 71, 32, 0.92) 100%),\n        url('https:\/\/images.unsplash.com\/photo-1583531172005-814194af01e1?w=1920&q=80')\n        center\/cover no-repeat;\n    }\n\n    .final-cta .btn-outline:hover {\n      color: #124720;\n    }\n\n    .final-cta .container {\n      position: relative;\n      z-index: 1;\n    }\n\n    .final-cta h2 {\n      color: var(--color-white);\n      margin-bottom: var(--space-md);\n    }\n\n    .final-cta p {\n      color: rgba(255, 255, 255, 0.8);\n      font-size: var(--text-lg);\n      max-width: 560px;\n      margin: 0 auto var(--space-2xl);\n    }\n\n    .cta-actions {\n      display: flex;\n      gap: var(--space-md);\n      justify-content: center;\n      flex-wrap: wrap;\n    }\n\n    \/* --- Footer --- *\/\n    .footer {\n      background: var(--color-sand, #EBDEC5);\n      color: var(--color-text, #2C1810);\n      padding: var(--space-4xl) 0 var(--space-xl);\n    }\n\n    .footer-grid {\n      display: grid;\n      grid-template-columns: 2fr 1fr 1fr 1fr;\n      gap: var(--space-2xl);\n      margin-bottom: var(--space-3xl);\n    }\n\n    .footer-brand .nav-logo {\n      display: inline-flex;\n      margin-bottom: var(--space-md);\n    }\n\n    .footer .nav-logo img {\n      height: 25px;\n      filter: none;\n    }\n\n    .footer-brand p {\n      font-size: var(--text-sm);\n      line-height: var(--leading-relaxed);\n      color: var(--color-text-muted);\n      max-width: 300px;\n    }\n\n    .footer-col h5 {\n      font-family: var(--font-body);\n      font-size: var(--text-xs);\n      font-weight: var(--weight-semibold);\n      letter-spacing: var(--tracking-widest);\n      text-transform: uppercase;\n      color: #124720;\n      margin-bottom: var(--space-lg);\n    }\n\n    .footer-col ul {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-sm);\n    }\n\n    .footer-col a {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      text-decoration: none;\n      transition: color var(--transition-fast);\n      cursor: pointer;\n    }\n\n    .footer-col a:hover {\n      color: var(--color-primary);\n    }\n\n    .footer-bottom {\n      border-top: 1px solid var(--color-border);\n      padding-top: var(--space-xl);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: var(--space-md);\n    }\n\n    .footer-bottom p {\n      font-size: var(--text-xs);\n      color: var(--color-text-light);\n      margin: 0;\n    }\n\n    .footer-legal {\n      width: 100%;\n      display: flex;\n      flex-wrap: wrap;\n      gap: var(--space-sm);\n      margin-top: var(--space-sm);\n    }\n\n    .footer-legal a {\n      font-size: var(--text-xs);\n      color: var(--color-text-light);\n      text-decoration: none;\n      transition: color var(--transition-fast);\n    }\n\n    .footer-legal a:hover {\n      color: var(--color-primary);\n    }\n\n    .footer-legal span {\n      font-size: var(--text-xs);\n      color: var(--color-text-light);\n      opacity: 0.5;\n    }\n\n    .footer-social {\n      display: flex;\n      gap: var(--space-md);\n    }\n\n    .footer-social a {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      border: 1px solid var(--color-border);\n      color: var(--color-text-muted);\n      transition: all var(--transition-base);\n      cursor: pointer;\n    }\n\n    .footer-social a:hover {\n      border-color: #124720;\n      color: #124720;\n      background: rgba(18, 71, 32, 0.08);\n    }\n\n    .footer-social svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    @media (max-width: 768px) {\n      .footer-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    @media (max-width: 480px) {\n      .footer-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n\n    \/* --- Scroll Reveal Helper --- *\/\n    .reveal {\n      opacity: 0;\n      transform: translateY(20px);\n      transition: opacity 0.6s ease, transform 0.6s ease;\n    }\n\n    .reveal.revealed {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n  \n<\/style>\n\n\n\n<!-- ==================== NAVIGATION ==================== -->\n  <nav class=\"nav\" id=\"navbar\">\n    <div class=\"nav-inner\">\n      <a href=\"https:\/\/stayritmo.com\/de\/\" class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2025\/08\/Ritmo-Horizontal.webp\" alt=\"Ritmo Cartagena\" loading=\"lazy\"><\/a>\n      <ul class=\"nav-links\" id=\"navLinks\">\n        <li><a href=\"\/de\/suite\/\">Die Suite<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/de\/things-to-do\/\">Aktivit\u00e4ten<\/a><\/li>\n        <li><a href=\"\/de\/cartagena-reisefuhrer\/\">Cartagena<\/a><\/li>\n        <li><a href=\"\/de\/reviews\/\">Rezensionen<\/a><\/li>\n        <li><a href=\"\/de\/about\/\" class=\"active\">Um<\/a><\/li>\n        <li><a href=\"\/de\/contact\/\">Kontakt<\/a><\/li>\n        <li><a href=\"\/de\/book\/\" class=\"nav-cta\">Jetzt buchen<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Navigation umschalten\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/div>\n  <\/nav>\n\n  <!-- ==================== PAGE HERO ==================== -->\n  <section class=\"page-hero\">\n    <div class=\"page-hero-bg\" role=\"img\" aria-label=\"Kolonialarchitektur von Cartagena und Karibikk\u00fcste\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\">Wer wir sind<\/p>\n      <h1>\u00dcber Ritmo Cartagena<\/h1>\n      <div class=\"divider-gold divider-gold-center\"><\/div>\n      <p>Die Geschichte hinter Ihrer modernen karibischen Oase und den Menschen, die jeden Aufenthalt unvergesslich machen.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== OUR STORY ==================== -->\n  <section class=\"our-story section\">\n    <div class=\"container\">\n      <div class=\"story-grid\">\n        <div class=\"story-image reveal\">\n          <div class=\"story-image-placeholder\" role=\"img\" aria-label=\"Innenraum der Suite Ritmo Cartagena\">\n          <\/div>\n          <div class=\"story-image-accent\"><\/div>\n        <\/div>\n        <div class=\"story-text\">\n          <p class=\"eyebrow\">Unsere Geschichte<\/p>\n          <h2>Wo modernes Design auf karibische Seele trifft<\/h2>\n          <div class=\"divider-gold\"><\/div>\n          <p>Ritmo Cartagena entstand aus der einfachen \u00dcberzeugung, dass Reisende mehr verdienen als nur einen Schlafplatz. Sie verdienen einen Ort, der sich wie eine echte karibische Auszeit anf\u00fchlt \u2013 durchdacht gestaltet, liebevoll eingerichtet und erf\u00fcllt von der W\u00e4rme und Energie Cartagenas.<\/p>\n          <p>Glenn verliebte sich vor Jahren in Cartagena: die Kopfsteinpflasterstra\u00dfen, den Rhythmus der Cumbia, der durch die Luft lag, und das karibische Licht, das alles in ein magisches Licht tauchte. Nachdem er von den USA nach Kolumbien gezogen war und Gloria geheiratet hatte, fanden sie gemeinsam ihr Zuhause in El Laguito und wussten, dass sie etwas Besonderes schaffen mussten. Eine moderne Oase, die den pulsierenden Geist dieser Stadt widerspiegelt und gleichzeitig den Komfort und Stil bietet, den anspruchsvolle Reisende erwarten.<\/p>\n          <blockquote>\n            \u201cWir wollten das Beste aus modernem Design mit der unersetzlichen Herzlichkeit karibischer Gastfreundschaft verbinden.\u201d\n          <\/blockquote>\n          <p>Im Ritmo wurde jedes Detail sorgf\u00e4ltig durchdacht \u2013 vom verstellbaren Kingsize-Bett und den ausgew\u00e4hlten Kunstwerken bis hin zum reibungslosen Check-in und den pers\u00f6nlichen Empfehlungen f\u00fcr versteckte Juwelen der Stadt. Dies ist nicht einfach nur eine Ferienwohnung. Es ist Ihr Tor zu Cartagena, so wie es sein sollte.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== MEET YOUR HOSTS ==================== -->\n  <section class=\"hosts-section section\">\n    <div class=\"container\">\n      <div class=\"hosts-header\">\n        <p class=\"eyebrow\">Ihre Gastgeber<\/p>\n        <h2>Lernen Sie das Team hinter Ritmo kennen<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n        <p class=\"text-muted\" style=\"max-width:560px;margin:var(--space-md) auto 0;\">Wir lieben Cartagena und m\u00f6chten Ihren Aufenthalt unvergesslich machen. Von Insider-Tipps bis hin zu reibungslosem Service \u2013 wir sind jederzeit f\u00fcr Sie da.<\/p>\n      <\/div>\n\n      <div class=\"hosts-grid\">\n        <div class=\"host-card reveal\">\n          <div class=\"host-photo\">\n            <img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/glenn.webp\" alt=\"Glenn\" loading=\"lazy\">\n          <\/div>\n          <div class=\"host-name\">Glenn<\/div>\n          <div class=\"host-role\">Co-Host &amp; Operations<\/div>\n          <p class=\"host-bio\">Urspr\u00fcnglich aus den USA stammend, wagte Glenn den Sprung nach Kolumbien, nachdem er sich in das Land, seine Kultur und seine Menschen verliebt hatte. Seine Leidenschaft f\u00fcr Gastfreundschaft und sein Blick f\u00fcrs Detail pr\u00e4gen alles bei Ritmo \u2013 vom reibungslosen Check-in bis hin zu den sorgf\u00e4ltig ausgew\u00e4hlten G\u00e4steempfehlungen. Sein Ziel ist einfach: jedem Gast einen unvergesslichen Aufenthalt zu erm\u00f6glichen.<\/p>\n        <\/div>\n\n        <div class=\"host-card reveal\">\n          <div class=\"host-photo\">\n            <img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/gloria.webp\" alt=\"Gloria\" loading=\"lazy\">\n          <\/div>\n          <div class=\"host-name\">Gloria<\/div>\n          <div class=\"host-role\">Co-Moderator &amp; Lokalexperte<\/div>\n          <p class=\"host-bio\">Die geb\u00fcrtige Kolumbianerin Gloria verk\u00f6rpert die karibische Herzlichkeit von Ritmo. Sie kennt Cartagena wie ihre Westentasche \u2013 von den besten Restaurants bis hin zu den versteckten Innenh\u00f6fen, die den meisten Besuchern verborgen bleiben. Ihre tiefe Verbundenheit mit der Stadt sorgt daf\u00fcr, dass jeder Gast den authentischen Rhythmus Cartagenas erlebt und nicht nur die touristischen Highlights.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== OUR VALUES ==================== -->\n  <section class=\"values-section section\">\n    <div class=\"container\">\n      <div class=\"values-header\">\n        <p class=\"eyebrow\">Was uns antreibt<\/p>\n        <h2>Unsere Werte<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <div class=\"grid grid-3\">\n        <div class=\"value-card reveal\">\n          <div class=\"value-icon\">\n            <!-- Heart Handshake icon -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7z\"\/>\n              <path d=\"M12 5L9.04 7.96a2.17 2.17 0 0 0 0 3.08c.82.82 2.13.85 3 .07l2.07-1.9a2.82 2.82 0 0 1 3.79 0l2.96 2.66\"\/>\n              <path d=\"M18 15l-2-2\"\/>\n              <path d=\"M15 18l-2-2\"\/>\n            <\/svg>\n          <\/div>\n          <h4>Au\u00dfergew\u00f6hnliche Gastfreundschaft<\/h4>\n          <p>Wir glauben, dass Gastfreundschaft pers\u00f6nlich und nicht gesch\u00e4ftsm\u00e4\u00dfig ist. Von Ihrer ersten Anfrage bis zu Ihrer Abreise behandeln wir jeden Gast wie ein Familienmitglied: mit aufrichtiger F\u00fcrsorge, schnellen Antworten und liebevollen Details, die einen guten Aufenthalt zu einem unvergesslichen machen.<\/p>\n        <\/div>\n\n        <div class=\"value-card reveal\">\n          <div class=\"value-icon\">\n            <!-- Map\/Compass icon -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n              <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"\/>\n            <\/svg>\n          <\/div>\n          <h4>Lokale Expertise<\/h4>\n          <p>Cartagena ist mehr als Str\u00e4nde und historische Stadtmauern. Wir stellen Ihnen unsere Lieblingsrestaurants vor, organisieren exklusive Touren und geben Ihnen Insider-Tipps, damit Sie den authentischen Rhythmus dieser unglaublichen Stadt erleben. Orte und Momente, die Sie in keinem Reisef\u00fchrer finden.<\/p>\n        <\/div>\n\n        <div class=\"value-card reveal\">\n          <div class=\"value-icon\">\n            <!-- Sparkles\/Diamond icon -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 3l1.912 5.813a2 2 0 0 0 1.275 1.275L21 12l-5.813 1.912a2 2 0 0 0-1.275 1.275L12 21l-1.912-5.813a2 2 0 0 0-1.275-1.275L3 12l5.813-1.912a2 2 0 0 0 1.275-1.275z\"\/>\n              <path d=\"M19 2v2\"\/>\n              <path d=\"M20 3h-2\"\/>\n              <path d=\"M5 20v2\"\/>\n              <path d=\"M6 21H4\"\/>\n            <\/svg>\n          <\/div>\n          <h4>Moderner Komfort<\/h4>\n          <p>Wir haben an jedes Detail gedacht, um einen Ort zu schaffen, der sich luxuri\u00f6s und gleichzeitig unkompliziert anf\u00fchlt. Hochwertige Betten, eine voll ausgestattete K\u00fcchenzeile, Highspeed-WLAN und ein Pool auf dem Dach. Alles, was Sie brauchen, um sich in der Karibik wie zu Hause zu f\u00fchlen.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== WHY GUESTS LOVE US \u2014 STATS ==================== -->\n  <section class=\"stats-section\">\n    <div class=\"container\">\n      <div class=\"stats-header\">\n        <p class=\"eyebrow\">In Zahlen ausgedr\u00fcckt<\/p>\n        <h2>Warum unsere G\u00e4ste uns lieben<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <div class=\"stats-grid\">\n        <div class=\"stat-item reveal\">\n          <div class=\"stat-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <\/div>\n          <div class=\"stat-number\">4.95<\/div>\n          <div class=\"stat-label\">Durchschnittliche Bewertung<\/div>\n        <\/div>\n\n        <div class=\"stat-item reveal\">\n          <div class=\"stat-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n          <\/div>\n          <div class=\"stat-number\">90+<\/div>\n          <div class=\"stat-label\">Verifizierte Bewertungen<\/div>\n        <\/div>\n\n        <div class=\"stat-item reveal\">\n          <div class=\"stat-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          <\/div>\n          <div class=\"stat-number\">2 Minuten<\/div>\n          <div class=\"stat-label\">Ansprechzeit<\/div>\n        <\/div>\n\n        <div class=\"stat-item reveal\">\n          <div class=\"stat-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\/><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\/><\/svg>\n          <\/div>\n          <div class=\"stat-number\">100+<\/div>\n          <div class=\"stat-label\">Zufriedene G\u00e4ste<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== FINAL CTA ==================== -->\n  <section class=\"final-cta\">\n    <div class=\"final-cta-bg\" role=\"img\" aria-label=\"Sonnenuntergang \u00fcber Cartagena \u00fcber der Karibik\"><\/div>\n    <div class=\"container\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Bereit, Ritmo zu erleben?<\/p>\n      <h2>Ihr Karibikurlaub erwartet Sie.<\/h2>\n      <p>Buchen Sie direkt f\u00fcr ein pers\u00f6nliches Erlebnis, aufmerksame Gastgeber und ein mit Sorgfalt gestaltetes Erlebnis vom ersten Moment Ihrer Ankunft an.<\/p>\n      <div class=\"cta-actions\">\n        <a href=\"\/de\/book\/\" class=\"btn btn-primary\">Jetzt buchen<\/a>\n        <a href=\"https:\/\/booking.stayritmo.com\/en\/availability\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"btn btn-outline\">Verf\u00fcgbarkeit pr\u00fcfen<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== FOOTER ==================== -->\n  <footer class=\"footer\">\n    <div class=\"container\">\n      <div class=\"footer-grid\">\n        <div class=\"footer-brand\">\n          <a href=\"https:\/\/stayritmo.com\/de\/\" class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2025\/08\/Ritmo-Horizontal.webp\" alt=\"Ritmo Cartagena\" loading=\"lazy\"><\/a>\n          <p>Eine moderne karibische Oase in El Laguito, Cartagena. Ihr stilvolles Zuhause fernab von Zuhause an Kolumbiens Karibikk\u00fcste.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Erkunden<\/h5>\n          <ul>\n            <li><a href=\"\/de\/suite\/\">Die Suite<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/de\/things-to-do\/\">Aktivit\u00e4ten<\/a><\/li>\n            <li><a href=\"\/de\/cartagena-reisefuhrer\/\">Cartagena-Reisef\u00fchrer<\/a><\/li>\n            <li><a href=\"\/de\/reviews\/\">G\u00e4stebewertungen<\/a><\/li>\n            <li><a href=\"\/de\/blog\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Info<\/h5>\n          <ul>\n            <li><a href=\"\/de\/about\/\">\u00dcber uns<\/a><\/li>\n            <li><a href=\"\/de\/faq\/\">H\u00e4ufig gestellte Fragen<\/a><\/li>\n            <li><a href=\"\/de\/contact\/\">Kontakt<\/a><\/li>\n            <li><a href=\"\/de\/partner\/\">Werden Sie Partner<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Buch<\/h5>\n          <ul>\n            <li><a href=\"\/de\/book\/\">Direkt buchen<\/a><\/li>\n            <li><a href=\"https:\/\/airbnb.com\/h\/ritmo\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Airbnb<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"footer-bottom\">\n        <p>\u00a9 <script>document.write(new Date().getFullYear())<\/script> Ritmo Cartagena<\/p>\n        <div class=\"footer-social\">\n          <a href=\"https:\/\/www.instagram.com\/ritmocartagena\/\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/www.facebook.com\/ritmocartagena\/\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/x.com\/ritmo_cartagena\" aria-label=\"X\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n          <\/a>\n        <\/div>\n        <div class=\"footer-legal\">\n          <a href=\"\/de\/terms\/\">Nutzungsbedingungen<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/de\/privacy\/\">Datenschutzrichtlinie<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/de\/cookie-richtlinie\/\">Cookie-Richtlinie<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/de\/zulassige-nutzung\/\">Zul\u00e4ssige Nutzung<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/de\/stornierungsbedingungen\/\">Stornierungsbedingungen<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <!-- ==================== SCRIPTS ==================== -->\n  <script>\n    \/\/ Navbar scroll effect\n    const navbar = document.getElementById('navbar');\n    window.addEventListener('scroll', () => {\n      navbar.classList.toggle('scrolled', window.scrollY > 60);\n    });\n\n    \/\/ Start scrolled since this page has a shorter hero\n    if (window.scrollY > 60) {\n      navbar.classList.add('scrolled');\n    }\n\n    \/\/ Mobile menu toggle\n    const navToggle = document.getElementById('navToggle');\n    const navLinks = document.getElementById('navLinks');\n    navToggle.addEventListener('click', () => {\n      navLinks.classList.toggle('open');\n    });\n\n    \/\/ Close mobile menu on link click\n    navLinks.querySelectorAll('a').forEach(link => {\n      link.addEventListener('click', () => {\n        navLinks.classList.remove('open');\n      });\n    });\n\n    \/\/ Scroll reveal animation\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('revealed');\n        }\n      });\n    }, { threshold: 0.1 });\n\n    document.querySelectorAll('.reveal').forEach(el => {\n      observer.observe(el);\n    });\n\n  <\/script>","protected":false},"excerpt":{"rendered":"<p>The Suite Things to Do Cartagena Reviews About Contact Book Now Who We Are About Ritmo Cartagena The story behind your modern Caribbean oasis, and the people who make every stay unforgettable. Our Story Where Modern Design Meets Caribbean Soul Ritmo Cartagena was born from a simple belief: that travelers deserve more than just a [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"ritmo-canvas","meta":{"footnotes":""},"class_list":["post-4259","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stayritmo.com\/de\/wp-json\/wp\/v2\/pages\/4259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stayritmo.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stayritmo.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/de\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/de\/wp-json\/wp\/v2\/comments?post=4259"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/de\/wp-json\/wp\/v2\/pages\/4259\/revisions"}],"predecessor-version":[{"id":4769,"href":"https:\/\/stayritmo.com\/de\/wp-json\/wp\/v2\/pages\/4259\/revisions\/4769"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/de\/wp-json\/wp\/v2\/media?parent=4259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}