{"id":4370,"date":"2026-03-08T16:38:29","date_gmt":"2026-03-08T21:38:29","guid":{"rendered":"https:\/\/stayritmo.com\/?page_id=4370"},"modified":"2026-03-12T05:08:31","modified_gmt":"2026-03-12T10:08:31","slug":"heim","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/de\/","title":{"rendered":"Heim"},"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    \/* Anti-FOUC: hide until styles are ready *\/\n    body { opacity: 0; transition: opacity 0.3s ease; }\n    body.ready { opacity: 1; }\n\n    \/* ============================================================\n       HOME 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      transition: opacity var(--transition-base);\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    \/* --- Hero Section --- *\/\n    .hero {\n      position: relative;\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n\n    .hero-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(180deg,\n          rgba(15, 23, 42, 0.3) 0%,\n          rgba(15, 23, 42, 0.15) 40%,\n          rgba(15, 23, 42, 0.5) 100%),\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/el-laguito-hero.webp')\n        center\/cover no-repeat;\n    }\n\n    .hero-content {\n      position: relative;\n      z-index: 1;\n      text-align: center;\n      max-width: 800px;\n      padding: var(--space-xl);\n    }\n\n    .hero-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--space-sm);\n      background: rgba(255, 255, 255, 0.12);\n      backdrop-filter: blur(12px);\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      padding: 0.5rem 1.25rem;\n      border-radius: 100px;\n      margin-bottom: var(--space-xl);\n    }\n\n    .hero-badge .stars svg {\n      width: 14px;\n      height: 14px;\n      fill: var(--color-cta);\n    }\n\n    .hero-badge span {\n      font-family: var(--font-body);\n      font-size: var(--text-sm);\n      font-weight: var(--weight-medium);\n      color: var(--color-white);\n    }\n\n    .hero h1 {\n      font-size: var(--text-6xl);\n      color: var(--color-white);\n      margin-bottom: var(--space-lg);\n      font-weight: var(--weight-normal);\n    }\n\n    .hero h1 em {\n      font-style: italic;\n      color: var(--color-cta-light);\n    }\n\n    .hero-subtitle {\n      font-size: var(--text-lg);\n      color: rgba(255, 255, 255, 0.85);\n      font-weight: var(--weight-light);\n      line-height: var(--leading-relaxed);\n      max-width: 560px;\n      margin: 0 auto var(--space-2xl);\n    }\n\n    .hero-actions {\n      display: flex;\n      gap: var(--space-md);\n      justify-content: center;\n      flex-wrap: wrap;\n    }\n\n    .hero-scroll {\n      position: absolute;\n      bottom: 2rem;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 1;\n      color: rgba(255, 255, 255, 0.6);\n      animation: float 3s ease-in-out infinite;\n      cursor: pointer;\n    }\n\n    @keyframes float {\n      0%, 100% { transform: translateX(-50%) translateY(0); }\n      50% { transform: translateX(-50%) translateY(-8px); }\n    }\n\n    \/* --- Trust Bar --- *\/\n    .trust-bar {\n      background: #124720;\n      padding: var(--space-lg) 0;\n    }\n\n    .trust-bar .container {\n      display: flex;\n      justify-content: center;\n      flex-wrap: wrap;\n      gap: var(--space-2xl);\n    }\n\n    .trust-item {\n      display: flex;\n      align-items: center;\n      gap: var(--space-sm);\n      color: rgba(255, 255, 255, 0.9);\n      font-size: var(--text-sm);\n      font-weight: var(--weight-medium);\n    }\n\n    .trust-item svg {\n      width: 20px;\n      height: 20px;\n      color: var(--color-cta);\n      flex-shrink: 0;\n    }\n\n    \/* --- Suite Preview --- *\/\n    .suite-preview {\n      background: var(--color-bg);\n    }\n\n    .suite-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .suite-gallery {\n      display: grid;\n      grid-template-columns: 2fr 1fr;\n      grid-template-rows: 300px 300px;\n      gap: var(--space-md);\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n    }\n\n    .suite-gallery-main {\n      grid-row: 1 \/ -1;\n      background:\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/ritmo-bedroom-1.webp')\n        center\/cover no-repeat;\n      border-radius: var(--border-radius-lg) 0 0 var(--border-radius-lg);\n    }\n\n    .suite-gallery-item {\n      background-size: cover;\n      background-position: center;\n    }\n\n    .suite-gallery-item:nth-child(2) {\n      background-image: url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/ritmo-living-room-1.webp');\n      border-radius: 0 var(--border-radius-lg) 0 0;\n    }\n\n    .suite-gallery-item:nth-child(3) {\n      background-image: url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/ritmo-kitchen-1.webp');\n      border-radius: 0 0 var(--border-radius-lg) 0;\n      position: relative;\n    }\n\n    .gallery-more {\n      position: absolute;\n      inset: 0;\n      background: rgba(44, 24, 16, 0.55);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--color-white);\n      font-family: var(--font-body);\n      font-weight: var(--weight-semibold);\n      font-size: var(--text-lg);\n      cursor: pointer;\n      transition: background var(--transition-base);\n    }\n\n    .gallery-more:hover {\n      background: rgba(44, 24, 16, 0.7);\n    }\n\n    .amenities-grid {\n      display: flex;\n      justify-content: center;\n      flex-wrap: wrap;\n      gap: var(--space-2xl);\n      margin-top: var(--space-2xl);\n      padding: var(--space-xl) 0;\n    }\n\n    .amenity {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: var(--space-sm);\n      text-align: center;\n    }\n\n    .amenity-icon {\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #2C1810;\n      border-radius: 50%;\n      color: var(--color-cta);\n    }\n\n    .amenity-icon svg {\n      width: 22px;\n      height: 22px;\n    }\n\n    .amenity-label {\n      font-size: var(--text-sm);\n      font-weight: var(--weight-medium);\n      color: var(--color-text-muted);\n    }\n\n    @media (max-width: 768px) {\n      .suite-gallery {\n        grid-template-columns: 1fr;\n        grid-template-rows: 300px 200px 200px;\n      }\n      .suite-gallery-main {\n        grid-row: auto;\n        border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;\n      }\n      .suite-gallery-item:nth-child(2) { border-radius: 0; }\n      .suite-gallery-item:nth-child(3) { border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg); }\n    }\n\n    \/* --- Why Book Direct --- *\/\n    .why-direct {\n      background: var(--color-sand-light);\n    }\n\n    .why-direct-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .benefit-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      transition: all var(--transition-base);\n      border: 1px solid var(--color-border-light);\n    }\n\n    .benefit-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n    }\n\n    .benefit-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    .benefit-icon svg {\n      width: 28px;\n      height: 28px;\n    }\n\n    .benefit-card h4 {\n      font-size: var(--text-xl);\n      margin-bottom: var(--space-sm);\n    }\n\n    .benefit-card p {\n      color: var(--color-text-muted);\n      font-size: var(--text-sm);\n      margin: 0 auto;\n    }\n\n    \/* --- Reviews --- *\/\n    .reviews-section {\n      background: var(--color-bg);\n    }\n\n    .reviews-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .reviews-aggregate {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: var(--space-md);\n      margin-bottom: var(--space-lg);\n    }\n\n    .reviews-score {\n      font-family: var(--font-heading);\n      font-size: var(--text-4xl);\n      font-weight: var(--weight-bold);\n      color: var(--color-primary);\n    }\n\n    .reviews-meta {\n      text-align: left;\n    }\n\n    .reviews-meta .stars svg {\n      width: 18px;\n      height: 18px;\n      fill: var(--color-cta);\n    }\n\n    .reviews-meta span {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n    }\n\n    .review-card {\n      background: var(--color-white);\n      border-radius: var(--border-radius-lg);\n      padding: var(--space-xl);\n      box-shadow: var(--shadow-sm);\n      border: 1px solid var(--color-border-light);\n    }\n\n    .review-header {\n      display: flex;\n      align-items: center;\n      gap: var(--space-md);\n      margin-bottom: var(--space-md);\n    }\n\n    .review-avatar {\n      width: 48px;\n      height: 48px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, var(--color-cta), var(--color-primary));\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--color-white);\n      font-family: var(--font-heading);\n      font-weight: var(--weight-bold);\n      font-size: var(--text-lg);\n    }\n\n    .review-name {\n      font-weight: var(--weight-semibold);\n      font-size: var(--text-sm);\n    }\n\n    .review-date {\n      font-size: var(--text-xs);\n      color: var(--color-text-light);\n    }\n\n    .review-text {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      line-height: var(--leading-relaxed);\n      font-style: italic;\n    }\n\n    .review-stars {\n      margin-top: var(--space-md);\n    }\n\n    .review-stars svg {\n      width: 14px;\n      height: 14px;\n      fill: var(--color-cta);\n    }\n\n    \/* --- Experiences Preview --- *\/\n    .experiences {\n      background: var(--color-sand-light);\n    }\n\n    .experiences-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .experience-card {\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n      background: var(--color-white);\n      box-shadow: var(--shadow-sm);\n      transition: all var(--transition-base);\n      cursor: pointer;\n    }\n\n    .experience-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n    }\n\n    .experience-img {\n      height: 240px;\n      background-size: cover;\n      background-position: center;\n      position: relative;\n    }\n\n    .experience-tag {\n      position: absolute;\n      top: var(--space-md);\n      left: var(--space-md);\n      background: var(--color-cta);\n      color: var(--color-white);\n      font-size: var(--text-xs);\n      font-weight: var(--weight-semibold);\n      letter-spacing: var(--tracking-wide);\n      text-transform: uppercase;\n      padding: 0.375rem 0.75rem;\n      border-radius: 100px;\n    }\n\n    .experience-body {\n      padding: var(--space-lg);\n    }\n\n    .experience-body h4 {\n      font-size: var(--text-xl);\n      margin-bottom: var(--space-xs);\n    }\n\n    .experience-body p {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      margin-bottom: var(--space-md);\n    }\n\n    .experience-footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .experience-price {\n      font-weight: var(--weight-semibold);\n      color: var(--color-text);\n    }\n\n    .experience-link {\n      font-size: var(--text-sm);\n      font-weight: var(--weight-semibold);\n      color: var(--color-cta);\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      cursor: pointer;\n    }\n\n    .experience-link:hover {\n      color: var(--color-cta-hover);\n    }\n\n    \/* --- Location Section --- *\/\n    .location {\n      background: var(--color-sand-light);\n    }\n\n    .location-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-3xl);\n      align-items: center;\n    }\n\n    .location-info h2 {\n      margin-bottom: var(--space-md);\n    }\n\n    .location-info p {\n      color: var(--color-text-muted);\n      margin-bottom: var(--space-xl);\n    }\n\n    .location-distances {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-md);\n    }\n\n    .location-distances li {\n      display: flex;\n      align-items: center;\n      gap: var(--space-md);\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n    }\n\n    .location-distances li svg {\n      width: 20px;\n      height: 20px;\n      color: var(--color-cta);\n      flex-shrink: 0;\n    }\n\n    .location-distances li strong {\n      color: var(--color-text);\n      font-weight: var(--weight-semibold);\n    }\n\n    .location-map {\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n      aspect-ratio: 4\/3;\n      background: var(--color-border);\n    }\n\n    .location-map iframe {\n      width: 100%;\n      height: 100%;\n      border: 0;\n    }\n\n    @media (max-width: 768px) {\n      .location-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      background: #124720;\n    }\n\n    .final-cta-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(180deg,\n          rgba(18, 71, 32, 0.92) 0%,\n          rgba(18, 71, 32, 0.96) 100%),\n        url('https:\/\/images.unsplash.com\/photo-1583531172005-814194af01e1?w=1920&q=80')\n        center\/cover no-repeat;\n    }\n\n    .final-cta .container {\n      position: relative;\n      z-index: 1;\n    }\n\n    .final-cta .eyebrow {\n      color: var(--color-accent) !important;\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.85);\n      font-size: var(--text-lg);\n      max-width: 560px;\n      margin: 0 auto var(--space-2xl);\n    }\n\n    .final-cta .btn-outline {\n      border-color: rgba(255, 255, 255, 0.6);\n      color: var(--color-white);\n    }\n\n    .final-cta .btn-outline:hover {\n      background: var(--color-white);\n      color: #124720;\n    }\n\n    \/* --- Footer --- *\/\n    .footer {\n      background: var(--color-sand);\n      color: var(--color-text);\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  \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\/\">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  <!-- ==================== HERO ==================== -->\n  <section class=\"hero\">\n    <div class=\"hero-bg\" role=\"img\" aria-label=\"Moderne Karibik-Suite mit Meerblick\"><\/div>\n    <div class=\"hero-content\">\n      <div class=\"hero-badge\">\n        <div class=\"stars\">\n          <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n          <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n          <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n          <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n          <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n        <\/div>\n        <span>4,95 \u00b7 \u00dcber 90 Bewertungen \u00b7 Von G\u00e4sten empfohlen<\/span>\n      <\/div>\n      <h1>Ihr Modern<br><em>Karibische Oase<\/em><\/h1>\n      <p class=\"hero-subtitle\">Ein stilvolles Refugium in El Laguito, Cartagena. Nur wenige Schritte vom Meer und wenige Minuten von der historischen Altstadt entfernt, ist es ideal f\u00fcr G\u00e4ste, die gerne in ihrem eigenen Tempo die Gegend erkunden.<\/p>\n      <div class=\"hero-actions\">\n        <a href=\"\/de\/book\/\" class=\"btn btn-primary\">Buchen Sie Ihren Aufenthalt<\/a>\n        <a href=\"\/de\/suite\/\" class=\"btn btn-outline\">Erkunden Sie die Suite<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"hero-scroll\" aria-hidden=\"true\">\n      <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5v14M5 12l7 7 7-7\"\/><\/svg>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== TRUST BAR ==================== -->\n  <section class=\"trust-bar\">\n    <div class=\"container\">\n      <div class=\"trust-item\">\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        <span>4,95 Sterne \u00b7 Favorit der G\u00e4ste<\/span>\n      <\/div>\n      <div class=\"trust-item\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n        <span>Sichere Stripe-Zahlungen<\/span>\n      <\/div>\n      <div class=\"trust-item\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n        <span>Sofortige Buchungsbest\u00e4tigung<\/span>\n      <\/div>\n      <div class=\"trust-item\">\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        <span>Schnelle Reaktionszeit<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== SUITE PREVIEW ==================== -->\n  <section class=\"suite-preview section\">\n    <div class=\"container\">\n      <div class=\"suite-header\">\n        <p class=\"eyebrow\">Ihr privater R\u00fcckzugsort<\/p>\n        <h2>Die Suite<\/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;\">Eine durchdacht gestaltete, moderne Suite mit erstklassiger Ausstattung, Blick auf die Lagune und allem, was Sie f\u00fcr den perfekten Urlaub in Cartagena ben\u00f6tigen.<\/p>\n      <\/div>\n\n      <div class=\"suite-gallery\">\n        <div class=\"suite-gallery-main\" role=\"img\" aria-label=\"Modernes Schlafzimmer\"><\/div>\n        <div class=\"suite-gallery-item\" role=\"img\" aria-label=\"Wohnbereich der Suite\"><\/div>\n        <div class=\"suite-gallery-item\" role=\"img\" aria-label=\"Badezimmer der Suite\">\n          <a href=\"\/de\/suite\/\" class=\"gallery-more\">Alle Fotos ansehen<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"amenities-grid\">\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 4v16\"\/><path d=\"M2 8h18a2 2 0 0 1 2 2v10\"\/><path d=\"M2 17h20\"\/><path d=\"M6 8v9\"\/><\/svg>\n          <\/div>\n          <span class=\"amenity-label\">Kingsize-Bett<\/span>\n        <\/div>\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n          <\/div>\n          <span class=\"amenity-label\">F\u00fcr 4 Personen<\/span>\n        <\/div>\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12h6a2 2 0 0 1 2 2v6\"\/><path d=\"M2 18h8\"\/><circle cx=\"18\" cy=\"6\" r=\"4\"\/><path d=\"M14 14h8v8h-8z\"\/><\/svg>\n          <\/div>\n          <span class=\"amenity-label\">Lagunenblick<\/span>\n        <\/div>\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2a5 5 0 0 1 5 5v4a5 5 0 0 1-10 0V7a5 5 0 0 1 5-5z\"\/><path d=\"M2 20s3-4 10-4 10 4 10 4\"\/><\/svg>\n          <\/div>\n          <span class=\"amenity-label\">Dachpool<\/span>\n        <\/div>\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"5\" width=\"22\" height=\"14\" rx=\"7\" ry=\"7\"\/><circle cx=\"8\" cy=\"12\" r=\"3\"\/><\/svg>\n          <\/div>\n          <span class=\"amenity-label\">Waschmaschine\/Trockner<\/span>\n        <\/div>\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2\"\/><path d=\"M7 2v20\"\/><path d=\"M21 15V2v0a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3zm0 0v7\"\/><\/svg>\n          <\/div>\n          <span class=\"amenity-label\">Kochnische<\/span>\n        <\/div>\n      <\/div>\n\n      <div style=\"text-align:center;margin-top:var(--space-2xl);\">\n        <a href=\"\/de\/suite\/\" class=\"btn btn-outline-dark\">Alle Details anzeigen<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== WHY BOOK DIRECT ==================== -->\n  <section class=\"why-direct section\">\n    <div class=\"container\">\n      <div class=\"why-direct-header\">\n        <p class=\"eyebrow\">Das Ritmo-Erlebnis<\/p>\n        <h2>Was Sie erwartet<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <div class=\"grid grid-3\">\n        <div class=\"benefit-card\">\n          <div class=\"benefit-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n          <\/div>\n          <h4>Eine pers\u00f6nliche Note<\/h4>\n          <p>Vom ersten Moment Ihrer Ankunft an werden Sie von Gastgebern empfangen, die Cartagena wie ihre Westentasche kennen. Jedes Detail wird mit Sorgfalt behandelt.<\/p>\n        <\/div>\n        <div class=\"benefit-card\">\n          <div class=\"benefit-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\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n          <\/div>\n          <h4>Nur wenige Schritte vom Strand entfernt<\/h4>\n          <p>Erwachen Sie in El Laguito mit der Karibik direkt vor der T\u00fcr. In wenigen Minuten erreichen Sie zu Fu\u00df den Strand, den Pool oder die Altstadt.<\/p>\n        <\/div>\n        <div class=\"benefit-card\">\n          <div class=\"benefit-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2\"\/><path d=\"M7 2v20\"\/><path d=\"M21 15V2v0a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3zm0 0v7\"\/><\/svg>\n          <\/div>\n          <h4>Voll ausgestattete Suite<\/h4>\n          <p>Eine moderne K\u00fcche, ein Kingsize-Bett, Waschmaschine und Trockner, schnelles WLAN und ein Pool auf dem Dach. Alles, was Sie brauchen, um sich wie zu Hause zu f\u00fchlen.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== GUEST REVIEWS ==================== -->\n  <section class=\"reviews-section section\">\n    <div class=\"container\">\n      <div class=\"reviews-header\">\n        <p class=\"eyebrow\">G\u00e4steerlebnisse<\/p>\n        <div class=\"reviews-aggregate\">\n          <span class=\"reviews-score\">4.95<\/span>\n          <div class=\"reviews-meta\">\n            <div class=\"stars\">\n              <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n              <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n              <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n              <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n              <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n            <\/div>\n            <span>aus \u00fcber 90 verifizierten Bewertungen<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <!-- Trustindex Review Slider -->\n      <script defer async src='https:\/\/cdn.trustindex.io\/loader.js?8c4fbc066a3a63741d9669753ec'><\/script>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== EXPERIENCES PREVIEW (hidden until ready) ==================== -->\n  <section class=\"experiences section\" style=\"display:none\">\n    <div class=\"container\">\n      <div class=\"experiences-header\">\n        <p class=\"eyebrow\">F\u00fcr Sie zusammengestellt<\/p>\n        <h2>Sehensw\u00fcrdigkeiten und Aktivit\u00e4ten<\/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;\">Entdecken Sie Cartagena durch unsere handverlesenen Erlebnisse \u2013 von historischen Stadtf\u00fchrungen \u00fcber Segelt\u00f6rns bei Sonnenuntergang bis hin zu Inselh\u00fcpfen.<\/p>\n      <\/div>\n\n      <div class=\"grid grid-3\">\n        <div class=\"experience-card\">\n          <div class=\"experience-img\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1583531172005-814194af01e1?w=600&#038;q=80')\">\n            <span class=\"experience-tag\">Beliebt<\/span>\n          <\/div>\n          <div class=\"experience-body\">\n            <h4>Stadtrundgang durch die ummauerte Stadt<\/h4>\n            <p>Erkunden Sie 500 Jahre Geschichte in den farbenfrohen Stra\u00dfen der Altstadt mit einem ortskundigen Reiseleiter.<\/p>\n            <div class=\"experience-footer\">\n              <span class=\"experience-price\">Ab $35\/Person<\/span>\n              <a href=\"\/de\/things-to-do\/\" class=\"experience-link\">Mehr erfahren\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"experience-card\">\n          <div class=\"experience-img\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?w=600&#038;q=80')\">\n            <span class=\"experience-tag\">Exklusiv<\/span>\n          <\/div>\n          <div class=\"experience-body\">\n            <h4>Tagesausflug zu den Rosario-Inseln<\/h4>\n            <p>Kristallklares Wasser, Schnorcheln, frisches Meeresfr\u00fcchte-Mittagessen und pure karibische Entspannung auf privaten Inseln.<\/p>\n            <div class=\"experience-footer\">\n              <span class=\"experience-price\">Ab $65\/Person<\/span>\n              <a href=\"\/de\/things-to-do\/\" class=\"experience-link\">Mehr erfahren\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"experience-card\">\n          <div class=\"experience-img\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1504674900247-0877df9cc836?w=600&#038;q=80')\">\n            <span class=\"experience-tag\">Neu<\/span>\n          <\/div>\n          <div class=\"experience-body\">\n            <h4>Kolumbianischer Kochkurs<\/h4>\n            <p>Lerne in einer privaten K\u00fcche mit einem professionellen Koch, Ceviche, Arepas und Cocktails zuzubereiten.<\/p>\n            <div class=\"experience-footer\">\n              <span class=\"experience-price\">Ab $55\/Person<\/span>\n              <a href=\"\/de\/things-to-do\/\" class=\"experience-link\">Mehr erfahren\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div style=\"text-align:center;margin-top:var(--space-2xl);\">\n        <a href=\"\/de\/things-to-do\/\" class=\"btn btn-outline-dark\">Alle Erlebnisse ansehen<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== LOCATION ==================== -->\n  <section class=\"location section\">\n    <div class=\"container\">\n      <div class=\"location-grid\">\n        <div class=\"location-info\">\n          <p class=\"eyebrow\">Erstklassige Lage<\/p>\n          <h2>El Laguito, Cartagena<\/h2>\n          <div class=\"divider-gold\"><\/div>\n          <p>Eingebettet in die lebhafte Halbinsel El Laguito liegt Ritmo Cartagena im Herzen des Geschehens. Str\u00e4nde direkt vor der T\u00fcr, die historische Altstadt nur wenige Minuten entfernt.<\/p>\n          <ul class=\"location-distances\">\n            <li>\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n              <span><strong>2 Minuten Fu\u00dfweg<\/strong> zum Strand von El Laguito<\/span>\n            <\/li>\n            <li>\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n              <span><strong>10 Minuten Fahrt<\/strong> zur ummauerten Stadt (Ciudad Amuralada)<\/span>\n            <\/li>\n            <li>\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n              <span><strong>5 Minuten Fu\u00dfweg<\/strong> zu Restaurants und Gesch\u00e4ften<\/span>\n            <\/li>\n            <li>\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n              <span><strong>15 Minuten<\/strong> vom Flughafen Rafael Nu\u00f1ez<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"location-map\">\n          <iframe\n            src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3924.123!2d-75.5622!3d10.3954!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTDCsDIzJzQzLjQiTiA3NcKwMzMnNDMuOSJX!5e0!3m2!1sen!2sco!4v1\"\n            allowfullscreen\n loading=\"lazy\"\n            referrerpolicy=\"no-referrer-when-downgrade\"\n            title=\"Ritmo Cartagena Standort\">\n          <\/iframe>\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 in Cartagena\"><\/div>\n    <div class=\"container\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Bereit f\u00fcr Cartagena?<\/p>\n      <h2>Ihr Karibikurlaub erwartet Sie.<\/h2>\n      <p>Buchen Sie direkt f\u00fcr ein pers\u00f6nliches Erlebnis, aufmerksame Gastgeber und sorgf\u00e4ltig zusammengestellte Erlebnisse, die Sie nirgendwo sonst finden.<\/p>\n      <div class=\"hero-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\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    \/\/ 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.style.opacity = '1';\n          entry.target.style.transform = 'translateY(0)';\n        }\n      });\n    }, { threshold: 0.1 });\n\n    document.querySelectorAll('.benefit-card, .review-card, .experience-card, .amenity').forEach(el => {\n      el.style.opacity = '0';\n      el.style.transform = 'translateY(20px)';\n      el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n      observer.observe(el);\n    });\n\n    \/\/ Reveal page (anti-FOUC)\n    document.body.classList.add('ready');\n\n  <\/script>","protected":false},"excerpt":{"rendered":"<p>The Suite Things to Do Cartagena Reviews About Contact Book Now 4.95 &middot; 90+ Reviews &middot; Guest Favorite Your ModernCaribbean Oasis A stylish retreat in El Laguito, Cartagena. Steps from the sea, minutes from the historic walled city, and designed for guests who love exploring at their own pace. Book Your Stay Explore the Suite [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"ritmo-canvas","meta":{"footnotes":""},"class_list":["post-4370","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stayritmo.com\/de\/wp-json\/wp\/v2\/pages\/4370","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=4370"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/de\/wp-json\/wp\/v2\/pages\/4370\/revisions"}],"predecessor-version":[{"id":4842,"href":"https:\/\/stayritmo.com\/de\/wp-json\/wp\/v2\/pages\/4370\/revisions\/4842"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/de\/wp-json\/wp\/v2\/media?parent=4370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}