{"id":5603,"date":"2026-03-11T17:57:35","date_gmt":"2026-03-11T16:57:35","guid":{"rendered":"https:\/\/soul-boats.de\/?page_id=5603"},"modified":"2026-05-04T09:57:48","modified_gmt":"2026-05-04T07:57:48","slug":"spray","status":"publish","type":"page","link":"https:\/\/soul-boats.de\/en\/spray\/","title":{"rendered":"SPRAY"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5603\" class=\"elementor elementor-5603\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a72cace e-flex e-con-boxed e-con e-parent\" data-id=\"a72cace\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-723bff8 elementor-widget elementor-widget-html\" data-id=\"723bff8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- HERO INTRO \u2013 nur f\u00fcr Seite \u201eSpitzgatter-Yacht\u201c -->\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=Playfair+Display:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Hard-Fallback: altes Sigma-Intro sofort verstecken, falls CSS fr\u00fcher greift -->\r\n<style>\r\n  #sigma-intro { display: none !important; visibility: hidden !important; }\r\n<\/style>\r\n\r\n<!-- HIER Bild-URL tauschen -->\r\n<div class=\"intro-splash\" id=\"intro-spitzgatter\" style=\"--intro-bg: url('https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/titelbildAnja.jpg\">\r\n  <div class=\"intro-inner\">\r\n    <h1>SPRAY<\/h1>\r\n    <h1>Wo Geschichte wieder zu segeln beginnt<\/h1>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Nur dieses Intro ansprechen \u2013 eigene ID *\/\r\n  #intro-spitzgatter{\r\n    position:fixed; inset:0; z-index:9999;\r\n    display:grid; place-items:center;\r\n    background:#000; overflow:hidden;\r\n  }\r\n  #intro-spitzgatter::before{\r\n    content:\"\"; position:absolute; inset:-5%;\r\n    background-image: var(--intro-bg);\r\n    background-size: cover; background-position: center; background-repeat: no-repeat;\r\n    filter:brightness(.65) saturate(1.05) blur(6px);\r\n    transform:scale(1.00);\r\n  }\r\n  #intro-spitzgatter::after{\r\n    content:\"\"; position:absolute; inset:0;\r\n    background:radial-gradient(ellipse at center,rgba(0,0,0,.15),rgba(0,0,0,.6) 70%);\r\n    pointer-events:none;\r\n  }\r\n  #intro-spitzgatter .intro-inner{ position:relative; text-align:center; z-index:1; animation:introFadeIn 1s ease both; padding:6vw; }\r\n  #intro-spitzgatter h1{\r\n    font-family:'Playfair Display',serif; font-weight:700; letter-spacing:.02em;\r\n    font-size:clamp(44px,10.5vw,120px); line-height:1.05; color:#fff; margin:0;\r\n    text-shadow:0 8px 26px rgba(0,0,0,.4), 0 1px 0 rgba(0,0,0,.25);\r\n  }\r\n  \/* Unterzeile: deutlich kleiner *\/\r\n#intro-spitzgatter h1:last-child{\r\n  font-size:clamp(18px,4vw,40px);\r\n  font-weight:600;\r\n  letter-spacing:.08em;\r\n  margin-top:0.6em;\r\n  opacity:0.9;\r\n}\r\n  @keyframes introFadeIn{ from{opacity:0; transform:translateY(8px) scale(1.02);} to{opacity:1; transform:none;} }\r\n  @keyframes introFadeOut{ to{opacity:0; transform:scale(.995);} }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    \/\/ ---- Kill-Switch f\u00fcr altes Sigma-Intro (#sigma-intro) ----\r\n    const killSigma = () => {\r\n      document.querySelectorAll('#sigma-intro').forEach(el => {\r\n        el.remove();\r\n        if (document.body && document.body.style.overflow === 'hidden') {\r\n          document.body.style.overflow = '';\r\n        }\r\n      });\r\n    };\r\n\r\n    \/\/ Sofort versuchen...\r\n    killSigma();\r\n\r\n    \/\/ ...und ein paar Sekunden lang nachtr\u00e4gliche Einf\u00fcgungen entfernen\r\n    const mo = new MutationObserver(killSigma);\r\n    mo.observe(document.documentElement, { childList: true, subtree: true });\r\n    setTimeout(() => mo.disconnect(), 10000); \/\/ nach 10s Beobachtung beenden\r\n\r\n    \/\/ ---- Elementor-Editor: Intro dieser Seite nicht anzeigen ----\r\n    if (window.location.href.includes('elementor-preview')) {\r\n      const el = document.getElementById('intro-spitzgatter');\r\n      if (el) el.remove();\r\n      return;\r\n    }\r\n\r\n    \/\/ ---- Spitzgatter-Intro anzeigen, 3s warten, 1.5s Fadeout, dann entfernen ----\r\n    function startIntroFade(){\r\n      const intro = document.getElementById('intro-spitzgatter');\r\n      if (!intro) return;\r\n      setTimeout(() => {\r\n        intro.style.animation = 'introFadeOut 1.5s ease forwards';\r\n        setTimeout(() => intro.remove(), 1000);\r\n      }, 2400);\r\n    }\r\n    if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n      startIntroFade();\r\n    } else {\r\n      document.addEventListener('DOMContentLoaded', startIntroFade);\r\n    }\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-084fea3 e-flex e-con-boxed e-con e-parent\" data-id=\"084fea3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82e4f66 elementor-widget elementor-widget-html\" data-id=\"82e4f66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- HERO INTRO (Elementor-HTML-Block, elegant mit Playfair Display) -->\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=Playfair+Display:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"intro-splash\" id=\"sigma-intro\">\r\n  <div class=\"intro-inner\">\r\n    <h1>SIGMA 33 OOD<\/h1>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* HERO INTRO Stil *\/\r\n  #sigma-intro{\r\n    position:fixed; inset:0; z-index:9999;\r\n    display:grid; place-items:center;\r\n    background:#000;\r\n    overflow:hidden;\r\n  }\r\n  #sigma-intro::before{\r\n    content:\"\"; position:absolute; inset:-10%;\r\n    background:url(\"https:\/\/soul-boats.de\/wp-content\/uploads\/2025\/10\/IMG_8563-scaled.jpg\")\r\n      center\/cover no-repeat;\r\n    filter:brightness(.65) saturate(1.05) blur(6px);\r\n    transform:scale(1.06);\r\n  }\r\n  #sigma-intro::after{\r\n    content:\"\"; position:absolute; inset:0;\r\n    background:radial-gradient(ellipse at center,rgba(0,0,0,.15),rgba(0,0,0,.6) 70%);\r\n    pointer-events:none;\r\n  }\r\n\r\n  #sigma-intro .intro-inner{\r\n    position:relative; text-align:center; z-index:1;\r\n    animation:introFadeIn 1s ease both;\r\n    padding:6vw;\r\n  }\r\n\r\n  #sigma-intro h1{\r\n    font-family:'Playfair Display',serif;\r\n    font-weight:700;\r\n    letter-spacing:0.02em;\r\n    font-size:clamp(44px,10.5vw,120px);\r\n    line-height:1.05;\r\n    color:#fff;\r\n    margin:0;\r\n    text-shadow:0 8px 26px rgba(0,0,0,.4), 0 1px 0 rgba(0,0,0,.25);\r\n  }\r\n\r\n  @keyframes introFadeIn{\r\n    from{opacity:0; transform:translateY(8px) scale(1.02);}\r\n    to{opacity:1; transform:none;}\r\n  }\r\n  @keyframes introFadeOut{\r\n    to{opacity:0; transform:scale(.995);}\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ Wenn Elementor-Editor aktiv ist \u2192 Intro gar nicht anzeigen\r\n  if (window.location.href.includes('elementor-preview')) {\r\n    const el = document.getElementById('sigma-intro');\r\n    if (el) el.remove();\r\n  } else {\r\n    \/\/ Funktion f\u00fcr Fadeout nach 3 Sekunden\r\n    function startIntroFade(){\r\n      const intro = document.getElementById(\"sigma-intro\");\r\n      if (!intro) return;\r\n      setTimeout(() => {\r\n        intro.style.animation = \"introFadeOut 1.5s ease forwards\";\r\n        setTimeout(() => intro.remove(), 1500);\r\n      }, 1500); \/\/ 3 Sekunden sichtbar\r\n    }\r\n\r\n    \/\/ Sicherstellen, dass es auch bei Elementor korrekt feuert\r\n    if (document.readyState === \"complete\" || document.readyState === \"interactive\") {\r\n      startIntroFade();\r\n    } else {\r\n      document.addEventListener(\"DOMContentLoaded\", startIntroFade);\r\n    }\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04d24cb elementor-widget elementor-widget-heading\" data-id=\"04d24cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"> ,,SPRAY'' <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f158a4a elementor-hidden-mobile elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"f158a4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Stabil gebaut. Seeg\u00e4ngig erprobt.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcb5f1c elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"fcb5f1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-220438a e-flex e-con-boxed e-con e-parent\" data-id=\"220438a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e065369 elementor-widget elementor-widget-html\" data-id=\"e065369\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .spray-brief-section{\r\n    --bg:#f7f5f0;\r\n    --card:#ffffff;\r\n    --text:#1b1b1b;\r\n    --muted:#66625b;\r\n    --gold:#b89a5f;\r\n    --gold-soft:rgba(184,154,95,.18);\r\n    --border:rgba(184,154,95,.25);\r\n    --shadow:0 18px 50px rgba(0,0,0,.08);\r\n\r\n    width:100%;\r\n    padding:40px 20px;\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .spray-brief-card{\r\n    max-width:1200px;\r\n    margin:0 auto;\r\n    background:linear-gradient(180deg,#fffdf9 0%, #ffffff 100%);\r\n    border:1px solid var(--border);\r\n    border-radius:26px;\r\n    box-shadow:var(--shadow);\r\n    overflow:hidden;\r\n    position:relative;\r\n  }\r\n\r\n  .spray-brief-card::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    height:1px;\r\n    background:linear-gradient(90deg, transparent, var(--gold), transparent);\r\n    opacity:.9;\r\n  }\r\n\r\n  .spray-brief-inner{\r\n    display:grid;\r\n    grid-template-columns: 1.05fr 1fr;\r\n    align-items:stretch;\r\n  }\r\n\r\n  .spray-brief-image{\r\n    position:relative;\r\n    min-height:420px;\r\n    overflow:hidden;\r\n    background:#ddd;\r\n  }\r\n\r\n  .spray-brief-image img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    display:block;\r\n  }\r\n\r\n  .spray-brief-image::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(90deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.0) 45%, rgba(0,0,0,.0) 100%);\r\n    pointer-events:none;\r\n  }\r\n\r\n  .spray-brief-content{\r\n    padding:52px 54px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n    position:relative;\r\n  }\r\n\r\n  .spray-brief-kicker{\r\n    font-family:'Inter',sans-serif;\r\n    font-size:12px;\r\n    letter-spacing:.24em;\r\n    text-transform:uppercase;\r\n    color:var(--gold);\r\n    margin-bottom:16px;\r\n    font-weight:600;\r\n  }\r\n\r\n  .spray-brief-title{\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:clamp(36px, 4vw, 56px);\r\n    line-height:.95;\r\n    font-weight:600;\r\n    color:var(--text);\r\n    margin:0 0 20px;\r\n  }\r\n\r\n  .spray-brief-title span{\r\n    color:var(--gold);\r\n    font-style:italic;\r\n  }\r\n\r\n  .spray-brief-line{\r\n    width:78px;\r\n    height:1px;\r\n    background:linear-gradient(90deg, var(--gold), transparent);\r\n    margin:0 0 24px;\r\n  }\r\n\r\n  .spray-brief-text{\r\n    font-family:'Inter',sans-serif;\r\n    font-size:16px;\r\n    line-height:1.85;\r\n    color:var(--muted);\r\n    margin:0 0 16px;\r\n  }\r\n\r\n  .spray-brief-text strong{\r\n    color:var(--text);\r\n    font-weight:600;\r\n  }\r\n\r\n  .spray-brief-note{\r\n    margin-top:16px;\r\n    padding:16px 18px;\r\n    border:1px solid var(--border);\r\n    background:linear-gradient(180deg, rgba(184,154,95,.08), rgba(184,154,95,.03));\r\n    border-radius:16px;\r\n    font-family:'Inter',sans-serif;\r\n    font-size:14px;\r\n    line-height:1.7;\r\n    color:#5f584d;\r\n  }\r\n\r\n  .spray-brief-corner{\r\n    position:absolute;\r\n    right:22px;\r\n    top:18px;\r\n    width:70px;\r\n    height:70px;\r\n    border-top:1px solid rgba(184,154,95,.35);\r\n    border-right:1px solid rgba(184,154,95,.35);\r\n    border-top-right-radius:18px;\r\n    pointer-events:none;\r\n  }\r\n\r\n  @media (max-width: 980px){\r\n    .spray-brief-inner{\r\n      grid-template-columns:1fr;\r\n    }\r\n\r\n    .spray-brief-image{\r\n      min-height:320px;\r\n    }\r\n\r\n    .spray-brief-content{\r\n      padding:34px 26px 36px;\r\n    }\r\n\r\n    .spray-brief-title{\r\n      font-size:42px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px){\r\n    .spray-brief-section{\r\n      padding:20px 10px;\r\n    }\r\n\r\n    .spray-brief-image{\r\n      min-height:240px;\r\n    }\r\n\r\n    .spray-brief-title{\r\n      font-size:34px;\r\n    }\r\n\r\n    .spray-brief-text{\r\n      font-size:15px;\r\n      line-height:1.75;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"spray-brief-section\">\r\n  <div class=\"spray-brief-card\">\r\n    <div class=\"spray-brief-corner\"><\/div>\r\n\r\n    <div class=\"spray-brief-inner\">\r\n      <div class=\"spray-brief-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1858-2-scaled.jpg\">\r\n      <\/div>\r\n\r\n      <div class=\"spray-brief-content\">\r\n        <div class=\"spray-brief-kicker\">Kurzer Steckbrief<\/div>\r\n        <h2 class=\"spray-brief-title\">Die <span>Spray Anja<\/span><\/h2>\r\n        <div class=\"spray-brief-line\"><\/div>\r\n\r\n        <p class=\"spray-brief-text\">\r\n          <strong>Zum Verkauf steht ein au\u00dfergew\u00f6hnlicher Motorsegler.<\/strong>\r\n          Die Rumpfform entspricht der legend\u00e4ren <strong>Spray von Joshua Slocum<\/strong>,\r\n          wurde jedoch deutlich robuster gebaut.\r\n        <\/p>\r\n\r\n        <p class=\"spray-brief-text\">\r\n          Das Boot hat seine Stabilit\u00e4t und Eignung f\u00fcr die Langfahrt bereits bewiesen\r\n          und verk\u00f6rpert den Charakter eines soliden, seeg\u00e4ngigen Schiffes mit besonderer Geschichte.\r\n        <\/p>\r\n\r\n        <p class=\"spray-brief-text\">\r\n          Die nachfolgenden Bilder zeigen eine m\u00f6gliche Idee, wie das Boot nach einem\r\n          Refit aussehen k\u00f6nnte. Weiter unten finden Sie den aktuellen Zustand,\r\n          die technischen Daten sowie weitere Informationen zu dieser besonderen Spray.\r\n        <\/p>\r\n\r\n        <div class=\"spray-brief-note\">\r\n          Hinweis: Die gezeigten Visualisierungen stellen m\u00f6gliche Konzeptideen f\u00fcr ein Refit dar.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9002de elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"a9002de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d9db2d2 e-flex e-con-boxed e-con e-parent\" data-id=\"d9db2d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31e5293 elementor-widget elementor-widget-html\" data-id=\"31e5293\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .lux-ba-wrap{\r\n    --bg:#f7f7f5;\r\n    --card:#ffffff;\r\n    --text:#161616;\r\n    --muted:#6f6f6f;\r\n    --border:rgba(17,17,17,.08);\r\n    --shadow:0 18px 50px rgba(0,0,0,.08);\r\n    --shadow-hover:0 28px 70px rgba(0,0,0,.14);\r\n    --radius:26px;\r\n    --max:1320px;\r\n    --gold:#c8a96b;\r\n    --gold-2:#d8bc7f;\r\n    --gold-3:#b99247;\r\n    --section-pad:28px;\r\n    max-width:var(--max);\r\n    margin:0 auto;\r\n    padding:var(--section-pad) 12px 48px;\r\n    box-sizing:border-box;\r\n    color:var(--text);\r\n  }\r\n\r\n  .lux-ba-header-premium{\r\n    text-align:center;\r\n    margin-bottom:40px;\r\n  }\r\n\r\n  .lux-ba-header-premium .lux-ba-kicker{\r\n    display:block;\r\n    margin-bottom:14px;\r\n    color:#b38b47;\r\n    font-size:13px;\r\n    letter-spacing:.25em;\r\n    text-transform:uppercase;\r\n    font-weight:600;\r\n  }\r\n\r\n  .lux-ba-header-premium h2{\r\n    font-family:\"Cormorant Garamond\", serif;\r\n    margin:0;\r\n    font-size:clamp(40px,5vw,72px);\r\n    line-height:1.02;\r\n    letter-spacing:-.03em;\r\n    font-weight:600;\r\n    color:#161616;\r\n  }\r\n\r\n  .lux-ba-header-premium h2 span:first-child{\r\n    color:#111;\r\n  }\r\n\r\n  .lux-ba-header-premium h2 span:last-child{\r\n    color:#b38b47;\r\n  }\r\n\r\n  .lux-ba-title-line{\r\n    width:96px;\r\n    height:3px;\r\n    margin:18px auto 18px;\r\n    border-radius:999px;\r\n    background:linear-gradient(90deg, rgba(200,169,107,.12) 0%, #c8a96b 50%, rgba(200,169,107,.12) 100%);\r\n  }\r\n\r\n  .lux-ba-header-premium p{\r\n    margin:0 auto;\r\n    max-width:680px;\r\n    color:#6f6f6f;\r\n    font-size:16px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .lux-ba-group{\r\n    margin-top:34px;\r\n  }\r\n\r\n  .lux-ba-grid-landscape,\r\n  .lux-ba-grid-portrait{\r\n    display:grid;\r\n    grid-template-columns:repeat(12,1fr);\r\n    gap:22px;\r\n  }\r\n\r\n  .lux-ba-card{\r\n    background:linear-gradient(180deg,#fff 0%,#fcfcfb 100%);\r\n    border:1px solid var(--border);\r\n    border-radius:var(--radius);\r\n    overflow:hidden;\r\n    box-shadow:var(--shadow);\r\n    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;\r\n    position:relative;\r\n  }\r\n\r\n  .lux-ba-card:hover{\r\n    transform:translateY(-4px);\r\n    box-shadow:var(--shadow-hover);\r\n    border-color:rgba(200,169,107,.32);\r\n  }\r\n\r\n  .lux-ba-card.landscape{\r\n    grid-column:span 4;\r\n  }\r\n\r\n  .lux-ba-card.portrait{\r\n    grid-column:span 4;\r\n  }\r\n\r\n  .lux-ba-card-top{\r\n    display:flex;\r\n    justify-content:flex-end;\r\n    align-items:center;\r\n    gap:12px;\r\n    padding:16px 18px;\r\n    border-bottom:1px solid rgba(17,17,17,.06);\r\n    background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(247,247,245,.72));\r\n    backdrop-filter:blur(8px);\r\n  }\r\n\r\n  .lux-ba-zoom-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-width:92px;\r\n    height:42px;\r\n    padding:0 18px;\r\n    border:none;\r\n    border-radius:999px;\r\n    cursor:pointer;\r\n    color:#fff;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    letter-spacing:.08em;\r\n    text-transform:uppercase;\r\n    background:linear-gradient(180deg, var(--gold-2) 0%, var(--gold) 55%, var(--gold-3) 100%);\r\n    box-shadow:\r\n      0 12px 24px rgba(0,0,0,.16),\r\n      0 0 0 4px rgba(200,169,107,.10),\r\n      inset 0 1px 6px rgba(255,255,255,.20),\r\n      inset 0 -4px 8px rgba(0,0,0,.10);\r\n    transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;\r\n  }\r\n\r\n  .lux-ba-zoom-btn:hover{\r\n    transform:translateY(-1px);\r\n    box-shadow:\r\n      0 14px 28px rgba(0,0,0,.18),\r\n      0 0 0 4px rgba(200,169,107,.12),\r\n      inset 0 1px 6px rgba(255,255,255,.20),\r\n      inset 0 -4px 8px rgba(0,0,0,.10);\r\n    filter:saturate(1.03);\r\n  }\r\n\r\n  .lux-ba-zoom-btn:active{\r\n    transform:translateY(0);\r\n  }\r\n\r\n  .lux-ba-compare{\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:#ece9e3;\r\n    user-select:none;\r\n    -webkit-user-select:none;\r\n    touch-action:none;\r\n    isolation:isolate;\r\n  }\r\n\r\n  .lux-ba-compare.landscape{\r\n    aspect-ratio:4 \/ 3;\r\n  }\r\n\r\n  .lux-ba-compare.portrait{\r\n    aspect-ratio:3 \/ 4;\r\n  }\r\n\r\n  .lux-ba-base,\r\n  .lux-ba-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n  }\r\n\r\n  .lux-ba-base img,\r\n  .lux-ba-overlay img{\r\n    width:100%;\r\n    height:100%;\r\n    display:block;\r\n    object-fit:cover;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .lux-ba-overlay{\r\n    width:50%;\r\n    overflow:hidden;\r\n    border-right:3px solid #c8a96b;\r\n    z-index:2;\r\n    box-shadow:1px 0 12px rgba(200,169,107,.28);\r\n  }\r\n\r\n  .lux-ba-divider{\r\n    position:absolute;\r\n    top:0;\r\n    bottom:0;\r\n    left:50%;\r\n    width:3px;\r\n    transform:translateX(-50%);\r\n    background:linear-gradient(180deg, rgba(200,169,107,.35) 0%, #c8a96b 18%, #d8bc7f 50%, #c8a96b 82%, rgba(200,169,107,.35) 100%);\r\n    z-index:3;\r\n    box-shadow:\r\n      0 0 0 1px rgba(255,255,255,.18),\r\n      0 0 18px rgba(200,169,107,.32);\r\n    pointer-events:none;\r\n  }\r\n\r\n  .lux-ba-divider:before,\r\n  .lux-ba-divider:after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    width:10px;\r\n    height:10px;\r\n    border-radius:50%;\r\n    background:rgba(200,169,107,.92);\r\n    box-shadow:0 0 14px rgba(200,169,107,.35);\r\n  }\r\n\r\n  .lux-ba-divider:before{\r\n    top:10px;\r\n  }\r\n\r\n  .lux-ba-divider:after{\r\n    bottom:10px;\r\n  }\r\n\r\n  .lux-ba-handle{\r\n    position:absolute;\r\n    left:50%;\r\n    top:50%;\r\n    width:52px;\r\n    height:52px;\r\n    transform:translate(-50%,-50%);\r\n    border-radius:50%;\r\n    background:linear-gradient(180deg, var(--gold-2) 0%, var(--gold) 55%, var(--gold-3) 100%);\r\n    border:1px solid rgba(255,255,255,.45);\r\n    box-shadow:\r\n      0 14px 30px rgba(0,0,0,.22),\r\n      0 0 0 6px rgba(200,169,107,.14),\r\n      inset 0 2px 8px rgba(255,255,255,.28),\r\n      inset 0 -6px 12px rgba(0,0,0,.10);\r\n    z-index:5;\r\n    cursor:ew-resize;\r\n    touch-action:none;\r\n    user-select:none;\r\n    -webkit-user-select:none;\r\n  }\r\n\r\n  .lux-ba-handle:before,\r\n  .lux-ba-handle:after{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:50%;\r\n    width:10px;\r\n    height:10px;\r\n    border-top:2px solid #ffffff;\r\n    border-right:2px solid #ffffff;\r\n    transform-origin:center;\r\n  }\r\n\r\n  .lux-ba-handle:before{\r\n    left:12px;\r\n    transform:translateY(-50%) rotate(225deg);\r\n  }\r\n\r\n  .lux-ba-handle:after{\r\n    right:12px;\r\n    transform:translateY(-50%) rotate(45deg);\r\n  }\r\n\r\n  .lux-ba-handle span{\r\n    position:absolute;\r\n    left:50%;\r\n    top:50%;\r\n    width:8px;\r\n    height:8px;\r\n    border-radius:50%;\r\n    background:#ffffff;\r\n    transform:translate(-50%,-50%);\r\n    box-shadow:0 0 0 4px rgba(255,255,255,.12);\r\n  }\r\n\r\n  .lux-ba-footer{\r\n    display:block;\r\n    padding:16px 18px 20px;\r\n    background:linear-gradient(180deg,#fff 0%,#fcfcfb 100%);\r\n    position:relative;\r\n    z-index:1;\r\n  }\r\n\r\n  .lux-ba-footer p{\r\n    margin:0;\r\n    font-size:14px;\r\n    line-height:1.65;\r\n    color:var(--muted);\r\n  }\r\n\r\n  .lux-ba-note{\r\n    margin-top:26px;\r\n    text-align:center;\r\n    color:var(--muted);\r\n    font-size:13px;\r\n  }\r\n\r\n  .ba-lightbox{\r\n    position:fixed;\r\n    inset:0;\r\n    z-index:99999;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding:28px;\r\n    background:rgba(255,255,255,.10);\r\n    backdrop-filter:blur(14px);\r\n    -webkit-backdrop-filter:blur(14px);\r\n    opacity:0;\r\n    visibility:hidden;\r\n    pointer-events:none;\r\n    transition:opacity .28s ease, visibility .28s ease;\r\n  }\r\n\r\n  .ba-lightbox.active{\r\n    opacity:1;\r\n    visibility:visible;\r\n    pointer-events:auto;\r\n  }\r\n\r\n  .ba-lightbox-panel{\r\n    position:relative;\r\n    width:auto;\r\n    max-width:92vw;\r\n    max-height:92vh;\r\n    transform:scale(.96);\r\n    transition:transform .25s ease, width .25s ease, height .25s ease;\r\n  }\r\n\r\n  .ba-lightbox.active .ba-lightbox-panel{\r\n    transform:scale(1);\r\n  }\r\n\r\n  .ba-lightbox-inner{\r\n    background:rgba(255,255,255,.28);\r\n    border:1px solid rgba(255,255,255,.45);\r\n    border-radius:30px;\r\n    box-shadow:0 26px 90px rgba(0,0,0,.16);\r\n    overflow:hidden;\r\n    backdrop-filter:blur(12px);\r\n    -webkit-backdrop-filter:blur(12px);\r\n  }\r\n\r\n  .ba-lightbox-close{\r\n    position:absolute;\r\n    top:-14px;\r\n    right:-14px;\r\n    width:52px;\r\n    height:52px;\r\n    border:none;\r\n    border-radius:50%;\r\n    cursor:pointer;\r\n    z-index:10;\r\n    background:linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);\r\n    color:#1a1a1a;\r\n    font-size:26px;\r\n    line-height:1;\r\n    box-shadow:0 12px 30px rgba(0,0,0,.18);\r\n  }\r\n\r\n  .ba-lightbox-card .lux-ba-card{\r\n    border:none;\r\n    border-radius:0;\r\n    box-shadow:none;\r\n    background:transparent;\r\n  }\r\n\r\n  .ba-lightbox-card .lux-ba-card:hover{\r\n    transform:none;\r\n    box-shadow:none;\r\n    border-color:transparent;\r\n  }\r\n\r\n  .ba-lightbox-card .lux-ba-card-top,\r\n  .ba-lightbox-card .lux-ba-footer{\r\n    display:none;\r\n  }\r\n\r\n  .ba-lightbox-card .lux-ba-handle{\r\n    width:68px;\r\n    height:68px;\r\n  }\r\n\r\n  .ba-lightbox-card .lux-ba-handle span{\r\n    width:7px;\r\n    height:7px;\r\n    box-shadow:0 0 0 4px rgba(255,255,255,.12);\r\n  }\r\n\r\n  .ba-lightbox-card .lux-ba-compare.landscape{\r\n    aspect-ratio:4 \/ 3;\r\n  }\r\n\r\n  .ba-lightbox-card .lux-ba-compare.portrait{\r\n    aspect-ratio:3 \/ 4;\r\n  }\r\n\r\n  @media (max-width:1100px){\r\n    .lux-ba-card.landscape,\r\n    .lux-ba-card.portrait{\r\n      grid-column:span 6;\r\n    }\r\n  }\r\n\r\n  @media (max-width:767px){\r\n    .lux-ba-grid-landscape,\r\n    .lux-ba-grid-portrait{\r\n      grid-template-columns:1fr;\r\n    }\r\n\r\n    .lux-ba-card.landscape,\r\n    .lux-ba-card.portrait{\r\n      grid-column:auto;\r\n    }\r\n\r\n    .lux-ba-card-top{\r\n      padding:14px;\r\n    }\r\n\r\n    .lux-ba-footer{\r\n      padding:14px 14px 18px;\r\n    }\r\n\r\n    .lux-ba-header-premium h2{\r\n      font-size:42px;\r\n    }\r\n\r\n    .lux-ba-wrap{\r\n      padding:18px 8px 34px;\r\n    }\r\n\r\n    .lux-ba-handle{\r\n      width:46px;\r\n      height:46px;\r\n    }\r\n\r\n    .lux-ba-handle:before,\r\n    .lux-ba-handle:after{\r\n      width:9px;\r\n      height:9px;\r\n    }\r\n\r\n    .lux-ba-handle:before{\r\n      left:10px;\r\n    }\r\n\r\n    .lux-ba-handle:after{\r\n      right:10px;\r\n    }\r\n\r\n    .lux-ba-handle span{\r\n      width:7px;\r\n      height:7px;\r\n      box-shadow:0 0 0 3px rgba(255,255,255,.12);\r\n    }\r\n\r\n    .lux-ba-zoom-btn{\r\n      min-width:82px;\r\n      height:38px;\r\n      padding:0 15px;\r\n      font-size:12px;\r\n    }\r\n\r\n    .ba-lightbox{\r\n      padding:14px;\r\n    }\r\n\r\n    .ba-lightbox-panel{\r\n      width:auto;\r\n      max-width:96vw;\r\n    }\r\n\r\n    .ba-lightbox.active .ba-lightbox-panel{\r\n      transform:scale(1);\r\n    }\r\n\r\n    .ba-lightbox-close{\r\n      top:10px;\r\n      right:10px;\r\n      width:46px;\r\n      height:46px;\r\n      font-size:24px;\r\n    }\r\n\r\n    .ba-lightbox-card .lux-ba-handle{\r\n      width:56px;\r\n      height:56px;\r\n    }\r\n\r\n    .ba-lightbox-card .lux-ba-handle span{\r\n      width:6px;\r\n      height:6px;\r\n      box-shadow:0 0 0 3px rgba(255,255,255,.12);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"lux-ba-wrap\">\r\n  <div class=\"lux-ba-header lux-ba-header-premium\">\r\n    <div class=\"lux-ba-kicker\">Designvorschlag<\/div>\r\n    <h2><span>Vorher<\/span> &amp; <span>Nachher<\/span><\/h2>\r\n    <div class=\"lux-ba-title-line\"><\/div>\r\n    <p>Bewege den Regler und entdecke die Ver\u00e4nderung auf einen Blick. \u00dcber den Button \u201eZoom\u201c \u00f6ffnest du die vergr\u00f6\u00dferte Ansicht.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"lux-ba-group\">\r\n    <div class=\"lux-ba-grid-landscape\" id=\"lux-ba-landscape\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"lux-ba-group\">\r\n    <div class=\"lux-ba-grid-portrait\" id=\"lux-ba-portrait\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"ba-lightbox\" id=\"baLightbox\" aria-hidden=\"true\">\r\n  <div class=\"ba-lightbox-panel\">\r\n    <button class=\"ba-lightbox-close\" id=\"baLightboxClose\" aria-label=\"Schlie\u00dfen\">\u00d7<\/button>\r\n    <div class=\"ba-lightbox-inner ba-lightbox-card\" id=\"baLightboxContent\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const landscapeItems = [\r\n    {\r\n      title: \"Projekt 1\",\r\n      before: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/Vorher1.jpg\",\r\n      after:  \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/Nachher11.jpg\",\r\n      text: \"Konzeptvisualisierung: Die Nachher-Darstellung zeigt eine m\u00f6gliche Gestaltung des Bootes mit neuer Farbgebung.\"\r\n    },\r\n    {\r\n      title: \"Projekt 2\",\r\n      before: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/Vorher4.jpg\",\r\n      after:  \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/Nachher4.jpg\",\r\n      text: \"Konzeptvisualisierung: Die Darstellung zeigt eine m\u00f6gliche Gestaltung des Innenraums mit warmen Holzoberfl\u00e4chen, hellen Polstern und einem Ofen \u2013 als visuelle Designidee.\"\r\n    },\r\n    {\r\n      title: \"Projekt 3\",\r\n      before: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/Vorher2.jpg\",\r\n      after:  \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/Nachher2.jpg\",\r\n      text: \"Konzeptvisualisierung: Die Darstellung zeigt eine m\u00f6gliche Gestaltung des Badebereichs mit warmen Holzoberfl\u00e4chen, Waschtisch und Stauraum. Gegen\u00fcber ist eine separate Dusche vorgesehen.\"\r\n    }\r\n  ];\r\n\r\n  const portraitItems = [\r\n    {\r\n      title: \"Projekt 4\",\r\n      before: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/Vorher6.jpg\",\r\n      after:  \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/Nachher6.jpg\",\r\n      text: \"Konzeptvisualisierung: Die Darstellung zeigt eine m\u00f6gliche Gestaltung des Steuerstands mit Holzkonsole, integriertem Navigationsdisplay und indirekter Beleuchtung zur optischen Aufwertung des Bereichs.\"\r\n    },\r\n    {\r\n      title: \"Projekt 5\",\r\n      before: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/Vorher5.jpg\",\r\n      after:  \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/Nachher5.jpg\",\r\n      text: \"Konzeptvisualisierung: Die Darstellung zeigt eine m\u00f6gliche Gestaltung der Lounge im Niedergang zum Vorschiff mit Sitzbereich, warmen Holzoberfl\u00e4chen und indirekter Beleuchtung. Die Sitzfl\u00e4che kann bei Bedarf zu einem zus\u00e4tzlichen Schlafplatz umgestaltet werden.\"\r\n    },\r\n    {\r\n      title: \"Projekt 6\",\r\n      before: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/Vorher3.jpg\",\r\n      after:  \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/Nachher3.jpg\",\r\n      text: \"Konzeptvisualisierung: Die Darstellung zeigt eine m\u00f6gliche Gestaltung der Vorschiffskojen mit zwei komfortablen Schlafpl\u00e4tzen, warmen Holzoberfl\u00e4chen und integrierter Beleuchtung.\"\r\n    }\r\n  ];\r\n\r\n  function createCard(item, type, isLightbox){\r\n    const article = document.createElement(\"article\");\r\n    article.className = `lux-ba-card ${type}`;\r\n\r\n    article.innerHTML = `\r\n      <div class=\"lux-ba-card-top\">\r\n        ${!isLightbox ? `<button class=\"lux-ba-zoom-btn\" type=\"button\" aria-label=\"Vergr\u00f6\u00dferte Ansicht \u00f6ffnen\">Zoom<\/button>` : ``}\r\n      <\/div>\r\n\r\n      <div class=\"lux-ba-compare ${type}\" data-pos=\"50\">\r\n        <div class=\"lux-ba-base\">\r\n          <img decoding=\"async\" src=\"${item.before}\" alt=\"${item.title} vorher\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"lux-ba-overlay\">\r\n          <img decoding=\"async\" src=\"${item.after}\" alt=\"${item.title} nachher\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"lux-ba-divider\"><\/div>\r\n\r\n        <button class=\"lux-ba-handle\" type=\"button\" aria-label=\"Slider bewegen\">\r\n          <span><\/span>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"lux-ba-footer\">\r\n        <p>${item.text}<\/p>\r\n      <\/div>\r\n    `;\r\n\r\n    return article;\r\n  }\r\n\r\n  function bindCompare(compare){\r\n    const overlay = compare.querySelector(\".lux-ba-overlay\");\r\n    const divider = compare.querySelector(\".lux-ba-divider\");\r\n    const handle = compare.querySelector(\".lux-ba-handle\");\r\n\r\n    let dragging = false;\r\n    let activePointerId = null;\r\n\r\n    function setPosition(clientX){\r\n      const rect = compare.getBoundingClientRect();\r\n      let percent = ((clientX - rect.left) \/ rect.width) * 100;\r\n\r\n      percent = Math.max(0, Math.min(100, percent));\r\n\r\n      overlay.style.width = percent + \"%\";\r\n      divider.style.left = percent + \"%\";\r\n      handle.style.left = percent + \"%\";\r\n      compare.setAttribute(\"data-pos\", percent.toFixed(2));\r\n    }\r\n\r\n    function startDrag(e){\r\n      dragging = true;\r\n      activePointerId = e.pointerId;\r\n\r\n      if (e.target && e.target.setPointerCapture) {\r\n        try {\r\n          e.target.setPointerCapture(e.pointerId);\r\n        } catch(err) {}\r\n      }\r\n\r\n      setPosition(e.clientX);\r\n      e.preventDefault();\r\n    }\r\n\r\n    function moveDrag(e){\r\n      if (!dragging) return;\r\n      if (activePointerId !== null && e.pointerId !== activePointerId) return;\r\n\r\n      setPosition(e.clientX);\r\n      e.preventDefault();\r\n    }\r\n\r\n    function endDrag(e){\r\n      if (activePointerId !== null && e.pointerId !== undefined && e.pointerId !== activePointerId) return;\r\n\r\n      dragging = false;\r\n      activePointerId = null;\r\n    }\r\n\r\n    compare.addEventListener(\"pointerdown\", startDrag);\r\n\r\n    handle.addEventListener(\"pointerdown\", function(e){\r\n      e.stopPropagation();\r\n      startDrag(e);\r\n    });\r\n\r\n    window.addEventListener(\"pointermove\", moveDrag, { passive:false });\r\n    window.addEventListener(\"pointerup\", endDrag);\r\n    window.addEventListener(\"pointercancel\", endDrag);\r\n\r\n    compare.addEventListener(\"click\", function(e){\r\n      if (e.target.closest(\".lux-ba-zoom-btn\")) return;\r\n      if (!dragging && typeof e.clientX === \"number\") {\r\n        setPosition(e.clientX);\r\n      }\r\n    });\r\n  }\r\n\r\n  const landscapeWrap = document.getElementById(\"lux-ba-landscape\");\r\n  const portraitWrap = document.getElementById(\"lux-ba-portrait\");\r\n\r\n  landscapeItems.forEach((item) => {\r\n    const card = createCard(item, \"landscape\", false);\r\n    landscapeWrap.appendChild(card);\r\n    bindCompare(card.querySelector(\".lux-ba-compare\"));\r\n  });\r\n\r\n  portraitItems.forEach((item) => {\r\n    const card = createCard(item, \"portrait\", false);\r\n    portraitWrap.appendChild(card);\r\n    bindCompare(card.querySelector(\".lux-ba-compare\"));\r\n  });\r\n\r\n  const lightbox = document.getElementById(\"baLightbox\");\r\n  const lightboxClose = document.getElementById(\"baLightboxClose\");\r\n  const lightboxContent = document.getElementById(\"baLightboxContent\");\r\n\r\n  function openLightbox(item, type, sourceCard){\r\n    lightboxContent.innerHTML = \"\";\r\n    lightboxContent.style.width = \"\";\r\n    lightboxContent.style.maxWidth = \"\";\r\n    lightboxContent.style.height = \"\";\r\n\r\n    const bigCard = createCard(item, type, true);\r\n    lightboxContent.appendChild(bigCard);\r\n\r\n    const compare = bigCard.querySelector(\".lux-ba-compare\");\r\n    bindCompare(compare);\r\n\r\n    if(sourceCard){\r\n      const sourceCompare = sourceCard.querySelector(\".lux-ba-compare\");\r\n      const sourceRect = sourceCompare.getBoundingClientRect();\r\n\r\n      const targetWidth = Math.min(sourceRect.width * 1.45, window.innerWidth * 0.92);\r\n      const targetHeight = Math.min(sourceRect.height * 1.45, window.innerHeight * 0.88);\r\n\r\n      lightboxContent.style.width = targetWidth + \"px\";\r\n      lightboxContent.style.maxWidth = \"92vw\";\r\n      compare.style.width = \"100%\";\r\n      compare.style.height = targetHeight + \"px\";\r\n      compare.style.maxHeight = targetHeight + \"px\";\r\n      compare.style.aspectRatio = \"auto\";\r\n    }\r\n\r\n    lightbox.classList.add(\"active\");\r\n    lightbox.setAttribute(\"aria-hidden\", \"false\");\r\n    document.body.style.overflow = \"hidden\";\r\n\r\n    const overlay = compare.querySelector(\".lux-ba-overlay\");\r\n    const divider = compare.querySelector(\".lux-ba-divider\");\r\n    const handle = compare.querySelector(\".lux-ba-handle\");\r\n\r\n    overlay.style.width = \"50%\";\r\n    divider.style.left = \"50%\";\r\n    handle.style.left = \"50%\";\r\n    compare.setAttribute(\"data-pos\", \"50\");\r\n  }\r\n\r\n  function closeLightbox(){\r\n    lightbox.classList.remove(\"active\");\r\n    lightbox.setAttribute(\"aria-hidden\", \"true\");\r\n    lightboxContent.innerHTML = \"\";\r\n    lightboxContent.style.width = \"\";\r\n    lightboxContent.style.maxWidth = \"\";\r\n    lightboxContent.style.height = \"\";\r\n    document.body.style.overflow = \"\";\r\n  }\r\n\r\n  function attachOpenEvents(container, items, type){\r\n    const cards = container.querySelectorAll(\".lux-ba-card\");\r\n\r\n    cards.forEach((card, index) => {\r\n      const zoomBtn = card.querySelector(\".lux-ba-zoom-btn\");\r\n\r\n      if(zoomBtn){\r\n        zoomBtn.addEventListener(\"click\", function(e){\r\n          e.preventDefault();\r\n          e.stopPropagation();\r\n          openLightbox(items[index], type, card);\r\n        });\r\n      }\r\n    });\r\n  }\r\n\r\n  attachOpenEvents(landscapeWrap, landscapeItems, \"landscape\");\r\n  attachOpenEvents(portraitWrap, portraitItems, \"portrait\");\r\n\r\n  lightboxClose.addEventListener(\"click\", closeLightbox);\r\n\r\n  lightbox.addEventListener(\"click\", function(e){\r\n    if(e.target === lightbox){\r\n      closeLightbox();\r\n    }\r\n  });\r\n\r\n  window.addEventListener(\"keydown\", function(e){\r\n    if(e.key === \"Escape\"){\r\n      closeLightbox();\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8b5c9f elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"c8b5c9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-446d912 e-flex e-con-boxed e-con e-parent\" data-id=\"446d912\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-363865a elementor-widget elementor-widget-heading\" data-id=\"363865a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Einblicke in den aktuellen Zustand<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-487446e elementor-widget elementor-widget-html\" data-id=\"487446e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/cdn.jsdelivr.net\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.css\"\/>\r\n\r\n\r\n<div class=\"sigma-band\" aria-label=\"Bildergalerie\">\r\n  <div class=\"sigma-swiper swiper\">\r\n    <div class=\"swiper-wrapper\">\r\n      <!-- Slides -->\r\n      \r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1858-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1858-scaled.jpg\"  alt=\"Bild 1\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/image_1200x800_compressed.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/image_1200x800_compressed.jpg\"  alt=\"Bild 2\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1837-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1837-scaled.jpg\"  alt=\"Bild 3\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1822-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1822-scaled.jpg\"  alt=\"Bild 4\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1830-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1830-scaled.jpg\"  alt=\"Bild 5\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1817-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1817-scaled.jpg\"  alt=\"Bild 6\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1838-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1838-scaled.jpg\"  alt=\"Bild 7\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1852-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1852-scaled.jpg\"  alt=\"Bild 8\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1807-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1807-scaled.jpg\"  alt=\"Bild 9\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1843-4-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1843-4-scaled.jpg\"  alt=\"Bild 10\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1787-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1787-scaled.jpg\"  alt=\"Bild 11\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1847-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1847-scaled.jpg\"  alt=\"Bild 12\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1811-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1811-scaled.jpg\"  alt=\"Bild 13\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1839-3-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1839-3-scaled.jpg\"  alt=\"Bild 14\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1773-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1773-scaled.jpg\"  alt=\"Bild 15\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1848-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1848-scaled.jpg\"  alt=\"Bild 16\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1777-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1777-scaled.jpg\"  alt=\"Bild 17\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1793-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1793-scaled.jpg\"  alt=\"Bild 17\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1815-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1815-scaled.jpg\"  alt=\"Bild 18\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1780-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1780-scaled.jpg\"  alt=\"Bild 19\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1799-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1799-scaled.jpg\"  alt=\"Bild 20\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1633-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1633-scaled.jpg\"  alt=\"Bild 21\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1719-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1719-scaled.jpg\"  alt=\"Bild 22\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1763-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1763-scaled.jpg\"><\/div>\r\n        <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1635-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1635-scaled.jpg\"  alt=\"Bild 24\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1695-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1695-scaled.jpg\"  alt=\"Bild 25\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1711-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1711-scaled.jpg\"  alt=\"Bild 26\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1646-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1646-scaled.jpg\"  alt=\"Bild 27\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1727-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1727-scaled.jpg\"  alt=\"Bild 28\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1627-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1627-scaled.jpg\"  alt=\"Bild 29\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1698-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1698-scaled.jpg\"  alt=\"Bild 30\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1705-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1705-scaled.jpg\"  alt=\"Bild 31\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1647-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1647-scaled.jpg\"  alt=\"Bild 32\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/F8023548-97A2-4171-8084-25C909BFBE79.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/F8023548-97A2-4171-8084-25C909BFBE79.jpg\"  alt=\"Bild 33\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1650-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1650-scaled.jpg\"  alt=\"Bild 34\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1722-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1722-scaled.jpg\"  alt=\"Bild 35\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1896-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/IMG_1896-scaled.jpg\"  alt=\"Bild 36\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/image_compressed.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/image_compressed.jpg\"  alt=\"Bild 37\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/image_1200x800_compressed_2.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/image_1200x800_compressed_2.jpg\"  alt=\"Bild 38\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/image_1200x800_compressed_3.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/image_1200x800_compressed_3.jpg\"  alt=\"Bild 39\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/image_1200x800_compressed_4.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/image_1200x800_compressed_4.jpg\"  alt=\"Bild 40\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/image_1920x1080.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/image_1920x1080.jpg\"  alt=\"Bild 41\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/dji_fly_20260302_144642_0101_1772901158201_photo.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/03\/dji_fly_20260302_144642_0101_1772901158201_photo.jpg\"  alt=\"Bild 42\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n        <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/04\/IMG_20260410_154616-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/04\/IMG_20260410_154616-scaled.jpg\"  alt=\"Bild 43\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n         <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/04\/IMG_20260410_154608-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/04\/IMG_20260410_154608-scaled.jpg\"  alt=\"Bild 44\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n         <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/04\/IMG_20260410_154603-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/04\/IMG_20260410_154603-scaled.jpg\"  alt=\"Bild 45\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n          <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/04\/IMG_20260410_154546-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/04\/IMG_20260410_154546-scaled.jpg\"  alt=\"Bild 46\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n        <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/04\/IMG_20260410_154413-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/04\/IMG_20260410_154413-scaled.jpg\"  alt=\"Bild 47\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n        <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/04\/IMG_20260410_154230-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/04\/IMG_20260410_154230-scaled.jpg\"  alt=\"Bild 48\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n       <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/04\/IMG_20260410_154209-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/04\/IMG_20260410_154209-scaled.jpg\"  alt=\"Bild 49\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n         <div class=\"swiper-slide\"><img decoding=\"async\" src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/04\/IMG_20260410_154203-scaled.jpg\"  data-full=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/04\/IMG_20260410_154203-scaled.jpg\"  alt=\"Bild 50\"  loading=\"lazy\" draggable=\"false\"><\/div>\r\n      \r\n\r\n      \r\n    <\/div>\r\n    <\/div>\r\n\r\n    <!-- Pfeile -->\r\n    <button class=\"sigma-nav sigma-prev\" aria-label=\"Zur\u00fcck\">\r\n      <svg viewBox=\"0 0 24 24\" width=\"26\" height=\"26\" aria-hidden=\"true\"><path d=\"M15 19l-7-7 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n    <\/button>\r\n    <button class=\"sigma-nav sigma-next\" aria-label=\"Weiter\">\r\n      <svg viewBox=\"0 0 24 24\" width=\"26\" height=\"26\" aria-hidden=\"true\"><path d=\"M9 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n    <\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Lightbox -->\r\n<div class=\"sigma-lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\">\r\n  <button class=\"lb-close\" aria-label=\"Schlie\u00dfen (Esc)\">\u2715<\/button>\r\n\r\n  <!-- Lightbox-Navigation -->\r\n  <button class=\"lb-arrow lb-prev\" aria-label=\"Vorheriges Bild\">\r\n    <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" aria-hidden=\"true\"><path d=\"M15 19l-7-7 7-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n  <\/button>\r\n  <button class=\"lb-arrow lb-next\" aria-label=\"N\u00e4chstes Bild\">\r\n    <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" aria-hidden=\"true\"><path d=\"M9 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n  <\/button>\r\n\r\n  <!-- Play\/Pause -->\r\n  <button class=\"lb-play\" aria-label=\"Diashow pausieren\" data-state=\"playing\">\u275a\u275a<\/button>\r\n\r\n  <img class=\"lb-img\" alt=\"\">\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.js\"><\/script>\r\n<script>\r\n  const swiperEl = document.querySelector('.sigma-swiper');\r\n\r\n  \/\/ Swiper mit Autoplay\r\n  const swiper = new Swiper('.sigma-swiper', {\r\n    loop: true,\r\n    loopAdditionalSlides: 10,\r\n    slidesPerView: 'auto',\r\n    slidesPerGroup: 1,\r\n    spaceBetween: 18,\r\n    centeredSlides: false,\r\n    speed: 520,\r\n\r\n    grabCursor: true,\r\n    keyboard: { enabled: true },\r\n    mousewheel: { forceToAxis: true },\r\n\r\n    preloadImages: false,\r\n    lazy: { loadPrevNext: true, loadOnTransitionStart: true },\r\n    watchSlidesProgress: true,\r\n\r\n    navigation: { nextEl: '.sigma-next', prevEl: '.sigma-prev' },\r\n\r\n    autoplay: {\r\n      delay: 2800,                \/\/ Zeit pro Slide\r\n      disableOnInteraction: false,\r\n      pauseOnMouseEnter: true\r\n    }\r\n  });\r\n\r\n  \/\/ Pfeile nur zeigen, wenn Maus in Gutter f\u00e4hrt\r\n  const prevBtn = document.querySelector('.sigma-prev');\r\n  const nextBtn = document.querySelector('.sigma-next');\r\n  const reveal = 80; let hideTO;\r\n  function edgeReveal(x){\r\n    const r = swiperEl.getBoundingClientRect();\r\n    const padL = parseFloat(getComputedStyle(swiperEl).paddingLeft);\r\n    const padR = parseFloat(getComputedStyle(swiperEl).paddingRight);\r\n    prevBtn.classList.toggle('visible', (x - r.left) <= (padL + reveal));\r\n    nextBtn.classList.toggle('visible', (r.right - x) <= (padR + reveal));\r\n    clearTimeout(hideTO);\r\n    hideTO = setTimeout(()=>{ prevBtn.classList.remove('visible'); nextBtn.classList.remove('visible'); }, 1100);\r\n  }\r\n  swiperEl.addEventListener('mousemove', e => edgeReveal(e.clientX));\r\n  swiperEl.addEventListener('mouseleave', () => { prevBtn.classList.remove('visible'); nextBtn.classList.remove('visible'); });\r\n\r\n  \/\/ Lightbox\r\n  const lb = document.querySelector('.sigma-lightbox');\r\n  const lbImg = document.querySelector('.lb-img');\r\n  const lbClose = document.querySelector('.lb-close');\r\n  const lbPrev = document.querySelector('.lb-prev');\r\n  const lbNext = document.querySelector('.lb-next');\r\n  const lbPlay = document.querySelector('.lb-play');\r\n\r\n  \/\/ Alle Slides sammeln\r\n  const slideImgs = Array.from(document.querySelectorAll('.swiper-slide img'));\r\n  let lbIndex = -1;\r\n\r\n  \/\/ Lightbox Autoplay\r\n  let lbTimer = null;\r\n  const LB_DELAY = 3000; \/\/ ms\r\n\r\n  function srcOf(i){\r\n    const el = slideImgs[i];\r\n    return el.getAttribute('data-full') || el.src;\r\n  }\r\n  function altOf(i){\r\n    const el = slideImgs[i];\r\n    return el.alt || '';\r\n  }\r\n  function showAt(i){\r\n    lbIndex = (i + slideImgs.length) % slideImgs.length;\r\n    lbImg.src = srcOf(lbIndex);\r\n    lbImg.alt = altOf(lbIndex);\r\n  }\r\n\r\n  function startLBPlay(){\r\n    stopLBPlay();\r\n    lbPlay.dataset.state = 'playing';\r\n    lbPlay.textContent = '\u275a\u275a';\r\n    lbPlay.setAttribute('aria-label', 'Diashow pausieren');\r\n    lbTimer = setInterval(()=> showAt(lbIndex + 1), LB_DELAY);\r\n  }\r\n  function stopLBPlay(){\r\n    if (lbTimer){ clearInterval(lbTimer); lbTimer = null; }\r\n    lbPlay.dataset.state = 'paused';\r\n    lbPlay.textContent = '\u25b6';\r\n    lbPlay.setAttribute('aria-label', 'Diashow abspielen');\r\n  }\r\n  function toggleLBPlay(){\r\n    if (lbTimer) stopLBPlay(); else startLBPlay();\r\n  }\r\n\r\n  function openLB(i){\r\n    showAt(i);\r\n    lb.setAttribute('aria-hidden', 'false');\r\n    document.body.style.overflow = 'hidden';\r\n    startLBPlay(); \/\/ Autoplay beim \u00d6ffnen starten\r\n  }\r\n  function closeLB(){\r\n    lb.setAttribute('aria-hidden', 'true');\r\n    lbImg.src = '';\r\n    document.body.style.overflow = '';\r\n    stopLBPlay();\r\n    lbIndex = -1;\r\n  }\r\n\r\n  \/\/ Klick auf Slide \u00f6ffnet Lightbox\r\n  swiperEl.addEventListener('click', (e) => {\r\n    const img = e.target.closest('.swiper-slide img');\r\n    if (!img) return;\r\n    const idx = slideImgs.indexOf(img);\r\n    if (idx >= 0) openLB(idx);\r\n  });\r\n\r\n  \/\/ Buttons\r\n  lbPrev.addEventListener('click', () => { showAt(lbIndex - 1); });\r\n  lbNext.addEventListener('click', () => { showAt(lbIndex + 1); });\r\n  lbPlay.addEventListener('click', toggleLBPlay);\r\n  lbClose.addEventListener('click', closeLB);\r\n\r\n  \/\/ Overlay-Klick schlie\u00dft\r\n  lb.addEventListener('click', (e)=>{ if(e.target === lb) closeLB(); });\r\n\r\n  \/\/ Tastatur\r\n  document.addEventListener('keydown', (e)=>{\r\n    if (lb.getAttribute('aria-hidden') === 'true') return;\r\n    if (e.key === 'Escape') return closeLB();\r\n    if (e.key === 'ArrowLeft') { showAt(lbIndex - 1); return stopLBPlay(); }\r\n    if (e.key === 'ArrowRight') { showAt(lbIndex + 1); return stopLBPlay(); }\r\n  }, { passive: true });\r\n\r\n  \/\/ Touch\/Swipe in der Lightbox\r\n  let touchX = null;\r\n  lb.addEventListener('touchstart', (e)=>{\r\n    if (lb.getAttribute('aria-hidden') === 'true') return;\r\n    touchX = e.touches[0].clientX;\r\n  }, { passive: true });\r\n  lb.addEventListener('touchend', (e)=>{\r\n    if (touchX === null) return;\r\n    const dx = e.changedTouches[0].clientX - touchX;\r\n    if (Math.abs(dx) > 40){\r\n      if (dx > 0) showAt(lbIndex - 1); else showAt(lbIndex + 1);\r\n      stopLBPlay();\r\n    }\r\n    touchX = null;\r\n  }, { passive: true });\r\n\r\n  \/\/ Bei Benutzerinteraktion in der LB Autoplay pausieren\r\n  [lbPrev, lbNext, lbImg].forEach(el=>{\r\n    el.addEventListener('click', () => stopLBPlay());\r\n  });\r\n<\/script>\r\n\r\n<style>\r\n  :root{\r\n    \/* gr\u00f6\u00dfere Karten *\/\r\n    --tile-h: 44vh;\r\n    --tile-h-max: 600px;\r\n\r\n    --tile-w-min: 320px;\r\n    --tile-w-mid: 32vw;\r\n    --tile-w-max: 640px;\r\n\r\n    --gutter: clamp(20px, 5vw, 56px);\r\n\r\n    --radius: 14px;\r\n    --shadow: 0 10px 26px rgba(0,0,0,.14);\r\n    --shadow-hover: 0 28px 64px rgba(0,0,0,.28);\r\n    --lift: -10px;\r\n  }\r\n\r\n  .sigma-band{\r\n    width: 100vw;\r\n    margin-left: 50%;\r\n    transform: translateX(-50%);\r\n    background: #f5f6f8;\r\n    padding: 12px 0 20px;\r\n  }\r\n\r\n  .sigma-swiper{\r\n    width: 100%;\r\n    padding-left: var(--gutter);\r\n    padding-right: var(--gutter);\r\n    box-sizing: border-box;\r\n    position: relative;\r\n  }\r\n\r\n  .sigma-swiper .swiper-wrapper{ align-items: stretch; }\r\n\r\n  .sigma-swiper .swiper-slide{\r\n    width: clamp(var(--tile-w-min), var(--tile-w-mid), var(--tile-w-max));\r\n    height: min(var(--tile-h), var(--tile-h-max));\r\n    border-radius: var(--radius);\r\n    overflow: hidden;\r\n    background: #fff;\r\n    box-shadow: var(--shadow);\r\n    display: flex; align-items: center; justify-content: center;\r\n    transform: none !important;\r\n    transition: transform .2s ease, box-shadow .2s ease;\r\n    will-change: transform, box-shadow;\r\n  }\r\n\r\n  @media (hover:hover){\r\n    .sigma-swiper .swiper-slide:hover{\r\n      transform: translateY(var(--lift));\r\n      box-shadow: var(--shadow-hover);\r\n    }\r\n  }\r\n\r\n  .sigma-swiper .swiper-slide img{\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    display: block; -webkit-user-drag: none; user-select: none;\r\n    cursor: default;\r\n  }\r\n\r\n  \/* Pfeile am Gutter *\/\r\n  .sigma-nav{\r\n    position: absolute; top: 50%; transform: translateY(-50%);\r\n    height: 48px; width: 48px; border-radius: 999px;\r\n    background: rgba(255,255,255,.92); color: #333;\r\n    border: 1px solid rgba(0,0,0,.08);\r\n    display: grid; place-items: center;\r\n    opacity: 0; pointer-events: none;\r\n    transition: opacity .18s ease, transform .18s ease, background .18s ease;\r\n    z-index: 10;\r\n  }\r\n  .sigma-prev{ left: var(--gutter); }\r\n  .sigma-next{ right: var(--gutter); }\r\n  .sigma-nav.visible{ opacity: 1; pointer-events: auto; }\r\n  .sigma-nav:hover{ transform: translateY(-50%) scale(1.06); background: #fff; }\r\n\r\n  \/* Lightbox *\/\r\n  .sigma-lightbox[aria-hidden=\"true\"]{ display: none; }\r\n  .sigma-lightbox{\r\n    position: fixed; inset: 0; padding: 4vw;\r\n    background: rgba(0,0,0,.82);\r\n    display: grid; place-items: center; z-index: 9999;\r\n  }\r\n  .sigma-lightbox .lb-img{\r\n    max-width: 100%; max-height: 92vh; object-fit: contain; border-radius: 10px;\r\n    box-shadow: 0 24px 64px rgba(0,0,0,.5);\r\n  }\r\n  .sigma-lightbox .lb-close{\r\n    position: fixed; top: 16px; right: 16px;\r\n    height: 48px; width: 48px; border-radius: 999px;\r\n    background: rgba(255,255,255,.95); border: none; font-size: 22px; line-height: 1;\r\n    display: grid; place-items: center; cursor: pointer; color: #111;\r\n    box-shadow: 0 6px 24px rgba(0,0,0,.3);\r\n  }\r\n\r\n  .lb-arrow{\r\n    position: fixed; top: 50%; transform: translateY(-50%);\r\n    height: 54px; width: 54px; border-radius: 999px;\r\n    background: rgba(255,255,255,.94);\r\n    border: 1px solid rgba(0,0,0,.08);\r\n    display: grid; place-items: center;\r\n    cursor: pointer; color: #111;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,.35);\r\n    transition: transform .15s ease, background .15s ease, opacity .15s ease;\r\n    opacity: .96;\r\n    z-index: 10000;\r\n  }\r\n  .lb-arrow:hover{ transform: translateY(-50%) scale(1.06); background: #fff; }\r\n  .lb-prev{ left: 20px; }\r\n  .lb-next{ right: 20px; }\r\n\r\n  .lb-play{\r\n    position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%);\r\n    height: 46px; width: 46px; border-radius: 999px;\r\n    background: rgba(255,255,255,.95); border: none;\r\n    display: grid; place-items: center; cursor: pointer; color: #111;\r\n    box-shadow: 0 6px 24px rgba(0,0,0,.3);\r\n    font-size: 20px; line-height: 1;\r\n  }\r\n\r\n  @media (max-width: 1200px){\r\n    :root{\r\n      --tile-h: 36vh; --tile-h-max: 480px;\r\n      --tile-w-min: 260px; --tile-w-mid: 32vw; --tile-w-max: 520px;\r\n    }\r\n  }\r\n  @media (max-width: 1024px){\r\n    :root{\r\n      --tile-h: 34vh; --tile-h-max: 440px;\r\n      --tile-w-min: 240px; --tile-w-mid: 38vw; --tile-w-max: 460px;\r\n    }\r\n  }\r\n  @media (max-width: 640px){\r\n    :root{\r\n      --tile-h: 30vh; --tile-h-max: 380px;\r\n      --tile-w-min: 210px; --tile-w-mid: 60vw; --tile-w-max: 380px;\r\n    }\r\n    .lb-arrow{ height: 46px; width: 46px; }\r\n    .lb-prev{ left: 12px; }\r\n    .lb-next{ right: 12px; }\r\n  }\r\n  \/* ================================\r\n   GALLERY-PFEILE \u2013 MINIMAL & EDEL\r\n   ================================ *\/\r\n\r\n\/* Swiper-Pfeile (links \/ rechts) *\/\r\n.sigma-nav{\r\n  background: transparent !important;\r\n  border: none !important;\r\n  box-shadow: none !important;\r\n\r\n  width: auto;\r\n  height: auto;\r\n  padding: 6px;\r\n\r\n  color: rgba(0,0,0,.65); \/* dezenter Pfeil *\/\r\n  opacity: 0;\r\n  pointer-events: none;\r\n\r\n  transition:\r\n    opacity .18s ease,\r\n    transform .18s ease; \/* KEINE Farbtransition *\/\r\n}\r\n\r\n\/* sichtbar beim Edge-Reveal *\/\r\n.sigma-nav.visible{\r\n  opacity: 1;\r\n  pointer-events: auto;\r\n}\r\n\r\n\/* Hover: nur minimaler Scale, KEINE Farb\u00e4nderung *\/\r\n.sigma-nav:hover{\r\n  background: transparent !important;\r\n  color: rgba(0,0,0,.65);\r\n  transform: translateY(-50%) scale(1.08);\r\n}\r\n\r\n\/* Klick \/ Fokus: ebenfalls keine Farb\u00e4nderung *\/\r\n.sigma-nav:active,\r\n.sigma-nav:focus-visible{\r\n  color: rgba(0,0,0,.65);\r\n  outline: none;\r\n}\r\n\r\n\/* ================================\r\n   LIGHTBOX-PFEILE\r\n   ================================ *\/\r\n\r\n.lb-arrow{\r\n  background: transparent !important;\r\n  border: none !important;\r\n  box-shadow: none !important;\r\n\r\n  width: auto;\r\n  height: auto;\r\n  padding: 8px;\r\n\r\n  color: rgba(255,255,255,.75); \/* hell auf dunklem Overlay *\/\r\n  opacity: .9;\r\n\r\n  transition:\r\n    opacity .18s ease,\r\n    transform .18s ease;\r\n}\r\n\r\n.lb-arrow:hover{\r\n  background: transparent !important;\r\n  color: rgba(255,255,255,.75);\r\n  transform: translateY(-50%) scale(1.08);\r\n}\r\n\r\n.lb-arrow:active,\r\n.lb-arrow:focus-visible{\r\n  color: rgba(255,255,255,.75);\r\n  outline: none;\r\n}\r\n\/* ================================\r\n   LIGHTBOX \u2013 PLAY \/ PAUSE BUTTON\r\n   ================================ *\/\r\n\r\n.lb-play{\r\n  width: 48px;\r\n  height: 48px;\r\n  padding: 0;\r\n\r\n  border-radius: 50%;               \/* echter Kreis *\/\r\n  background: rgba(255,255,255,.95);\r\n  border: none;\r\n\r\n  display: grid;\r\n  place-items: center;              \/* Symbol exakt mittig *\/\r\n\r\n  color: #111;\r\n  cursor: pointer;\r\n\r\n  box-shadow: 0 6px 24px rgba(0,0,0,.3);\r\n\r\n  font-size: 18px;                  \/* Grundgr\u00f6\u00dfe *\/\r\n  line-height: 1;                   \/* verhindert Verschiebung *\/\r\n\r\n  transition: transform .15s ease;\r\n}\r\n\r\n\/* Hover: nur dezenter Scale, KEINE Farb\u00e4nderung *\/\r\n.lb-play:hover{\r\n  transform: scale(1.06);\r\n}\r\n\r\n\/* Fokus\/Klick: ruhig bleiben *\/\r\n.lb-play:active,\r\n.lb-play:focus-visible{\r\n  outline: none;\r\n}\r\n\r\n\/* ================================\r\n   SYMBOL-FEINSCHLIFF\r\n   ================================ *\/\r\n\r\n\/* Play-Zeichen (\u25b6) etwas nach rechts optisch zentrieren *\/\r\n.lb-play[data-state=\"paused\"]{\r\n  font-size: 19px;\r\n  padding-left: 2px; \/* optische Korrektur f\u00fcr Dreieck *\/\r\n}\r\n\r\n\/* Pause-Zeichen (\u275a\u275a) minimal schmaler *\/\r\n.lb-play[data-state=\"playing\"]{\r\n  font-size: 17px;\r\n  letter-spacing: -2px;\r\n}\r\n\/* ================================\r\n   LIGHTBOX \u2013 CLOSE BUTTON FIX\r\n   ================================ *\/\r\n\r\n.sigma-lightbox .lb-close{\r\n  width: 48px;\r\n  height: 48px;\r\n  padding: 0;\r\n\r\n  border-radius: 50%;          \/* echter Kreis *\/\r\n  background: rgba(255,255,255,.95);\r\n  border: none;\r\n\r\n  display: grid;\r\n  place-items: center;         \/* X exakt mittig *\/\r\n\r\n  font-size: 22px;\r\n  font-weight: 400;\r\n  line-height: 1;              \/* verhindert vertikale Verschiebung *\/\r\n\r\n  color: #111;\r\n  cursor: pointer;\r\n\r\n  box-shadow: 0 6px 24px rgba(0,0,0,.3);\r\n\r\n  transition: transform .15s ease;\r\n}\r\n\r\n\/* Hover: nur dezente Bewegung, KEINE Farb\u00e4nderung *\/\r\n.sigma-lightbox .lb-close:hover{\r\n  transform: scale(1.06);\r\n}\r\n\r\n\/* Fokus\/Klick: keine Farb\u00e4nderung *\/\r\n.sigma-lightbox .lb-close:active,\r\n.sigma-lightbox .lb-close:focus-visible{\r\n  outline: none;\r\n}\r\n\r\n<\/style>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-978055b e-flex e-con-boxed e-con e-parent\" data-id=\"978055b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca18c03 elementor-widget elementor-widget-html\" data-id=\"ca18c03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== Boot-Layout (Elementor-optimiert mit Portal-Overlay + eigenem Close-Button) ===== -->\r\n<div class=\"boat-layout\" aria-label=\"Bootsdaten und Ausstattung\">\r\n  <!-- LINKE SPALTE: Technische Daten (sticky) -->\r\n  <section class=\"boat-col\" aria-labelledby=\"techdata-title\">\r\n    <div class=\"techdata-box\">\r\n      <header class=\"techdata-header\">\r\n        <h2 id=\"techdata-title\">\u2699\ufe0f Technische Daten<\/h2>\r\n      <\/header>\r\n\r\n      <div class=\"techdata-content\">\r\n        <dl class=\"specs\">\r\n          <div class=\"spec\"><dt>Hersteller \/ Modell<\/dt><dd>Scheepswerf K\u00f6nig William \/ Spray Replik<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Baujahr<\/dt><dd>1982<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Designer<\/dt><dd>-------------<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Zustand<\/dt>Hochinteressantes Refit-Projekt mit ausgezeichneter Substanz<dd><\/dd><\/div>\r\n          <div class=\"spec\"><dt>L\u00fcA<\/dt><dd>ca. 15&nbsp;m<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Breite<\/dt><dd>4,35&nbsp;m<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Masth\u00f6he \u00fcber Wasserlinie<\/dt><dd>-----&nbsp;m<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Tiefgang<\/dt><dd> ca 1,50&nbsp;m<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Material<\/dt><dd>Rumpf: Stahl\/  Deckshaus: Hartholz<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Verdr\u00e4ngung<\/dt><dd>ca. 25&nbsp;000&nbsp;kg<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Ballast<\/dt><dd>Langkiel mit Blei ausgegossen ca. 7&nbsp;000&nbsp;kg<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Segelfl\u00e4che am Wind<\/dt><dd>-----&nbsp;m\u00b2<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Motor<\/dt><dd>2x Isuzu Marine Diesel 3AB1\/ Hurth HBW 100 Wendegetriebe<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Leistung<\/dt><dd>ca. 76&nbsp;PS<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Motorstunden<\/dt><dd>\u2013<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Kraftstoff<\/dt><dd>Diesel<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Kraftstofftank<\/dt><dd>> 1000 &nbsp;l<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Wassertank<\/dt><dd>> 1000 &nbsp;l<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Stehh\u00f6he<\/dt><dd>1.70&nbsp;m<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Kabinen<\/dt><dd>2 + Salon<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Nasszellen<\/dt><dd>1<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Kojen<\/dt><dd>3<\/dd><\/div>\r\n          <div class=\"spec\"><dt>Liegeplatz<\/dt><dd>Deutschland\/ Krefeld<\/dd><\/div>\r\n        <\/dl>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- RECHTE SPALTE -->\r\n  <section class=\"boat-col\">\r\n    <!-- 1) Ausstattung \u2013 Fullscreen Overlay (per JS in <body> \u201eportaliert\u201c) -->\r\n    <details class=\"acc acc-fullscreen\" id=\"equip\">\r\n      <summary class=\"acc-trigger\" aria-controls=\"equip-panel\" aria-expanded=\"false\">\r\n        <h3>Ausstattung<\/h3>\r\n        <span class=\"acc-icon\" aria-hidden=\"true\">\u25bc<\/span>\r\n      <\/summary>\r\n\r\n      <!-- Dieses Panel wird beim \u00d6ffnen in #equip-portal (im <body>) verschoben -->\r\n      <div class=\"acc-panel overlay\" id=\"equip-panel\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Ausstattungsliste\">\r\n        <!-- eigener Close-Button (sichtbar, wenn portiert oder auch ohne Portal) -->\r\n        <button type=\"button\" id=\"equip-close\" aria-label=\"Fenster schlie\u00dfen\" title=\"Schlie\u00dfen\"><\/button>\r\n\r\n        <div class=\"overlay-modal\" role=\"document\">\r\n          <!-- Sticky Titel: Ausstattung \u2013 SPRAY  ANJA -->\r\n          <div class=\"modal-titlebar\">\r\n            <h3 class=\"heading-like\">\r\n              Ausstattung <span class=\"dash\">\u2013<\/span>\r\n              <span class=\"script-title\">,,Spray''<\/span>\r\n            <\/h3>\r\n          <\/div>\r\n\r\n          <!-- Kategorie: Rumpf & Deck -->\r\n          <h4 class=\"equip-h heading-like\">Rumpf &amp; Deck<\/h4>\r\n          \r\n          <ul class=\"equip-grid-tiles\" role=\"list\">\r\n             \r\n              <li class=\"equip-tile\" role=\"listitem\">Rumpf: Stahl, Rundspantbauweise; Unterwasserschiff-Plattenst\u00e4rke ca. 6,5 mm<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Zwei Schlingerkiele mit integrierter Kielk\u00fchlanlage<\/li>\r\n             <li class=\"equip-tile\" role=\"listitem\">Deck und Aufbau: Stahl, ca. 5 mm<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Deckshaus aus Hartholz, Dachkonstruktion aus Aluminium<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Heckdavits f\u00fcr Beiboot<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Selbstlenzendes Cockpit<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Langer, klappbarer Bugspriet<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Einhandtauglich<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Ger\u00e4umiges Deck mit sicheren Laufwegen<\/li>\r\n              <li class=\"equip-tile\" role=\"listitem\">Reling aus Stahl, teilweise mit Holzdetails<\/li>\r\n           \r\n          <\/ul>\r\n\r\n          <!-- Kategorie: Rigg & Decks-Beschl\u00e4ge -->\r\n          <h4 class=\"equip-h heading-like\">Rigg &amp; Decks-Beschl\u00e4ge, Decksausr\u00fcstung<\/h4>\r\n          <ul class=\"equip-grid-tiles\" role=\"list\">\r\n            <li class=\"equip-tile\" role=\"listitem\">Aluminiumrigg in gro\u00dfz\u00fcgiger Dimensionierung inklusive komplettem stehendem und laufendem Gut. Das stehende Gut ist bereits vorhanden, muss jedoch noch auf die passende L\u00e4nge angepasst und mit Terminals verpresst werden<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Segel vorhanden, teilweise neu (nicht auf Vollst\u00e4ndigkeit gepr\u00fcft)<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">4 gro\u00dfz\u00fcgig dimensionierte Winschen<\/li>\r\n          \r\n            <li class=\"equip-tile\" role=\"listitem\">Kompass, Navigationslichter<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Decksluken aus Messing (neu)<\/li>\r\n             <li class=\"equip-tile\" role=\"listitem\">Bullaugen aus Bronze<\/li>\r\n             <li class=\"equip-tile\" role=\"listitem\">Fenster des Aufbaus neu verbaut<\/li>\r\n             <li class=\"equip-tile\" role=\"listitem\">Radsteuerung,au\u00dfen \u00fcber eine Seilsteuerung<\/li>\r\n            \r\n          <\/ul>\r\n\r\n          <!-- Kategorie: Innenausbau & Komfort -->\r\n          <h4 class=\"equip-h heading-like\">Innenausbau &amp; Komfort<\/h4>\r\n          <ul class=\"equip-grid-tiles\" role=\"list\">\r\n            <li class=\"equip-tile\" role=\"listitem\">Radsteuerung innen, hydraulisch<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Salontisch, abklappbar <\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Salon mit integrierter Pantry<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">2 Kabinen<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">1 Nasszelle mit manuellem WC (noch nicht verbaut) <\/li>\r\n             <li class=\"equip-tile\" role=\"listitem\">Innensteuerstand<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Der Motorraum ist f\u00fcr alle Wartungsarbeiten sehr gut zug\u00e4nglich.<\/li>\r\n          \r\n            <li class=\"equip-tile\" role=\"listitem\">230-V-Landstromsteckdosen<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Deckslichtprisma<\/li>\r\n           \r\n            \r\n          <\/ul>\r\n\r\n          <!-- Kategorie: Pantry -->\r\n          <h4 class=\"equip-h heading-like\">Pantry<\/h4>\r\n          <ul class=\"equip-grid-tiles\" role=\"list\">\r\n              <li class=\"equip-tile\" role=\"listitem\">Doppelwaschbecken<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Frischwasserversorgung von Sp\u00fcle und Handwaschbecken mittels Druckwasserpumpe (Druckwasserpumpe muss noch angeschlossen werden)<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Elektrokochfeld f\u00fcr Landstrombetrieb sowie Gaskochfeld (muss noch angeschlossen werden)<\/li>\r\n           \r\n            \r\n          <\/ul>\r\n\r\n          <!-- Kategorie: Technik & Elektrik -->\r\n          <h4 class=\"equip-h heading-like\">Technik &amp; Elektrik<\/h4>\r\n          <ul class=\"equip-grid-tiles\" role=\"list\">\r\n            <li class=\"equip-tile\" role=\"listitem\">Diesel-Innenborder: 2x Isuzu Marine Diesel 3AB1 mit Hurth HBW 100 Wendegetriebe<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">vollautomatisches Batterieladeger\u00e4tt<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Landstromanschluss mit Sicherungskasten inklusive FI-Schutzschalter<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Batteriehauptschalter<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Philippi Stromkreisverteiler<\/li>\r\n            \r\n            <li class=\"equip-tile\" role=\"listitem\">Umbau auf hydraulische Radsteuerung<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Anzeigeinstrumente (\u00d6ldruck, Wasser, Tank, Batteriespannung, Motorstunden)<\/li>\r\n           \r\n            <li class=\"equip-tile\" role=\"listitem\">Warmwasserboile (muss noch verbaut werden)<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Diesel-Standheizungs<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Motortemperaturanzeige<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Verbraucher- und Starterbatterie<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Inverter (12 V auf 230 V)<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">NMEA-2000-Schnittstellen<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Ruderlagenanzeiger<\/li>\r\n          <\/ul>\r\n\r\n          <!-- Kategorie: Navigation & Elektronik -->\r\n          <h4 class=\"equip-h heading-like\">Navigation &amp; Elektronik<\/h4>\r\n          <ul class=\"equip-grid-tiles\" role=\"list\">\r\n            <li class=\"equip-tile\" role=\"listitem\">Radar: JRC JMA-2254 Raster Scan<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Simrad NSS<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Handfunkger\u00e4t<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Kompass wird in der Multifunktionsanzeige realisiert<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Simrad NSS Multifunktionsanzeigen<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\"> Autopilot Simrad AC 42  mit Zubeh\u00f6r<\/li>\r\n          \r\n          <\/ul>\r\n\r\n          <!-- Kategorie: Ausr\u00fcstung & Sicherheit -->\r\n          <h4 class=\"equip-h heading-like\">Ausr\u00fcstung &amp; Sicherheit<\/h4>\r\n          <ul class=\"equip-grid-tiles\" role=\"list\">\r\n            <li class=\"equip-tile\" role=\"listitem\">Pfluganker<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Rettungsleine mit Aufrollvorrichtung<\/li>\r\n           \r\n            \r\n            <li class=\"equip-tile\" role=\"listitem\">Reling rundum; Klampen aus Stahl<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Festmacher<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Leinen<\/li>\r\n            <li class=\"equip-tile\" role=\"listitem\">Fender<\/li>\r\n       \r\n            \r\n            \r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/details>\r\n\r\n  <!-- 2) Historie & Wartung -->\r\n<details class=\"acc\">\r\n  <summary class=\"acc-trigger\">\r\n    <h3>Geschichte des Bootes<\/h3>\r\n    <span class=\"acc-icon\" aria-hidden=\"true\">\u25bc<\/span>\r\n  <\/summary>\r\n  <div class=\"acc-panel\">\r\n    <ul class=\"list\">\r\n\r\n      <!--  -->\r\n      <li><strong>Das Boot wurde urspr\u00fcnglich von dem aus den Niederlanden stammenden Segler Fokke Watson gebaut. \u00dcber einen Zeitraum von rund 20 bis 25 Jahren entstand das Schiff zun\u00e4chst in Maine, bevor es sp\u00e4ter in Massachusetts zu Wasser gelassen wurde..<\/p>\r\n\r\n<p>\r\n\r\nDie Konstruktion orientiert sich an den Linien der ber\u00fchmten \u201eSpray\u201c, mit der Joshua Slocum als erster Mensch allein um die Welt segelte. Im Gegensatz zum historischen Vorbild wurde dieses Boot jedoch aus Stahl gebaut, was ihm eine besonders robuste und langlebige Struktur verleiht..<\/p>\r\n\r\n<p>\r\n\r\nW\u00e4hrend der Bauzeit und auf sp\u00e4teren Reisen entwickelte Watson das Boot kontinuierlich weiter. Ein zus\u00e4tzliches Steuerhaus wurde integriert, das insbesondere bei schlechtem Wetter und in h\u00f6heren Breiten deutlich mehr Komfort bietet. So entstand ein Schiff, das einerseits eine Hommage an Slocums legend\u00e4re \u201eSpray\u201c ist, andererseits aber ein eigenst\u00e4ndiges, seet\u00fcchtiges Fahrtenboot darstellt..<\/p>\r\n\r\n<p>\r\n\r\nGemeinsam mit seiner Partnerin Lori unternahm Watson mit dem Boot l\u00e4ngere Reisen in Nordamerika. Die Route f\u00fchrte unter anderem \u00fcber die Gro\u00dfen Seen, den Eriekanal und den Mississippi bis in den Golf von Mexiko..<\/p>\r\n\r\n<p>\r\n\r\nAuf diesen Fahrten wurde das Boot stetig gepflegt, verbessert und weiter ausger\u00fcstet \u2013 ganz im Sinne eines klassischen Langfahrtschiffes, das unterwegs w\u00e4chst und sich mit seinen Reisen weiterentwickel .<\/strong><\/li>.<\/p>\r\n   \r\n      \r\n        \r\n     \r\n\r\n    <\/ul>\r\n  <\/div>\r\n<\/details>\r\n\r\n\r\n\r\n    <hr class=\"section-divider\" aria-hidden=\"true\">\r\n\r\n    <!-- Kontakt & Besichtigung -->\r\n    <section class=\"acc always-open\" aria-labelledby=\"contact-title\">\r\n      <div class=\"acc-trigger\">\r\n        <h3 id=\"contact-title\">\u2709\ufe0f Kontakt und Besichtigung<\/h3>\r\n      <\/div>\r\n      <div class=\"acc-panel\">\r\n        <div class=\"contact-info\">\r\n          <p>\ud83d\udc64 Ansprechpartner: <strong>Hans-Thomas Roth<\/strong><\/p>\r\n          <p>\ud83d\udcde Telefon: <a href=\"tel:+496137570675\">+49&nbsp;163&nbsp;7570675<\/a><\/p>\r\n          <p>\ud83d\udcac WhatsApp: <a href=\"https:\/\/wa.me\/491637570675\" target=\"_blank\" rel=\"noopener\">Nachricht senden<\/a><\/p>\r\n          <a href=\"https:\/\/soul-boats.de\/contact\/\" class=\"contact-btn\" target=\"_blank\" rel=\"noopener\" aria-label=\"E-Mail schreiben\">\u2709\ufe0f E-Mail<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Verkaufspreis \/ Angebot -->\r\n    <section class=\"price-section\" aria-label=\"Preis \/ Angebot\">\r\n      <h3>Verkaufspreis<\/h3>\r\n      <p class=\"price-tag\" style=\"font-size: 1.5rem; font-weight: 700;\">Verkauft<\/p>\r\n    <\/section>\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- ===== Styles (Elementor-sicher) ===== -->\r\n<style>\r\n  \/* Sch\u00f6ne Schreibschrift f\u00fcr \u201eGrand Soleil\u201c \u2013 Google Fonts laden *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Great+Vibes&display=swap');\r\n\r\n  :root{\r\n    --blue:#0ea5e9; --blue-hover:#0b8ac5; --text-on-blue:#fff;\r\n    --border:#e5e7eb; --ink-1:#111827; --ink-2:#374151; --ink-3:#4b5563;\r\n    --bg-soft:#f9fafb; --bg-elev:#ffffff;\r\n    --shadow-1:0 2px 10px rgba(0,0,0,.06);\r\n    --shadow-2:0 10px 30px rgba(0,0,0,.12);\r\n\r\n    \/* Headings \u2013 identisch f\u00fcr Trigger & Modal *\/\r\n    --heading-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n    --heading-size: 0.90rem;\r\n    --heading-weight: 700;\r\n  }\r\n\r\n  \/* Layout-Raster *\/\r\n  .boat-layout{ display:grid; gap:20px; align-items:start; }\r\n  @media (min-width:900px){\r\n    .boat-layout{ grid-template-columns: 1fr 1fr; }\r\n    .boat-col:first-child{ position: sticky; top: 16px; height: fit-content; }\r\n  }\r\n  .boat-col{ background:#fff; border:1px solid var(--border); border-radius:10px; padding:16px; }\r\n\r\n  \/* TECHNISCHE DATEN *\/\r\n  .techdata-box{ border:1px solid var(--border); border-radius:10px; overflow:hidden; background:#fff; }\r\n  .techdata-header{ background:var(--blue); color:var(--text-on-blue); padding:12px 16px; }\r\n  .techdata-header h2{ margin:0; font-size:0.90rem; line-height:1.1; }\r\n  .techdata-content{ padding:12px 16px; }\r\n\r\n  \/* Definition List als Grid *\/\r\n  .specs{ display:grid; gap:8px; margin:0; }\r\n  .spec{ display:grid; grid-template-columns:1fr auto; gap:10px; padding:6px 0; border-bottom:1px solid #eef2f7; }\r\n  .spec:last-child{ border-bottom:0; }\r\n  .spec dt{ font-weight:600; color:var(--ink-2); }\r\n  .spec dd{ margin:0; color:var(--ink-3); text-align:right; }\r\n  @media (max-width:560px){ .spec{ grid-template-columns:1fr; } .spec dd{ text-align:left; } }\r\n\r\n  \/* ACCORDION BASIS *\/\r\n  details.acc{ border:0; margin:0 0 10px; overflow:visible; }\r\n  summary.acc-trigger{\r\n    list-style:none; display:flex; justify-content:space-between; align-items:center; gap:12px;\r\n    padding:12px 16px; border-radius:8px; cursor:pointer; user-select:none;\r\n    background:var(--blue); color:var(--text-on-blue);\r\n    transition:background .2s ease, color .2s ease; outline:none;\r\n  }\r\n  summary.acc-trigger h3{\r\n    margin:0; font-size:var(--heading-size); font-weight:var(--heading-weight);\r\n    font-family: var(--heading-font);\r\n  }\r\n  .acc-icon{ display:inline-block; transition: transform .25s ease; }\r\n  details[open] .acc-icon{ transform: rotate(180deg); }\r\n  summary.acc-trigger:hover{ background:var(--blue-hover); }\r\n\r\n  \/* ===== Fullscreen-Overlay: Standardzustand (wird per JS portiert) ===== *\/\r\n  .acc-fullscreen .overlay{ display:none; }\r\n\r\n  \/* ===== Portal-Overlay ===== *\/\r\n  #equip-portal{\r\n    position: fixed !important;\r\n    inset: 0 !important;\r\n    z-index: 999999 !important;\r\n    display: grid; place-items: center;\r\n    background: rgba(17,24,39,.55);\r\n    backdrop-filter: blur(2px);\r\n    padding: clamp(8px, 2vh, 16px);\r\n    animation: fadeIn .22s ease;\r\n  }\r\n\r\n  \/* Eigener Close-Button (blauer Kreis, X pixelgenau mittig) *\/\r\n  #equip-close{\r\n    position: fixed; top: 16px; right: 16px;\r\n    width: 48px; height: 48px; border-radius: 999px;\r\n    border: none; cursor: pointer;\r\n    background: var(--blue); color: #fff;\r\n    display: grid; place-items: center;\r\n    z-index: 1000000;\r\n    box-shadow: 0 2px 10px rgba(0,0,0,.12);\r\n  }\r\n  #equip-close::after{ content:\"\u00d7\"; font-size:22px; line-height:1; }\r\n  #equip-close:hover{ background: var(--blue-hover); }\r\n\r\n  \/* Modal-Box \u2013 hoch\/luftig, innen scrollbar, niemals abgeschnitten *\/\r\n  #equip-portal .overlay-modal{\r\n    width: min(1120px, 96vw);\r\n    height: min(96svh, 980px);\r\n    max-height: calc(100svh - 56px);\r\n    background: var(--bg-elev);\r\n    border-radius: 16px;\r\n    box-shadow: var(--shadow-2);\r\n    padding: 0; overflow: auto; animation: pop .22s ease; box-sizing: border-box;\r\n  }\r\n\r\n  \/* Sticky Titelleiste & h\u00fcbscher Titel *\/\r\n  #equip-portal .modal-titlebar{\r\n    position: sticky; top: 0; z-index: 1;\r\n    display: flex; align-items: center; gap: 10px;\r\n    padding: 14px 18px; background: #fff; border-bottom: 1px solid var(--border);\r\n  }\r\n  #equip-portal .heading-like{\r\n    margin: 0; font-family: var(--heading-font); font-weight: var(--heading-weight);\r\n    font-size: var(--heading-size); color: var(--ink-1);\r\n  }\r\n  #equip-portal .dash{ opacity:.6; padding: 0 .35ch; }\r\n  #equip-portal .script-title{\r\n    font-family: \"Great Vibes\", cursive;\r\n    font-size: 1.35rem; \/* etwas gr\u00f6\u00dfer als die \u00dcberschrift *\/\r\n    line-height: 1;\r\n    color: var(--ink-1);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Kategorie-\u00dcberschriften & Inhalte *\/\r\n  #equip-portal .equip-h{\r\n    font-family: var(--heading-font) !important;\r\n    font-size: var(--heading-size) !important;\r\n    font-weight: var(--heading-weight) !important;\r\n    color: var(--ink-1) !important;\r\n    letter-spacing: .2px !important;\r\n    margin: 18px 6px 10px !important;\r\n  }\r\n  #equip-portal .overlay-modal > :not(.modal-titlebar){ padding: 0 18px 18px; }\r\n\r\n  \/* Kachel-Grid *\/\r\n  #equip-portal .equip-grid-tiles{\r\n    display:grid; gap:12px;\r\n    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\r\n    list-style:none; margin:0; padding:0 0 14px 0;\r\n  }\r\n  #equip-portal .equip-tile{\r\n    background:var(--bg-soft); border:1px solid var(--border); border-radius:12px;\r\n    padding:14px; box-shadow:var(--shadow-1);\r\n    transform:translateY(0) scale(1);\r\n    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;\r\n  }\r\n  #equip-portal .equip-tile:hover{\r\n    transform:translateY(-2px) scale(1.03);\r\n    box-shadow:var(--shadow-2); background:#fff; border-color:#dbe2ea;\r\n  }\r\n\r\n  \/* Historie etc. *\/\r\n  .list{ margin:12px 0 0; padding:0 0 0 18px; }\r\n  .section-divider{ border:0; border-top:1px solid var(--border); margin:16px 0; }\r\n\r\n  \/* Kontakt *\/\r\n  .always-open .acc-trigger{ background:transparent; color:var(--ink-1); padding:0; }\r\n  .always-open .acc-panel{ padding-top:8px; }\r\n  .contact-info p{ margin:6px 0; }\r\n  .contact-btn{\r\n    display:inline-block; margin-top:10px; border:0; border-radius:8px; padding:10px 14px; font-weight:700;\r\n    background:var(--blue); color:var(--text-on-blue); cursor:pointer; transition:background .2s ease; text-decoration:none;\r\n  }\r\n  .contact-btn:hover{ background:var(--blue-hover); }\r\n  .contact-info a{ color:inherit; text-decoration:underline; }\r\n\r\n  \/* Preis \/ Angebot *\/\r\n  .price-section{ margin-top:16px; }\r\n  .price-section h3{\r\n    margin:0 0 8px; font-size:var(--heading-size); font-weight:var(--heading-weight);\r\n    font-family: var(--heading-font);\r\n  }\r\n  .price-tag{ background:#f1f5f9; border:1px solid var(--border); border-radius:10px; padding:12px 16px; font-weight:600; }\r\n\r\n  \/* Animationen *\/\r\n  @keyframes fadeIn{ from{opacity:0} to{opacity:1} }\r\n  @keyframes pop{ from{ transform:scale(.985); opacity:.9 } to{ transform:scale(1); opacity:1 } }\r\n\r\n  \/* Bewegungen reduzieren *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    .acc-icon, .equip-tile, #equip-portal, #equip-portal .overlay-modal{ transition:none !important; animation:none !important; }\r\n  }\r\n\r\n  \/* Wenn Overlay offen: Elementor Sticky\/Transform\/Overflow entsch\u00e4rfen + Scroll-Lock *\/\r\n  body.is-modal-open .boat-layout .boat-col:first-child{ position: static !important; }\r\n  body.is-modal-open .elementor,\r\n  body.is-modal-open .elementor-section,\r\n  body.is-modal-open .elementor-container,\r\n  body.is-modal-open .elementor-widget-wrap,\r\n  body.is-modal-open [class*=\"elementor-sticky--active\"]{\r\n    transform: none !important;\r\n    overflow: visible !important;\r\n  }\r\n  body.is-modal-open{ overflow: hidden !important; }\r\n  \r\n  \/* Kontakt \u2013 kleinere Schrift *\/\r\n#contact-title {\r\n  font-size: 2.0rem; \/* \u00dcberschrift kleiner *\/\r\n  font-weight: 600;\r\n}\r\n.contact-info {\r\n  font-size: 0.75rem; \/* Text kleiner *\/\r\n  line-height: 1.4;\r\n}\r\n.contact-btn {\r\n  font-size: 0.75rem;\r\n  margin-top: 8px;\r\n  padding: 8px 12px;\r\n}\r\n\/* === Technische Daten kleiner darstellen === *\/\r\n.techdata-content,\r\n.techdata-box .specs,\r\n.techdata-box dt,\r\n.techdata-box dd {\r\n  font-size: 0.75rem; \/* hier stellst du die Gr\u00f6\u00dfe ein *\/\r\n  line-height: 1.4;\r\n}\r\n\/* === Einheitliche Schriftgr\u00f6\u00dfe f\u00fcr alle Info-Bereiche === *\/\r\n\r\n\/* === Einheitlicher Schriftstil f\u00fcr alle Bereiche === *\/\r\n\r\n\/* Grundschrift f\u00fcr alle Textbereiche angleichen *\/\r\n.techdata-content,\r\n.specs,\r\n.acc-panel,\r\n.acc-panel ul,\r\n.acc-panel li,\r\n.acc-panel p,\r\n#equip-portal .equip-tile,\r\n.contact-info,\r\n.price-section,\r\n.price-tag {\r\n  font-size: 0.75rem;              \/* gleiche Gr\u00f6\u00dfe wie Technische Daten *\/\r\n  line-height: 1.45;\r\n  font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif; \/* gleiche Schriftart *\/\r\n  color: var(--ink-3);\r\n}\r\n\r\n\/* \u00dcberschriften in den Bereichen etwas gr\u00f6\u00dfer und kr\u00e4ftiger *\/\r\n.acc-panel h3,\r\n.acc-panel h4,\r\n#equip-portal .equip-h {\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  color: var(--ink-2);\r\n  font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n}\r\n\r\n\/* Kontakt\u00fcberschrift & Inhalte anpassen *\/\r\n#contact-title {\r\n  font-size: 0.85rem;\r\n  font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n  font-weight: 700;\r\n  color: var(--ink-2);\r\n}\r\n.contact-info {\r\n  font-size: 0.75rem;\r\n  line-height: 1.45;\r\n  font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n}\r\n\/* === Einheitliche Schriftart & Gr\u00f6\u00dfe f\u00fcr alle \u00dcberschriften === *\/\r\n\r\n\/* \u00dcberschriften: Technische Daten, Ausstattung, Historie, Extras, Kontakt *\/\r\n.techdata-header h2,\r\nsummary.acc-trigger h3,\r\n.acc-panel h3,\r\n.acc-panel h4,\r\n#contact-title,\r\n.price-section h3 {\r\n  font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif; \/* gleiche Schrift wie Technische Daten *\/\r\n  font-size: 0.9rem;     \/* gleiche Gr\u00f6\u00dfe wie Technische Daten *\/\r\n  font-weight: 600;      \/* gleich stark betont *\/\r\n  color: var(--ink-1);   \/* gleiche Farbe *\/\r\n  letter-spacing: 0.1px;\r\n}\r\n\r\n\/* Optional: Unter\u00fcberschriften (z. B. im Overlay Ausstattung) leicht schw\u00e4cher *\/\r\n#equip-portal .equip-h {\r\n  font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n  font-size: 0.9rem;\r\n  font-weight: 600;\r\n  color: var(--ink-1);\r\n}\r\n\/* Schrift in den Boxen (\"Extras\", \"Historie & Wartung\") d\u00fcnner machen *\/\r\n.acc-panel ul li strong {\r\n  font-weight: 400; \/* normal statt fett *\/\r\n}\r\n\r\n\r\n\r\n<\/style>\r\n\r\n<!-- ===== JS: Portal-Logik + eigenes Schlie\u00dfen (Klick + ESC) ===== -->\r\n<script>\r\n  (function(){\r\n    var detailsEl   = document.getElementById('equip');\r\n    var panel       = document.getElementById('equip-panel');\r\n    var closeBtn    = document.getElementById('equip-close');\r\n    if(!detailsEl || !panel || !closeBtn) return;\r\n\r\n    var originalParent = panel.parentNode; \/\/ das <details>\r\n    var portal; \/\/ Container in <body>\r\n\r\n    function openPortal(){\r\n      if(!portal){\r\n        portal = document.createElement('div');\r\n        portal.id = 'equip-portal';\r\n      }\r\n      portal.appendChild(panel);\r\n      document.body.appendChild(portal);\r\n      document.body.classList.add('is-modal-open');\r\n      closeBtn.focus({preventScroll:true});\r\n    }\r\n\r\n    function closePortal(){\r\n      originalParent.appendChild(panel);\r\n      if(portal && portal.parentNode){ portal.parentNode.removeChild(portal); }\r\n      document.body.classList.remove('is-modal-open');\r\n      \/\/ <details> schlie\u00dfen (falls nicht schon zu)\r\n      if(detailsEl.hasAttribute('open')) detailsEl.removeAttribute('open');\r\n      \/\/ Fokus zur\u00fcck auf den Trigger\r\n      var summary = detailsEl.querySelector('summary');\r\n      if(summary) summary.focus({preventScroll:true});\r\n    }\r\n\r\n    \/\/ Close per Klick auf Button\r\n    closeBtn.addEventListener('click', closePortal);\r\n\r\n    \/\/ Close per ESC\r\n    document.addEventListener('keydown', function(e){\r\n      if(e.key === 'Escape' && document.body.classList.contains('is-modal-open')){\r\n        e.preventDefault();\r\n        closePortal();\r\n      }\r\n    });\r\n\r\n    \/\/ Auf Toggle des <details> reagieren (\u00f6ffnen\/schlie\u00dfen)\r\n    detailsEl.addEventListener('toggle', function(){\r\n      if(detailsEl.hasAttribute('open')){\r\n        openPortal();\r\n      } else {\r\n        \/\/ Falls \u00fcber Summary geschlossen wird\r\n        if(document.body.classList.contains('is-modal-open')) closePortal();\r\n      }\r\n    });\r\n\r\n    \/\/ Falls Seite mit bereits offenem <details> geladen wird\r\n    if(detailsEl.hasAttribute('open')){ openPortal(); }\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c654b6b elementor-widget elementor-widget-html\" data-id=\"c654b6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a class=\"alpha-btn alpha-btn--secondary\" href=\"https:\/\/www.boote.com\/artikel\/29935\/die-spray-das-erste-alleinsegelboot-der-welt\" target=\"_blank\" rel=\"noopener\">\r\n Link: Artikel zur Geschichte von Joshua Slocum und seiner \u201eSpray'' <\/a>\r\n\r\n<style>\r\n  .alpha-btn{\r\n    display:inline-block;\r\n    margin: 10px 0;\r\n    padding: 10px 14px;\r\n    border-radius: 999px;\r\n    text-decoration:none;\r\n    font-weight:700;\r\n    border: 1px solid rgba(0,0,0,.18);\r\n    background: #fff;\r\n  }\r\n  .alpha-btn--secondary:hover{\r\n    background: rgba(0,0,0,.03);\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d2ed52 elementor-widget elementor-widget-html\" data-id=\"1d2ed52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a class=\"alpha-btn alpha-btn--secondary\" href=\"https:\/\/janice142.com\/Articles\/SprayReplicaAnja.html\" target=\"_blank\" rel=\"noopener\">\r\n  Link: Geschichte der ,,ANJA'' und weitere Bilder\r\n<\/a>\r\n\r\n<style>\r\n  .alpha-btn{\r\n    display:inline-block;\r\n    margin: 10px 0;\r\n    padding: 10px 14px;\r\n    border-radius: 999px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    border: 1px solid rgba(0,0,0,.18);\r\n    background: #fff;\r\n\r\n    \/* Schweb-Effekt *\/\r\n    box-shadow:\r\n      0 1px 2px rgba(0,0,0,.06),\r\n      0 6px 16px rgba(0,0,0,.10);\r\n    transform: translateY(0);\r\n    transition:\r\n      box-shadow .25s ease,\r\n      transform .25s ease,\r\n      background .2s ease;\r\n  }\r\n\r\n  .alpha-btn--secondary:hover{\r\n    background: rgba(0,0,0,.03);\r\n    transform: translateY(-2px);\r\n    box-shadow:\r\n      0 4px 10px rgba(0,0,0,.12),\r\n      0 12px 28px rgba(0,0,0,.18);\r\n  }\r\n\r\n  \/* Optional: Fokus f\u00fcr Tastatur-Nutzer *\/\r\n  .alpha-btn:focus-visible{\r\n    outline: none;\r\n    box-shadow:\r\n      0 0 0 3px rgba(14,165,233,.35),\r\n      0 6px 16px rgba(0,0,0,.12);\r\n  }\r\n\r\n  \/* Bewegungen reduzieren (Accessibility) *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    .alpha-btn{\r\n      transition: none;\r\n      transform: none;\r\n    }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff42d2c elementor-widget elementor-widget-html\" data-id=\"ff42d2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const cards = document.querySelectorAll(\".evasion32-card\");\r\n  if(cards.length){\r\n    cards[0].classList.add(\"active\"); \/\/ erste Karte standardm\u00e4\u00dfig hervorheben\r\n    cards.forEach(card => {\r\n      card.addEventListener(\"click\", () => {\r\n        cards.forEach(c => c.classList.remove(\"active\"));\r\n        card.classList.add(\"active\");\r\n      });\r\n    });\r\n  }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b55f2a9 elementor-widget elementor-widget-html\" data-id=\"b55f2a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"evasion32\"> \r\n  <h2>Zwei Blickwinkel auf dieses Boot<\/h2>\r\n  <div class=\"evasion32-cards\">\r\n\r\n    <!-- Makler -->\r\n    <div class=\"evasion32-card makler\">\r\n      <h3>Makler sagt<\/h3>\r\n      <p>\r\n\r\nBei der Yacht *Anja* fallen sofort ihre au\u00dfergew\u00f6hnlichen, klassischen Linien auf. Sie erinnern an die robusten Arbeits- und Fischerboote des 19. Jahrhunderts. Diese traditionelle Formgebung steht nicht nur f\u00fcr zeitlose Sch\u00f6nheit, sondern auch f\u00fcr eine Bauweise, die auf Stabilit\u00e4t und hervorragende Seet\u00fcchtigkeit ausgelegt ist.<p>\r\n\r\nDie *Anja* ist eine echte Blauwasser-Yacht. Sie wurde \u00e4u\u00dferst massiv und solide gebaut und vermittelt sofort das Gef\u00fchl von Sicherheit, das man sich auf langen Reisen w\u00fcnscht.<p>\r\n\r\nEin besonderes Merkmal ist das Steuerhaus. Die vielen gro\u00dfen Fenster sorgen f\u00fcr eine hervorragende Rundumsicht und erm\u00f6glichen auch bei schwierigen Wetterbedingungen ein sicheres und komfortables Navigieren. So bleibt das Segeln selbst bei rauer See gut kontrollierbar.<p>\r\n\r\nAn Deck bietet die Yacht viel Platz. Mit einer Breite von 4,35 Metern bewegt man sich frei und bequem \u00fcber das gesamte Deck, ohne sich durch enge Passagen bewegen zu m\u00fcssen.<p>\r\n\r\nUnter Deck erwartet den zuk\u00fcnftigen Eigner ein gro\u00dfz\u00fcgiger Innenraum mit viel Potenzial. Die gro\u00dfe Nasszelle verf\u00fcgt \u00fcber eine Dusche und bietet ausreichend Platz, beispielsweise f\u00fcr eine Waschmaschine, einen Wassermacher und weitere technische Ausstattung. Zus\u00e4tzlich l\u00e4sst sich in Richtung Vorschiff ein gem\u00fctlicher Lounge-Bereich einrichten, der auch zus\u00e4tzliche Schlafpl\u00e4tze bieten kann. Im Vorschiff selbst befindet sich eine Kabine mit zwei Schlafpl\u00e4tzen und reichlich Stauraum.<p>\r\n\r\nAchtern befindet sich der Salon mit integrierter Pantry. Auch hier sind weitere Schlafm\u00f6glichkeiten vorhanden. F\u00fcr besonders gem\u00fctliche Stunden ist bereits ein Kaminofenanschluss nach au\u00dfen vorbereitet. Nach dem Einbau eines Ofens lassen sich so auch k\u00fchlere Regionen komfortabel bereisen.<p>\r\n\r\nDie *Anja* steckt voller durchdachter Details und raffinierter L\u00f6sungen. Ein besonderes Beispiel: Im oberen Rohr der Bordw\u00e4nde befindet sich ein integrierter Vorrat an Motoren\u00f6l. Dieser kann \u00fcber einen innenliegenden Hahn bei Bedarf dem Motor zugef\u00fchrt werden, eine praktische L\u00f6sung f\u00fcr l\u00e4ngere Fahrten.<p>\r\n\r\nAngetrieben wird die Yacht von zwei robusten Isuzu-Marine-Dieselmotoren. Sie kommen ohne komplizierte Elektronik aus und gelten als besonders zuverl\u00e4ssig und langlebig, ein gro\u00dfer Vorteil f\u00fcr Langfahrtsegler.<p>\r\n\r\nZur Yacht geh\u00f6rt umfangreiche Ausstattung, von der ein gro\u00dfer Teil derzeit noch nicht verbaut ist. Das Schiff befindet sich aktuell im Wiederaufbau, ist jedoch grunds\u00e4tzlich einsatzbereit. Der Rumpf ist dicht, die Motoren laufen tadellos und die vorhandenen Segel befinden sich in sehr gutem Zustand. Das Rigg m\u00fcsste noch angepasst werden.<p>\r\n\r\n<strong>Diese \u201eSpray\u201c ist nicht nur ein Nachbau, sondern eine weiterentwickelte, durchdachtere und vor allem noch stabilere Interpretation des ber\u00fchmten Einhandseglers Joshua Slocum und seiner legend\u00e4ren *Spray*.<\/strong>\r\n\r\n    <\/div>\r\n\r\n    <!-- Eigner -->\r\n    <div class=\"evasion32-card owner\">\r\n      <h3>Eigner sagt<\/h3>\r\n      <p>Es f\u00e4llt mir nicht leicht, die richtigen Worte f\u00fcr dieses Boot zu finden. Wer einmal davorsteht, merkt schnell, dass es mehr ist als nur ein Projekt. F\u00fcr mich ist es ein St\u00fcck Segelgeschichte, inspiriert von der legend\u00e4ren Spray von Joshua Slocum und gebaut von dem faszinierenden Menschen \u201eFokke\u201c.<p>\r\n\r\nEs ist ein Boot, entstanden aus der Idee, ein Schiff zu besitzen, das wirklich f\u00fcr die offene See gemacht ist. Ein Boot, mit dem man allein, mit Freunden oder mit der Familie sicher um die Welt segeln k\u00f6nnte, ganz im Geist der alten Seefahrer.<p>\r\n\r\nIch habe unz\u00e4hlige Stunden in dieses Projekt investiert. Viele Dinge wurden verbessert, \u00fcberarbeitet und vorbereitet. Es war immer eine gro\u00dfe Freude, daran zu arbeiten und zu sehen, wie Schritt f\u00fcr Schritt etwas Besonderes entsteht. Wenn ich \u00fcber das Boot spreche, merke ich selbst, wie viel Herzblut darin steckt.<p>\r\n\r\n\u00dcber die Zeit habe ich au\u00dferdem eine ganze Sammlung an Teilen zusammengetragen, die noch darauf warten, ihren Platz an Bord zu finden. Eine Garage voller Komponenten, sorgf\u00e4ltig ausgesucht, gedacht f\u00fcr die n\u00e4chsten Schritte.<p>\r\n\r\nGerade deshalb f\u00e4llt mir der Gedanke schwer, dieses Boot abzugeben, vor allem in seinem jetzigen, noch nicht fertigen Zustand. Eigentlich kann ich es mir kaum vorstellen. Doch manchmal verlangt das Leben nach neuen Priorit\u00e4ten, und im Moment stehen einfach zu viele andere Projekte an, die ebenfalls meine Zeit und Aufmerksamkeit brauchen.<p>\r\n\r\nDarum habe ich mich entschlossen, einen Schritt zu gehen, der mir nicht leichtf\u00e4llt: Ich m\u00f6chte dieses besondere Boot in die H\u00e4nde von jemandem geben, der es genauso sch\u00e4tzt wie ich. Jemanden, der versteht, was es ist und was es einmal sein kann. Jemanden, der Freude daran hat, das Projekt zu Ende zu f\u00fchren.<p>\r\n\r\nBis ein solcher K\u00e4ufer gefunden ist, bleibt das Boot jedoch keineswegs stehen. Wenn ich Zeit finde, arbeite ich weiterhin daran, St\u00fcck f\u00fcr St\u00fcck, so wie bisher. Jede erledigte Arbeit bringt es ein St\u00fcck n\u00e4her an den Moment, in dem es wieder vollst\u00e4ndig bereit ist f\u00fcr das, wof\u00fcr es gebaut wurde:<strong> hinaus auf die offene See.<\/strong><\/p>\r\n\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .evasion32 { max-width: 1100px; margin: 0 auto; }\r\n  .evasion32 h2 { margin-bottom: 16px; text-align:center; }\r\n\r\n  .evasion32-cards {\r\n    display: grid;\r\n    gap: 16px;\r\n    margin-top: 14px;\r\n  }\r\n  @media (min-width:900px) {\r\n    .evasion32-cards { grid-template-columns: 1fr 1fr; }\r\n  }\r\n\r\n  .evasion32-card {\r\n    background: rgba(255,255,255,0.85);\r\n    backdrop-filter: blur(6px);\r\n    -webkit-backdrop-filter: blur(6px);\r\n    border: 1px solid #e5e7eb;\r\n    border-radius: 14px;\r\n    padding: 16px;\r\n    color: #1f2937;\r\n    transition: all .25s ease;\r\n    cursor: pointer;\r\n    opacity: 0.8;\r\n    transform: scale(0.98);\r\n  }\r\n\r\n  .evasion32-card.active {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n    border-color: #0ea5e9;\r\n    box-shadow: 0 12px 24px rgba(14,165,233,0.25);\r\n    background: rgba(255,255,255,0.95);\r\n  }\r\n\r\n  .evasion32-card h3 {\r\n    margin-top: 0;\r\n    color: #0ea5e9;\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* \ud83d\udd24 kleinerer, angenehmer Text *\/\r\n  .evasion32-card p {\r\n    font-weight: 400;\r\n    font-size: 0.75rem; \/* hier kannst du noch anpassen (z. B. 0.9rem oder 0.85rem) *\/\r\n    line-height: 1.55;\r\n    margin-bottom: 0.9em;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const cards = document.querySelectorAll(\".evasion32-card\");\r\n  if(cards.length){\r\n    cards[0].classList.add(\"active\");\r\n    cards.forEach(card => {\r\n      card.addEventListener(\"click\", () => {\r\n        cards.forEach(c => c.classList.remove(\"active\"));\r\n        card.classList.add(\"active\");\r\n      });\r\n    });\r\n  }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0560569 e-flex e-con-boxed e-con e-parent\" data-id=\"0560569\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9bdbbd elementor-widget elementor-widget-text-editor\" data-id=\"f9bdbbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u201eIrrt\u00fcmer, \u00c4nderungen und Zwischenverkauf vorbehalten. Alle Angaben laut Eigner.\u201c<\/p><p>\u201eDie hier gemachten Angaben basieren auf Informationen des Eigent\u00fcmers. Eine Gew\u00e4hr f\u00fcr Vollst\u00e4ndigkeit und Richtigkeit wird nicht \u00fcbernommen.\u201c<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SPRAY Wo Geschichte wieder zu segeln beginnt SIGMA 33 OOD ,,SPRAY&#8220; Stabil gebaut. Seeg\u00e4ngig erprobt.\u00a0 Kurzer Steckbrief Die Spray Anja Zum Verkauf steht ein au\u00dfergew\u00f6hnlicher Motorsegler. Die Rumpfform entspricht der legend\u00e4ren Spray von Joshua Slocum, wurde jedoch deutlich robuster gebaut. Das Boot hat seine Stabilit\u00e4t und Eignung f\u00fcr die Langfahrt bereits bewiesen und verk\u00f6rpert den [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5603","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/soul-boats.de\/en\/wp-json\/wp\/v2\/pages\/5603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soul-boats.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/soul-boats.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/soul-boats.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soul-boats.de\/en\/wp-json\/wp\/v2\/comments?post=5603"}],"version-history":[{"count":470,"href":"https:\/\/soul-boats.de\/en\/wp-json\/wp\/v2\/pages\/5603\/revisions"}],"predecessor-version":[{"id":6730,"href":"https:\/\/soul-boats.de\/en\/wp-json\/wp\/v2\/pages\/5603\/revisions\/6730"}],"wp:attachment":[{"href":"https:\/\/soul-boats.de\/en\/wp-json\/wp\/v2\/media?parent=5603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}