{"id":277,"date":"2026-07-22T12:14:44","date_gmt":"2026-07-22T12:14:44","guid":{"rendered":"https:\/\/casasoledoro.com\/?page_id=277"},"modified":"2026-09-16T08:50:23","modified_gmt":"2026-09-16T08:50:23","slug":"location","status":"publish","type":"page","link":"https:\/\/casasoledoro.com\/de\/location\/","title":{"rendered":"Lage"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"277\" class=\"elementor elementor-277\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1c5671c7 elementor-reverse-tablet elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1c5671c7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b4ad4c2\" data-id=\"b4ad4c2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-49b09534 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"49b09534\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">MAZARA DEL VALLO \u00b7 SIZILIEN<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3152da82 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"3152da82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ec668f5 elementor-widget elementor-widget-heading\" data-id=\"1ec668f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Im Herzen der Kasbah<\/h1>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-b52e60e e-con-full e-flex e-con e-parent\" data-id=\"b52e60e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-ba4e6a1 e-con-full e-flex e-con e-child\" data-id=\"ba4e6a1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9400f52 elementor-widget elementor-widget-html\" data-id=\"9400f52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SOLE D'ORO \u2014 LOCATION PAGE (pod hero)\r\n     Namespace: \"sdl-\"  |  Elementor \u2192 widget HTML (full width, bez paddingu)\r\n     Fonty: Cormorant Garamond (nag\u0142\u00f3wki) + IBM Plex Sans (tre\u015b\u0107, przyciski)\r\n\r\n     \u2500\u2500 DO PODMIANY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     Wszystkie zdj\u0119cia oznaczone jako PODMIE\u0143 (obecnie placeholdery Unsplash)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"sdl-page\">\r\n<style>\r\n  .sdl-page {\r\n    --sdl-navy: #1A2B4A;\r\n    --sdl-navy-deep: #14223C;\r\n    --sdl-gold: #C9963A;\r\n    --sdl-gold-light: #E8C46A;\r\n    --sdl-cream: #F8F3EA;\r\n    --sdl-cream-warm: #FDF8EF;\r\n    --sdl-terracotta: #C4623A;\r\n    --sdl-muted: #6B6458;\r\n    --sdl-line: rgba(26, 43, 74, 0.16);\r\n    --sdl-line-light: rgba(248, 243, 234, 0.30);\r\n\r\n    --sdl-display: 'Cormorant Garamond', Georgia, serif;\r\n    --sdl-text: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;\r\n    --sdl-ease: cubic-bezier(.22, 1, .36, 1);\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow: clip;\r\n    background: var(--sdl-cream-warm);\r\n    color: var(--sdl-navy);\r\n    font-family: var(--sdl-text);\r\n  }\r\n  .sdl-page, .sdl-page * { box-sizing: border-box; }\r\n  .sdl-page a { color: inherit; text-decoration: none; }\r\n\r\n  \/* \u2550\u2550 INTRO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .sdl-intro {\r\n    padding: clamp(72px, 9vw, 140px) clamp(24px, 6vw, 90px);\r\n    background: var(--sdl-cream-warm);\r\n  }\r\n  .sdl-intro-inner {\r\n    width: min(100%, 1440px);\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: minmax(200px, 30%) minmax(0, 70%);\r\n    gap: clamp(36px, 7vw, 110px);\r\n    align-items: start;\r\n  }\r\n\r\n  .sdl-page .sdl-kicker {\r\n    margin: 8px 0 0 !important;\r\n    padding: 0 !important;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    font-family: var(--sdl-text) !important;\r\n    font-size: 10px !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: .24em !important;\r\n    text-transform: uppercase !important;\r\n    font-weight: 600 !important;\r\n    color: var(--sdl-gold) !important;\r\n  }\r\n  .sdl-kicker::before {\r\n    content: \"\";\r\n    width: 32px; height: 1px;\r\n    flex: 0 0 auto;\r\n    background: currentColor;\r\n  }\r\n\r\n  .sdl-page h2.sdl-intro-title,\r\n  .sdl-page .sdl-intro-title {\r\n    max-width: 900px;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    font-family: var(--sdl-display) !important;\r\n    font-size: clamp(46px, 6vw, 92px) !important;\r\n    font-weight: 400 !important;\r\n    line-height: .98 !important;\r\n    letter-spacing: -.03em !important;\r\n    color: var(--sdl-navy) !important;\r\n  }\r\n  .sdl-intro-title em {\r\n    font-style: italic;\r\n    color: var(--sdl-terracotta);\r\n  }\r\n\r\n  .sdl-intro-copy {\r\n    max-width: 820px;\r\n    margin: clamp(30px, 4vw, 48px) 0 0;\r\n    font-size: clamp(15px, 1.05vw, 17px);\r\n    line-height: 1.8;\r\n    font-weight: 300;\r\n    color: var(--sdl-muted);\r\n  }\r\n  .sdl-page .sdl-intro-copy p { margin: 0 0 1.15em !important; }\r\n  .sdl-page .sdl-intro-copy p:last-child { margin-bottom: 0 !important; }\r\n  .sdl-intro-copy strong { font-weight: 600; color: var(--sdl-navy); }\r\n\r\n  \/* liczniki *\/\r\n  .sdl-meta {\r\n    margin-top: clamp(40px, 5vw, 68px);\r\n    padding-top: 28px;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 22px;\r\n    border-top: 1px solid var(--sdl-line);\r\n  }\r\n  .sdl-meta-num {\r\n    display: block;\r\n    font-family: var(--sdl-display);\r\n    font-size: clamp(34px, 3.2vw, 54px);\r\n    line-height: .9;\r\n    letter-spacing: -.02em;\r\n    color: var(--sdl-gold);\r\n    font-variant-numeric: tabular-nums;\r\n  }\r\n  .sdl-meta-label {\r\n    display: block;\r\n    margin-top: 12px;\r\n    font-size: 9px;\r\n    line-height: 1.4;\r\n    letter-spacing: .17em;\r\n    text-transform: uppercase;\r\n    font-weight: 600;\r\n    color: var(--sdl-muted);\r\n  }\r\n\r\n  \/* \u2550\u2550 SEKCJE NARRACYJNE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .sdl-stories { background: var(--sdl-cream-warm); }\r\n\r\n  .sdl-story {\r\n    position: relative;\r\n    width: 100%;\r\n    border-top: 1px solid var(--sdl-line);\r\n    background: var(--sdl-cream-warm);\r\n  }\r\n  .sdl-story[data-theme=\"cream\"] { background: var(--sdl-cream); }\r\n  .sdl-story[data-theme=\"navy\"]  { background: rgba(26, 43, 74, .05); }\r\n\r\n  .sdl-story-grid {\r\n    min-height: clamp(560px, 78vh, 800px);\r\n    display: grid;\r\n    grid-template-columns: minmax(320px, 44%) minmax(0, 56%);\r\n    grid-template-areas: \"copy media\";\r\n    align-items: stretch;\r\n  }\r\n  .sdl-story.is-reverse .sdl-story-grid {\r\n    grid-template-columns: minmax(0, 56%) minmax(320px, 44%);\r\n    grid-template-areas: \"media copy\";\r\n  }\r\n\r\n  .sdl-story-copy {\r\n    grid-area: copy;\r\n    min-width: 0;\r\n    padding: clamp(60px, 7vw, 110px) clamp(30px, 5vw, 84px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n  .sdl-story:not(.is-reverse) .sdl-story-copy { border-right: 1px solid var(--sdl-line); }\r\n  .sdl-story.is-reverse .sdl-story-copy { border-left: 1px solid var(--sdl-line); }\r\n\r\n  .sdl-page .sdl-story-num {\r\n    margin: 0 0 24px !important;\r\n    padding: 0 !important;\r\n    font-family: var(--sdl-text) !important;\r\n    font-size: 9px !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: .2em !important;\r\n    text-transform: uppercase !important;\r\n    font-weight: 600 !important;\r\n    color: var(--sdl-gold) !important;\r\n  }\r\n\r\n  .sdl-page h3.sdl-story-title,\r\n  .sdl-page .sdl-story-title {\r\n    max-width: 620px;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    font-family: var(--sdl-display) !important;\r\n    font-size: clamp(42px, 4.8vw, 76px) !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: -.03em !important;\r\n    color: var(--sdl-navy) !important;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  .sdl-story-text {\r\n    max-width: 620px;\r\n    margin-top: clamp(26px, 3.5vw, 42px);\r\n    font-size: clamp(14px, .98vw, 16px);\r\n    line-height: 1.8;\r\n    font-weight: 300;\r\n    color: var(--sdl-muted);\r\n  }\r\n  .sdl-page .sdl-story-text p { margin: 0 0 1.1em !important; }\r\n  .sdl-page .sdl-story-text p:last-child { margin-bottom: 0 !important; }\r\n  .sdl-story-text strong { font-weight: 600; color: var(--sdl-navy); }\r\n\r\n  .sdl-story-line {\r\n    display: block;\r\n    width: min(170px, 45%);\r\n    height: 1px;\r\n    margin-top: clamp(36px, 5vw, 62px);\r\n    background: var(--sdl-line);\r\n  }\r\n\r\n  \/* media *\/\r\n  .sdl-story-media {\r\n    grid-area: media;\r\n    position: relative;\r\n    min-width: 0;\r\n    min-height: clamp(560px, 78vh, 800px);\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    background: var(--sdl-navy-deep);\r\n  }\r\n  .sdl-story-media-inner {\r\n    position: absolute;\r\n    top: -8%; left: -1px;\r\n    width: calc(100% + 2px);\r\n    height: 116%;\r\n    overflow: hidden;\r\n    transform: translate3d(0, var(--media-y, 0px), 0);\r\n    will-change: transform;\r\n    backface-visibility: hidden;\r\n  }\r\n  .sdl-story-media-inner img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%; height: 100%;\r\n    max-width: none;\r\n    display: block;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transform: scale(1.015);\r\n    filter: saturate(.95) contrast(1.02) brightness(.92);\r\n    transition: transform 1.4s var(--sdl-ease), filter 1s var(--sdl-ease);\r\n  }\r\n  .sdl-story-media::before {\r\n    content: \"\";\r\n    position: absolute; inset: 0; z-index: 2;\r\n    background: linear-gradient(180deg, rgba(20,34,60,.05), rgba(20,34,60,.08) 48%, rgba(20,34,60,.58));\r\n    pointer-events: none;\r\n  }\r\n  .sdl-story-frame {\r\n    position: absolute;\r\n    inset: clamp(20px, 2.6vw, 40px);\r\n    z-index: 3;\r\n    border: 1px solid var(--sdl-line-light);\r\n    pointer-events: none;\r\n  }\r\n  .sdl-story-label {\r\n    position: absolute;\r\n    left: clamp(36px, 4vw, 62px);\r\n    bottom: clamp(36px, 4vw, 60px);\r\n    z-index: 4;\r\n    font-family: var(--sdl-text);\r\n    font-size: 9px;\r\n    line-height: 1;\r\n    letter-spacing: .19em;\r\n    text-transform: uppercase;\r\n    font-weight: 600;\r\n    color: var(--sdl-cream);\r\n    opacity: .76;\r\n  }\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .sdl-story-media:hover .sdl-story-media-inner img {\r\n      transform: scale(1.055);\r\n      filter: saturate(1) contrast(1.03) brightness(.97);\r\n    }\r\n  }\r\n\r\n \/* \u2550\u2550 KAFLE NA DOLE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .sdl-extras {\r\n    position: relative;\r\n    padding: clamp(80px, 10vw, 150px) clamp(24px, 6vw, 90px);\r\n    overflow: hidden;\r\n    background: var(--sdl-navy);\r\n    color: var(--sdl-cream);\r\n  }\r\n  .sdl-extras::before {\r\n    content: \"MAZARA\";\r\n    position: absolute;\r\n    right: -.04em; bottom: -.16em;\r\n    z-index: 0;\r\n    font-family: var(--sdl-display);\r\n    font-size: clamp(150px, 22vw, 350px);\r\n    line-height: .72;\r\n    letter-spacing: -.06em;\r\n    color: rgba(248, 243, 234, .045);\r\n    pointer-events: none;\r\n  }\r\n  .sdl-extras-inner {\r\n    position: relative; z-index: 2;\r\n    width: min(100%, 1440px);\r\n    margin: 0 auto;\r\n  }\r\n  .sdl-extras-header {\r\n    display: grid;\r\n    grid-template-columns: minmax(200px, 30%) minmax(0, 70%);\r\n    gap: clamp(36px, 7vw, 100px);\r\n    align-items: end;\r\n  }\r\n  .sdl-extras-header > div {\r\n    width: min(100%, 860px);\r\n    justify-self: end;\r\n    text-align: right;\r\n  }\r\n  .sdl-page .sdl-extras-kicker {\r\n    margin: 0 !important;\r\n    font-family: var(--sdl-text) !important;\r\n    font-size: 10px !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: .23em !important;\r\n    text-transform: uppercase !important;\r\n    font-weight: 600 !important;\r\n    color: var(--sdl-gold-light) !important;\r\n  }\r\n  .sdl-page h2.sdl-extras-title,\r\n  .sdl-page .sdl-extras-title {\r\n    margin: 0 !important;\r\n    font-family: var(--sdl-display) !important;\r\n    font-size: clamp(46px, 6vw, 90px) !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: -.03em !important;\r\n    color: var(--sdl-cream) !important;\r\n  }\r\n  .sdl-page .sdl-extras-copy {\r\n    max-width: 600px;\r\n    margin: 24px 0 0 auto !important;\r\n    font-family: var(--sdl-text) !important;\r\n    font-size: clamp(14px, .98vw, 16px) !important;\r\n    line-height: 1.72 !important;\r\n    font-weight: 300 !important;\r\n    color: rgba(248, 243, 234, .82) !important;\r\n  }\r\n  .sdl-extras-grid {\r\n    margin-top: clamp(50px, 7vw, 92px);\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    border-top: 2px solid rgba(248, 243, 234, .42);\r\n    border-left: 2px solid rgba(248, 243, 234, .42);\r\n  }\r\n  .sdl-extra-card {\r\n    min-height: clamp(210px, 22vw, 320px);\r\n    padding: clamp(26px, 3.6vw, 50px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    border-right: 2px solid rgba(248, 243, 234, .42);\r\n    border-bottom: 2px solid rgba(248, 243, 234, .42);\r\n    transition: background-color .6s var(--sdl-ease), transform .6s var(--sdl-ease);\r\n  }\r\n  .sdl-extra-icon {\r\n    width: 52px; height: 52px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid rgba(232, 196, 106, .55);\r\n    border-radius: 50%;\r\n  }\r\n  .sdl-extra-icon svg {\r\n    width: 21px; height: 21px;\r\n    fill: none;\r\n    stroke: var(--sdl-gold-light);\r\n    stroke-width: 1.4;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    transition: transform .6s var(--sdl-ease);\r\n  }\r\n  .sdl-page h3.sdl-extra-title,\r\n  .sdl-page .sdl-extra-title {\r\n    margin: clamp(36px, 5vw, 72px) 0 0 !important;\r\n    font-family: var(--sdl-display) !important;\r\n    font-size: clamp(26px, 2.8vw, 42px) !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.05 !important;\r\n    letter-spacing: -.025em !important;\r\n    color: var(--sdl-cream) !important;\r\n  }\r\n  .sdl-extra-note {\r\n    margin-top: 10px;\r\n    font-family: var(--sdl-text);\r\n    font-size: 12px;\r\n    letter-spacing: .04em;\r\n    font-weight: 300;\r\n    color: rgba(248, 243, 234, .66);\r\n  }\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .sdl-extra-card:hover {\r\n      background: rgba(248, 243, 234, .06);\r\n      transform: translate3d(0, -4px, 0);\r\n    }\r\n    .sdl-extra-card:hover .sdl-extra-icon svg { transform: translate3d(3px, -3px, 0); }\r\n  }\r\n\r\n  \/* \u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .sdl-cta {\r\n    padding: clamp(64px, 8vw, 110px) clamp(24px, 6vw, 90px);\r\n    background: var(--sdl-cream);\r\n    text-align: center;\r\n  }\r\n  .sdl-page h2.sdl-cta-title,\r\n  .sdl-page .sdl-cta-title {\r\n    max-width: 760px;\r\n    margin: 0 auto !important;\r\n    font-family: var(--sdl-display) !important;\r\n    font-size: clamp(36px, 4.4vw, 62px) !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.05 !important;\r\n    letter-spacing: -.03em !important;\r\n    color: var(--sdl-navy) !important;\r\n  }\r\n  .sdl-page .sdl-cta-copy {\r\n    max-width: 560px;\r\n    margin: 20px auto 0 !important;\r\n    font-family: var(--sdl-text) !important;\r\n    font-size: 15px !important;\r\n    line-height: 1.72 !important;\r\n    font-weight: 300 !important;\r\n    color: var(--sdl-muted) !important;\r\n  }\r\n  .sdl-page a.sdl-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-top: clamp(28px, 3.5vw, 44px);\r\n    padding: 15px 30px !important;\r\n    font-family: var(--sdl-text) !important;\r\n    font-size: 13px !important;\r\n    font-weight: 600 !important;\r\n    letter-spacing: .05em !important;\r\n    text-transform: uppercase !important;\r\n    text-decoration: none !important;\r\n    color: #16243F !important;\r\n    background: transparent !important;\r\n    border: 1px solid #16243F !important;\r\n    border-radius: 4px !important;\r\n    transition: background-color .3s var(--sdl-ease), border-color .3s var(--sdl-ease), transform .3s var(--sdl-ease);\r\n  }\r\n  .sdl-page a.sdl-btn:hover {\r\n    background: #F4E5CC !important;\r\n    border-color: #F4E5CC !important;\r\n    color: #16243F !important;\r\n    transform: translateY(-2px);\r\n  }\r\n  .sdl-btn svg {\r\n    width: 15px; height: 15px;\r\n    fill: none; stroke: currentColor;\r\n    stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\r\n    transition: transform .4s var(--sdl-ease);\r\n  }\r\n  .sdl-page a.sdl-btn:hover svg { transform: translateX(4px); }\r\n\r\n  \/* \u2550\u2550 REVEAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .sdl-page.is-ready .sdl-reveal {\r\n    opacity: 0;\r\n    transform: translate3d(0, 30px, 0);\r\n    filter: blur(4px);\r\n    transition: opacity 1.1s var(--sdl-ease), transform 1.4s var(--sdl-ease), filter 1.15s var(--sdl-ease);\r\n  }\r\n  .sdl-page.is-ready .sdl-reveal.is-visible {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n    filter: blur(0);\r\n  }\r\n  .sdl-page.is-ready .sdl-story.sdl-reveal {\r\n    opacity: 1; transform: none; filter: none; transition: none;\r\n  }\r\n  .sdl-page.is-ready .sdl-story .sdl-story-copy {\r\n    opacity: 0;\r\n    transform: translate3d(-56px, 0, 0);\r\n    filter: blur(4px);\r\n    transition: opacity 1.2s var(--sdl-ease), transform 1.55s var(--sdl-ease), filter 1.2s var(--sdl-ease);\r\n    transition-delay: 70ms;\r\n  }\r\n  .sdl-page.is-ready .sdl-story .sdl-story-media {\r\n    opacity: 0;\r\n    transform: translate3d(80px, 0, 0) scale(.99);\r\n    filter: blur(6px);\r\n    transition: opacity 1.25s var(--sdl-ease), transform 1.65s var(--sdl-ease), filter 1.3s var(--sdl-ease);\r\n  }\r\n  .sdl-page.is-ready .sdl-story.is-reverse .sdl-story-copy { transform: translate3d(56px, 0, 0); }\r\n  .sdl-page.is-ready .sdl-story.is-reverse .sdl-story-media { transform: translate3d(-80px, 0, 0) scale(.99); }\r\n  .sdl-page.is-ready .sdl-story.is-visible .sdl-story-copy,\r\n  .sdl-page.is-ready .sdl-story.is-visible .sdl-story-media {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0) scale(1);\r\n    filter: blur(0);\r\n  }\r\n\r\n  \/* \u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 1100px) {\r\n    .sdl-intro-inner { grid-template-columns: minmax(180px, 28%) minmax(0, 72%); gap: 48px; }\r\n    .sdl-story-grid,\r\n    .sdl-story.is-reverse .sdl-story-grid { grid-template-columns: minmax(300px, 44%) minmax(0, 56%); }\r\n    .sdl-story.is-reverse .sdl-story-grid { grid-template-areas: \"media copy\"; }\r\n  }\r\n  @media (max-width: 900px) {\r\n    .sdl-intro { padding: 64px 24px; }\r\n    .sdl-intro-inner { grid-template-columns: 1fr; gap: 30px; }\r\n    .sdl-page .sdl-kicker { margin-top: 0 !important; }\r\n    .sdl-story-grid,\r\n    .sdl-story.is-reverse .sdl-story-grid {\r\n      min-height: auto;\r\n      grid-template-columns: 1fr;\r\n      grid-template-areas: \"copy\" \"media\";\r\n    }\r\n    .sdl-story-copy { padding: 64px clamp(24px, 6vw, 56px) 60px; }\r\n    .sdl-story:not(.is-reverse) .sdl-story-copy,\r\n    .sdl-story.is-reverse .sdl-story-copy {\r\n      border-right: 0; border-left: 0;\r\n      border-bottom: 1px solid var(--sdl-line);\r\n    }\r\n    .sdl-story-media { min-height: clamp(440px, 78vw, 600px); }\r\n    .sdl-extras-header { grid-template-columns: 1fr; gap: 24px; }\r\n    .sdl-extras-header > div { width: 100%; justify-self: start; text-align: left; }\r\n    .sdl-page .sdl-extras-copy { margin-left: 0 !important; }\r\n    .sdl-page.is-ready .sdl-story .sdl-story-copy,\r\n    .sdl-page.is-ready .sdl-story.is-reverse .sdl-story-copy { transform: translate3d(0, 34px, 0); }\r\n    .sdl-page.is-ready .sdl-story .sdl-story-media,\r\n    .sdl-page.is-ready .sdl-story.is-reverse .sdl-story-media { transform: translate3d(0, 46px, 0) scale(.99); }\r\n  }\r\n  @media (max-width: 767px) {\r\n    .sdl-meta { grid-template-columns: 1fr; gap: 22px; }\r\n    .sdl-meta > div { display: flex; align-items: baseline; gap: 18px; }\r\n    .sdl-meta-label { margin-top: 0; }\r\n    .sdl-story-copy { padding: 52px 22px 54px; }\r\n    .sdl-story-frame { inset: 16px; }\r\n    .sdl-story-label { left: 32px; bottom: 32px; font-size: 8px; }\r\n    .sdl-extras { padding: 70px 22px; }\r\n    .sdl-extras-grid { grid-template-columns: 1fr; }\r\n    .sdl-extra-card { min-height: 200px; }\r\n    .sdl-cta { padding: 60px 22px; }\r\n    .sdl-page a.sdl-btn { width: 100%; justify-content: center; }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .sdl-page *, .sdl-page *::before, .sdl-page *::after {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n    .sdl-page .sdl-reveal,\r\n    .sdl-page .sdl-story-copy,\r\n    .sdl-page .sdl-story-media {\r\n      opacity: 1 !important; transform: none !important; filter: none !important;\r\n    }\r\n    .sdl-story-media-inner { transform: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 INTRO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"sdl-intro\" id=\"sdl-location-intro\">\r\n  <div class=\"sdl-intro-inner\">\r\n    <p class=\"sdl-kicker sdl-reveal\">Mazara del Vallo \u00b7 Sizilien<\/p>\r\n    <div>\r\n      <h2 class=\"sdl-intro-title sdl-reveal\">Wo Sizilien<br><em>noch immer authentisch ist<\/em><\/h2>\r\n\r\n      <div class=\"sdl-intro-copy sdl-reveal\">\r\n        <p>Mazara del Vallo ist eine der <strong>\u00e4ltesten St\u00e4dte Siziliens<\/strong> \u2014 und eine der ganz wenigen, die die Menschenmassen noch nicht entdeckt haben. Keine Reisebusse in der Altstadt, keine Warteschlangen vor der Kathedrale, keine Speisekarten in sechs Sprachen.<\/p>\r\n        <p>Sole D'Oro liegt im Herzen der <strong>Kasbah<\/strong>, dem historischen arabischen Viertel, dessen enge Gassen, handbemalte Fliesen und versteckte Innenh\u00f6fe ihren Charakter seit mehr als tausend Jahren bewahrt haben.<\/p>\r\n        <p>Alles ist <strong>zu Fu\u00df erreichbar<\/strong>: der Kathedralenplatz, der Fischerhafen, der goldene Sand von Tonnarella und die Trattorien, in denen die ber\u00fchmte rote Garnele der Stadt so serviert wird, wie es hier seit jeher \u00fcblich ist.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sdl-meta sdl-reveal\">\r\n        <div>\r\n          <span class=\"sdl-meta-num\">03<\/span>\r\n          <span class=\"sdl-meta-label\">Minuten bis zur Kathedrale<\/span>\r\n        <\/div>\r\n        <div>\r\n          <span class=\"sdl-meta-num\">05<\/span>\r\n          <span class=\"sdl-meta-label\">Minuten bis zum Strand<\/span>\r\n        <\/div>\r\n        <div>\r\n          <span class=\"sdl-meta-num\">00<\/span>\r\n          <span class=\"sdl-meta-label\">Auto erforderlich<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SEKCJE NARRACYJNE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"sdl-stories\">\r\n\r\n  <!-- 01 \u2014 KASBAH -->\r\n  <section class=\"sdl-story sdl-reveal\" data-theme=\"cream\">\r\n    <div class=\"sdl-story-grid\">\r\n      <article class=\"sdl-story-copy\">\r\n        <p class=\"sdl-story-num\">01 \/ 05<\/p>\r\n        <h3 class=\"sdl-story-title\">Die Kasbah<\/h3>\r\n        <div class=\"sdl-story-text\">\r\n          <p>Treten Sie aus dem Apartment und Sie sind bereits mittendrin. Die <strong>Kasbah<\/strong> ist das alte arabische Viertel von Mazara \u2014 ein Labyrinth aus engen Gassen, bemalten T\u00fcren und mit Keramikfliesen verzierten W\u00e4nden, entstanden in der Zeit, als die Stadt von Nordafrika aus regiert wurde.<\/p>\r\n          <p>Es ist eines der am besten erhaltenen Viertel seiner Art in Europa, und anders als in den meisten anderen <strong>leben hier noch immer Menschen<\/strong>. W\u00e4sche h\u00e4ngt \u00fcber den Stra\u00dfen. Nachbarn unterhalten sich vor ihren Haust\u00fcren. Nichts daran ist inszeniert.<\/p>\r\n        <\/div>\r\n        <span class=\"sdl-story-line\" aria-hidden=\"true\"><\/span>\r\n      <\/article>\r\n      <div class=\"sdl-story-media\">\r\n        <div class=\"sdl-story-media-inner\">\r\n          <!-- PODMIE\u0143 -->\r\n          <img src=\"https:\/\/casasoledoro.com\/wp-content\/uploads\/2026\/08\/1-Foto-F.-Rizzo-scaled.jpg\" alt=\"Narrow tiled lanes of the Kasbah in Mazara del Vallo\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n        <span class=\"sdl-story-frame\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"sdl-story-label\">Sole D'Oro \u00b7 Mazara del Vallo<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 02 \u2014 CATHEDRAL \/ OLD TOWN -->\r\n  <section class=\"sdl-story is-reverse sdl-reveal\" data-theme=\"cream\">\r\n    <div class=\"sdl-story-grid\">\r\n      <article class=\"sdl-story-copy\">\r\n        <p class=\"sdl-story-num\">02 \/ 05<\/p>\r\n        <h3 class=\"sdl-story-title\">Kathedralen<br>platz<\/h3>\r\n        <div class=\"sdl-story-text\">\r\n          <p>Drei Minuten zu Fu\u00df von der Haust\u00fcr entfernt \u00f6ffnen sich die Gassen zur <strong>Piazza della Repubblica<\/strong> \u2014 das barocke Herz der Stadt, mit der Kathedrale San Salvatore auf der einen und dem Bischofspalast auf der anderen Seite.<\/p>\r\n          <p>Am Abend f\u00fcllt sich der Platz mit Familien, die Caf\u00e9s stellen ihre Tische nach drau\u00dfen und das Licht f\u00e4rbt den Stein honigfarben. Es ist der beste Ort der Stadt, um <strong>absolut nichts zu tun<\/strong>.<\/p>\r\n        <\/div>\r\n        <span class=\"sdl-story-line\" aria-hidden=\"true\"><\/span>\r\n      <\/article>\r\n      <div class=\"sdl-story-media\">\r\n        <div class=\"sdl-story-media-inner\">\r\n          <!-- PODMIE\u0143 -->\r\n          <img src=\"https:\/\/casasoledoro.com\/wp-content\/uploads\/2026\/07\/Cattedrale-scaled.jpg\" alt=\"Baroque cathedral square in Mazara del Vallo\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n        <span class=\"sdl-story-frame\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"sdl-story-label\">Sole D'Oro \u00b7 Mazara del Vallo<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 03 \u2014 BEACH -->\r\n  <section class=\"sdl-story sdl-reveal\" data-theme=\"navy\">\r\n    <div class=\"sdl-story-grid\">\r\n      <article class=\"sdl-story-copy\">\r\n        <p class=\"sdl-story-num\">03 \/ 05<\/p>\r\n        <h3 class=\"sdl-story-title\">Tonnarella<br>Strand<\/h3>\r\n        <div class=\"sdl-story-text\">\r\n          <p>F\u00fcnf Minuten zu Fu\u00df und die Stadt endet in <strong>weichem, goldenem Sand<\/strong>. Tonnarella zieht sich kilometerweit am Rand von Mazara entlang, mit flachem, warmem Wasser, das bis weit in den Nachmittag hinein ruhig bleibt.<\/p>\r\n          <p>Au\u00dferhalb der Hochsaisonwochen im August haben Sie oft lange Strandabschnitte fast f\u00fcr sich allein \u2014 etwas, das Sie an Siziliens bekannteren K\u00fcsten kaum finden werden.<\/p>\r\n        <\/div>\r\n        <span class=\"sdl-story-line\" aria-hidden=\"true\"><\/span>\r\n      <\/article>\r\n      <div class=\"sdl-story-media\">\r\n        <div class=\"sdl-story-media-inner\">\r\n          <!-- PODMIE\u0143 -->\r\n          <img src=\"https:\/\/casasoledoro.com\/wp-content\/uploads\/2026\/07\/Tonnarella-Mazara-del-Vallo-Delta-Charlie.webp\" alt=\"Golden sand and shallow water at Tonnarella beach\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n        <span class=\"sdl-story-frame\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"sdl-story-label\">Sole D'Oro \u00b7 Mazara del Vallo<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 04 \u2014 FOOD \/ PORT -->\r\n  <section class=\"sdl-story is-reverse sdl-reveal\" data-theme=\"navy\">\r\n    <div class=\"sdl-story-grid\">\r\n      <article class=\"sdl-story-copy\">\r\n        <p class=\"sdl-story-num\">04 \/ 05<\/p>\r\n        <h3 class=\"sdl-story-title\">Der Porto Canale<\/h3>\r\n        <div class=\"sdl-story-text\">\r\n         <p>Mazaras <strong>Porto Canale<\/strong> ist Siziliens einziger Kanalhafen und beherbergt die gr\u00f6\u00dfte Fischereiflotte Italiens \u2014 Tag und Nacht fahren Boote an der M\u00fcndung des Flusses Mazaro ein und aus.<\/p>\r\n<p>Mittags liegt der Fang bereits auf den Tellern, und in den Restaurants rund um den Hafen essen Sie Meeresfr\u00fcchte zu Preisen, die in Mailand undenkbar w\u00e4ren \u2014 <strong>sieben Minuten von Ihrer T\u00fcr entfernt<\/strong>.<\/p>\r\n        <\/div>\r\n        <span class=\"sdl-story-line\" aria-hidden=\"true\"><\/span>\r\n      <\/article>\r\n      <div class=\"sdl-story-media\">\r\n        <div class=\"sdl-story-media-inner\">\r\n          <!-- PODMIE\u0143 -->\r\n          <img src=\"https:\/\/casasoledoro.com\/wp-content\/uploads\/2026\/08\/1621531188-0-al-via-i-lavori-nel-porto-nuovo-di-mazara-presto-la-nave-per-pantelleria-scaled.jpg\" alt=\"Fresh seafood served in a trattoria near the fishing port\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n        <span class=\"sdl-story-frame\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"sdl-story-label\">Sole D'Oro \u00b7 Mazara del Vallo<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 05 \u2014 SATYR MUSEUM -->\r\n  <section class=\"sdl-story sdl-reveal\" data-theme=\"cream\">\r\n    <div class=\"sdl-story-grid\">\r\n      <article class=\"sdl-story-copy\">\r\n        <p class=\"sdl-story-num\">05 \/ 05<\/p>\r\n        <h3 class=\"sdl-story-title\">Der Tanzende<br>Satyr<\/h3>\r\n        <div class=\"sdl-story-text\">\r\n          <p>1998 zog ein Fischerboot aus Mazara eine <strong>Bronzestatue<\/strong> aus dem Meer. Es stellte sich heraus, dass es sich um ein mehr als zweitausend Jahre altes griechisches Werk handelte \u2014 eine der bedeutendsten antiken Bronzestatuen, die jemals im Mittelmeer geborgen wurden.<\/p>\r\n          <p>Heute hat sie ein eigenes Museum, nur vier Minuten von den Apartments entfernt. Die meisten Sizilien-Besucher haben noch nie davon geh\u00f6rt. <strong>Der Spaziergang lohnt sich.<\/strong><\/p>\r\n        <\/div>\r\n        <span class=\"sdl-story-line\" aria-hidden=\"true\"><\/span>\r\n      <\/article>\r\n      <div class=\"sdl-story-media\">\r\n        <div class=\"sdl-story-media-inner\">\r\n          <!-- PODMIE\u0143 -->\r\n          <img src=\"https:\/\/casasoledoro.com\/wp-content\/uploads\/2026\/08\/museo-del-Satiro-danzante-a-Mazara-del-Vallo-3.jpg\" alt=\"Ancient bronze statue displayed in a museum\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n        <span class=\"sdl-story-frame\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"sdl-story-label\">Sole D'Oro \u00b7 Mazara del Vallo<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 JAK DOJECHA\u0106 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"sdl-extras\">\r\n  <div class=\"sdl-extras-inner\">\r\n    <div class=\"sdl-extras-header\">\r\n      <p class=\"sdl-extras-kicker sdl-reveal\">Anreise<\/p>\r\n      <div>\r\n        <h2 class=\"sdl-extras-title sdl-reveal\">Einfacher, als<br>Sie denken<\/h2>\r\n        <p class=\"sdl-extras-copy sdl-reveal\">Zwei Flugh\u00e4fen sind gut erreichbar, und nach der Ankunft k\u00f6nnen Sie das Auto stehen lassen \u2014 in der Stadt l\u00e4sst sich alles zu Fu\u00df erreichen.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sdl-extras-grid\">\r\n      <article class=\"sdl-extra-card sdl-reveal\">\r\n        <span class=\"sdl-extra-icon\" aria-hidden=\"true\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5z\"\/><\/svg>\r\n        <\/span>\r\n        <h3 class=\"sdl-extra-title\">Trapani\u2013Birgi<\/h3>\r\n        <p class=\"sdl-extra-note\">45 Minuten mit dem Auto \u00b7 n\u00e4chster Flughafen<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"sdl-extra-card sdl-reveal\">\r\n        <span class=\"sdl-extra-icon\" aria-hidden=\"true\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5z\"\/><\/svg>\r\n        <\/span>\r\n        <h3 class=\"sdl-extra-title\">Palermo<\/h3>\r\n        <p class=\"sdl-extra-note\">90 Minuten mit dem Auto \u00b7 mehr Verbindungen<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"sdl-extra-card sdl-reveal\">\r\n        <span class=\"sdl-extra-icon\" aria-hidden=\"true\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M4 17h2m12 0h2M5 17V9l2-4h10l2 4v8M5 13h14\"\/><circle cx=\"7.5\" cy=\"17\" r=\"1.5\"\/><circle cx=\"16.5\" cy=\"17\" r=\"1.5\"\/><\/svg>\r\n        <\/span>\r\n        <h3 class=\"sdl-extra-title\">Parken<\/h3>\r\n        <p class=\"sdl-extra-note\">Parkpl\u00e4tze an der Stra\u00dfe in der N\u00e4he \u00b7 fragen Sie uns bei Ihrer Ankunft<\/p>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"sdl-cta\">\r\n  <h2 class=\"sdl-cta-title sdl-reveal\">Kommen Sie vorbei und erleben Sie es selbst<\/h2>\r\n  <p class=\"sdl-cta-copy sdl-reveal\">Drei Apartments im Herzen der Kasbah, nur wenige Schritte vom Meer entfernt.<\/p>\r\n  <a href=\"#ra-reservation-form\" class=\"sdl-btn sdl-reveal\">\r\n    <span>Verf\u00fcgbarkeit pr\u00fcfen<\/span>\r\n    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg>\r\n  <\/a>\r\n<\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n  var page = document.currentScript.closest('.sdl-page');\r\n  if (!page || page.dataset.sdlReady === 'true') return;\r\n  page.dataset.sdlReady = 'true';\r\n\r\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  var items = [].slice.call(page.querySelectorAll('.sdl-reveal'));\r\n\r\n  \/* \u2500\u2500 REVEAL \u2500\u2500 *\/\r\n  if (reduce || !('IntersectionObserver' in window)) {\r\n    items.forEach(function (i) { i.classList.add('is-visible'); });\r\n  } else {\r\n    page.classList.add('is-ready');\r\n    var revealObs = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (e) {\r\n        e.target.classList.toggle('is-visible', e.isIntersecting);\r\n      });\r\n    }, {\r\n      threshold: window.innerWidth <= 900 ? 0.08 : 0.14,\r\n      rootMargin: window.innerWidth <= 900 ? '-3% 0px -3% 0px' : '-8% 0px -8% 0px'\r\n    });\r\n    items.forEach(function (i) { revealObs.observe(i); });\r\n  }\r\n\r\n  \/* \u2500\u2500 PARALLAX NA ZDJ\u0118CIACH \u2500\u2500 *\/\r\n  var stories = [].slice.call(page.querySelectorAll('.sdl-story'));\r\n  var visible = new Set();\r\n  var raf = false;\r\n\r\n  if ('IntersectionObserver' in window) {\r\n    var pObs = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (e) {\r\n        if (e.isIntersecting) visible.add(e.target);\r\n        else visible.delete(e.target);\r\n      });\r\n    }, { threshold: 0, rootMargin: '20% 0px 20% 0px' });\r\n    stories.forEach(function (s) { pObs.observe(s); });\r\n  } else {\r\n    stories.forEach(function (s) { visible.add(s); });\r\n  }\r\n\r\n  function clamp(v, a, b) { return Math.min(Math.max(v, a), b); }\r\n\r\n  function update() {\r\n    raf = false;\r\n    if (reduce) return;\r\n    var vh = window.innerHeight;\r\n    visible.forEach(function (section) {\r\n      var media = section.querySelector('.sdl-story-media');\r\n      if (!media) return;\r\n      var r = media.getBoundingClientRect();\r\n      var p = clamp((vh - r.top) \/ (vh + r.height), 0, 1);\r\n      var range = window.innerWidth <= 767 ? 40 : (window.innerWidth <= 1024 ? 54 : 76);\r\n      media.style.setProperty('--media-y', ((p - 0.5) * range).toFixed(2) + 'px');\r\n    });\r\n  }\r\n\r\n  function request() {\r\n    if (raf) return;\r\n    raf = true;\r\n    window.requestAnimationFrame(update);\r\n  }\r\n\r\n  window.addEventListener('scroll', request, { passive: true });\r\n  window.addEventListener('resize', function () {\r\n    clearTimeout(page._sdlResize);\r\n    page._sdlResize = setTimeout(update, 130);\r\n  }, { passive: true });\r\n\r\n  update();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>MAZARA DEL VALLO \u00b7 SICILY In the Heart of the Kasbah Mazara del Vallo \u00b7 Sicily Where Sicilystill feels real Mazara del Vallo is one of Sicily&#8217;s oldest towns \u2014 and one of the very few the crowds haven&#8217;t found. There are no tour buses in the old town, no queues at the cathedral, no [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-277","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/casasoledoro.com\/de\/wp-json\/wp\/v2\/pages\/277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casasoledoro.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casasoledoro.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casasoledoro.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casasoledoro.com\/de\/wp-json\/wp\/v2\/comments?post=277"}],"version-history":[{"count":49,"href":"https:\/\/casasoledoro.com\/de\/wp-json\/wp\/v2\/pages\/277\/revisions"}],"predecessor-version":[{"id":638,"href":"https:\/\/casasoledoro.com\/de\/wp-json\/wp\/v2\/pages\/277\/revisions\/638"}],"wp:attachment":[{"href":"https:\/\/casasoledoro.com\/de\/wp-json\/wp\/v2\/media?parent=277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}