{"id":7542,"date":"2026-08-16T16:57:33","date_gmt":"2026-08-16T14:57:33","guid":{"rendered":"https:\/\/soul-boats.de\/?page_id=7542"},"modified":"2026-08-24T20:07:02","modified_gmt":"2026-08-24T18:07:02","slug":"breehorn-37","status":"publish","type":"page","link":"https:\/\/soul-boats.de\/en\/breehorn-37\/","title":{"rendered":"Breehorn-37"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7542\" class=\"elementor elementor-7542\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e76f2bf e-flex e-con-boxed e-con e-parent\" data-id=\"e76f2bf\" 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-b981425 elementor-widget elementor-widget-html\" data-id=\"b981425\" 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<!--\r\n  SOULBOATS \u2013 BREEHORN 37 \u201ePJOTTER\u201c\r\n  Intro mit dunkelblauem Hintergrund und Goldrahmen\r\n\r\n  Den vollst\u00e4ndigen Code in EIN Elementor-HTML-Widget einf\u00fcgen.\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<div\r\n  class=\"breehorn-intro\"\r\n  id=\"intro-breehorn37\"\r\n>\r\n  <div class=\"breehorn-intro-frame\">\r\n\r\n    <span class=\"breehorn-intro-main\">\r\n      Breehorn 37\r\n    <\/span>\r\n\r\n    <span class=\"breehorn-intro-name\">\r\n      PJOTTER\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"breehorn-intro-divider\"\r\n      aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* \u00c4ltere Intros auf dieser Seite ausblenden *\/\r\n  #intro-marieholm26,\r\n  #sigma-intro,\r\n  #intro-spitzgatter {\r\n    display: none !important;\r\n    visibility: hidden !important;\r\n  }\r\n\r\n  #intro-breehorn37,\r\n  #intro-breehorn37 * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Gesamter Intro-Bildschirm *\/\r\n  #intro-breehorn37 {\r\n    position: fixed;\r\n    z-index: 999999;\r\n    inset: 0;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    padding: clamp(22px, 5vw, 70px);\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n      radial-gradient(\r\n        ellipse at 50% 28%,\r\n        #174a69 0%,\r\n        #0b304d 25%,\r\n        #071d30 58%,\r\n        #03111f 100%\r\n      );\r\n  }\r\n\r\n  \/* Dezente maritime Lichtbewegung *\/\r\n  #intro-breehorn37::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: -15%;\r\n\r\n    background:\r\n      radial-gradient(\r\n        ellipse at 50% 15%,\r\n        rgba(129, 185, 215, 0.18) 0%,\r\n        rgba(74, 139, 174, 0.08) 28%,\r\n        transparent 61%\r\n      ),\r\n      linear-gradient(\r\n        115deg,\r\n        transparent 20%,\r\n        rgba(255, 255, 255, 0.035) 44%,\r\n        transparent 67%\r\n      );\r\n\r\n    transform: scale(1.05);\r\n\r\n    animation:\r\n      breehornBackgroundMove 5s ease-out both;\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Dunkle Randabdunklung *\/\r\n  #intro-breehorn37::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n      radial-gradient(\r\n        ellipse at center,\r\n        rgba(4, 22, 37, 0.02) 0%,\r\n        rgba(3, 18, 31, 0.28) 66%,\r\n        rgba(1, 9, 17, 0.65) 100%\r\n      );\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Zus\u00e4tzlicher Lichtschimmer *\/\r\n  .breehorn-intro-glow {\r\n    position: absolute;\r\n    z-index: 1;\r\n\r\n    width: min(850px, 85vw);\r\n    height: min(420px, 55vh);\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n      radial-gradient(\r\n        ellipse at center,\r\n        rgba(76, 144, 180, 0.12) 0%,\r\n        rgba(31, 90, 123, 0.05) 45%,\r\n        transparent 72%\r\n      );\r\n\r\n    filter: blur(25px);\r\n\r\n    animation:\r\n      breehornGlow 3.8s ease-in-out infinite alternate;\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Goldschimmernder Rahmen *\/\r\n  .breehorn-intro-frame {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    width: min(900px, 86vw);\r\n    min-height: clamp(280px, 42vh, 440px);\r\n\r\n    padding:\r\n      clamp(50px, 8vw, 90px)\r\n      clamp(25px, 7vw, 90px);\r\n\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 1px solid transparent;\r\n    border-radius: 2px;\r\n\r\n    text-align: center;\r\n\r\n    background:\r\n      linear-gradient(\r\n        rgba(5, 27, 45, 0.56),\r\n        rgba(4, 22, 38, 0.66)\r\n      ) padding-box,\r\n\r\n      linear-gradient(\r\n        110deg,\r\n        rgba(180, 138, 68, 0.18) 0%,\r\n        rgba(180, 138, 68, 0.35) 20%,\r\n        rgba(242, 215, 158, 0.98) 38%,\r\n        rgba(180, 138, 68, 0.38) 52%,\r\n        rgba(128, 93, 41, 0.18) 68%,\r\n        rgba(235, 202, 137, 0.85) 84%,\r\n        rgba(180, 138, 68, 0.18) 100%\r\n      ) border-box;\r\n\r\n    background-size:\r\n      100% 100%,\r\n      320% 100%;\r\n\r\n    background-position:\r\n      center,\r\n      0% 0%;\r\n\r\n    box-shadow:\r\n      0 28px 75px rgba(0, 0, 0, 0.34),\r\n      inset 0 0 45px rgba(5, 20, 34, 0.22);\r\n\r\n    backdrop-filter: blur(5px);\r\n    -webkit-backdrop-filter: blur(5px);\r\n\r\n    animation:\r\n      breehornFrameIn 1.3s ease both,\r\n      breehornGoldShimmer 4.2s ease-in-out infinite;\r\n  }\r\n\r\n  \/* Zweite feine Rahmenlinie *\/\r\n  .breehorn-intro-frame::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 10px;\r\n\r\n    border: 1px solid rgba(216, 181, 111, 0.28);\r\n\r\n    box-shadow:\r\n      inset 0 0 22px rgba(218, 185, 118, 0.035);\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Kleine goldene Eckakzente *\/\r\n  .breehorn-intro-frame::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 5px;\r\n\r\n    border-top: 1px solid rgba(242, 215, 158, 0.34);\r\n    border-bottom: 1px solid rgba(135, 97, 40, 0.2);\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Breehorn 37 *\/\r\n  .breehorn-intro-main {\r\n    display: block;\r\n\r\n    margin: 0;\r\n    padding: 0.08em 12px 0;\r\n\r\n    color: #f2f0ea;\r\n\r\n    font-family:\r\n      \"Cormorant Garamond\",\r\n      \"Times New Roman\",\r\n      serif;\r\n\r\n    font-size: clamp(68px, 10vw, 142px);\r\n    font-weight: 500;\r\n    line-height: 1.08;\r\n    letter-spacing: 2px;\r\n\r\n    text-align: center;\r\n    white-space: nowrap;\r\n\r\n    text-shadow:\r\n      0 5px 25px rgba(0, 0, 0, 0.42),\r\n      0 0 20px rgba(213, 225, 232, 0.08);\r\n\r\n    animation:\r\n      breehornTextIn 1.4s 0.18s ease both;\r\n  }\r\n\r\n  \/* Kleine Trennlinie *\/\r\n  .breehorn-intro-divider {\r\n    display: block;\r\n\r\n    width: clamp(65px, 9vw, 110px);\r\n    height: 1px;\r\n\r\n    margin: clamp(23px, 3vw, 35px) 0\r\n            clamp(18px, 2.5vw, 27px);\r\n\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(239, 210, 150, 0.95),\r\n        transparent\r\n      );\r\n\r\n    box-shadow:\r\n      0 0 10px rgba(218, 177, 95, 0.28);\r\n\r\n    animation:\r\n      breehornDividerIn 1.4s 0.45s ease both;\r\n  }\r\n\r\n  \/* PJOTTER *\/\r\n  .breehorn-intro-name {\r\n    display: block;\r\n\r\n    margin: 0;\r\n    padding-left: 0.38em;\r\n\r\n    font-family:\r\n      \"Cormorant Garamond\",\r\n      \"Times New Roman\",\r\n      serif;\r\n\r\n    font-size: clamp(20px, 2.8vw, 35px);\r\n    font-weight: 500;\r\n    line-height: 1.2;\r\n    letter-spacing: 0.38em;\r\n\r\n    text-align: center;\r\n    white-space: nowrap;\r\n\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        #a77a35 0%,\r\n        #e8c884 38%,\r\n        #f2dca9 52%,\r\n        #bb8c42 100%\r\n      );\r\n\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n\r\n    color: transparent;\r\n    -webkit-text-fill-color: transparent;\r\n\r\n    filter:\r\n      drop-shadow(0 3px 10px rgba(0, 0, 0, 0.25));\r\n\r\n    animation:\r\n      breehornNameIn 1.4s 0.58s ease both;\r\n  }\r\n\r\n  \/* Einblendung des Rahmens *\/\r\n  @keyframes breehornFrameIn {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(12px) scale(0.975);\r\n    }\r\n\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0) scale(1);\r\n    }\r\n  }\r\n\r\n  \/* Haupttitel einblenden *\/\r\n  @keyframes breehornTextIn {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(9px);\r\n    }\r\n\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  \/* Trennlinie einblenden *\/\r\n  @keyframes breehornDividerIn {\r\n    from {\r\n      width: 0;\r\n      opacity: 0;\r\n    }\r\n\r\n    to {\r\n      width: clamp(65px, 9vw, 110px);\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  \/* Schiffsname einblenden *\/\r\n  @keyframes breehornNameIn {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(7px);\r\n      letter-spacing: 0.48em;\r\n    }\r\n\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n      letter-spacing: 0.38em;\r\n    }\r\n  }\r\n\r\n  \/* Goldschimmer bewegt sich durch den Rahmen *\/\r\n  @keyframes breehornGoldShimmer {\r\n    0% {\r\n      background-position:\r\n        center,\r\n        0% 0%;\r\n    }\r\n\r\n    50% {\r\n      background-position:\r\n        center,\r\n        100% 0%;\r\n    }\r\n\r\n    100% {\r\n      background-position:\r\n        center,\r\n        0% 0%;\r\n    }\r\n  }\r\n\r\n  \/* Sehr dezente Hintergrundbewegung *\/\r\n  @keyframes breehornBackgroundMove {\r\n    from {\r\n      transform: scale(1.09);\r\n      opacity: 0.68;\r\n    }\r\n\r\n    to {\r\n      transform: scale(1.02);\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  @keyframes breehornGlow {\r\n    from {\r\n      opacity: 0.55;\r\n      transform: scale(0.96);\r\n    }\r\n\r\n    to {\r\n      opacity: 1;\r\n      transform: scale(1.04);\r\n    }\r\n  }\r\n\r\n  \/* Gesamtes Intro ausblenden *\/\r\n  @keyframes breehornIntroOut {\r\n    from {\r\n      opacity: 1;\r\n    }\r\n\r\n    to {\r\n      opacity: 0;\r\n      transform: scale(0.995);\r\n    }\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 768px) {\r\n    .breehorn-intro-frame {\r\n      width: min(88vw, 680px);\r\n      min-height: 330px;\r\n      padding: 55px 32px;\r\n    }\r\n\r\n    .breehorn-intro-main {\r\n      font-size: clamp(60px, 12vw, 92px);\r\n      letter-spacing: 1px;\r\n    }\r\n\r\n    .breehorn-intro-name {\r\n      font-size: clamp(19px, 3.5vw, 27px);\r\n      letter-spacing: 0.32em;\r\n      padding-left: 0.32em;\r\n    }\r\n  }\r\n\r\n  \/* Smartphone *\/\r\n  @media (max-width: 480px) {\r\n    #intro-breehorn37 {\r\n      padding: 18px;\r\n    }\r\n\r\n    .breehorn-intro-frame {\r\n      width: 92vw;\r\n      min-height: 285px;\r\n      padding: 46px 18px;\r\n    }\r\n\r\n    .breehorn-intro-frame::before {\r\n      inset: 7px;\r\n    }\r\n\r\n    .breehorn-intro-main {\r\n      font-size: clamp(48px, 15vw, 68px);\r\n      line-height: 1.1;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .breehorn-intro-divider {\r\n      margin-top: 22px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .breehorn-intro-name {\r\n      font-size: 18px;\r\n      letter-spacing: 0.28em;\r\n      padding-left: 0.28em;\r\n    }\r\n  }\r\n\r\n  \/* Kleine Smartphones *\/\r\n  @media (max-width: 360px) {\r\n    .breehorn-intro-main {\r\n      font-size: 44px;\r\n    }\r\n\r\n    .breehorn-intro-name {\r\n      font-size: 16px;\r\n      letter-spacing: 0.24em;\r\n      padding-left: 0.24em;\r\n    }\r\n  }\r\n\r\n  \/*\r\n    ========================================================\r\n    REDUZIERTES LUXUS-INTRO\r\n    Ein ruhiger Hintergrund, ein gro\u00dfer Name und nur ein\r\n    einmaliger Lichtimpuls ersetzen Rahmen und Dauerschimmer.\r\n    ========================================================\r\n  *\/\r\n  #intro-breehorn37 {\r\n    padding: clamp(22px, 5vw, 70px);\r\n    background:\r\n      radial-gradient(\r\n        ellipse 62% 54% at 50% 45%,\r\n        rgba(40, 96, 130, 0.27) 0%,\r\n        rgba(15, 55, 82, 0.10) 48%,\r\n        transparent 76%\r\n      ),\r\n      linear-gradient(\r\n        180deg,\r\n        #09263d 0%,\r\n        #051a2c 54%,\r\n        #020d18 100%\r\n      );\r\n  }\r\n\r\n  \/* Ein einziges, langsam vorbeiziehendes Licht *\/\r\n  #intro-breehorn37::before {\r\n    inset: -20%;\r\n    background: linear-gradient(\r\n      110deg,\r\n      transparent 40%,\r\n      rgba(255, 255, 255, 0.045) 48%,\r\n      rgba(213, 178, 117, 0.055) 51%,\r\n      transparent 60%\r\n    );\r\n    transform: translateX(-72%) scale(1.05);\r\n    animation:\r\n      breehornLuxuryLight 3.1s 0.25s\r\n      cubic-bezier(0.22, 0.61, 0.36, 1) both;\r\n  }\r\n\r\n  \/* Sehr ruhige Vignette f\u00fcr mehr Tiefe *\/\r\n  #intro-breehorn37::after {\r\n    background: radial-gradient(\r\n      ellipse at center,\r\n      transparent 0%,\r\n      rgba(2, 14, 25, 0.10) 58%,\r\n      rgba(1, 8, 15, 0.56) 100%\r\n    );\r\n  }\r\n\r\n  .breehorn-intro-glow {\r\n    display: none;\r\n  }\r\n\r\n  \/* Kein Kasten: nur freie Typografie im dunkelblauen Raum *\/\r\n  .breehorn-intro-frame {\r\n    width: min(1160px, 94vw);\r\n    min-height: 0;\r\n    padding: clamp(32px, 6vw, 72px) 18px;\r\n    border: 0;\r\n    border-radius: 0;\r\n    background: none;\r\n    box-shadow: none;\r\n    backdrop-filter: none;\r\n    -webkit-backdrop-filter: none;\r\n    animation: none;\r\n  }\r\n\r\n  .breehorn-intro-frame::before,\r\n  .breehorn-intro-frame::after {\r\n    display: none;\r\n  }\r\n\r\n  \/* Kleine, weit gesetzte Modellbezeichnung *\/\r\n  .breehorn-intro-main {\r\n    order: 1;\r\n    margin: 0 0 clamp(20px, 2.6vw, 31px);\r\n    padding: 0 0 0 0.48em;\r\n    color: #d1b275;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: clamp(11px, 1.05vw, 14px);\r\n    font-weight: 600;\r\n    line-height: 1.2;\r\n    letter-spacing: 0.48em;\r\n    text-transform: uppercase;\r\n    text-shadow: 0 0 18px rgba(209, 178, 117, 0.18);\r\n    animation:\r\n      breehornLuxuryKickerIn 0.95s 0.12s ease both;\r\n  }\r\n\r\n  \/* Der Schiffsname ist der einzige gro\u00dfe Blickfang *\/\r\n  .breehorn-intro-name {\r\n    position: relative;\r\n    order: 2;\r\n    margin: 0;\r\n    padding: 0 0 0 0.035em;\r\n    font-family:\r\n      \"Cormorant Garamond\",\r\n      \"Times New Roman\",\r\n      serif;\r\n    font-size: clamp(92px, 15vw, 196px);\r\n    font-weight: 400;\r\n    line-height: 0.82;\r\n    letter-spacing: 0.035em;\r\n    text-shadow: 0 12px 42px rgba(0, 0, 0, 0.28);\r\n    filter: none;\r\n    background: linear-gradient(\r\n      105deg,\r\n      #f2efe8 0%,\r\n      #f2efe8 40%,\r\n      #fff8df 47%,\r\n      #d7b979 50%,\r\n      #fff8df 53%,\r\n      #f2efe8 60%,\r\n      #f2efe8 100%\r\n    );\r\n    background-size: 240% 100%;\r\n    background-position: 100% 0;\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    color: transparent;\r\n    -webkit-text-fill-color: transparent;\r\n    animation:\r\n      breehornLuxuryNameIn 1.15s 0.34s\r\n        cubic-bezier(0.22, 0.61, 0.36, 1) both,\r\n      breehornLuxuryNameLight 1.65s 1.02s ease-in-out both;\r\n  }\r\n\r\n  \/* Eine einzige feine Goldlinie unter dem Namen *\/\r\n  .breehorn-intro-divider {\r\n    order: 3;\r\n    width: clamp(120px, 20vw, 235px);\r\n    height: 1px;\r\n    margin: clamp(31px, 4vw, 48px) 0 0;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(209, 178, 117, 0.94) 50%,\r\n      transparent\r\n    );\r\n    box-shadow: 0 0 14px rgba(209, 178, 117, 0.22);\r\n    opacity: 0;\r\n    transform: scaleX(0);\r\n    transform-origin: center;\r\n    animation:\r\n      breehornLuxuryLineIn 1.1s 0.88s ease-out forwards;\r\n  }\r\n\r\n  @keyframes breehornLuxuryKickerIn {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(-6px);\r\n    }\r\n\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  @keyframes breehornLuxuryNameIn {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(12px) scale(0.985);\r\n      letter-spacing: 0.06em;\r\n    }\r\n\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0) scale(1);\r\n      letter-spacing: 0.035em;\r\n    }\r\n  }\r\n\r\n  @keyframes breehornLuxuryNameLight {\r\n    from {\r\n      background-position: 100% 0;\r\n    }\r\n\r\n    to {\r\n      background-position: -100% 0;\r\n    }\r\n  }\r\n\r\n  @keyframes breehornLuxuryLineIn {\r\n    from {\r\n      opacity: 0;\r\n      transform: scaleX(0);\r\n    }\r\n\r\n    to {\r\n      opacity: 1;\r\n      transform: scaleX(1);\r\n    }\r\n  }\r\n\r\n  @keyframes breehornLuxuryLight {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateX(-72%) scale(1.05);\r\n    }\r\n\r\n    22% {\r\n      opacity: 1;\r\n    }\r\n\r\n    to {\r\n      opacity: 0.75;\r\n      transform: translateX(72%) scale(1.05);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .breehorn-intro-frame {\r\n      width: 94vw;\r\n      min-height: 0;\r\n      padding: 42px 16px;\r\n    }\r\n\r\n    .breehorn-intro-main {\r\n      margin-bottom: 22px;\r\n      font-size: 11px;\r\n      letter-spacing: 0.40em;\r\n      padding-left: 0.40em;\r\n    }\r\n\r\n    .breehorn-intro-name {\r\n      font-size: clamp(72px, 18vw, 126px);\r\n    }\r\n\r\n    .breehorn-intro-divider {\r\n      margin-top: 34px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    #intro-breehorn37 {\r\n      padding: 14px;\r\n    }\r\n\r\n    .breehorn-intro-frame {\r\n      width: 96vw;\r\n      min-height: 0;\r\n      padding: 36px 8px;\r\n    }\r\n\r\n    .breehorn-intro-main {\r\n      margin-bottom: 20px;\r\n      font-size: 9px;\r\n      letter-spacing: 0.36em;\r\n      padding-left: 0.36em;\r\n    }\r\n\r\n    .breehorn-intro-name {\r\n      font-size: clamp(61px, 21vw, 96px);\r\n      line-height: 0.86;\r\n      letter-spacing: 0.02em;\r\n      padding-left: 0.02em;\r\n    }\r\n\r\n    .breehorn-intro-divider {\r\n      width: 132px;\r\n      margin-top: 29px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 360px) {\r\n    .breehorn-intro-name {\r\n      font-size: 57px;\r\n    }\r\n  }\r\n\r\n  \/* Reduzierte Animationen ber\u00fccksichtigen *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #intro-breehorn37::before,\r\n    .breehorn-intro-glow,\r\n    .breehorn-intro-frame,\r\n    .breehorn-intro-main,\r\n    .breehorn-intro-divider,\r\n    .breehorn-intro-name {\r\n      animation: none !important;\r\n    }\r\n\r\n    .breehorn-intro-divider {\r\n      opacity: 1;\r\n      transform: scaleX(1);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    \/* Alte Intros entfernen *\/\r\n    function removeOldIntros() {\r\n      document\r\n        .querySelectorAll(\r\n          \"#intro-marieholm26, #sigma-intro, #intro-spitzgatter\"\r\n        )\r\n        .forEach(function (element) {\r\n          element.remove();\r\n        });\r\n    }\r\n\r\n    removeOldIntros();\r\n\r\n    const observer = new MutationObserver(removeOldIntros);\r\n\r\n    observer.observe(document.documentElement, {\r\n      childList: true,\r\n      subtree: true\r\n    });\r\n\r\n    window.setTimeout(function () {\r\n      observer.disconnect();\r\n    }, 10000);\r\n\r\n    \/* Im Elementor-Editor nicht anzeigen *\/\r\n    if (window.location.href.includes(\"elementor-preview\")) {\r\n      const editorIntro =\r\n        document.getElementById(\"intro-breehorn37\");\r\n\r\n      if (editorIntro) {\r\n        editorIntro.remove();\r\n      }\r\n\r\n      return;\r\n    }\r\n\r\n    function startBreehornIntro() {\r\n      const intro =\r\n        document.getElementById(\"intro-breehorn37\");\r\n\r\n      if (!intro) return;\r\n\r\n      const previousHtmlOverflow =\r\n        document.documentElement.style.overflow;\r\n\r\n      const previousBodyOverflow =\r\n        document.body\r\n          ? document.body.style.overflow\r\n          : \"\";\r\n\r\n      \/* Scrollen w\u00e4hrend des Intros verhindern *\/\r\n      document.documentElement.style.overflow = \"hidden\";\r\n\r\n      if (document.body) {\r\n        document.body.style.overflow = \"hidden\";\r\n      }\r\n\r\n      \/* Kurzer, filmischer Auftritt mit anschlie\u00dfendem Ausblenden *\/\r\n      window.setTimeout(function () {\r\n        intro.style.animation =\r\n          \"breehornIntroOut 1s ease forwards\";\r\n\r\n        \/* Nach dem Ausblenden entfernen *\/\r\n        window.setTimeout(function () {\r\n          intro.remove();\r\n\r\n          document.documentElement.style.overflow =\r\n            previousHtmlOverflow;\r\n\r\n          if (document.body) {\r\n            document.body.style.overflow =\r\n              previousBodyOverflow;\r\n          }\r\n        }, 1000);\r\n      }, 2700);\r\n    }\r\n\r\n    if (\r\n      document.readyState === \"complete\" ||\r\n      document.readyState === \"interactive\"\r\n    ) {\r\n      startBreehornIntro();\r\n    } else {\r\n      document.addEventListener(\r\n        \"DOMContentLoaded\",\r\n        startBreehornIntro,\r\n        { once: true }\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac3ec6b e-flex e-con-boxed e-con e-parent\" data-id=\"ac3ec6b\" 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-67f44bc elementor-widget elementor-widget-html\" data-id=\"67f44bc\" 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:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600;700&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<div class=\"cc-logo-wrap\">\r\n\r\n  <div class=\"cc-logo\">\r\n\r\n    <span class=\"cc-logo-main\">\r\n      Breehorn 37\r\n    <\/span>\r\n\r\n    <span class=\"cc-logo-sub\">\r\n      WERFTBAUKUNST\r\n    <\/span>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"cc-gold-line\"><\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  .cc-logo-wrap,\r\n  .cc-logo-wrap * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .cc-logo-wrap {\r\n    width: 100%;\r\n    padding-top: 18px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    overflow: visible;\r\n    text-align: center;\r\n  }\r\n\r\n  .cc-logo {\r\n    display: flex;\r\n    width: max-content;\r\n    max-width: 100%;\r\n\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    overflow: visible;\r\n    text-align: center;\r\n  }\r\n\r\n  .cc-logo-main {\r\n    display: block;\r\n    margin: 0;\r\n    padding: 0.08em 12px 0;\r\n\r\n    font-family:\r\n      \"Cormorant Garamond\",\r\n      \"Times New Roman\",\r\n      serif;\r\n\r\n    font-size: 90px;\r\n    font-weight: 500;\r\n    line-height: 1.12;\r\n    letter-spacing: 3px;\r\n\r\n    color: #071b2d;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .cc-logo-sub {\r\n    display: block;\r\n\r\n    \/* Ohne seitliche Verschiebung genau mittig *\/\r\n    margin: 22px 0 0;\r\n    padding-left: 8px;\r\n\r\n    font-family:\r\n      \"Cormorant Garamond\",\r\n      \"Times New Roman\",\r\n      serif;\r\n\r\n    font-size: 30px;\r\n    font-weight: 500;\r\n    line-height: 1.2;\r\n    letter-spacing: 8px;\r\n\r\n    color: #071b2d;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Goldene Linie *\/\r\n  .cc-gold-line {\r\n    width: 100%;\r\n    height: 2px;\r\n    margin-top: 6px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent 0%,\r\n        rgba(180, 138, 68, 0.15) 10%,\r\n        rgba(180, 138, 68, 0.95) 50%,\r\n        rgba(180, 138, 68, 0.15) 90%,\r\n        transparent 100%\r\n      );\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 768px) {\r\n    .cc-logo-wrap {\r\n      padding-top: 14px;\r\n    }\r\n\r\n    .cc-logo-main {\r\n      padding-top: 0.08em;\r\n      font-size: 64px;\r\n      line-height: 1.12;\r\n      letter-spacing: 2px;\r\n    }\r\n\r\n    .cc-logo-sub {\r\n      margin-top: 16px;\r\n      padding-left: 6px;\r\n      font-size: 12px;\r\n      letter-spacing: 6px;\r\n    }\r\n  }\r\n\r\n  \/* Smartphone *\/\r\n  @media (max-width: 480px) {\r\n    .cc-logo-wrap {\r\n      padding-top: 12px;\r\n    }\r\n\r\n    .cc-logo-main {\r\n      padding-top: 0.08em;\r\n      font-size: 52px;\r\n      line-height: 1.12;\r\n      letter-spacing: 1px;\r\n    }\r\n\r\n    .cc-logo-sub {\r\n      margin-top: 13px;\r\n      padding-left: 5px;\r\n      font-size: 11px;\r\n      letter-spacing: 5px;\r\n    }\r\n  }\r\n\r\n  \/* Sehr kleine Smartphones *\/\r\n  @media (max-width: 360px) {\r\n    .cc-logo-main {\r\n      font-size: 45px;\r\n    }\r\n\r\n    .cc-logo-sub {\r\n      font-size: 9px;\r\n      letter-spacing: 4px;\r\n    }\r\n  }\r\n<\/style>\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-3efcdce e-con-full e-flex e-con e-parent\" data-id=\"3efcdce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d39dee6 elementor-widget elementor-widget-html\" data-id=\"d39dee6\" 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<!--\r\n  SOULBOATS \u2013 Breehorn 37 \"Pjotter\"\r\n  Elementor Hero: festes Titelbild und Datenleiste\r\n\r\n  Den gesamten Inhalt in EIN Elementor-HTML-Widget kopieren.\r\n\r\n  Im HTML muss nur die Adresse des Pjotter-Titelbildes ersetzt werden.\r\n-->\r\n\r\n<!-- Elegante Serifenschrift wie in der Circe-Vorlage -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<section\r\n  class=\"pjotter-hero-section\"\r\n  data-pjotter-hero\r\n>\r\n\r\n  <!-- HERO MIT FESTEM TITELBILD -->\r\n  <div class=\"pjotter-hero\">\r\n\r\n    <!-- FESTES TITELBILD -->\r\n    <img decoding=\"async\"\r\n      class=\"pjotter-hero-image\"\r\n      src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/dji_fly_20260811_155055_e5cdc6eb-587d-44fe-88e8-2d96420541db_1787065277109_photo-2-scaled.jpg\"\r\n      alt=\"Breehorn 37 Pjotter\"\r\n      loading=\"eager\"\r\n      fetchpriority=\"high\"\r\n    >\r\n\r\n    <!-- Verlauf \u00fcber dem festen Titelbild -->\r\n    <div class=\"pjotter-hero-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- Text \u00fcber dem festen Titelbild -->\r\n    <div class=\"pjotter-hero-content\">\r\n\r\n      <span class=\"pjotter-hero-overline\">\r\n        BEREIT F\u00dcR WEITE HORIZONTE\r\n      <\/span>\r\n\r\n      <h1>PJOTTER<\/h1>\r\n\r\n      <p class=\"pjotter-hero-description\">\r\n        Breehorn 37 <span aria-hidden=\"true\">\u00b7<\/span> Baujahr 1995\r\n      <\/p>\r\n\r\n      <span class=\"pjotter-hero-claim\">\r\n        Sicher und seeg\u00e4ngig. Sorgf\u00e4ltig ausger\u00fcstet.<br>\r\n        \r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- TECHNISCHE DATENLEISTE -->\r\n  <div class=\"pjotter-data-bar\">\r\n    <div class=\"pjotter-data-inner\">\r\n\r\n      <div class=\"pjotter-data-item\">\r\n        <span class=\"pjotter-data-label\">Baujahr<\/span>\r\n        <strong>1995<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"pjotter-data-item\">\r\n        <span class=\"pjotter-data-label\">L\u00e4nge<\/span>\r\n        <strong>11,20 m<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"pjotter-data-item\">\r\n        <span class=\"pjotter-data-label\">Breite<\/span>\r\n        <strong>3,54 m<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"pjotter-data-item\">\r\n        <span class=\"pjotter-data-label\">Tiefgang<\/span>\r\n        <strong>2,05 m<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"pjotter-data-item\">\r\n        <span class=\"pjotter-data-label\">Motor<\/span>\r\n        <strong>Volvo Penta<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"pjotter-data-item\">\r\n        <span class=\"pjotter-data-label\">Preis<\/span>\r\n        <strong>124.900 \u20ac<\/strong>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n  \/* GRUNDEINSTELLUNGEN *\/\r\n  .pjotter-hero-section,\r\n  .pjotter-hero-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* GESAMTER BEREICH *\/\r\n  .pjotter-hero-section {\r\n    position: relative;\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n  }\r\n\r\n  \/* HERO *\/\r\n  .pjotter-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    height: clamp(520px, 70vh, 780px);\r\n    overflow: hidden;\r\n    background: linear-gradient(\r\n      90deg,\r\n      #faf7ef 0%,\r\n      #efe2c8 34%,\r\n      #d2b275 56%,\r\n      #071b2d 100%\r\n    );\r\n  }\r\n\r\n  \/* FESTES TITELBILD *\/\r\n  .pjotter-hero-section .pjotter-hero-image {\r\n    position: absolute !important;\r\n    z-index: 0;\r\n    inset: 0 0 0 auto !important;\r\n    display: block !important;\r\n    width: auto !important;\r\n    height: 100% !important;\r\n    max-width: none !important;\r\n    max-height: none !important;\r\n    object-fit: contain !important;\r\n    object-position: right center !important;\r\n    filter: brightness(1.04) contrast(.98) saturate(.94);\r\n    transform: none !important;\r\n\r\n    \/* Die tats\u00e4chliche linke Bildkante weich in den Goldnebel ausblenden *\/\r\n    -webkit-mask-image: linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(0, 0, 0, .18) 3%,\r\n      rgba(0, 0, 0, .42) 7%,\r\n      rgba(0, 0, 0, .70) 12%,\r\n      rgba(0, 0, 0, .90) 16%,\r\n      #000 20%\r\n    );\r\n    mask-image: linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(0, 0, 0, .18) 3%,\r\n      rgba(0, 0, 0, .42) 7%,\r\n      rgba(0, 0, 0, .70) 12%,\r\n      rgba(0, 0, 0, .90) 16%,\r\n      #000 20%\r\n    );\r\n    -webkit-mask-repeat: no-repeat;\r\n    mask-repeat: no-repeat;\r\n  }\r\n\r\n  \/* WEICHER GOLDNEBEL: Textfl\u00e4che links, klares Foto rechts *\/\r\n  .pjotter-hero-overlay {\r\n    position: absolute;\r\n    z-index: 1;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background:\r\n      radial-gradient(\r\n        ellipse 54% 112% at 23% 50%,\r\n        rgba(224, 194, 135, .34) 0%,\r\n        rgba(209, 178, 117, .17) 46%,\r\n        transparent 76%\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(250, 247, 239, .99) 0%,\r\n        rgba(247, 240, 225, .96) 24%,\r\n        rgba(229, 207, 164, .78) 42%,\r\n        rgba(209, 178, 117, .38) 56%,\r\n        rgba(209, 178, 117, .09) 68%,\r\n        transparent 80%\r\n      ),\r\n      linear-gradient(\r\n        0deg,\r\n        rgba(246, 236, 216, .20) 0%,\r\n        transparent 42%\r\n      );\r\n    opacity: 1;\r\n    transition: opacity .9s ease;\r\n  }\r\n\r\n  \/* TEXTE *\/\r\n  .pjotter-hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    width: min(1240px, calc(100% - 60px));\r\n    height: 100%;\r\n    margin: 0 auto;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    color: #071b2d;\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition:\r\n      opacity .9s ease .18s,\r\n      transform .9s ease .18s;\r\n  }\r\n\r\n  .pjotter-hero-overline {\r\n    display: block;\r\n    margin-bottom: 17px;\r\n    color: #a47b37;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n    letter-spacing: 5px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* SCHIFFSNAME *\/\r\n  .pjotter-hero-content h1 {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    color: #071b2d !important;\r\n    -webkit-text-fill-color: #071b2d !important;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif !important;\r\n    font-size: clamp(76px, 11vw, 168px) !important;\r\n    font-weight: 500 !important;\r\n    font-style: normal !important;\r\n    line-height: .79 !important;\r\n    letter-spacing: -4px !important;\r\n    text-transform: none !important;\r\n    text-shadow: 0 3px 14px rgba(255, 255, 255, .75);\r\n  }\r\n\r\n  .pjotter-hero-description {\r\n    max-width: 650px;\r\n    margin: 34px 0 7px;\r\n    color: #071b2d;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: clamp(21px, 2.3vw, 34px);\r\n    font-weight: 500;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .pjotter-hero-claim {\r\n    display: block;\r\n    max-width: 670px;\r\n    color: #344653;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: clamp(17px, 1.5vw, 23px);\r\n    font-weight: 400;\r\n    line-height: 1.38;\r\n  }\r\n\r\n  \/* ALTWEISSE DATENLEISTE: verbindet sich optisch mit den folgenden Bereichen *\/\r\n  .pjotter-data-bar {\r\n    position: relative;\r\n    width: 100%;\r\n    border-top: 1px solid rgba(164, 123, 55, .32);\r\n    border-bottom: 0;\r\n    background: #fbfaf7;\r\n  }\r\n\r\n  .pjotter-data-inner {\r\n    display: grid;\r\n    grid-template-columns: repeat(6, minmax(0, 1fr));\r\n    align-items: stretch;\r\n    width: min(1240px, calc(100% - 50px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .pjotter-data-item {\r\n    position: relative;\r\n    display: flex;\r\n    min-height: 94px;\r\n    padding: 20px 18px;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .pjotter-data-item:not(:last-child)::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 24%;\r\n    right: 0;\r\n    bottom: 24%;\r\n    width: 1px;\r\n    background: rgba(7, 27, 45, .16);\r\n  }\r\n\r\n  .pjotter-data-label {\r\n    display: block;\r\n    margin-bottom: 7px;\r\n    color: #a47b37;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    line-height: 1.2;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .pjotter-data-item strong {\r\n    color: #071b2d;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: 22px;\r\n    font-weight: 500;\r\n    line-height: 1.1;\r\n  }\r\n\r\n  \/* TABLET *\/\r\n  @media (max-width: 950px) {\r\n    .pjotter-hero {\r\n      height: 620px;\r\n    }\r\n\r\n    .pjotter-hero-content {\r\n      width: min(100% - 44px, 760px);\r\n    }\r\n\r\n    .pjotter-hero-overlay {\r\n      background:\r\n        radial-gradient(\r\n          ellipse 66% 110% at 22% 50%,\r\n          rgba(224, 194, 135, .30) 0%,\r\n          rgba(209, 178, 117, .13) 48%,\r\n          transparent 78%\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(250, 247, 239, .98) 0%,\r\n          rgba(246, 238, 221, .94) 30%,\r\n          rgba(226, 200, 149, .68) 50%,\r\n          rgba(209, 178, 117, .20) 70%,\r\n          transparent 92%\r\n        );\r\n    }\r\n\r\n    .pjotter-data-inner {\r\n      width: 100%;\r\n      grid-template-columns: repeat(3, 1fr);\r\n    }\r\n\r\n    .pjotter-data-item {\r\n      min-height: 88px;\r\n    }\r\n\r\n    .pjotter-data-item:nth-child(3)::after {\r\n      display: none;\r\n    }\r\n\r\n    .pjotter-data-item:nth-child(-n + 3) {\r\n      border-bottom: 1px solid rgba(7, 27, 45, .12);\r\n    }\r\n  }\r\n\r\n  \/* SMARTPHONE *\/\r\n  @media (max-width: 600px) {\r\n    .pjotter-hero {\r\n      height: 600px;\r\n    }\r\n\r\n    .pjotter-hero-section .pjotter-hero-image {\r\n      inset: 0 !important;\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      object-fit: contain !important;\r\n      object-position: right center !important;\r\n      -webkit-mask-image: none;\r\n      mask-image: none;\r\n    }\r\n\r\n    .pjotter-hero-overlay {\r\n      background:\r\n        radial-gradient(\r\n          ellipse 120% 48% at 16% 84%,\r\n          rgba(224, 194, 135, .32) 0%,\r\n          rgba(209, 178, 117, .12) 48%,\r\n          transparent 78%\r\n        ),\r\n        linear-gradient(\r\n          0deg,\r\n          rgba(250, 247, 239, .98) 0%,\r\n          rgba(246, 238, 221, .93) 28%,\r\n          rgba(226, 200, 149, .62) 50%,\r\n          rgba(209, 178, 117, .16) 70%,\r\n          transparent 88%\r\n        );\r\n    }\r\n\r\n    .pjotter-hero-content {\r\n      width: calc(100% - 36px);\r\n      justify-content: flex-end;\r\n      padding-bottom: 48px;\r\n    }\r\n\r\n    .pjotter-hero-overline {\r\n      margin-bottom: 12px;\r\n      font-size: 9px;\r\n      letter-spacing: 3px;\r\n    }\r\n\r\n    .pjotter-hero-content h1 {\r\n      font-size: clamp(62px, 21vw, 102px) !important;\r\n      line-height: .82 !important;\r\n      letter-spacing: -2px !important;\r\n    }\r\n\r\n    .pjotter-hero-description {\r\n      margin-top: 24px;\r\n      font-size: 22px;\r\n      line-height: 1.18;\r\n    }\r\n\r\n    .pjotter-hero-claim {\r\n      font-size: 17px;\r\n    }\r\n\r\n    .pjotter-data-inner {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .pjotter-data-item {\r\n      min-height: 82px;\r\n      padding: 16px 8px;\r\n    }\r\n\r\n    .pjotter-data-item:nth-child(3)::after {\r\n      display: block;\r\n    }\r\n\r\n    .pjotter-data-item:nth-child(even)::after {\r\n      display: none;\r\n    }\r\n\r\n    .pjotter-data-item:nth-child(-n + 4) {\r\n      border-bottom: 1px solid rgba(7, 27, 45, .12);\r\n    }\r\n\r\n    .pjotter-data-item strong {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n\r\n  \/* KLEINE SMARTPHONES *\/\r\n  @media (max-width: 390px) {\r\n    .pjotter-hero {\r\n      height: 560px;\r\n    }\r\n\r\n    .pjotter-hero-description {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .pjotter-data-item strong {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n\r\n  \/* BEI REDUZIERTEN ANIMATIONEN \u00dcBERG\u00c4NGE ABSCHALTEN *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .pjotter-hero-overlay,\r\n    .pjotter-hero-content {\r\n      transition: none !important;\r\n    }\r\n  }\r\n  \r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-384b57b e-flex e-con-boxed e-con e-child\" data-id=\"384b57b\" 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-a6db6e5 elementor-widget elementor-widget-html\" data-id=\"a6db6e5\" 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<!--\r\n  SOULBOATS \u2013 Breehorn 37 \"Pjotter\"\r\n  Abschnitt 2: Kurzbeschreibung mit transparentem Kompass\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<style>\r\n  .sb-breehorn-summary,\r\n  .sb-breehorn-summary * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sb-breehorn-summary {\r\n    \/* Transparente PNG-Datei des Kompasses *\/\r\n    --sb-summary-compass: url(\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/Objekt.png\");\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    border-radius: 0 !important;\r\n    border-top: 0;\r\n    border-bottom: 1px solid rgba(209, 178, 117, .28);\r\n    background: #071b2d;\r\n    color: #f6f3ed;\r\n  }\r\n\r\n  \/* Goldstreifen an der oberen Au\u00dfenkante mit weich auslaufenden Seiten *\/\r\n  .sb-breehorn-summary::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 1;\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    height: 2px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(200, 154, 81, .22) 12%,\r\n      rgba(224, 190, 125, .95) 50%,\r\n      rgba(200, 154, 81, .22) 88%,\r\n      transparent 100%\r\n    );\r\n    box-shadow: 0 0 14px rgba(224, 190, 125, .38);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/*\r\n    Transparenter Kompass unter der \u00dcberschrift.\r\n    Die PNG besitzt keinen eigenen Hintergrund \u2013 sichtbar bleibt daher\r\n    ausschlie\u00dflich der Kompass auf dem dunkelblauen Abschnitt.\r\n  *\/\r\n  .sb-breehorn-summary::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    left: max(20px, calc((100% - 1290px) \/ 2));\r\n    bottom: -40px;\r\n    width: clamp(280px, 29vw, 400px);\r\n    aspect-ratio: 1 \/ 1;\r\n    pointer-events: none;\r\n\r\n    background-color: transparent;\r\n    background-image: var(--sb-summary-compass);\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    background-size: contain;\r\n\r\n    opacity: .30;\r\n    filter: saturate(.70) contrast(.90) brightness(.80) blur(.35px);\r\n\r\n    \/* Weiche ovale Ausblendung: unten sichtbar, an allen R\u00e4ndern sanft *\/\r\n    -webkit-mask-image: radial-gradient(\r\n      ellipse 78% 74% at 38% 70%,\r\n      #000 0%,\r\n      #000 32%,\r\n      rgba(0, 0, 0, .58) 58%,\r\n      rgba(0, 0, 0, .16) 76%,\r\n      transparent 94%\r\n    );\r\n    mask-image: radial-gradient(\r\n      ellipse 78% 74% at 38% 70%,\r\n      #000 0%,\r\n      #000 32%,\r\n      rgba(0, 0, 0, .58) 58%,\r\n      rgba(0, 0, 0, .16) 76%,\r\n      transparent 94%\r\n    );\r\n    -webkit-mask-repeat: no-repeat;\r\n    mask-repeat: no-repeat;\r\n  }\r\n\r\n  .sb-breehorn-summary__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    grid-template-columns: minmax(230px, 0.78fr) minmax(0, 2fr);\r\n    column-gap: clamp(48px, 8vw, 130px);\r\n    align-items: start;\r\n    width: min(1180px, calc(100% - 80px));\r\n    margin-inline: auto;\r\n    padding-block: clamp(34px, 4vw, 54px);\r\n    border-radius: 0 !important;\r\n  }\r\n\r\n  \/* Zweiter Goldstreifen innerhalb der blauen Fl\u00e4che *\/\r\n  .sb-breehorn-summary__inner::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 14px;\r\n    right: 0;\r\n    left: 0;\r\n    height: 2px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(200, 154, 81, .22) 12%,\r\n      rgba(224, 190, 125, .95) 50%,\r\n      rgba(200, 154, 81, .22) 88%,\r\n      transparent 100%\r\n    );\r\n    box-shadow: 0 0 14px rgba(224, 190, 125, .38);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u00dcberschrift \u201eKurzbeschreibung\u201c *\/\r\n  .sb-breehorn-summary\r\n  .sb-breehorn-summary__title {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    color: #d1b275 !important;\r\n    -webkit-text-fill-color: #d1b275 !important;\r\n\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif !important;\r\n    font-size: clamp(38px, 3.4vw, 46px) !important;\r\n    font-weight: 400 !important;\r\n    font-style: normal !important;\r\n    line-height: 1.2 !important;\r\n    letter-spacing: 0.01em !important;\r\n    text-transform: none !important;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .sb-breehorn-summary__text {\r\n    max-width: 790px;\r\n    margin: 0;\r\n    color: #f6f3ed;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n    font-weight: 400;\r\n    line-height: 1.72;\r\n  }\r\n\r\n  .sb-breehorn-summary__text strong {\r\n    color: #d1b275;\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 1024px) {\r\n    .sb-breehorn-summary::after {\r\n      left: 24px;\r\n      bottom: -115px;\r\n      width: clamp(270px, 34vw, 340px);\r\n      opacity: .10;\r\n    }\r\n\r\n    .sb-breehorn-summary__inner {\r\n      grid-template-columns: minmax(200px, 0.7fr) minmax(0, 2fr);\r\n      column-gap: 40px;\r\n      width: calc(100% - 60px);\r\n    }\r\n\r\n    .sb-breehorn-summary\r\n    .sb-breehorn-summary__title {\r\n      font-size: 34px !important;\r\n    }\r\n  }\r\n\r\n  \/* Smartphone *\/\r\n  @media (max-width: 767px) {\r\n    .sb-breehorn-summary::after {\r\n      left: -30px;\r\n      bottom: -74px;\r\n      width: min(74vw, 290px);\r\n      opacity: .075;\r\n      filter: saturate(.65) contrast(.92) brightness(.74) blur(.35px);\r\n    }\r\n\r\n    .sb-breehorn-summary__inner {\r\n      grid-template-columns: 1fr;\r\n      row-gap: 18px;\r\n      width: calc(100% - 40px);\r\n      padding-block: 30px 34px;\r\n    }\r\n\r\n    .sb-breehorn-summary\r\n    .sb-breehorn-summary__title {\r\n      font-size: 30px !important;\r\n      white-space: normal;\r\n    }\r\n\r\n    .sb-breehorn-summary__text {\r\n      font-size: 0.98rem;\r\n      line-height: 1.65;\r\n    }\r\n  }\r\n\r\n  \/* Nutzer mit reduzierter Transparenz erhalten eine ruhigere Darstellung *\/\r\n  @media (prefers-reduced-transparency: reduce) {\r\n    .sb-breehorn-summary::after {\r\n      opacity: .07;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section\r\n  class=\"sb-breehorn-summary\"\r\n  aria-labelledby=\"breehorn-kurzbeschreibung\"\r\n>\r\n  <div class=\"sb-breehorn-summary__inner\">\r\n\r\n    <h2\r\n      class=\"sb-breehorn-summary__title\"\r\n      id=\"breehorn-kurzbeschreibung\"\r\n    >\r\n      Kurzbeschreibung\r\n    <\/h2>\r\n\r\n    <p class=\"sb-breehorn-summary__text\">\r\nDie <strong>Breehorn 37 \u201ePjotter\u201c<\/strong> pr\u00e4sentiert sich als sehr gepflegte und sorgf\u00e4ltig ausger\u00fcstete Fahrtenyacht, deren bew\u00e4hrte Technik kontinuierlich gewartet und gezielt modernisiert wurde. Der seeg\u00e4ngige Entwurf von <strong>Dick Koopmans Sr.<\/strong> verbindet ausgewogene Linien mit einem ruhigen und gutm\u00fctigen Verhalten: Ihre Rumpfform l\u00e4sst Pjotter weich in die Welle eintauchen und sorgt auch unter anspruchsvolleren Bedingungen f\u00fcr angenehme Bewegungen. Das gesch\u00fctzte Cockpit vermittelt auf rauer See Sicherheit, gute \u00dcbersicht und unmittelbare Kontrolle \u00fcber die Yacht. F\u00fcr l\u00e4ngere Reisen ist Pjotter mit umfangreicher sicherheitsrelevanter Ausr\u00fcstung sowie zuverl\u00e4ssiger Technik vorbereitet. Eine Windsteueranlage und der Raymarine-Autopilot entlasten die Crew auf langen Etappen und erm\u00f6glichen komfortables Segeln auch \u00fcber viele Stunden. Damit ist Pjotter eine solide und erfahrene Fahrtenyacht f\u00fcr Eigner, die Wert auf Seeg\u00e4ngigkeit, Sicherheit und einen ausgezeichneten Pflegezustand legen.\r\n\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e56bfa e-con-full e-flex e-con e-child\" data-id=\"4e56bfa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f93c135 e-con-full e-flex e-con e-child\" data-id=\"f93c135\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29855ec elementor-widget elementor-widget-html\" data-id=\"29855ec\" 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<!--\r\n  SOULBOATS \u2013 Breehorn 37 \"Pjotter\"\r\n  Technische Daten mit seitlicher Yacht-Silhouette\r\n\r\n  Den vollst\u00e4ndigen Inhalt in EIN Elementor-HTML-Widget kopieren.\r\n\r\n  WICHTIG:\r\n  1. Die transparente Pjotter-Grafik in WordPress hochladen.\r\n  2. Unten im <section>-Element nur diese Bildadresse ersetzen:\r\n     HIER-DIE-WORDPRESS-URL-DER-TRANSPARENTEN-PJOTTER-GRAFIK-EINSETZEN.png\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<section\r\n  class=\"sb-pjotter-specs\"\r\n  aria-labelledby=\"sb-pjotter-specs-title\"\r\n  style=\"--sb-specs-yacht-image: url('https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/FB8808B3-D12D-4B39-B0E1-F7B8E8F3E37C.png');\"\r\n>\r\n  <div class=\"sb-pjotter-specs__inner\">\r\n\r\n    <header class=\"sb-pjotter-specs__header\">\r\n      <span class=\"sb-pjotter-specs__overline\">\r\n        TECHNISCHE DATEN\r\n      <\/span>\r\n\r\n      <h2 id=\"sb-pjotter-specs-title\">\r\n        Die wichtigsten Fakten auf einen Blick\r\n      <\/h2>\r\n    <\/header>\r\n\r\n    <div class=\"sb-pjotter-specs__layout\">\r\n\r\n      <!-- KOMPAKTE DATEN AUF DER LINKEN SEITE -->\r\n      <dl class=\"sb-pjotter-specs__grid\">\r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Hersteller<\/dt>\r\n          <dd>Breehorn<\/dd>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Modell<\/dt>\r\n          <dd>Breehorn 37<\/dd>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Bootsname<\/dt>\r\n          <dd>Pjotter<\/dd>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Baujahr<\/dt>\r\n          <dd>1995<\/dd>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Konstrukteur<\/dt>\r\n          <dd>Dick Koopmans Sr.<\/dd>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Material<\/dt>\r\n          <dd>GFK<\/dd>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>L\u00e4nge \u00fcber alles<\/dt>\r\n          <dd>11,20 m<\/dd>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Breite<\/dt>\r\n          <dd>3,54 m<\/dd>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Tiefgang<\/dt>\r\n          <dd>2,05 m<\/dd>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Verdr\u00e4ngung<\/dt>\r\n          <dd>8.581 kg<\/dd>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Motor<\/dt>\r\n          <dd>Volvo Penta MD2040 \u00b7 38 PS<\/dd>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Antrieb<\/dt>\r\n          <dd>Saildrive<\/dd>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Kojen<\/dt>\r\n          <dd>6<\/dd>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Wassertank<\/dt>\r\n          <dd>140 l<\/dd>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Dieseltank<\/dt>\r\n          <dd>120 l<\/dd>\r\n        <\/div>\r\n        \r\n         <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Ruderanlage<\/dt>\r\n          <dd>skeggelagertes Ruder<\/dd>\r\n        <\/div>\r\n        \r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Rigg<\/dt>\r\n          <dd>Kuttertakelung<\/dd>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-specs__item\">\r\n          <dt>Liegeplatz<\/dt>\r\n          <dd>Lelystad \u00b7 Niederlande<\/dd>\r\n        <\/div>\r\n      <\/dl>\r\n\r\n      <!-- SEITLICHE PJOTTER-SILHOUETTE AUF DER RECHTEN SEITE -->\r\n      <aside\r\n        class=\"sb-pjotter-specs__visual\"\r\n        aria-label=\"Seitliche Illustration der Breehorn 37 Pjotter\"\r\n      >\r\n        <div\r\n          class=\"sb-pjotter-specs__artwork\"\r\n          role=\"img\"\r\n          aria-label=\"Pjotter als seitliche Yacht-Silhouette\"\r\n        ><\/div>\r\n\r\n\r\n      <\/aside>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .sb-pjotter-specs,\r\n  .sb-pjotter-specs * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sb-pjotter-specs {\r\n    --sb-specs-navy: #071b2d;\r\n    --sb-specs-gold: #c89a51;\r\n    --sb-specs-ivory: #fbfaf7;\r\n    position: relative;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    color: var(--sb-specs-navy);\r\n    background: var(--sb-specs-ivory);\r\n  }\r\n\r\n  .sb-pjotter-specs__inner {\r\n    width: min(1180px, calc(100% - 80px));\r\n    margin-inline: auto;\r\n    padding: clamp(38px, 4.4vw, 56px) 0 clamp(48px, 5vw, 68px);\r\n    border-top: 1px solid rgba(200, 154, 81, .28);\r\n  }\r\n\r\n  .sb-pjotter-specs__header {\r\n    max-width: 700px;\r\n    margin-bottom: clamp(25px, 3vw, 36px);\r\n  }\r\n\r\n  .sb-pjotter-specs__overline {\r\n    display: block;\r\n    margin-bottom: 9px;\r\n    color: var(--sb-specs-gold);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: 3.6px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sb-pjotter-specs\r\n  .sb-pjotter-specs__header h2 {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    color: var(--sb-specs-navy) !important;\r\n    -webkit-text-fill-color: var(--sb-specs-navy) !important;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif !important;\r\n    font-size: clamp(33px, 3.2vw, 44px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.04 !important;\r\n    letter-spacing: -.025em !important;\r\n    text-transform: none !important;\r\n  }\r\n\r\n  \/* DATEN LINKS, ILLUSTRATION RECHTS *\/\r\n  .sb-pjotter-specs__layout {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.06fr) minmax(420px, .94fr);\r\n    gap: clamp(10px, 1.8vw, 26px);\r\n    align-items: stretch;\r\n  }\r\n\r\n  \/* Zwei ruhige Datenspalten ohne schwere K\u00e4sten *\/\r\n  .sb-pjotter-specs__grid {\r\n    position: relative;\r\n    z-index: 3;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    column-gap: clamp(24px, 3vw, 38px);\r\n    align-content: start;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: visible;\r\n    border-top: 1px solid rgba(7, 27, 45, .15);\r\n    background: none;\r\n  }\r\n\r\n  \/*\r\n    Breiter Elfenbein-Nebel \u00fcber der Spaltengrenze. Der Verlauf reicht bewusst\r\n    in die Bildspalte hinein, damit dort keine senkrechte Schnittkante entsteht.\r\n  *\/\r\n  .sb-pjotter-specs__grid::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    top: -2px;\r\n    right: clamp(-210px, -15vw, -125px);\r\n    bottom: -2px;\r\n    left: 34%;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(251, 250, 247, .10) 16%,\r\n      rgba(251, 250, 247, .38) 34%,\r\n      rgba(251, 250, 247, .76) 52%,\r\n      rgba(251, 250, 247, .88) 62%,\r\n      rgba(251, 250, 247, .68) 72%,\r\n      rgba(251, 250, 247, .32) 85%,\r\n      rgba(251, 250, 247, .08) 95%,\r\n      transparent 100%\r\n    );\r\n    filter: blur(10px);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sb-pjotter-specs__item {\r\n    position: relative;\r\n    z-index: 1;\r\n    min-width: 0;\r\n    min-height: 68px;\r\n    margin: 0;\r\n    padding: 13px 2px 12px;\r\n    border-bottom: 1px solid rgba(7, 27, 45, .11);\r\n  }\r\n\r\n  .sb-pjotter-specs__item dt {\r\n    margin: 0 0 5px;\r\n    color: var(--sb-specs-gold);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 7.5px;\r\n    font-weight: 700;\r\n    line-height: 1.35;\r\n    letter-spacing: 1.45px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sb-pjotter-specs__item dd {\r\n    margin: 0;\r\n    color: var(--sb-specs-navy);\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: clamp(17px, 1.35vw, 21px);\r\n    font-weight: 500;\r\n    line-height: 1.15;\r\n    letter-spacing: -.012em;\r\n    overflow-wrap: anywhere;\r\n  }\r\n\r\n  \/*\r\n    Die Yacht ist bewusst gr\u00f6\u00dfer als ihre rechte Spalte. Ihr Bug reicht leicht\r\n    hinter die technischen Daten und wird dort \u00fcber eine Maske sanft reduziert.\r\n  *\/\r\n  .sb-pjotter-specs__visual {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    min-width: 0;\r\n    min-height: 100%;\r\n    padding: 0 0 2px;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    overflow: visible;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sb-pjotter-specs__visual::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    top: 15%;\r\n    right: -12%;\r\n    bottom: 11%;\r\n    left: -25%;\r\n    background: radial-gradient(\r\n      ellipse 72% 48% at 72% 65%,\r\n      rgba(200, 154, 81, .09) 0%,\r\n      rgba(200, 154, 81, .035) 44%,\r\n      transparent 75%\r\n    );\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sb-pjotter-specs__visual::after {\r\n    content: none;\r\n  }\r\n\r\n  .sb-pjotter-specs__artwork {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: calc(100% + clamp(260px, 24vw, 360px));\r\n    min-height: clamp(455px, 42vw, 570px);\r\n    margin-left: clamp(-320px, -21vw, -225px);\r\n    background-image: var(--sb-specs-yacht-image);\r\n    background-position: right bottom;\r\n    background-repeat: no-repeat;\r\n    background-size: contain;\r\n    opacity: .96;\r\n    filter: drop-shadow(0 15px 24px rgba(7, 27, 45, .08));\r\n    -webkit-mask-image: linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(0, 0, 0, .025) 8%,\r\n      rgba(0, 0, 0, .07) 18%,\r\n      rgba(0, 0, 0, .15) 29%,\r\n      rgba(0, 0, 0, .28) 40%,\r\n      rgba(0, 0, 0, .44) 51%,\r\n      rgba(0, 0, 0, .62) 61%,\r\n      rgba(0, 0, 0, .78) 70%,\r\n      rgba(0, 0, 0, .90) 79%,\r\n      #000 89%,\r\n      #000 100%\r\n    );\r\n    mask-image: linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(0, 0, 0, .025) 8%,\r\n      rgba(0, 0, 0, .07) 18%,\r\n      rgba(0, 0, 0, .15) 29%,\r\n      rgba(0, 0, 0, .28) 40%,\r\n      rgba(0, 0, 0, .44) 51%,\r\n      rgba(0, 0, 0, .62) 61%,\r\n      rgba(0, 0, 0, .78) 70%,\r\n      rgba(0, 0, 0, .90) 79%,\r\n      #000 89%,\r\n      #000 100%\r\n    );\r\n    -webkit-mask-repeat: no-repeat;\r\n    mask-repeat: no-repeat;\r\n  }\r\n\r\n  .sb-pjotter-specs__visual-meta {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    margin-top: 7px;\r\n    padding-top: 13px;\r\n    align-items: baseline;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n    border-top: 1px solid rgba(200, 154, 81, .30);\r\n  }\r\n\r\n  .sb-pjotter-specs__visual-meta span {\r\n    color: var(--sb-specs-gold);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.6px;\r\n  }\r\n\r\n  .sb-pjotter-specs__visual-meta strong {\r\n    color: var(--sb-specs-navy);\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: 17px;\r\n    font-weight: 500;\r\n    line-height: 1.2;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .sb-pjotter-specs__visual-meta i {\r\n    padding-inline: 4px;\r\n    color: var(--sb-specs-gold);\r\n    font-style: normal;\r\n  }\r\n\r\n  \/* TABLET: Illustration oberhalb, Daten weiterhin zweispaltig *\/\r\n  @media (max-width: 980px) {\r\n    .sb-pjotter-specs__layout {\r\n      grid-template-columns: 1fr;\r\n      gap: 30px;\r\n    }\r\n\r\n    .sb-pjotter-specs__visual {\r\n      order: -1;\r\n      min-height: 0;\r\n      padding: 0 0 27px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .sb-pjotter-specs__grid {\r\n      background: none;\r\n    }\r\n\r\n    .sb-pjotter-specs__grid::before {\r\n      content: none;\r\n    }\r\n\r\n    .sb-pjotter-specs__artwork {\r\n      width: 100%;\r\n      min-height: clamp(350px, 55vw, 480px);\r\n      margin-left: 0;\r\n      background-position: center bottom;\r\n      background-size: contain;\r\n      -webkit-mask-image: linear-gradient(\r\n        90deg,\r\n        transparent 0%,\r\n        #000 6%,\r\n        #000 94%,\r\n        transparent 100%\r\n      );\r\n      mask-image: linear-gradient(\r\n        90deg,\r\n        transparent 0%,\r\n        #000 6%,\r\n        #000 94%,\r\n        transparent 100%\r\n      );\r\n    }\r\n  }\r\n\r\n  \/* SMARTPHONE *\/\r\n  @media (max-width: 560px) {\r\n    .sb-pjotter-specs__inner {\r\n      width: calc(100% - 36px);\r\n      padding: 35px 0 47px;\r\n    }\r\n\r\n    .sb-pjotter-specs__header {\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .sb-pjotter-specs__overline {\r\n      font-size: 8px;\r\n      letter-spacing: 2.8px;\r\n    }\r\n\r\n    .sb-pjotter-specs\r\n    .sb-pjotter-specs__header h2 {\r\n      font-size: clamp(31px, 9.3vw, 39px) !important;\r\n    }\r\n\r\n    .sb-pjotter-specs__layout {\r\n      gap: 25px;\r\n    }\r\n\r\n    .sb-pjotter-specs__artwork {\r\n      min-height: 285px;\r\n      background-size: 112% auto;\r\n    }\r\n\r\n    .sb-pjotter-specs__visual {\r\n      padding: 0 0 23px;\r\n    }\r\n\r\n    .sb-pjotter-specs__visual-meta {\r\n      margin-top: 0;\r\n      padding-top: 10px;\r\n    }\r\n\r\n    .sb-pjotter-specs__visual-meta strong {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .sb-pjotter-specs__grid {\r\n      grid-template-columns: 1fr;\r\n      column-gap: 0;\r\n    }\r\n\r\n    .sb-pjotter-specs__item {\r\n      min-height: 0;\r\n      padding: 13px 2px 12px;\r\n    }\r\n\r\n    .sb-pjotter-specs__item dd {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .sb-pjotter-specs * {\r\n      scroll-behavior: auto !important;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f59a241 e-con-full e-flex e-con e-child\" data-id=\"f59a241\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f47568 elementor-widget elementor-widget-html\" data-id=\"9f47568\" 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<!--\r\n  SOULBOATS \u2013 Breehorn 37 \"Pjotter\"\r\n  Abschnitt: Innenraumvideos\r\n\r\n  Diesen vollst\u00e4ndigen Code in EIN Elementor-HTML-Widget kopieren.\r\n  Position: direkt NACH \u201eKurzbeschreibung\u201c und VOR \u201eBilder & Highlights\u201c.\r\n\r\n  WICHTIG:\r\n  - Die Adresse des Hauptvideos bei DEIN-HAUPTVIDEO.mp4 einsetzen.\r\n  - Weitere Videos sind optional. Bleibt src=\"\" leer, wird die Karte ausgeblendet.\r\n  - Jede Videoadresse muss nur einmal eingetragen werden.\r\n  - Empfohlen: MP4\/H.264, 1080p, ohne riesige Dateigr\u00f6\u00dfe.\r\n  - Alle Videos werden in Vorschau und Gro\u00dfansicht dauerhaft lautlos abgespielt.\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Allura&family=Cormorant+Garamond:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<section\r\n  class=\"pjotter-interior\"\r\n  data-pjotter-interior\r\n  aria-labelledby=\"pjotter-interior-title\"\r\n>\r\n  <div class=\"pjotter-interior__inner\">\r\n\r\n    <header class=\"pjotter-interior__head\">\r\n      <div>\r\n        <span class=\"pjotter-interior__overline\">UNTER DECK<\/span>\r\n\r\n        <h2\r\n          class=\"pjotter-interior__title\"\r\n          id=\"pjotter-interior-title\"\r\n        >\r\n          Ein Zuhause f\u00fcr weite Wege\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <p class=\"pjotter-interior__intro\">\r\n        Warme H\u00f6lzer, durchdachte Details und ein gesch\u00fctzter R\u00fcckzugsort:\r\n        Entdecken Sie \u201ePjotter\u201c aus der Perspektive an Bord.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"pjotter-interior__grid\">\r\n\r\n      <!-- ==================================================\r\n           HAUPTVIDEO \u2013 dieses Video erscheint gro\u00df\r\n           ================================================== -->\r\n      <button\r\n        class=\"pjotter-video-card pjotter-video-card--featured\"\r\n        type=\"button\"\r\n        data-title=\"Ankommen an Bord\"\r\n        data-description=\"Ein erster Blick in den Innenraum der Breehorn 37 \u201ePjotter\u201c.\"\r\n        aria-label=\"Video Ankommen an Bord gro\u00df ansehen\"\r\n      >\r\n        <video\r\n          muted\r\n          loop\r\n          playsinline\r\n          preload=\"metadata\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <source\r\n            src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/Kueche_Salon_Pjotter.mp4\"\r\n            type=\"video\/mp4\"\r\n          >\r\n        <\/video>\r\n\r\n        <span class=\"pjotter-video-card__shade\" aria-hidden=\"true\"><\/span>\r\n\r\n        <span class=\"pjotter-video-card__content\">\r\n          <span class=\"pjotter-video-card__play\" aria-hidden=\"true\">\r\n            <span><\/span>\r\n          <\/span>\r\n\r\n          <span class=\"pjotter-video-card__text\">\r\n            <span class=\"pjotter-video-card__eyebrow\">INNEN ERLEBEN<\/span>\r\n            <strong>Ankommen an Bord<\/strong>\r\n          <\/span>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <!-- ==================================================\r\n           OPTIONALES VIDEO 2\r\n           src=\"\" leer lassen, wenn es noch nicht genutzt wird.\r\n           ================================================== -->\r\n      <button\r\n        class=\"pjotter-video-card\"\r\n        type=\"button\"\r\n        data-title=\"Der Salon\"\r\n        data-description=\"Der gesch\u00fctzte Mittelpunkt des Lebens an Bord.\"\r\n        aria-label=\"Video Der Salon gro\u00df ansehen\"\r\n      >\r\n        <video\r\n          muted\r\n          playsinline\r\n          preload=\"metadata\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <source src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/Salon_Pjotter.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n\r\n        <span class=\"pjotter-video-card__shade\" aria-hidden=\"true\"><\/span>\r\n\r\n        <span class=\"pjotter-video-card__content\">\r\n          <span class=\"pjotter-video-card__play\" aria-hidden=\"true\">\r\n            <span><\/span>\r\n          <\/span>\r\n\r\n          <span class=\"pjotter-video-card__text\">\r\n            <span class=\"pjotter-video-card__eyebrow\">DETAIL 01<\/span>\r\n            <strong>Der Salon<\/strong>\r\n          <\/span>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <!-- ==================================================\r\n           OPTIONALES VIDEO 3\r\n           ================================================== -->\r\n      <button\r\n        class=\"pjotter-video-card\"\r\n        type=\"button\"\r\n        data-title=\"Pantry\"\r\n        data-description=\"Durchdacht eingerichtet f\u00fcr das Leben auf langen T\u00f6rns.\"\r\n        aria-label=\"Video Pantry und Navigation gro\u00df ansehen\"\r\n      >\r\n        <video\r\n          muted\r\n          playsinline\r\n          preload=\"metadata\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <source src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/Salon_Pantry_Pjotter.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n\r\n        <span class=\"pjotter-video-card__shade\" aria-hidden=\"true\"><\/span>\r\n\r\n        <span class=\"pjotter-video-card__content\">\r\n          <span class=\"pjotter-video-card__play\" aria-hidden=\"true\">\r\n            <span><\/span>\r\n          <\/span>\r\n\r\n          <span class=\"pjotter-video-card__text\">\r\n            <span class=\"pjotter-video-card__eyebrow\">DETAIL 02<\/span>\r\n            <strong>Pantry<\/strong>\r\n          <\/span>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <!-- ==================================================\r\n           OPTIONALES VIDEO 4\r\n           ================================================== -->\r\n      <button\r\n        class=\"pjotter-video-card\"\r\n        type=\"button\"\r\n        data-title=\"Salon\"\r\n        data-description=\"Viel Bewegungsfreiheit an Bord.\"\r\n        aria-label=\"Salon\"\r\n      >\r\n        <video\r\n          muted\r\n          playsinline\r\n          preload=\"metadata\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <source src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/Salon2_Pjotter.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n\r\n        <span class=\"pjotter-video-card__shade\" aria-hidden=\"true\"><\/span>\r\n\r\n        <span class=\"pjotter-video-card__content\">\r\n          <span class=\"pjotter-video-card__play\" aria-hidden=\"true\">\r\n            <span><\/span>\r\n          <\/span>\r\n\r\n          <span class=\"pjotter-video-card__text\">\r\n            <span class=\"pjotter-video-card__eyebrow\">DETAIL 03<\/span>\r\n            <strong>Viel Bewegungsfreiheit an Bord \/strong>\r\n          <\/span>\r\n        <\/span>\r\n      <\/button>\r\n      \r\n            <!-- ==================================================\r\n           OPTIONALES VIDEO 5\r\n           ================================================== -->\r\n      <button\r\n        class=\"pjotter-video-card\"\r\n        type=\"button\"\r\n        data-title=\"Salon\"\r\n        data-description=\"Ruhige R\u00fcckzugsorte f\u00fcr die Zeit unter Deck.\"\r\n        aria-label=\"Video Vorschiff\"\r\n      >\r\n        <video\r\n          muted\r\n          playsinline\r\n          preload=\"metadata\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <source src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/Vorschiff_Pjotter.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n\r\n        <span class=\"pjotter-video-card__shade\" aria-hidden=\"true\"><\/span>\r\n\r\n        <span class=\"pjotter-video-card__content\">\r\n          <span class=\"pjotter-video-card__play\" aria-hidden=\"true\">\r\n            <span><\/span>\r\n          <\/span>\r\n\r\n          <span class=\"pjotter-video-card__text\">\r\n            <span class=\"pjotter-video-card__eyebrow\">DETAIL 03<\/span>\r\n            <strong>Vorschiff &amp; Kojen<\/strong>\r\n          <\/span>\r\n        <\/span>\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"pjotter-interior__foot\">\r\n      <button\r\n        class=\"pjotter-interior__all\"\r\n        type=\"button\"\r\n      >\r\n        Alle Innenraumvideos ansehen\r\n      <\/button>\r\n\r\n      <span class=\"pjotter-interior__hint\">\r\n        Alle Videos werden lautlos wiedergegeben\r\n      <\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- =====================================================\r\n     GROSSANSICHT \/ VIDEO-LIGHTBOX\r\n     ===================================================== -->\r\n<div\r\n  class=\"pjotter-video-lightbox\"\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  aria-label=\"Innenraumvideos der Breehorn 37 Pjotter\"\r\n  aria-hidden=\"true\"\r\n>\r\n  <!-- Bleibt bei allen Videos fest oben links -->\r\n  <div class=\"pjotter-video-lightbox__brand\" aria-hidden=\"true\">\r\n    SoulBoats\r\n  <\/div>\r\n\r\n  <button\r\n    class=\"pjotter-video-lightbox__close\"\r\n    type=\"button\"\r\n    aria-label=\"Videogalerie schlie\u00dfen\"\r\n  >\r\n    &times;\r\n  <\/button>\r\n\r\n  <button\r\n    class=\"pjotter-video-lightbox__nav pjotter-video-lightbox__prev\"\r\n    type=\"button\"\r\n    aria-label=\"Vorheriges Video\"\r\n  >\r\n    &#8249;\r\n  <\/button>\r\n\r\n  <div class=\"pjotter-video-lightbox__frame\">\r\n    <video\r\n      class=\"pjotter-video-lightbox__video\"\r\n      loop\r\n      muted\r\n      playsinline\r\n      preload=\"metadata\"\r\n      tabindex=\"0\"\r\n      aria-label=\"Video abspielen oder pausieren\"\r\n    ><\/video>\r\n\r\n    <div class=\"pjotter-video-lightbox__info\">\r\n      <div>\r\n        <span class=\"pjotter-video-lightbox__overline\">PJOTTER VON INNEN<\/span>\r\n        <h3 class=\"pjotter-video-lightbox__title\"><\/h3>\r\n        <p class=\"pjotter-video-lightbox__description\"><\/p>\r\n      <\/div>\r\n\r\n      <span class=\"pjotter-video-lightbox__counter\"><\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <button\r\n    class=\"pjotter-video-lightbox__nav pjotter-video-lightbox__next\"\r\n    type=\"button\"\r\n    aria-label=\"N\u00e4chstes Video\"\r\n  >\r\n    &#8250;\r\n  <\/button>\r\n<\/div>\r\n\r\n<style>\r\n  .pjotter-interior,\r\n  .pjotter-interior *,\r\n  .pjotter-video-lightbox,\r\n  .pjotter-video-lightbox * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* GESAMTER INNENRAUM-ABSCHNITT *\/\r\n  .pjotter-interior {\r\n    --pjotter-interior-gap: clamp(12px, 2vw, 26px);\r\n    position: relative;\r\n    width: calc(\r\n      100vw - var(--pjotter-interior-gap) - var(--pjotter-interior-gap)\r\n    );\r\n    margin: clamp(22px, 3vw, 40px) 0;\r\n    margin-left: calc(\r\n      50% - 50vw + var(--pjotter-interior-gap)\r\n    );\r\n    overflow: hidden;\r\n    color: #f6f3ed;\r\n    border: 1px solid rgba(222, 184, 112, .68);\r\n    border-radius: 0 !important;\r\n    background:\r\n      radial-gradient(\r\n        ellipse at 80% 0%,\r\n        rgba(44, 94, 126, .28) 0%,\r\n        transparent 40%\r\n      ),\r\n      #071d30;\r\n    box-shadow:\r\n      0 0 0 1px rgba(238, 209, 151, .09),\r\n      0 0 32px rgba(201, 155, 80, .32),\r\n      0 0 76px rgba(201, 155, 80, .13),\r\n      inset 0 0 0 1px rgba(255, 235, 194, .06);\r\n  }\r\n\r\n  .pjotter-interior::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background: linear-gradient(\r\n      115deg,\r\n      transparent 20%,\r\n      rgba(255, 255, 255, .025) 49%,\r\n      transparent 72%\r\n    );\r\n  }\r\n\r\n  .pjotter-interior__inner {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: min(1180px, calc(100% - 80px));\r\n    margin-inline: auto;\r\n    padding-block: clamp(42px, 4.8vw, 64px);\r\n  }\r\n\r\n  \/* Innerer Goldstreifen mit weich auslaufenden Seiten *\/\r\n  .pjotter-interior__inner::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 14px;\r\n    right: 0;\r\n    left: 0;\r\n    height: 2px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(200, 154, 81, .22) 12%,\r\n      rgba(224, 190, 125, .95) 50%,\r\n      rgba(200, 154, 81, .22) 88%,\r\n      transparent 100%\r\n    );\r\n    box-shadow: 0 0 14px rgba(224, 190, 125, .38);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* KOPFBEREICH *\/\r\n  .pjotter-interior__head {\r\n    display: grid;\r\n    grid-template-columns: minmax(280px, .95fr) minmax(320px, 1.05fr);\r\n    gap: clamp(45px, 8vw, 120px);\r\n    align-items: end;\r\n    margin-bottom: clamp(24px, 3.2vw, 38px);\r\n  }\r\n\r\n  .pjotter-interior__overline {\r\n    display: block;\r\n    margin-bottom: 13px;\r\n    color: #c89a51;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .pjotter-interior\r\n  .pjotter-interior__title {\r\n    margin: 0 !important;\r\n    padding: .06em 0 0 !important;\r\n    color: #f6f3ed !important;\r\n    -webkit-text-fill-color: #f6f3ed !important;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif !important;\r\n    font-size: clamp(42px, 5.2vw, 68px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: .98 !important;\r\n    letter-spacing: -.025em !important;\r\n    text-transform: none !important;\r\n  }\r\n\r\n  .pjotter-interior__intro {\r\n    max-width: 520px;\r\n    margin: 0;\r\n    color: rgba(246, 243, 237, .78);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: clamp(15px, 1.35vw, 17px);\r\n    font-weight: 400;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  \/* VIDEO-MOSAIK *\/\r\n  .pjotter-interior__grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.72fr) minmax(260px, .78fr);\r\n    grid-template-rows: repeat(3, minmax(105px, 1fr));\r\n    gap: 8px;\r\n    height: clamp(365px, 38vw, 470px);\r\n  }\r\n\r\n  .pjotter-video-card {\r\n    position: relative;\r\n    display: block;\r\n    width: 100%;\r\n    min-width: 0;\r\n    min-height: 0;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(225, 195, 136, .18);\r\n    border-radius: 0;\r\n    background: #0b2941;\r\n    color: #ffffff;\r\n    text-align: left;\r\n    cursor: pointer;\r\n    appearance: none;\r\n  }\r\n\r\n  .pjotter-video-card[hidden] {\r\n    display: none !important;\r\n  }\r\n\r\n  .pjotter-video-card--featured {\r\n    grid-row: 1 \/ -1;\r\n  }\r\n\r\n  .pjotter-video-card video {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    background: #0b2941;\r\n    transform: scale(1.01);\r\n    transition:\r\n      transform .7s ease,\r\n      filter .45s ease;\r\n  }\r\n\r\n  .pjotter-video-card:hover video {\r\n    transform: scale(1.045);\r\n    filter: saturate(1.05) contrast(1.02);\r\n  }\r\n\r\n  .pjotter-video-card__shade {\r\n    position: absolute;\r\n    z-index: 1;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background:\r\n      linear-gradient(\r\n        0deg,\r\n        rgba(2, 14, 25, .82) 0%,\r\n        rgba(3, 20, 34, .28) 44%,\r\n        rgba(3, 20, 34, .05) 72%\r\n      );\r\n    transition: background .4s ease;\r\n  }\r\n\r\n  .pjotter-video-card:hover .pjotter-video-card__shade {\r\n    background:\r\n      linear-gradient(\r\n        0deg,\r\n        rgba(2, 14, 25, .87) 0%,\r\n        rgba(3, 20, 34, .22) 48%,\r\n        rgba(3, 20, 34, 0) 76%\r\n      );\r\n  }\r\n\r\n  .pjotter-video-card__content {\r\n    position: absolute;\r\n    z-index: 2;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    display: flex;\r\n    padding: clamp(18px, 2.5vw, 32px);\r\n    align-items: flex-end;\r\n    gap: 16px;\r\n  }\r\n\r\n  .pjotter-video-card__play {\r\n    position: relative;\r\n    display: grid;\r\n    flex: 0 0 auto;\r\n    width: 44px;\r\n    height: 44px;\r\n    place-items: center;\r\n    border: 1px solid rgba(242, 215, 158, .75);\r\n    border-radius: 50%;\r\n    background: rgba(7, 29, 48, .5);\r\n    box-shadow: 0 8px 24px rgba(0, 0, 0, .22);\r\n    backdrop-filter: blur(5px);\r\n    -webkit-backdrop-filter: blur(5px);\r\n    transition:\r\n      background .3s ease,\r\n      transform .3s ease;\r\n  }\r\n\r\n  .pjotter-video-card__play span {\r\n    width: 0;\r\n    height: 0;\r\n    margin-left: 3px;\r\n    border-top: 6px solid transparent;\r\n    border-bottom: 6px solid transparent;\r\n    border-left: 9px solid #f5e5c6;\r\n  }\r\n\r\n  .pjotter-video-card:hover .pjotter-video-card__play {\r\n    background: #b88942;\r\n    transform: scale(1.06);\r\n  }\r\n\r\n  .pjotter-video-card__text {\r\n    display: block;\r\n    min-width: 0;\r\n  }\r\n\r\n  .pjotter-video-card__eyebrow {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    color: #d5b475;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: 2.2px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .pjotter-video-card__text strong {\r\n    display: block;\r\n    overflow: hidden;\r\n    color: #ffffff;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: clamp(21px, 2vw, 30px);\r\n    font-weight: 500;\r\n    line-height: 1.12;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .pjotter-video-card:not(.pjotter-video-card--featured)\r\n  .pjotter-video-card__content {\r\n    padding: 18px;\r\n    gap: 12px;\r\n  }\r\n\r\n  .pjotter-video-card:not(.pjotter-video-card--featured)\r\n  .pjotter-video-card__play {\r\n    width: 36px;\r\n    height: 36px;\r\n  }\r\n\r\n  .pjotter-video-card:not(.pjotter-video-card--featured)\r\n  .pjotter-video-card__text strong {\r\n    font-size: clamp(18px, 1.6vw, 23px);\r\n  }\r\n\r\n  \/* Anzahl der vorhandenen Videos steuert das Raster automatisch. *\/\r\n  .pjotter-interior[data-video-count=\"1\"]\r\n  .pjotter-interior__grid {\r\n    display: block;\r\n    height: auto;\r\n  }\r\n\r\n  .pjotter-interior[data-video-count=\"1\"]\r\n  .pjotter-video-card--featured {\r\n    height: clamp(300px, 33vw, 410px);\r\n    aspect-ratio: auto;\r\n  }\r\n\r\n  .pjotter-interior[data-video-count=\"2\"]\r\n  .pjotter-interior__grid {\r\n    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .8fr);\r\n    grid-template-rows: 1fr;\r\n    height: clamp(320px, 34vw, 410px);\r\n  }\r\n\r\n  .pjotter-interior[data-video-count=\"3\"]\r\n  .pjotter-interior__grid {\r\n    grid-template-rows: repeat(2, 1fr);\r\n    height: clamp(345px, 36vw, 435px);\r\n  }\r\n\r\n  \/* FUSSZEILE *\/\r\n  .pjotter-interior__foot {\r\n    display: flex;\r\n    margin-top: 17px;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 25px;\r\n  }\r\n\r\n  .pjotter-interior__all {\r\n    display: inline-flex;\r\n    margin: 0;\r\n    padding: 0;\r\n    align-items: center;\r\n    gap: 12px;\r\n    border: 0;\r\n    background: transparent;\r\n    color: #f1e7d3;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: 2.1px;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    appearance: none;\r\n  }\r\n\r\n  .pjotter-interior__all::after {\r\n    content: \"\u2192\";\r\n    color: #c89a51;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    transition: transform .25s ease;\r\n  }\r\n\r\n  .pjotter-interior__all:hover::after {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  .pjotter-interior__hint {\r\n    color: rgba(246, 243, 237, .5);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 400;\r\n    letter-spacing: 1.3px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .pjotter-video-card:focus-visible,\r\n  .pjotter-interior__all:focus-visible {\r\n    outline: 2px solid #d4aa65;\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  \/* VIDEO-GROSSANSICHT *\/\r\n  .pjotter-video-lightbox {\r\n    position: fixed;\r\n    z-index: 999999;\r\n    inset: 0;\r\n    display: flex;\r\n    padding: 42px 80px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(2, 12, 21, .94);\r\n    backdrop-filter: blur(9px);\r\n    -webkit-backdrop-filter: blur(9px);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition:\r\n      opacity .32s ease,\r\n      visibility .32s ease;\r\n  }\r\n\r\n  .pjotter-video-lightbox.is-open {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  \/* Feste SoulBoats-Wortmarke im \u00e4u\u00dferen dunkelblauen Bereich *\/\r\n  .pjotter-video-lightbox__brand {\r\n    position: fixed;\r\n    z-index: 3;\r\n    top: 18px;\r\n    left: 25px;\r\n    color: #d1b275 !important;\r\n    -webkit-text-fill-color: #d1b275 !important;\r\n    font-family:\r\n      \"Brittany Signature\",\r\n      \"Allura\",\r\n      \"Segoe Script\",\r\n      cursive !important;\r\n    font-size: clamp(32px, 2.7vw, 42px);\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    letter-spacing: .01em;\r\n    text-transform: none;\r\n    text-shadow: 0 0 16px rgba(209, 178, 117, .30);\r\n    white-space: nowrap;\r\n    pointer-events: none;\r\n    user-select: none;\r\n  }\r\n\r\n  .pjotter-video-lightbox__frame {\r\n    position: relative;\r\n    display: flex;\r\n    width: min(1180px, 88vw);\r\n    max-height: 90vh;\r\n    padding: 10px;\r\n    flex-direction: column;\r\n    border: 1px solid rgba(224, 190, 125, .88);\r\n    background: #071d30;\r\n    box-shadow:\r\n      0 30px 90px rgba(0, 0, 0, .52),\r\n      0 0 0 5px rgba(225, 193, 131, .08);\r\n    transform: translateY(14px) scale(.985);\r\n    transition: transform .35s ease;\r\n  }\r\n\r\n  .pjotter-video-lightbox.is-open\r\n  .pjotter-video-lightbox__frame {\r\n    transform: translateY(0) scale(1);\r\n  }\r\n\r\n  .pjotter-video-lightbox__video {\r\n    display: block;\r\n    width: 100%;\r\n    max-height: calc(90vh - 125px);\r\n    background: #000000;\r\n    object-fit: contain;\r\n    aspect-ratio: 16 \/ 9;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .pjotter-video-lightbox__info {\r\n    display: flex;\r\n    min-height: 86px;\r\n    padding: 13px 10px 5px;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 25px;\r\n  }\r\n\r\n  .pjotter-video-lightbox__overline {\r\n    display: block;\r\n    margin-bottom: 3px;\r\n    color: #c89a51;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.2px;\r\n  }\r\n\r\n  .pjotter-video-lightbox\r\n  .pjotter-video-lightbox__title {\r\n    margin: 0 !important;\r\n    color: #f6f3ed !important;\r\n    -webkit-text-fill-color: #f6f3ed !important;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif !important;\r\n    font-size: clamp(22px, 2.4vw, 32px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.1 !important;\r\n  }\r\n\r\n  .pjotter-video-lightbox__description {\r\n    margin: 4px 0 0;\r\n    color: rgba(246, 243, 237, .62);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 12px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .pjotter-video-lightbox__counter {\r\n    flex: 0 0 auto;\r\n    color: #d4aa65;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n  .pjotter-video-lightbox__close,\r\n  .pjotter-video-lightbox__nav {\r\n    display: grid;\r\n    margin: 0;\r\n    padding: 0;\r\n    place-items: center;\r\n    border: 1px solid rgba(255, 255, 255, .35);\r\n    border-radius: 50%;\r\n    background: rgba(7, 29, 48, .76);\r\n    color: #ffffff;\r\n    font-family: Arial, sans-serif;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    appearance: none;\r\n    transition:\r\n      background .25s ease,\r\n      border-color .25s ease;\r\n  }\r\n\r\n  .pjotter-video-lightbox__close:hover,\r\n  .pjotter-video-lightbox__nav:hover {\r\n    border-color: #c89a51;\r\n    background: #b88942;\r\n  }\r\n\r\n  .pjotter-video-lightbox__close {\r\n    position: fixed;\r\n    z-index: 2;\r\n    top: 20px;\r\n    right: 24px;\r\n    width: 45px;\r\n    height: 45px;\r\n    font-size: 27px;\r\n    line-height: 1;\r\n  }\r\n\r\n  .pjotter-video-lightbox__nav {\r\n    position: fixed;\r\n    z-index: 2;\r\n    top: 50%;\r\n    width: 49px;\r\n    height: 49px;\r\n    font-size: 28px;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  .pjotter-video-lightbox__prev {\r\n    left: 20px;\r\n  }\r\n\r\n  .pjotter-video-lightbox__next {\r\n    right: 20px;\r\n  }\r\n\r\n  .pjotter-video-lightbox.is-single\r\n  .pjotter-video-lightbox__nav {\r\n    display: none;\r\n  }\r\n\r\n  .pjotter-video-lightbox button:focus-visible {\r\n    outline: 2px solid #ffffff;\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  body.pjotter-video-lightbox-open {\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* TABLET *\/\r\n  @media (max-width: 950px) {\r\n    .pjotter-interior__inner {\r\n      width: calc(100% - 50px);\r\n    }\r\n\r\n    .pjotter-interior__head {\r\n      grid-template-columns: 1fr;\r\n      gap: 20px;\r\n      align-items: start;\r\n    }\r\n\r\n    .pjotter-interior__intro {\r\n      max-width: 680px;\r\n    }\r\n\r\n    .pjotter-interior__grid,\r\n    .pjotter-interior[data-video-count=\"2\"]\r\n    .pjotter-interior__grid,\r\n    .pjotter-interior[data-video-count=\"3\"]\r\n    .pjotter-interior__grid {\r\n      grid-template-columns: minmax(0, 1.45fr) minmax(230px, .8fr);\r\n    }\r\n  }\r\n\r\n  \/* SMARTPHONE *\/\r\n  @media (max-width: 700px) {\r\n    .pjotter-interior {\r\n      --pjotter-interior-gap: 8px;\r\n      margin-top: 18px;\r\n      margin-bottom: 18px;\r\n      border-radius: 0 !important;\r\n      box-shadow:\r\n        0 0 0 1px rgba(238, 209, 151, .08),\r\n        0 0 22px rgba(201, 155, 80, .28),\r\n        0 0 48px rgba(201, 155, 80, .11),\r\n        inset 0 0 0 1px rgba(255, 235, 194, .05);\r\n    }\r\n\r\n    .pjotter-interior__inner {\r\n      width: calc(100% - 36px);\r\n      padding-block: 42px 48px;\r\n    }\r\n\r\n    .pjotter-interior__head {\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .pjotter-interior\r\n    .pjotter-interior__title {\r\n      font-size: clamp(38px, 12vw, 53px) !important;\r\n    }\r\n\r\n    .pjotter-interior__grid,\r\n    .pjotter-interior[data-video-count=\"1\"]\r\n    .pjotter-interior__grid,\r\n    .pjotter-interior[data-video-count=\"2\"]\r\n    .pjotter-interior__grid,\r\n    .pjotter-interior[data-video-count=\"3\"]\r\n    .pjotter-interior__grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      grid-template-rows: none;\r\n      height: auto;\r\n      gap: 8px;\r\n    }\r\n\r\n    .pjotter-video-card,\r\n    .pjotter-interior[data-video-count=\"1\"]\r\n    .pjotter-video-card--featured {\r\n      grid-row: auto;\r\n      width: 100%;\r\n      height: auto;\r\n      aspect-ratio: 16 \/ 9;\r\n    }\r\n\r\n    .pjotter-video-card--featured {\r\n      aspect-ratio: 16 \/ 9;\r\n    }\r\n\r\n    .pjotter-video-card__content,\r\n    .pjotter-video-card:not(.pjotter-video-card--featured)\r\n    .pjotter-video-card__content {\r\n      padding: 18px;\r\n    }\r\n\r\n    .pjotter-video-card__text strong,\r\n    .pjotter-video-card:not(.pjotter-video-card--featured)\r\n    .pjotter-video-card__text strong {\r\n      font-size: 22px;\r\n    }\r\n\r\n    .pjotter-interior__foot {\r\n      align-items: flex-start;\r\n      flex-direction: column;\r\n      gap: 12px;\r\n    }\r\n\r\n    .pjotter-interior__hint {\r\n      font-size: 8px;\r\n    }\r\n\r\n    .pjotter-video-lightbox {\r\n      padding: 65px 13px 78px;\r\n    }\r\n\r\n    .pjotter-video-lightbox__frame {\r\n      width: 100%;\r\n      max-height: 82vh;\r\n      padding: 6px;\r\n    }\r\n\r\n    .pjotter-video-lightbox__video {\r\n      max-height: calc(82vh - 120px);\r\n    }\r\n\r\n    .pjotter-video-lightbox__info {\r\n      min-height: 95px;\r\n      padding: 11px 7px 4px;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .pjotter-video-lightbox__description {\r\n      max-width: 245px;\r\n      font-size: 10px;\r\n    }\r\n\r\n    .pjotter-video-lightbox__close {\r\n      top: 13px;\r\n      right: 13px;\r\n      width: 40px;\r\n      height: 40px;\r\n    }\r\n\r\n    .pjotter-video-lightbox__brand {\r\n      top: 17px;\r\n      left: 15px;\r\n      font-size: 30px;\r\n    }\r\n\r\n    .pjotter-video-lightbox__nav {\r\n      top: auto;\r\n      bottom: 18px;\r\n      width: 42px;\r\n      height: 42px;\r\n      transform: none;\r\n    }\r\n\r\n    .pjotter-video-lightbox__prev {\r\n      left: calc(50% - 52px);\r\n    }\r\n\r\n    .pjotter-video-lightbox__next {\r\n      right: calc(50% - 52px);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .pjotter-interior *,\r\n    .pjotter-video-lightbox * {\r\n      scroll-behavior: auto !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const section = document.querySelector(\"[data-pjotter-interior]\");\r\n    const lightbox = document.querySelector(\".pjotter-video-lightbox\");\r\n\r\n    if (!section || !lightbox) return;\r\n\r\n    const allCards = Array.from(\r\n      section.querySelectorAll(\".pjotter-video-card\")\r\n    );\r\n\r\n    const validCards = [];\r\n\r\n    \/* Leere optionale Videokarten automatisch ausblenden. *\/\r\n    allCards.forEach(function (card) {\r\n      const source = card.querySelector(\"source\");\r\n      const address = source\r\n        ? (source.getAttribute(\"src\") || \"\").trim()\r\n        : \"\";\r\n\r\n      if (address === \"\") {\r\n        card.hidden = true;\r\n        return;\r\n      }\r\n\r\n      card.hidden = false;\r\n\r\n      const previewVideo = card.querySelector(\"video\");\r\n\r\n      validCards.push({\r\n        card: card,\r\n        video: previewVideo,\r\n        src: address,\r\n        type: source.getAttribute(\"type\") || \"video\/mp4\",\r\n        title: card.getAttribute(\"data-title\") || \"Pjotter von innen\",\r\n        description: card.getAttribute(\"data-description\") || \"\"\r\n      });\r\n\r\n      \/* Ein ruhiges erstes Videobild als Vorschau vorbereiten. *\/\r\n      previewVideo.addEventListener(\"loadeddata\", function () {\r\n        if (previewVideo.currentTime === 0) {\r\n          try {\r\n            previewVideo.currentTime = 0.08;\r\n          } catch (error) {\r\n            \/* Einige Browser erlauben dies erst nach vollst\u00e4ndigem Laden. *\/\r\n          }\r\n        }\r\n      }, { once: true });\r\n\r\n      previewVideo.load();\r\n    });\r\n\r\n    if (validCards.length === 0) {\r\n      section.style.display = \"none\";\r\n      lightbox.style.display = \"none\";\r\n      return;\r\n    }\r\n\r\n    section.setAttribute(\r\n      \"data-video-count\",\r\n      String(validCards.length)\r\n    );\r\n\r\n    const allButton = section.querySelector(\".pjotter-interior__all\");\r\n    const hint = section.querySelector(\".pjotter-interior__hint\");\r\n\r\n    if (validCards.length === 1) {\r\n      allButton.childNodes[0].nodeValue = \"Video gro\u00df ansehen \";\r\n      hint.textContent = \"Alle Videos werden lautlos wiedergegeben\";\r\n      lightbox.classList.add(\"is-single\");\r\n    } else {\r\n      lightbox.classList.remove(\"is-single\");\r\n    }\r\n\r\n    \/* Nur das erste Video startet automatisch, sobald es sichtbar wird. *\/\r\n    const featuredItem = validCards[0];\r\n    let featuredFinished = false;\r\n\r\n    featuredItem.video.addEventListener(\"ended\", function () {\r\n      featuredFinished = true;\r\n    });\r\n\r\n    if (\r\n      \"IntersectionObserver\" in window &&\r\n      !window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\r\n    ) {\r\n      const videoObserver = new IntersectionObserver(\r\n        function (entries) {\r\n          entries.forEach(function (entry) {\r\n            if (entry.isIntersecting && !featuredFinished) {\r\n              featuredItem.video.muted = true;\r\n\r\n              const attempt = featuredItem.video.play();\r\n\r\n              if (attempt && typeof attempt.catch === \"function\") {\r\n                attempt.catch(function () {\r\n                  \/* Das Standbild und der Play-Button bleiben sichtbar. *\/\r\n                });\r\n              }\r\n            } else {\r\n              featuredItem.video.pause();\r\n            }\r\n          });\r\n        },\r\n        { threshold: 0.42 }\r\n      );\r\n\r\n      videoObserver.observe(featuredItem.card);\r\n    }\r\n\r\n    const largeVideo = lightbox.querySelector(\r\n      \".pjotter-video-lightbox__video\"\r\n    );\r\n\r\n    \/* Auch die Gro\u00dfansicht bleibt dauerhaft ohne Ton. *\/\r\n    largeVideo.muted = true;\r\n    largeVideo.defaultMuted = true;\r\n    largeVideo.volume = 0;\r\n\r\n    largeVideo.addEventListener(\"volumechange\", function () {\r\n      if (!largeVideo.muted || largeVideo.volume !== 0) {\r\n        largeVideo.muted = true;\r\n        largeVideo.volume = 0;\r\n      }\r\n    });\r\n\r\n    \/*\r\n      Ohne native Steuerleiste: Antippen oder Enter\/Leertaste\r\n      schaltet weiterhin zwischen Wiedergabe und Pause um.\r\n    *\/\r\n    function toggleLargeVideo() {\r\n      if (largeVideo.paused) {\r\n        const attempt = largeVideo.play();\r\n\r\n        if (attempt && typeof attempt.catch === \"function\") {\r\n          attempt.catch(function () {\r\n            \/* Falls der Browser die Wiedergabe in diesem Moment blockiert. *\/\r\n          });\r\n        }\r\n      } else {\r\n        largeVideo.pause();\r\n      }\r\n    }\r\n\r\n    largeVideo.addEventListener(\"click\", toggleLargeVideo);\r\n\r\n    largeVideo.addEventListener(\"keydown\", function (event) {\r\n      if (event.key === \"Enter\" || event.key === \" \") {\r\n        event.preventDefault();\r\n        toggleLargeVideo();\r\n      }\r\n    });\r\n\r\n    const title = lightbox.querySelector(\r\n      \".pjotter-video-lightbox__title\"\r\n    );\r\n\r\n    const description = lightbox.querySelector(\r\n      \".pjotter-video-lightbox__description\"\r\n    );\r\n\r\n    const counter = lightbox.querySelector(\r\n      \".pjotter-video-lightbox__counter\"\r\n    );\r\n\r\n    const closeButton = lightbox.querySelector(\r\n      \".pjotter-video-lightbox__close\"\r\n    );\r\n\r\n    const previousButton = lightbox.querySelector(\r\n      \".pjotter-video-lightbox__prev\"\r\n    );\r\n\r\n    const nextButton = lightbox.querySelector(\r\n      \".pjotter-video-lightbox__next\"\r\n    );\r\n\r\n    let currentIndex = 0;\r\n    let lastFocusedElement = null;\r\n\r\n    function showVideo(index, shouldPlay) {\r\n      currentIndex =\r\n        (index + validCards.length) % validCards.length;\r\n\r\n      const selected = validCards[currentIndex];\r\n\r\n      largeVideo.pause();\r\n      largeVideo.src = selected.src;\r\n      largeVideo.setAttribute(\"type\", selected.type);\r\n      largeVideo.muted = true;\r\n      largeVideo.defaultMuted = true;\r\n      largeVideo.volume = 0;\r\n      largeVideo.load();\r\n\r\n      title.textContent = selected.title;\r\n      description.textContent = selected.description;\r\n      counter.textContent =\r\n        (currentIndex + 1) + \" \/ \" + validCards.length;\r\n\r\n      if (shouldPlay) {\r\n        const playAttempt = largeVideo.play();\r\n\r\n        if (playAttempt && typeof playAttempt.catch === \"function\") {\r\n          playAttempt.catch(function () {\r\n            \/* Die Gro\u00dfansicht bleibt ge\u00f6ffnet und kann manuell gestartet werden. *\/\r\n          });\r\n        }\r\n      }\r\n    }\r\n\r\n    function openLightbox(index) {\r\n      lastFocusedElement = document.activeElement;\r\n\r\n      validCards.forEach(function (item) {\r\n        item.video.pause();\r\n      });\r\n\r\n      showVideo(index, true);\r\n\r\n      lightbox.classList.add(\"is-open\");\r\n      lightbox.setAttribute(\"aria-hidden\", \"false\");\r\n      document.body.classList.add(\"pjotter-video-lightbox-open\");\r\n\r\n      closeButton.focus();\r\n    }\r\n\r\n    function closeLightbox() {\r\n      lightbox.classList.remove(\"is-open\");\r\n      lightbox.setAttribute(\"aria-hidden\", \"true\");\r\n      document.body.classList.remove(\"pjotter-video-lightbox-open\");\r\n\r\n      largeVideo.pause();\r\n      largeVideo.removeAttribute(\"src\");\r\n      largeVideo.load();\r\n\r\n      if (lastFocusedElement) {\r\n        lastFocusedElement.focus();\r\n      }\r\n    }\r\n\r\n    validCards.forEach(function (item, index) {\r\n      item.card.addEventListener(\"click\", function () {\r\n        openLightbox(index);\r\n      });\r\n    });\r\n\r\n    allButton.addEventListener(\"click\", function () {\r\n      openLightbox(0);\r\n    });\r\n\r\n    closeButton.addEventListener(\"click\", closeLightbox);\r\n\r\n    previousButton.addEventListener(\"click\", function () {\r\n      showVideo(currentIndex - 1, true);\r\n    });\r\n\r\n    nextButton.addEventListener(\"click\", function () {\r\n      showVideo(currentIndex + 1, true);\r\n    });\r\n\r\n    lightbox.addEventListener(\"click\", function (event) {\r\n      if (event.target === lightbox) {\r\n        closeLightbox();\r\n      }\r\n    });\r\n\r\n    document.addEventListener(\"keydown\", function (event) {\r\n      if (!lightbox.classList.contains(\"is-open\")) return;\r\n\r\n      if (event.key === \"Escape\") {\r\n        closeLightbox();\r\n      }\r\n\r\n      if (event.key === \"ArrowLeft\" && validCards.length > 1) {\r\n        showVideo(currentIndex - 1, true);\r\n      }\r\n\r\n      if (event.key === \"ArrowRight\" && validCards.length > 1) {\r\n        showVideo(currentIndex + 1, true);\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>\n\t\t<div class=\"elementor-element elementor-element-b6a65cd e-con-full e-flex e-con e-child\" data-id=\"b6a65cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7943990 elementor-widget elementor-widget-html\" data-id=\"7943990\" 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<!--\r\n  SOULBOATS \u2013 Breehorn 37 \"Pjotter\"\r\n  Abschnitt 4: Bilder & Highlights\r\n\r\n  Die ersten f\u00fcnf Bilder erscheinen im Vorschauraster.\r\n  Weitere Bilder k\u00f6nnen unten im Bereich\r\n  \u201eZUS\u00c4TZLICHE GALERIEBILDER\u201c erg\u00e4nzt werden.\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Allura&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<style>\r\n  .sb-breehorn-highlights,\r\n  .sb-breehorn-highlights *,\r\n  .sb-breehorn-lightbox,\r\n  .sb-breehorn-lightbox * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sb-breehorn-highlights {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    background: #fbfaf7;\r\n    color: #0b243b;\r\n  }\r\n\r\n  .sb-breehorn-highlights__inner {\r\n    width: min(1180px, calc(100% - 80px));\r\n    margin-inline: auto;\r\n    padding-block: clamp(58px, 6vw, 72px) 10px;\r\n  }\r\n\r\n  .sb-breehorn-highlights__head {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  \/* \u00dcberschrift *\/\r\n  .sb-breehorn-highlights\r\n  .sb-breehorn-highlights__title {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    color: #0b243b !important;\r\n    -webkit-text-fill-color: #0b243b !important;\r\n    font-family: \"Arial Narrow\", \"Aptos Narrow\",\r\n                 \"Avenir Next Condensed\", Arial, sans-serif !important;\r\n    font-size: 40px !important;\r\n    font-weight: 300 !important;\r\n    font-style: normal !important;\r\n    line-height: 1.2 !important;\r\n    letter-spacing: 0.02em !important;\r\n    text-transform: none !important;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Schaltfl\u00e4che \u201eAlle Bilder ansehen\u201c *\/\r\n  .sb-breehorn-highlights__all {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n    background: transparent;\r\n    color: #344c61;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 0.69rem;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.1em;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    appearance: none;\r\n  }\r\n\r\n  .sb-breehorn-highlights__all::after {\r\n    content: \"\u2192\";\r\n    font-size: 1.18rem;\r\n    font-weight: 400;\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  .sb-breehorn-highlights__all:hover::after,\r\n  .sb-breehorn-highlights__all:focus-visible::after {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* Vorschauraster *\/\r\n  .sb-breehorn-highlights__grid {\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 0.94fr 1.2fr 1fr 1fr;\r\n    gap: 6px;\r\n  }\r\n\r\n  .sb-breehorn-highlights__image {\r\n    position: relative;\r\n    display: block;\r\n    width: 100%;\r\n    min-height: 220px;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    border: 0;\r\n    border-radius: 0;\r\n    background: #dce2e5;\r\n    cursor: zoom-in;\r\n    appearance: none;\r\n  }\r\n\r\n  .sb-breehorn-highlights__image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 220px;\r\n    object-fit: cover;\r\n    transition:\r\n      transform 0.55s ease,\r\n      filter 0.35s ease;\r\n  }\r\n\r\n  .sb-breehorn-highlights__image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background: linear-gradient(\r\n      0deg,\r\n      rgba(7, 31, 50, 0.20),\r\n      transparent 52%\r\n    );\r\n    opacity: 0;\r\n    transition: opacity 0.35s ease;\r\n  }\r\n\r\n  .sb-breehorn-highlights__image:hover img {\r\n    transform: scale(1.045);\r\n    filter: saturate(1.04) contrast(1.02);\r\n  }\r\n\r\n  .sb-breehorn-highlights__image:hover::after {\r\n    opacity: 1;\r\n  }\r\n\r\n  .sb-breehorn-highlights__image:focus-visible,\r\n  .sb-breehorn-highlights__all:focus-visible {\r\n    outline: 2px solid #c8a064;\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  \/* Gro\u00dfansicht *\/\r\n  .sb-breehorn-lightbox {\r\n    position: fixed;\r\n    z-index: 999999;\r\n    inset: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 38px 78px;\r\n    background: rgba(5, 18, 29, 0.92);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition:\r\n      opacity 0.3s ease,\r\n      visibility 0.3s ease;\r\n  }\r\n\r\n  .sb-breehorn-lightbox.is-open {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  \/* Edler Rahmen um das gro\u00dfe Bild *\/\r\n  .sb-breehorn-lightbox__frame {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-width: min(1200px, 88vw);\r\n    max-height: 90vh;\r\n    padding: 12px;\r\n    border: 1px solid rgba(200, 160, 100, 0.9);\r\n    border-radius: 4px;\r\n    background: #f8f5ef;\r\n    box-shadow:\r\n      0 30px 80px rgba(0, 0, 0, 0.48),\r\n      0 0 0 5px rgba(248, 245, 239, 0.13);\r\n    transform: translateY(14px) scale(0.985);\r\n    transition: transform 0.35s ease;\r\n  }\r\n\r\n  .sb-breehorn-lightbox.is-open\r\n  .sb-breehorn-lightbox__frame {\r\n    transform: translateY(0) scale(1);\r\n  }\r\n\r\n  .sb-breehorn-lightbox__image {\r\n    display: block;\r\n    max-width: 100%;\r\n    max-height: calc(90vh - 83px);\r\n    object-fit: contain;\r\n    background: #e5e2dc;\r\n  }\r\n\r\n  .sb-breehorn-lightbox__info {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    min-height: 39px;\r\n    padding: 11px 8px 2px;\r\n  }\r\n\r\n  .sb-breehorn-lightbox__caption {\r\n    margin: 0;\r\n    color: #31475a;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 0.78rem;\r\n    font-weight: 400;\r\n    line-height: 1.4;\r\n    letter-spacing: 0.03em;\r\n    text-align: center;\r\n  }\r\n\r\n  .sb-breehorn-lightbox__counter {\r\n    flex: 0 0 auto;\r\n    color: #7a6850;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 0.7rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  \/* Feste Wortmarke im freien dunkelblauen Bereich der Gro\u00dfansicht *\/\r\n  .sb-breehorn-lightbox__brand {\r\n    position: fixed;\r\n    z-index: 2;\r\n    top: 18px;\r\n    left: 25px;\r\n    color: #d1b275;\r\n    font-family: \"Brittany Signature\", \"Allura\", \"Segoe Script\", cursive;\r\n    font-size: clamp(32px, 2.7vw, 42px);\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    letter-spacing: 0.01em;\r\n    text-transform: none;\r\n    text-shadow: 0 0 16px rgba(209, 178, 117, 0.30);\r\n    white-space: nowrap;\r\n    pointer-events: none;\r\n    user-select: none;\r\n  }\r\n\r\n  \/* Schlie\u00dfen *\/\r\n  .sb-breehorn-lightbox__close {\r\n    position: fixed;\r\n    top: 22px;\r\n    right: 25px;\r\n    z-index: 2;\r\n    display: grid;\r\n    width: 44px;\r\n    height: 44px;\r\n    padding: 0;\r\n    place-items: center;\r\n    border: 1px solid rgba(255, 255, 255, 0.4);\r\n    border-radius: 50%;\r\n    background: rgba(9, 31, 48, 0.75);\r\n    color: #ffffff;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 27px;\r\n    font-weight: 300;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    appearance: none;\r\n    transition:\r\n      background 0.25s ease,\r\n      transform 0.25s ease;\r\n  }\r\n\r\n  .sb-breehorn-lightbox__close:hover {\r\n    background: #c8a064;\r\n    transform: rotate(5deg);\r\n  }\r\n\r\n  \/* Navigation *\/\r\n  .sb-breehorn-lightbox__nav {\r\n    position: fixed;\r\n    top: 50%;\r\n    z-index: 2;\r\n    display: grid;\r\n    width: 48px;\r\n    height: 48px;\r\n    padding: 0;\r\n    place-items: center;\r\n    border: 1px solid rgba(255, 255, 255, 0.4);\r\n    border-radius: 50%;\r\n    background: rgba(9, 31, 48, 0.75);\r\n    color: #ffffff;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 27px;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    appearance: none;\r\n    transform: translateY(-50%);\r\n    transition:\r\n      background 0.25s ease,\r\n      border-color 0.25s ease;\r\n  }\r\n\r\n  .sb-breehorn-lightbox__nav:hover {\r\n    border-color: #c8a064;\r\n    background: #c8a064;\r\n  }\r\n\r\n  .sb-breehorn-lightbox__prev {\r\n    left: 20px;\r\n  }\r\n\r\n  .sb-breehorn-lightbox__next {\r\n    right: 20px;\r\n  }\r\n\r\n  .sb-breehorn-lightbox button:focus-visible {\r\n    outline: 2px solid #ffffff;\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  body.sb-breehorn-lightbox-open {\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 1024px) {\r\n    .sb-breehorn-highlights\r\n    .sb-breehorn-highlights__title {\r\n      font-size: 20px !important;\r\n    }\r\n\r\n    .sb-breehorn-highlights__grid {\r\n      grid-template-columns: repeat(3, 1fr);\r\n    }\r\n\r\n    .sb-breehorn-highlights__image:nth-child(4),\r\n    .sb-breehorn-highlights__image:nth-child(4) img,\r\n    .sb-breehorn-highlights__image:nth-child(5),\r\n    .sb-breehorn-highlights__image:nth-child(5) img {\r\n      min-height: 195px;\r\n    }\r\n  }\r\n\r\n  \/* Smartphone *\/\r\n  @media (max-width: 767px) {\r\n    .sb-breehorn-highlights__inner {\r\n      width: calc(100% - 40px);\r\n      padding-block: 58px 10px;\r\n    }\r\n\r\n    .sb-breehorn-highlights__head {\r\n      align-items: flex-start;\r\n      margin-bottom: 17px;\r\n    }\r\n\r\n    .sb-breehorn-highlights\r\n    .sb-breehorn-highlights__title {\r\n      font-size: 19px !important;\r\n      white-space: normal;\r\n    }\r\n\r\n    .sb-breehorn-highlights__all {\r\n      max-width: 120px;\r\n      justify-content: flex-end;\r\n      text-align: right;\r\n    }\r\n\r\n    .sb-breehorn-highlights__grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .sb-breehorn-highlights__image,\r\n    .sb-breehorn-highlights__image img {\r\n      min-height: 165px;\r\n    }\r\n\r\n    .sb-breehorn-highlights__image:first-child {\r\n      grid-column: 1 \/ -1;\r\n      min-height: 240px;\r\n    }\r\n\r\n    .sb-breehorn-highlights__image:first-child img {\r\n      min-height: 240px;\r\n    }\r\n\r\n    .sb-breehorn-lightbox {\r\n      padding: 65px 15px 75px;\r\n    }\r\n\r\n    .sb-breehorn-lightbox__frame {\r\n      max-width: 100%;\r\n      max-height: 80vh;\r\n      padding: 7px;\r\n    }\r\n\r\n    .sb-breehorn-lightbox__image {\r\n      max-height: calc(80vh - 68px);\r\n    }\r\n\r\n    .sb-breehorn-lightbox__info {\r\n      gap: 8px;\r\n      padding-inline: 4px;\r\n    }\r\n\r\n    .sb-breehorn-lightbox__caption {\r\n      font-size: 0.7rem;\r\n    }\r\n\r\n    .sb-breehorn-lightbox__close {\r\n      top: 14px;\r\n      right: 14px;\r\n      width: 40px;\r\n      height: 40px;\r\n    }\r\n\r\n    .sb-breehorn-lightbox__brand {\r\n      top: 17px;\r\n      left: 15px;\r\n      font-size: 30px;\r\n      letter-spacing: 0.01em;\r\n    }\r\n\r\n    .sb-breehorn-lightbox__nav {\r\n      top: auto;\r\n      bottom: 18px;\r\n      width: 42px;\r\n      height: 42px;\r\n      transform: none;\r\n    }\r\n\r\n    .sb-breehorn-lightbox__prev {\r\n      left: calc(50% - 52px);\r\n    }\r\n\r\n    .sb-breehorn-lightbox__next {\r\n      right: calc(50% - 52px);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .sb-breehorn-highlights *,\r\n    .sb-breehorn-lightbox * {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section\r\n  class=\"sb-breehorn-highlights\"\r\n  aria-labelledby=\"breehorn-highlights\"\r\n>\r\n  <div class=\"sb-breehorn-highlights__inner\">\r\n\r\n    <div class=\"sb-breehorn-highlights__head\">\r\n\r\n      <h2\r\n        class=\"sb-breehorn-highlights__title\"\r\n        id=\"breehorn-highlights\"\r\n      >\r\n        Bilder &amp; Highlights\r\n      <\/h2>\r\n\r\n      <button\r\n        class=\"sb-breehorn-highlights__all\"\r\n        type=\"button\"\r\n      >\r\n        Alle Bilder ansehen\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n    <!-- Die ersten f\u00fcnf sichtbaren Vorschaubilder -->\r\n    <div class=\"sb-breehorn-highlights__grid\">\r\n\r\n      <!-- BILD 1 -->\r\n      <button\r\n        class=\"sb-breehorn-highlights__image\"\r\n        type=\"button\"\r\n        aria-label=\"Au\u00dfenansicht der Pjotter gro\u00df ansehen\"\r\n      >\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/dji_fly_20260811_155714_a5a98560-95f1-4603-8a41-6ed086f01e81_1787065227538_photo-scaled.jpg\"\r\n          alt=\"Breehorn 37 Pjotter unter Segeln\"\r\n          loading=\"lazy\"\r\n        >\r\n      <\/button>\r\n\r\n      <!-- BILD 2 -->\r\n      <button\r\n        class=\"sb-breehorn-highlights__image\"\r\n        type=\"button\"\r\n        aria-label=\"Deck der Pjotter gro\u00df ansehen\"\r\n      >\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4771-scaled.jpg\"\r\n          alt=\"Deck und Vorschiff der Breehorn 37\"\r\n          loading=\"lazy\"\r\n        >\r\n      <\/button>\r\n\r\n      <!-- BILD 3 -->\r\n      <button\r\n        class=\"sb-breehorn-highlights__image\"\r\n        type=\"button\"\r\n        aria-label=\"Cockpit der Pjotter gro\u00df ansehen\"\r\n      >\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4691-scaled.jpg\"\r\n          alt=\"Gesch\u00fctztes Cockpit der Pjotter\"\r\n          loading=\"lazy\"\r\n        >\r\n      <\/button>\r\n\r\n      <!-- BILD 4 -->\r\n      <button\r\n        class=\"sb-breehorn-highlights__image\"\r\n        type=\"button\"\r\n        aria-label=\"Salon der Pjotter gro\u00df ansehen\"\r\n      >\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4559-scaled.jpg\"\r\n          alt=\"Heller Salon der Breehorn 37\"\r\n          loading=\"lazy\"\r\n        >\r\n      <\/button>\r\n\r\n      <!-- BILD 5 -->\r\n      <button\r\n        class=\"sb-breehorn-highlights__image\"\r\n        type=\"button\"\r\n        aria-label=\"Heller Salon der Breehorn 37(2)\"\r\n      >\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4624-scaled.jpg\"\r\n          alt=\"Koje an Bord der Pjotter\"\r\n          loading=\"lazy\"\r\n        >\r\n      <\/button>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!--\r\n  ==========================================================\r\n  ZUS\u00c4TZLICHE GALERIEBILDER\r\n\r\n  Diese Bilder werden nur in der Gro\u00dfansicht angezeigt.\r\n  F\u00fcr jedes weitere Bild die span-Zeile kopieren.\r\n\r\n  data-src = Bildadresse\r\n  data-alt = Bildbeschreibung\r\n\r\n  Eine leere Zeile wird automatisch ignoriert.\r\n  ==========================================================\r\n-->\r\n\r\n<div class=\"sb-breehorn-additional-images\" hidden>\r\n\r\n  <!-- Zus\u00e4tzliches Bild 6 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/dji_fly_20260811_155653_665f8ba0-37c1-488e-a219-ab75d6862899_1787065228944_photo-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n\r\n  <!-- Zus\u00e4tzliches Bild 7 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/dji_fly_20260811_155512_ee679b28-19ad-41aa-b99d-85245ab2d8e7_1787065236452_photo-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n\r\n  <!-- Zus\u00e4tzliches Bild 8 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/dji_fly_20260811_155418_c147cc43-1f7e-4d3f-88f3-5e5d55d0edea_1787065240382_photo-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n\r\n  <!-- Zus\u00e4tzliches Bild 9 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/dji_fly_20260811_155225_4fa7160d-e8d2-4596-a7e1-8e2b3fa3f0b7_1787065253045_photo-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n    <!-- Zus\u00e4tzliches Bild 10 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/dji_fly_20260811_155055_e5cdc6eb-587d-44fe-88e8-2d96420541db_1787065277109_photo-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n    <!-- Zus\u00e4tzliches Bild 11 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/dji_fly_20260811_154949_6ef37cf3-34a0-4540-bfd2-264c8a84512c_1787065284742_photo.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n    <!-- Zus\u00e4tzliches Bild 12 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/dji_fly_20260811_154939_ad2a74a9-80e8-4ca6-be9f-2362266e18ac_1787065286294_photo.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n    <!-- Zus\u00e4tzliches Bild 13 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/dji_fly_20260811_154907_7bffb569-abbf-43cc-a2cd-e444bb52618b_1787065289137_photo-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n    <!-- Zus\u00e4tzliches Bild 14 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/dji_fly_20260811_154803_1686dc04-8bce-4f79-add8-2c646a32bc09_1787065296470_photo.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n    <!-- Zus\u00e4tzliches Bild 15 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4705-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n    <!-- Zus\u00e4tzliches Bild 16 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4684-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n    <!-- Zus\u00e4tzliches Bild 17 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4658-3-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n      <!-- Zus\u00e4tzliches Bild 18-->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4669-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n      <!-- Zus\u00e4tzliches Bild 19-->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4639-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n      <!-- Zus\u00e4tzliches Bild 20 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4633-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n      <!-- Zus\u00e4tzliches Bild 21 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4629-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n      <!-- Zus\u00e4tzliches Bild 22 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4590-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n      <!-- Zus\u00e4tzliches Bild 23 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4587-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n      <!-- Zus\u00e4tzliches Bild 24 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4567-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n      <!-- Zus\u00e4tzliches Bild 25 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4565-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n      <!-- Zus\u00e4tzliches Bild 26 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4556-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n      <!-- Zus\u00e4tzliches Bild 27 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4490-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n      <!-- Zus\u00e4tzliches Bild 28 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4473-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n        <!-- Zus\u00e4tzliches Bild 29 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4456-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n        <!-- Zus\u00e4tzliches Bild 30 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4441-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n        <!-- Zus\u00e4tzliches Bild 31 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4445-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n        <!-- Zus\u00e4tzliches Bild 32 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4435-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n        <!-- Zus\u00e4tzliches Bild 33 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4393-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n        <!-- Zus\u00e4tzliches Bild 34 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4371-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n        <!-- Zus\u00e4tzliches Bild 35 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4777-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n        <!-- Zus\u00e4tzliches Bild 36 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4758-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n        <!-- Zus\u00e4tzliches Bild 28 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4745-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n        <!-- Zus\u00e4tzliches Bild 37 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4755-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n        <!-- Zus\u00e4tzliches Bild 38 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4750-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n        <!-- Zus\u00e4tzliches Bild 39 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4701-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n        <!-- Zus\u00e4tzliches Bild 40 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4597-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n          <!-- Zus\u00e4tzliches Bild 41 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4571-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n          <!-- Zus\u00e4tzliches Bild 42 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4617-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n          <!-- Zus\u00e4tzliches Bild 43 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4670-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n          <!-- Zus\u00e4tzliches Bild 44-->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4663-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n          <!-- Zus\u00e4tzliches Bild 45 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4675-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n          <!-- Zus\u00e4tzliches Bild 46 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4676-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n          <!-- Zus\u00e4tzliches Bild 47 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4679-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n          <!-- Zus\u00e4tzliches Bild 48 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4387-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n          <!-- Zus\u00e4tzliches Bild 49 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4685-2-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n          <!-- Zus\u00e4tzliches Bild 50 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4597-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n        <!-- Zus\u00e4tzliches Bild 51 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/dji_fly_20260811_154732_00db68a7-a9c2-488b-80ee-d8c32200d389_1787065297751_photo-scaled.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n          <!-- Zus\u00e4tzliches Bild 52 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/FFCA3E75-90B1-44F9-84A9-6A608BAA78E1.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  \r\n        <!-- Zus\u00e4tzliches Bild 53 -->\r\n  <span\r\n    class=\"sb-breehorn-additional-image\"\r\n    data-src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/2716db0a-8dfb-445c-91ab-69c8d8e2b4f5.jpg\"\r\n    data-alt=\"\"\r\n  ><\/span>\r\n  <!-- Weitere span-Bl\u00f6cke k\u00f6nnen beliebig erg\u00e4nzt werden -->\r\n\r\n<\/div>\r\n\r\n<!-- Gro\u00dfansicht -->\r\n<div\r\n  class=\"sb-breehorn-lightbox\"\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  aria-label=\"Bildergalerie der Breehorn 37 Pjotter\"\r\n  aria-hidden=\"true\"\r\n>\r\n  <div\r\n    class=\"sb-breehorn-lightbox__brand\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    SoulBoats\r\n  <\/div>\r\n\r\n  <button\r\n    class=\"sb-breehorn-lightbox__close\"\r\n    type=\"button\"\r\n    aria-label=\"Gro\u00dfansicht schlie\u00dfen\"\r\n  >\r\n    &times;\r\n  <\/button>\r\n\r\n  <button\r\n    class=\"sb-breehorn-lightbox__nav sb-breehorn-lightbox__prev\"\r\n    type=\"button\"\r\n    aria-label=\"Vorheriges Bild\"\r\n  >\r\n    &#8249;\r\n  <\/button>\r\n\r\n  <div class=\"sb-breehorn-lightbox__frame\">\r\n    <img decoding=\"async\"\r\n      class=\"sb-breehorn-lightbox__image\"\r\n      src=\"\"\r\n      alt=\"\"\r\n    >\r\n\r\n    <div class=\"sb-breehorn-lightbox__info\">\r\n      <p class=\"sb-breehorn-lightbox__caption\"><\/p>\r\n      <span class=\"sb-breehorn-lightbox__counter\"><\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <button\r\n    class=\"sb-breehorn-lightbox__nav sb-breehorn-lightbox__next\"\r\n    type=\"button\"\r\n    aria-label=\"N\u00e4chstes Bild\"\r\n  >\r\n    &#8250;\r\n  <\/button>\r\n<\/div>\r\n\r\n<script>\r\n  (function () {\r\n    const section = document.querySelector(\r\n      \".sb-breehorn-highlights\"\r\n    );\r\n\r\n    const lightbox = document.querySelector(\r\n      \".sb-breehorn-lightbox\"\r\n    );\r\n\r\n    if (!section || !lightbox) return;\r\n\r\n    const imageButtons = Array.from(\r\n      section.querySelectorAll(\r\n        \".sb-breehorn-highlights__image\"\r\n      )\r\n    );\r\n\r\n    const additionalItems = Array.from(\r\n      document.querySelectorAll(\r\n        \".sb-breehorn-additional-image\"\r\n      )\r\n    );\r\n\r\n    const allImagesButton = section.querySelector(\r\n      \".sb-breehorn-highlights__all\"\r\n    );\r\n\r\n    const largeImage = lightbox.querySelector(\r\n      \".sb-breehorn-lightbox__image\"\r\n    );\r\n\r\n    const caption = lightbox.querySelector(\r\n      \".sb-breehorn-lightbox__caption\"\r\n    );\r\n\r\n    const counter = lightbox.querySelector(\r\n      \".sb-breehorn-lightbox__counter\"\r\n    );\r\n\r\n    const closeButton = lightbox.querySelector(\r\n      \".sb-breehorn-lightbox__close\"\r\n    );\r\n\r\n    const previousButton = lightbox.querySelector(\r\n      \".sb-breehorn-lightbox__prev\"\r\n    );\r\n\r\n    const nextButton = lightbox.querySelector(\r\n      \".sb-breehorn-lightbox__next\"\r\n    );\r\n\r\n    \/*\r\n      Zuerst werden die f\u00fcnf sichtbaren Bilder gesammelt.\r\n    *\/\r\n    const galleryImages = imageButtons.map(function (button) {\r\n      const image = button.querySelector(\"img\");\r\n\r\n      return {\r\n        src: image.getAttribute(\"src\"),\r\n        alt: image.getAttribute(\"alt\") || \"Breehorn 37 Pjotter\"\r\n      };\r\n    });\r\n\r\n    \/*\r\n      Danach werden alle zus\u00e4tzlichen Bilder erg\u00e4nzt.\r\n      Leere data-src-Angaben werden ignoriert.\r\n    *\/\r\n    additionalItems.forEach(function (item) {\r\n      const imageAddress = (\r\n        item.getAttribute(\"data-src\") || \"\"\r\n      ).trim();\r\n\r\n      const imageDescription = (\r\n        item.getAttribute(\"data-alt\") || \"\"\r\n      ).trim();\r\n\r\n      if (imageAddress !== \"\") {\r\n        galleryImages.push({\r\n          src: imageAddress,\r\n          alt: imageDescription || \"Breehorn 37 Pjotter\"\r\n        });\r\n      }\r\n    });\r\n\r\n    let currentIndex = 0;\r\n    let lastFocusedElement = null;\r\n\r\n    function showImage(index) {\r\n      if (galleryImages.length === 0) return;\r\n\r\n      currentIndex =\r\n        (index + galleryImages.length) % galleryImages.length;\r\n\r\n      const selectedImage = galleryImages[currentIndex];\r\n\r\n      largeImage.src = selectedImage.src;\r\n      largeImage.alt = selectedImage.alt;\r\n      caption.textContent = selectedImage.alt;\r\n\r\n      counter.textContent =\r\n        (currentIndex + 1) + \" \/ \" + galleryImages.length;\r\n\r\n      \/*\r\n        Das folgende Bild wird dezent vorgeladen.\r\n      *\/\r\n      const nextIndex =\r\n        (currentIndex + 1) % galleryImages.length;\r\n\r\n      const preloadImage = new Image();\r\n      preloadImage.src = galleryImages[nextIndex].src;\r\n    }\r\n\r\n    function openLightbox(index) {\r\n      if (galleryImages.length === 0) return;\r\n\r\n      lastFocusedElement = document.activeElement;\r\n\r\n      showImage(index);\r\n\r\n      lightbox.classList.add(\"is-open\");\r\n      lightbox.setAttribute(\"aria-hidden\", \"false\");\r\n      document.body.classList.add(\r\n        \"sb-breehorn-lightbox-open\"\r\n      );\r\n\r\n      closeButton.focus();\r\n    }\r\n\r\n    function closeLightbox() {\r\n      lightbox.classList.remove(\"is-open\");\r\n      lightbox.setAttribute(\"aria-hidden\", \"true\");\r\n      document.body.classList.remove(\r\n        \"sb-breehorn-lightbox-open\"\r\n      );\r\n\r\n      largeImage.src = \"\";\r\n\r\n      if (lastFocusedElement) {\r\n        lastFocusedElement.focus();\r\n      }\r\n    }\r\n\r\n    \/*\r\n      Klick auf eines der f\u00fcnf Vorschaubilder.\r\n    *\/\r\n    imageButtons.forEach(function (button, index) {\r\n      button.addEventListener(\"click\", function () {\r\n        openLightbox(index);\r\n      });\r\n    });\r\n\r\n    \/*\r\n      \u201eAlle Bilder ansehen\u201c startet beim ersten Bild.\r\n    *\/\r\n    allImagesButton.addEventListener(\"click\", function () {\r\n      openLightbox(0);\r\n    });\r\n\r\n    closeButton.addEventListener(\r\n      \"click\",\r\n      closeLightbox\r\n    );\r\n\r\n    previousButton.addEventListener(\"click\", function () {\r\n      showImage(currentIndex - 1);\r\n    });\r\n\r\n    nextButton.addEventListener(\"click\", function () {\r\n      showImage(currentIndex + 1);\r\n    });\r\n\r\n    \/*\r\n      Klick auf den dunklen Hintergrund schlie\u00dft die Galerie.\r\n    *\/\r\n    lightbox.addEventListener(\"click\", function (event) {\r\n      if (event.target === lightbox) {\r\n        closeLightbox();\r\n      }\r\n    });\r\n\r\n    \/*\r\n      Tastatursteuerung:\r\n      Escape = schlie\u00dfen\r\n      Pfeil links\/rechts = Bilder wechseln\r\n    *\/\r\n    document.addEventListener(\"keydown\", function (event) {\r\n      if (!lightbox.classList.contains(\"is-open\")) return;\r\n\r\n      if (event.key === \"Escape\") {\r\n        closeLightbox();\r\n      }\r\n\r\n      if (event.key === \"ArrowLeft\") {\r\n        showImage(currentIndex - 1);\r\n      }\r\n\r\n      if (event.key === \"ArrowRight\") {\r\n        showImage(currentIndex + 1);\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d26431 e-con-full e-flex e-con e-child\" data-id=\"4d26431\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7a72bf elementor-widget elementor-widget-html\" data-id=\"b7a72bf\" 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<!--\r\n  SOULBOATS | Breehorn 37 \"Pjotter\"\r\n  Abschnitt: Ausstattung & Details\r\n\r\n  Den vollst\u00e4ndigen Inhalt in EIN Elementor-HTML-Widget kopieren.\r\n\r\n  Elementor-Hauptcontainer:\r\n  Breite 100 %, Hintergrund #071b2d,\r\n  Innenabstand 0, Au\u00dfenabstand 0, Elemente-Abstand 0.\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<section\r\n  class=\"sb-pjotter-equipment\"\r\n  data-sb-pjotter-equipment\r\n  aria-labelledby=\"sb-pjotter-equipment-title\"\r\n>\r\n  <div class=\"sb-pjotter-equipment__inner\">\r\n\r\n    <div class=\"sb-pjotter-equipment__overview\">\r\n\r\n      <header class=\"sb-pjotter-equipment__heading\">\r\n        <span class=\"sb-pjotter-equipment__overline\">\r\n          BREEHORN 37 \u201ePJOTTER\u201c\r\n        <\/span>\r\n\r\n        <h2 id=\"sb-pjotter-equipment-title\">\r\n          Ausstattung &amp; Details\r\n        <\/h2>\r\n\r\n        <p>\r\n          Ausgew\u00e4hlte Merkmale einer sorgf\u00e4ltig ausger\u00fcsteten Fahrtenyacht.\r\n        <\/p>\r\n      <\/header>\r\n\r\n      <!-- HIGHLIGHT 1 -->\r\n      <article class=\"sb-equipment-summary\">\r\n        <div class=\"sb-equipment-summary__head\">\r\n          <span class=\"sb-equipment-summary__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 32 32\">\r\n              <path d=\"M16 3v23M16 5L7 23h9M17 9l8 14h-8M5 26h22\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <h3>Segel &amp; Rigg<\/h3>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li>Kuttertakelung mit zwei Furlex Systemen<\/li>\r\n          <li>Segel aus 2018 und 2021<\/li>\r\n          <li>Stehendes Gut aus 2018<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- HIGHLIGHT 2 -->\r\n      <article class=\"sb-equipment-summary\">\r\n        <div class=\"sb-equipment-summary__head\">\r\n          <span class=\"sb-equipment-summary__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 32 32\">\r\n              <path d=\"M16 4v21M11 10h10M8 15h16M7 26h18M10 15v8M22 15v8\"\/>\r\n              <path d=\"M13 7l3-3 3 3\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <h3>Deck &amp; Sicherheit<\/h3>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li>Teakdeck und gesch\u00fctztes Cockpit<\/li>\r\n          <li>Elektrische Ankerwinsch mit 80 m Kette<\/li>\r\n          <li>Rettungsinsel und ACR EPIRB<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- HIGHLIGHT 3 -->\r\n      <article class=\"sb-equipment-summary\">\r\n        <div class=\"sb-equipment-summary__head\">\r\n          <span class=\"sb-equipment-summary__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 32 32\">\r\n              <circle cx=\"16\" cy=\"16\" r=\"11\"\/>\r\n              <path d=\"M20 11l-2.2 6.8L11 20l2.2-6.8L20 11z\"\/>\r\n              <path d=\"M16 2v3M16 27v3M2 16h3M27 16h3\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <h3>Navigation &amp; Technik<\/h3>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li>Zwei Garmin Kartenplotter und Radar<\/li>\r\n          <li>Raymarine Autopilot, AIS und vier Displays<\/li>\r\n          <li>Windfahnensteuerung aus 2023<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <!-- HIGHLIGHT 4 -->\r\n      <article class=\"sb-equipment-summary\">\r\n        <div class=\"sb-equipment-summary__head\">\r\n          <span class=\"sb-equipment-summary__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 32 32\">\r\n              <path d=\"M6 14h20a3 3 0 0 1 3 3v7H3v-7a3 3 0 0 1 3-3z\"\/>\r\n              <path d=\"M7 14V9h8a3 3 0 0 1 3 3v2M5 24v4M27 24v4\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <h3>Komfort &amp; Interieur<\/h3>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li>Webasto Heizung und Warmwassersystem<\/li>\r\n          <li>Gro\u00dfz\u00fcgige Pantry mit Backofen<\/li>\r\n          <li>Gro\u00dfe Kojen und viel Stauraum<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <button\r\n      class=\"sb-pjotter-equipment__open\"\r\n      type=\"button\"\r\n      data-sb-equipment-open\r\n      aria-controls=\"sb-pjotter-equipment-modal\"\r\n      aria-expanded=\"false\"\r\n    >\r\n      <span>Alle Details anzeigen<\/span>\r\n      <span class=\"sb-pjotter-equipment__arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n    <\/button>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- =====================================================\r\n     DETAILFENSTER\r\n     ===================================================== -->\r\n<div\r\n  class=\"sb-equipment-modal\"\r\n  id=\"sb-pjotter-equipment-modal\"\r\n  data-sb-equipment-modal\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  aria-labelledby=\"sb-equipment-modal-title\"\r\n  aria-hidden=\"true\"\r\n>\r\n  <div class=\"sb-equipment-modal__dialog\" data-sb-equipment-dialog>\r\n\r\n    <button\r\n      class=\"sb-equipment-modal__close\"\r\n      type=\"button\"\r\n      data-sb-equipment-close\r\n      aria-label=\"Ausstattungsfenster schlie\u00dfen\"\r\n    >\r\n      &times;\r\n    <\/button>\r\n\r\n    <header class=\"sb-equipment-modal__head\">\r\n      <span class=\"sb-equipment-modal__overline\">\r\n        BREEHORN 37 \u201ePJOTTER\u201c\r\n      <\/span>\r\n\r\n      <h3 id=\"sb-equipment-modal-title\">\r\n        Ausstattung im \u00dcberblick\r\n      <\/h3>\r\n\r\n      <p>\r\n        Die Ausr\u00fcstung ist nach Bereichen geordnet und zeigt die wesentlichen\r\n        Systeme, Komfortmerkmale und j\u00fcngeren Erneuerungen an Bord.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"sb-equipment-detail-grid\">\r\n\r\n      <!-- 1. SEGEL UND RIGG -->\r\n      <section class=\"sb-equipment-detail-card\">\r\n        <div class=\"sb-equipment-detail-card__head\">\r\n          <span class=\"sb-equipment-detail-card__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 32 32\">\r\n              <path d=\"M16 3v23M16 5L7 23h9M17 9l8 14h-8M5 26h22\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <div>\r\n            <span>01<\/span>\r\n            <h4>Segel &amp; Rigg<\/h4>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li>Kuttertakelung mit Furlex 203S und Furlex 204S Rollsystem<\/li>\r\n          <li>Gro\u00dfsegel aus 2018<\/li>\r\n          <li>Vorsegel aus 2021<\/li>\r\n          <li>Kutterfock aus 2018<\/li>\r\n          <li>Gennaker mit etwa 50 m&sup2;<\/li>\r\n          <li>Stehendes Gut aus 2018<\/li>\r\n          <li>Seld\u00e9n Rodkicker<\/li>\r\n          <li>Lazy Jacks<\/li>\r\n          <li>Drei Winschen am Mast<\/li>\r\n          <li>\u00c4ltere Segel sind ebenfalls vorhanden<\/li>\r\n        <\/ul>\r\n      <\/section>\r\n\r\n      <!-- 2. DECK UND COCKPIT -->\r\n      <section class=\"sb-equipment-detail-card\">\r\n        <div class=\"sb-equipment-detail-card__head\">\r\n          <span class=\"sb-equipment-detail-card__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 32 32\">\r\n              <path d=\"M16 4v21M11 10h10M8 15h16M7 26h18M10 15v8M22 15v8\"\/>\r\n              <path d=\"M13 7l3-3 3 3\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <div>\r\n            <span>02<\/span>\r\n            <h4>Deck, Cockpit &amp; Ankern<\/h4>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li>Teakdeck<\/li>\r\n          <li>Elektrische Ankerwinsch<\/li>\r\n          <li>Anker mit 80 m langer und 10 mm starker Kette<\/li>\r\n          <li>Zwei Cockpitwinschen der Gr\u00f6\u00dfe 48<\/li>\r\n          <li>Zwei Cockpitwinschen der Gr\u00f6\u00dfe 40<\/li>\r\n          <li>Sehr kr\u00e4ftig dimensioniertes Gro\u00dfschotsystem<\/li>\r\n          <li>Cockpittisch<\/li>\r\n          <li>Sprayhood<\/li>\r\n          <li>Bimini<\/li>\r\n          <li>Badeleiter<\/li>\r\n          <li>Au\u00dfendusche mit Warmwasser<\/li>\r\n          <li>Sicherheitsgel\u00e4nder rund um den Mast<\/li>\r\n        <\/ul>\r\n      <\/section>\r\n\r\n      <!-- 3. NAVIGATION UND STEUERUNG -->\r\n      <section class=\"sb-equipment-detail-card\">\r\n        <div class=\"sb-equipment-detail-card__head\">\r\n          <span class=\"sb-equipment-detail-card__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 32 32\">\r\n              <circle cx=\"16\" cy=\"16\" r=\"11\"\/>\r\n              <path d=\"M20 11l-2.2 6.8L11 20l2.2-6.8L20 11z\"\/>\r\n              <path d=\"M16 2v3M16 27v3M2 16h3M27 16h3\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <div>\r\n            <span>03<\/span>\r\n            <h4>Navigation &amp; Steuerung<\/h4>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li>Zwei Garmin Kartenplotter<\/li>\r\n          <li>Garmin Radar<\/li>\r\n          <li>Vier Raymarine Multifunktionsdisplays aus 2021 und 2023<\/li>\r\n          <li>Raymarine Autopilot aus 2024\/ 2025<\/li>\r\n          <li>Windfahnensteuerung aus 2023<\/li>\r\n          <li>Airmar DST810 Multisensor mit Bluetooth<\/li>\r\n          <li>Anzeige von Tiefe, Geschwindigkeit und Temperatur auf den Raymarine Displays<\/li>\r\n          <li>GPS<\/li>\r\n          <li>Kompass<\/li>\r\n        <\/ul>\r\n      <\/section>\r\n\r\n      <!-- 4. KOMMUNIKATION UND SICHERHEIT -->\r\n      <section class=\"sb-equipment-detail-card\">\r\n        <div class=\"sb-equipment-detail-card__head\">\r\n          <span class=\"sb-equipment-detail-card__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 32 32\">\r\n              <path d=\"M7 25V11M25 25V11M7 14c5-5 13-5 18 0M10 18c3-3 9-3 12 0M13 22c1.7-1.7 4.3-1.7 6 0\"\/>\r\n              <circle cx=\"16\" cy=\"25\" r=\"1.5\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <div>\r\n            <span>04<\/span>\r\n            <h4>Kommunikation &amp; Sicherheit<\/h4>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li>Raymarine AIS650 Class B Transceiver<\/li>\r\n          <li>ACR EPIRB Seenotfunkbake<\/li>\r\n          <li>Handfunkger\u00e4t<\/li>\r\n          <li>Rettungsinsel<\/li>\r\n          <li>Zwei automatische Bilgenpumpen<\/li>\r\n          <li>Eine manuelle Bilgenpumpe<\/li>\r\n          <li>Gaswarnger\u00e4t<\/li>\r\n          <li>Gaspr\u00fcfung vorhanden<\/li>\r\n          <li>Fusion Marine Audiosystem mit Bluetooth<\/li>\r\n          <li>Au\u00dfenlautsprecher<\/li>\r\n        <\/ul>\r\n      <\/section>\r\n\r\n      <!-- 5. ENERGIE UND BORDELEKTRIK -->\r\n      <section class=\"sb-equipment-detail-card\">\r\n        <div class=\"sb-equipment-detail-card__head\">\r\n          <span class=\"sb-equipment-detail-card__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 32 32\">\r\n              <path d=\"M18 3L8 18h7l-1 11 10-16h-7l1-10z\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <div>\r\n            <span>05<\/span>\r\n            <h4>Energie &amp; Bordelektrik<\/h4>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li>Solaranlage mit Victron Technik, aus 2024 und 2026<\/li>\r\n          <li>Energie\u00fcberwachung \u00fcber das Smartphone<\/li>\r\n          <li>Drei Verbraucherbatterien<\/li>\r\n          <li>Eine Starterbatterie<\/li>\r\n          <li>Separate Batterie f\u00fcr den K\u00fchlschrank<\/li>\r\n          <li>Wechselrichter<\/li>\r\n          <li>FI gesch\u00fctzter Sicherungskasten<\/li>\r\n          <li>230 V Steckdosen in der Pantry<\/li>\r\n          <li>USB Anschl\u00fcsse und 12 V Steckdosen an Bord<\/li>\r\n        <\/ul>\r\n      <\/section>\r\n\r\n      <!-- 6. ANTRIEB UND WARTUNG -->\r\n      <section class=\"sb-equipment-detail-card\">\r\n        <div class=\"sb-equipment-detail-card__head\">\r\n          <span class=\"sb-equipment-detail-card__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 32 32\">\r\n              <path d=\"M6 11h15l5 5v9H6zM10 11V7h7v4M3 15h3M3 21h3M26 17h3v6h-3\"\/>\r\n              <path d=\"M11 16v4M16 16v4\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <div>\r\n            <span>06<\/span>\r\n            <h4>Antrieb, Service &amp; Wartung<\/h4>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li>Volvo Penta MD2040 mit 38 PS<\/li>\r\n          <li>Motor von allen Seiten sehr gut zug\u00e4nglich<\/li>\r\n          <li>Motor 2018 aus dem Boot gekrant und sorgf\u00e4ltig \u00fcberpr\u00fcft<\/li>\r\n          <li>Rechnung \u00fcber die Motor\u00fcberpr\u00fcfung vorhanden<\/li>\r\n          <li>Saildrive neu 2026<\/li>\r\n          <li>Nassabgasschlauch aus 2023<\/li>\r\n          <li>Edelstahl-Wassersammler aus 2023<\/li>\r\n          <li>Begehbarer Serviceraum<\/li>\r\n          <li>Neues Antifouling 2026<\/li>\r\n        <\/ul>\r\n      <\/section>\r\n\r\n      <!-- 7. PANTRY UND SANITAER -->\r\n      <section class=\"sb-equipment-detail-card\">\r\n        <div class=\"sb-equipment-detail-card__head\">\r\n          <span class=\"sb-equipment-detail-card__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 32 32\">\r\n              <path d=\"M5 13h22v13H5zM9 9h14v4M10 18h5M20 18h2M9 22h5\"\/>\r\n              <path d=\"M9 5c0 2 2 2 2 4M16 5c0 2 2 2 2 4\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <div>\r\n            <span>07<\/span>\r\n            <h4>Pantry, Sanit\u00e4r &amp; W\u00e4rme<\/h4>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li>Dreiflammiger Herd mit Backofen aus Sep. 2023<\/li>\r\n          <li>Doppelsp\u00fcle mit Warmwasser<\/li>\r\n          <li>Kompressork\u00fchlschrank mit eigener Batterieversorgung<\/li>\r\n          <li>Warmwasserboiler<\/li>\r\n          <li>Webasto Heizung<\/li>\r\n          <li>Gro\u00dfe Nasszelle mit Warmwasser<\/li>\r\n          <li>Pump WC<\/li>\r\n          <li>Wassermacher auf Anfrage<\/li>\r\n        <\/ul>\r\n      <\/section>\r\n\r\n      <!-- 8. INNENRAUM -->\r\n      <section class=\"sb-equipment-detail-card\">\r\n        <div class=\"sb-equipment-detail-card__head\">\r\n          <span class=\"sb-equipment-detail-card__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 32 32\">\r\n              <path d=\"M6 14h20a3 3 0 0 1 3 3v7H3v-7a3 3 0 0 1 3-3z\"\/>\r\n              <path d=\"M7 14V9h8a3 3 0 0 1 3 3v2M5 24v4M27 24v4\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <div>\r\n            <span>08<\/span>\r\n            <h4>Innenraum &amp; Unterbringung<\/h4>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul>\r\n          <li>Indirekte Beleuchtung im Salon<\/li>\r\n          <li>Viel Stauraum in Schr\u00e4nken und Schubladen<\/li>\r\n          <li>Sehr gute Polster und Matratzen<\/li>\r\n          <li>Beidseitig abklappbarer Salontisch mit Getr\u00e4nkefach<\/li>\r\n          <li>Gro\u00dfe Vorschiffskoje<\/li>\r\n          <li>Gro\u00dfe Achterkoje<\/li>\r\n          <li>Gro\u00dfe Achterkabine mit drei Fenstern und Schrank<\/li>\r\n          <li>Luken mit Rollos und Fliegengittern<\/li>\r\n          <li>TV Anschluss m\u00f6glich<\/li>\r\n        <\/ul>\r\n      <\/section>\r\n\r\n    <\/div>\r\n\r\n    <footer class=\"sb-equipment-modal__footer\">\r\n      <span aria-hidden=\"true\"><\/span>\r\n      <p>\r\n        Ausstattungsangaben nach Auskunft des Eigners. \u00c4nderungen und Irrt\u00fcmer\r\n        vorbehalten. Funktion und Vollst\u00e4ndigkeit k\u00f6nnen bei einer Besichtigung\r\n        gemeinsam gepr\u00fcft werden.\r\n      <\/p>\r\n      <span aria-hidden=\"true\"><\/span>\r\n    <\/footer>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .sb-pjotter-equipment,\r\n  .sb-pjotter-equipment *,\r\n  .sb-equipment-modal,\r\n  .sb-equipment-modal * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sb-pjotter-equipment {\r\n    position: relative;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    background: #071b2d;\r\n    color: #f6f3ed;\r\n    border-bottom: 1px solid rgba(209, 178, 117, .18);\r\n  }\r\n\r\n  .sb-pjotter-equipment::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 1;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 2px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(200, 154, 81, .22) 12%,\r\n      rgba(224, 190, 125, .95) 50%,\r\n      rgba(200, 154, 81, .22) 88%,\r\n      transparent 100%\r\n    );\r\n    box-shadow: 0 0 14px rgba(224, 190, 125, .38);\r\n  }\r\n\r\n  .sb-pjotter-equipment__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(1180px, calc(100% - 80px));\r\n    margin-inline: auto;\r\n    padding-block: clamp(52px, 5.5vw, 76px) 46px;\r\n  }\r\n\r\n  .sb-pjotter-equipment__overview {\r\n    display: grid;\r\n    grid-template-columns: minmax(230px, 1.28fr) repeat(4, minmax(0, 1fr));\r\n    align-items: start;\r\n  }\r\n\r\n  .sb-pjotter-equipment__heading {\r\n    min-width: 0;\r\n    padding: 0 clamp(30px, 3vw, 52px) 0 0;\r\n  }\r\n\r\n  .sb-pjotter-equipment__overline,\r\n  .sb-equipment-modal__overline {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: #d1b275;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: .18em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sb-pjotter-equipment__heading h2 {\r\n    margin: 0;\r\n    color: #f6f3ed !important;\r\n    -webkit-text-fill-color: #f6f3ed !important;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif !important;\r\n    font-size: clamp(35px, 3.5vw, 52px) !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.02 !important;\r\n    letter-spacing: -.025em;\r\n  }\r\n\r\n  .sb-pjotter-equipment__heading p {\r\n    max-width: 245px;\r\n    margin: 14px 0 0;\r\n    color: rgba(246, 243, 237, .62);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .sb-equipment-summary {\r\n    min-width: 0;\r\n    min-height: 190px;\r\n    padding: 0 clamp(18px, 2vw, 28px);\r\n    border-left: 1px solid rgba(209, 178, 117, .22);\r\n  }\r\n\r\n  .sb-equipment-summary__head {\r\n    display: flex;\r\n    min-height: 40px;\r\n    margin-bottom: 15px;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .sb-equipment-summary__icon,\r\n  .sb-equipment-detail-card__icon {\r\n    display: grid;\r\n    width: 33px;\r\n    height: 33px;\r\n    flex: 0 0 33px;\r\n    place-items: center;\r\n    color: #d1b275;\r\n  }\r\n\r\n  \/* Die Symbole im gro\u00dfen Detailfenster behalten ihre bisherige Gr\u00f6\u00dfe. *\/\r\n  .sb-equipment-detail-card__icon {\r\n    width: 29px;\r\n    height: 29px;\r\n    flex-basis: 29px;\r\n  }\r\n\r\n  .sb-equipment-summary__icon svg,\r\n  .sb-equipment-detail-card__icon svg {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.35;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .sb-equipment-summary h3 {\r\n    margin: 0;\r\n    color: #f6f3ed !important;\r\n    -webkit-text-fill-color: #f6f3ed !important;\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n    font-size: 12px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.25 !important;\r\n    letter-spacing: .09em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sb-equipment-summary ul,\r\n  .sb-equipment-detail-card ul {\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  .sb-equipment-summary li {\r\n    position: relative;\r\n    margin: 0 0 9px;\r\n    padding-left: 12px;\r\n    color: rgba(246, 243, 237, .72);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .sb-equipment-summary li::before,\r\n  .sb-equipment-detail-card li::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    border-radius: 50%;\r\n    background: #c89a51;\r\n  }\r\n\r\n  .sb-equipment-summary li::before {\r\n    top: .58em;\r\n    width: 3px;\r\n    height: 3px;\r\n  }\r\n\r\n  .sb-pjotter-equipment__open {\r\n    display: flex;\r\n    width: max-content;\r\n    margin: 24px auto 0;\r\n    padding: 10px 3px;\r\n    align-items: center;\r\n    gap: 13px;\r\n    border: 0;\r\n    border-bottom: 1px solid rgba(209, 178, 117, .42);\r\n    border-radius: 0;\r\n    background: transparent;\r\n    color: #d1b275;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    letter-spacing: .16em;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    transition: color .25s ease, border-color .25s ease;\r\n  }\r\n\r\n  .sb-pjotter-equipment__arrow {\r\n    display: block;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    transition: transform .25s ease;\r\n  }\r\n\r\n  .sb-pjotter-equipment__open:hover,\r\n  .sb-pjotter-equipment__open:focus-visible {\r\n    color: #f0d6a1;\r\n    border-color: rgba(240, 214, 161, .82);\r\n  }\r\n\r\n  .sb-pjotter-equipment__open:hover .sb-pjotter-equipment__arrow,\r\n  .sb-pjotter-equipment__open:focus-visible .sb-pjotter-equipment__arrow {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .sb-pjotter-equipment__open:focus-visible,\r\n  .sb-equipment-modal__close:focus-visible {\r\n    outline: 2px solid #e0be7d;\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  \/* DETAILFENSTER *\/\r\n  .sb-equipment-modal {\r\n    position: fixed;\r\n    z-index: 1000000;\r\n    inset: 0;\r\n    display: flex;\r\n    padding: clamp(18px, 4vw, 56px);\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    background: rgba(1, 10, 18, .9);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    backdrop-filter: blur(9px);\r\n    -webkit-backdrop-filter: blur(9px);\r\n    transition: opacity .35s ease, visibility .35s ease;\r\n  }\r\n\r\n  .sb-equipment-modal.is-open {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    pointer-events: auto;\r\n  }\r\n\r\n  .sb-equipment-modal__dialog {\r\n    position: relative;\r\n    width: min(1120px, 100%);\r\n    max-height: min(880px, 90vh);\r\n    padding: clamp(46px, 5vw, 72px) clamp(24px, 5vw, 72px) 42px;\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n    border: 1px solid rgba(224, 190, 125, .58);\r\n    border-radius: 22px;\r\n    background:\r\n      radial-gradient(circle at 50% -20%, rgba(33, 77, 108, .38), transparent 43%),\r\n      #071b2d;\r\n    box-shadow:\r\n      0 30px 90px rgba(0, 0, 0, .58),\r\n      0 0 24px rgba(200, 154, 81, .15),\r\n      inset 0 0 28px rgba(255, 255, 255, .018);\r\n    transform: translateY(18px) scale(.985);\r\n    transition: transform .38s ease;\r\n    scrollbar-color: #a47b37 #071b2d;\r\n    scrollbar-width: thin;\r\n  }\r\n\r\n  .sb-equipment-modal.is-open .sb-equipment-modal__dialog {\r\n    transform: translateY(0) scale(1);\r\n  }\r\n\r\n  .sb-equipment-modal__dialog::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 8%;\r\n    width: 84%;\r\n    height: 2px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(224, 190, 125, .96),\r\n      transparent\r\n    );\r\n    box-shadow: 0 0 17px rgba(224, 190, 125, .5);\r\n  }\r\n\r\n  .sb-equipment-modal__close {\r\n    position: absolute;\r\n    z-index: 3;\r\n    top: 18px;\r\n    right: 20px;\r\n    display: grid;\r\n    width: 42px;\r\n    height: 42px;\r\n    padding: 0;\r\n    place-items: center;\r\n    border: 1px solid rgba(224, 190, 125, .38);\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, .025);\r\n    color: #f6f3ed;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 26px;\r\n    font-weight: 300;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    transition: color .25s ease, border-color .25s ease, transform .25s ease;\r\n  }\r\n\r\n  .sb-equipment-modal__close:hover {\r\n    color: #e0be7d;\r\n    border-color: #c89a51;\r\n    transform: rotate(5deg);\r\n  }\r\n\r\n  .sb-equipment-modal__head {\r\n    max-width: 760px;\r\n    margin: 0 auto 38px;\r\n    text-align: center;\r\n  }\r\n\r\n  .sb-equipment-modal__head h3 {\r\n    margin: 0;\r\n    color: #f6f3ed !important;\r\n    -webkit-text-fill-color: #f6f3ed !important;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif !important;\r\n    font-size: clamp(39px, 5vw, 63px) !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.02 !important;\r\n    letter-spacing: -.025em;\r\n  }\r\n\r\n  .sb-equipment-modal__head p {\r\n    max-width: 660px;\r\n    margin: 17px auto 0;\r\n    color: rgba(246, 243, 237, .66);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .sb-equipment-detail-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 14px;\r\n  }\r\n\r\n  .sb-equipment-detail-card {\r\n    min-width: 0;\r\n    padding: 25px clamp(20px, 2.6vw, 32px) 27px;\r\n    border: 1px solid rgba(209, 178, 117, .19);\r\n    border-radius: 15px;\r\n    background: rgba(255, 255, 255, .028);\r\n  }\r\n\r\n  .sb-equipment-detail-card__head {\r\n    display: flex;\r\n    margin-bottom: 18px;\r\n    align-items: center;\r\n    gap: 13px;\r\n  }\r\n\r\n  .sb-equipment-detail-card__icon {\r\n    width: 35px;\r\n    height: 35px;\r\n    flex-basis: 35px;\r\n  }\r\n\r\n  .sb-equipment-detail-card__head div > span {\r\n    display: block;\r\n    margin-bottom: 3px;\r\n    color: rgba(209, 178, 117, .64);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: .16em;\r\n  }\r\n\r\n  .sb-equipment-detail-card h4 {\r\n    margin: 0;\r\n    color: #f6f3ed !important;\r\n    -webkit-text-fill-color: #f6f3ed !important;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif !important;\r\n    font-size: clamp(22px, 2.2vw, 29px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.08 !important;\r\n  }\r\n\r\n  .sb-equipment-detail-card li {\r\n    position: relative;\r\n    margin: 0 0 8px;\r\n    padding-left: 14px;\r\n    color: rgba(246, 243, 237, .72);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .sb-equipment-detail-card li:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .sb-equipment-detail-card li::before {\r\n    top: .56em;\r\n    width: 4px;\r\n    height: 4px;\r\n  }\r\n\r\n  .sb-equipment-modal__footer {\r\n    display: grid;\r\n    grid-template-columns: 1fr minmax(260px, 620px) 1fr;\r\n    margin-top: 34px;\r\n    align-items: center;\r\n    gap: 20px;\r\n  }\r\n\r\n  .sb-equipment-modal__footer span {\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(209, 178, 117, .34));\r\n  }\r\n\r\n  .sb-equipment-modal__footer span:last-child {\r\n    background: linear-gradient(90deg, rgba(209, 178, 117, .34), transparent);\r\n  }\r\n\r\n  .sb-equipment-modal__footer p {\r\n    margin: 0;\r\n    color: rgba(246, 243, 237, .42);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    line-height: 1.55;\r\n    letter-spacing: .04em;\r\n    text-align: center;\r\n  }\r\n\r\n  body.sb-equipment-modal-open {\r\n    overflow: hidden !important;\r\n  }\r\n\r\n  \/* TABLET *\/\r\n  @media (max-width: 1024px) {\r\n    .sb-pjotter-equipment__overview {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      row-gap: 0;\r\n    }\r\n\r\n    .sb-pjotter-equipment__heading {\r\n      grid-column: 1 \/ -1;\r\n      padding: 0 0 30px;\r\n      text-align: center;\r\n    }\r\n\r\n    .sb-pjotter-equipment__heading p {\r\n      max-width: 470px;\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .sb-equipment-summary {\r\n      min-height: 175px;\r\n      padding: 28px;\r\n      border-top: 1px solid rgba(209, 178, 117, .18);\r\n    }\r\n\r\n    .sb-equipment-summary:nth-of-type(odd) {\r\n      border-left: 0;\r\n    }\r\n\r\n    .sb-equipment-detail-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  \/* SMARTPHONE *\/\r\n  @media (max-width: 700px) {\r\n    .sb-pjotter-equipment__inner {\r\n      width: calc(100% - 36px);\r\n      padding-block: 46px 36px;\r\n    }\r\n\r\n    .sb-pjotter-equipment__overview {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sb-pjotter-equipment__heading {\r\n      padding-bottom: 25px;\r\n      text-align: left;\r\n    }\r\n\r\n    .sb-pjotter-equipment__heading p {\r\n      max-width: 100%;\r\n      margin-inline: 0;\r\n    }\r\n\r\n    .sb-equipment-summary {\r\n      min-height: 0;\r\n      padding: 27px 4px;\r\n      border-top: 1px solid rgba(209, 178, 117, .2);\r\n      border-left: 0;\r\n    }\r\n\r\n    .sb-equipment-summary__head {\r\n      margin-bottom: 9px;\r\n    }\r\n\r\n    .sb-equipment-summary li {\r\n      font-size: 13px;\r\n    }\r\n\r\n    .sb-pjotter-equipment__open {\r\n      margin-top: 17px;\r\n    }\r\n\r\n    .sb-equipment-modal {\r\n      padding: 12px;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .sb-equipment-modal__dialog {\r\n      max-height: none;\r\n      height: calc(100dvh - 24px);\r\n      padding: 58px 17px 32px;\r\n      border-radius: 17px;\r\n    }\r\n\r\n    .sb-equipment-modal__close {\r\n      top: 12px;\r\n      right: 12px;\r\n      width: 40px;\r\n      height: 40px;\r\n    }\r\n\r\n    .sb-equipment-modal__head {\r\n      margin-bottom: 27px;\r\n    }\r\n\r\n    .sb-equipment-modal__head h3 {\r\n      font-size: clamp(37px, 12vw, 50px) !important;\r\n    }\r\n\r\n    .sb-equipment-modal__head p {\r\n      font-size: 11px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .sb-equipment-detail-grid {\r\n      gap: 10px;\r\n    }\r\n\r\n    .sb-equipment-detail-card {\r\n      padding: 21px 18px 23px;\r\n      border-radius: 13px;\r\n    }\r\n\r\n    .sb-equipment-detail-card h4 {\r\n      font-size: 24px !important;\r\n    }\r\n\r\n    .sb-equipment-detail-card li {\r\n      font-size: 11px;\r\n    }\r\n\r\n    .sb-equipment-modal__footer {\r\n      grid-template-columns: 1fr;\r\n      margin-top: 25px;\r\n    }\r\n\r\n    .sb-equipment-modal__footer span {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .sb-pjotter-equipment *,\r\n    .sb-equipment-modal * {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    function initPjotterEquipment() {\r\n      const section = document.querySelector(\"[data-sb-pjotter-equipment]\");\r\n      const modal = document.querySelector(\"[data-sb-equipment-modal]\");\r\n\r\n      if (!section || !modal || section.dataset.equipmentReady === \"true\") {\r\n        return;\r\n      }\r\n\r\n      section.dataset.equipmentReady = \"true\";\r\n\r\n      const openButton = section.querySelector(\"[data-sb-equipment-open]\");\r\n      const closeButton = modal.querySelector(\"[data-sb-equipment-close]\");\r\n      const dialog = modal.querySelector(\"[data-sb-equipment-dialog]\");\r\n      let previouslyFocused = null;\r\n\r\n      function openModal() {\r\n        previouslyFocused = document.activeElement;\r\n        modal.classList.add(\"is-open\");\r\n        modal.setAttribute(\"aria-hidden\", \"false\");\r\n        openButton.setAttribute(\"aria-expanded\", \"true\");\r\n        document.body.classList.add(\"sb-equipment-modal-open\");\r\n\r\n        window.setTimeout(function () {\r\n          closeButton.focus();\r\n        }, 60);\r\n      }\r\n\r\n      function closeModal() {\r\n        modal.classList.remove(\"is-open\");\r\n        modal.setAttribute(\"aria-hidden\", \"true\");\r\n        openButton.setAttribute(\"aria-expanded\", \"false\");\r\n        document.body.classList.remove(\"sb-equipment-modal-open\");\r\n\r\n        if (previouslyFocused && typeof previouslyFocused.focus === \"function\") {\r\n          previouslyFocused.focus();\r\n        }\r\n      }\r\n\r\n      openButton.addEventListener(\"click\", openModal);\r\n      closeButton.addEventListener(\"click\", closeModal);\r\n\r\n      modal.addEventListener(\"click\", function (event) {\r\n        if (event.target === modal) {\r\n          closeModal();\r\n        }\r\n      });\r\n\r\n      document.addEventListener(\"keydown\", function (event) {\r\n        if (!modal.classList.contains(\"is-open\")) {\r\n          return;\r\n        }\r\n\r\n        if (event.key === \"Escape\") {\r\n          closeModal();\r\n          return;\r\n        }\r\n\r\n        if (event.key === \"Tab\") {\r\n          const focusableElements = dialog.querySelectorAll(\r\n            \"button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex='-1'])\"\r\n          );\r\n\r\n          if (!focusableElements.length) {\r\n            event.preventDefault();\r\n            return;\r\n          }\r\n\r\n          const firstElement = focusableElements[0];\r\n          const lastElement = focusableElements[focusableElements.length - 1];\r\n\r\n          if (event.shiftKey && document.activeElement === firstElement) {\r\n            event.preventDefault();\r\n            lastElement.focus();\r\n          } else if (!event.shiftKey && document.activeElement === lastElement) {\r\n            event.preventDefault();\r\n            firstElement.focus();\r\n          }\r\n        }\r\n      });\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", initPjotterEquipment, {\r\n        once: true\r\n      });\r\n    } else {\r\n      initPjotterEquipment();\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e769565 e-con-full e-flex e-con e-parent\" data-id=\"e769565\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c87f8d8 e-flex e-con-boxed e-con e-child\" data-id=\"c87f8d8\" 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-ac66366 elementor-widget elementor-widget-html\" data-id=\"ac66366\" 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<!--\r\n  SOULBOATS \u2013 Breehorn 37 \"Pjotter\"\r\n  Wei\u00dfer Abschnitt: Technik \u00b7 Geschichte \u00b7 Haltung\r\n\r\n  Den vollst\u00e4ndigen Inhalt in EIN Elementor-HTML-Widget kopieren.\r\n\r\n  Der Elementor-Hauptcontainer:\r\n  - Hintergrund: #fbfaf7\r\n  - Breite: 100 %\r\n  - Innen-\/Au\u00dfenabstand: 0\r\n  - Elemente-Abstand: 0\r\n\r\n  BILDER DER DREI HAUPTFELDER EINF\u00dcGEN:\r\n  Im HTML bei den drei Karten jeweils\r\n      style=\"--theme-image: none;\"\r\n  ersetzen durch\r\n      style=\"--theme-image: url('DEINE-BILDADRESSE.jpg');\"\r\n\r\n  DIE 22 TECHNIKBILDER:\r\n  Weiter unten im JavaScript im Abschnitt\r\n  \"HIER DIE 22 TECHNIKBILDER EINTRAGEN\" pflegen.\r\n  Jede Bildadresse wird dort nur einmal eingetragen.\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Allura&family=Cormorant+Garamond:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<section\r\n  class=\"sb-pjotter-stories\"\r\n  data-sb-pjotter-stories\r\n  aria-labelledby=\"sb-pjotter-stories-title\"\r\n>\r\n  <div class=\"sb-pjotter-stories__inner\">\r\n\r\n    <!-- \u00dcBERSCHRIFT -->\r\n    <header class=\"sb-pjotter-stories__head\">\r\n      <span class=\"sb-pjotter-stories__overline\">\r\n        MEHR ALS EINE YACHT\r\n      <\/span>\r\n\r\n      <h2\r\n        class=\"sb-pjotter-stories__title\"\r\n        id=\"sb-pjotter-stories-title\"\r\n      >\r\n        Technik. Vertrauen. Werftbaukunst.\r\n      <\/h2>\r\n\r\n      <p class=\"sb-pjotter-stories__intro\">\r\n        Drei Perspektiven, die zeigen, was \u201ePjotter\u201c zu einer besonderen\r\n        Fahrtenyacht macht.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <!-- DREI FELDER -->\r\n    <div class=\"sb-pjotter-stories__grid\">\r\n\r\n      <!-- ==================================================\r\n           FELD 1: TECHNIK\r\n           none durch url('...') ersetzen\r\n           ================================================== -->\r\n      <button\r\n        class=\"sb-story-card\"\r\n        type=\"button\"\r\n        data-story-target=\"technik\"\r\n        aria-label=\"Technik an Bord entdecken\"\r\n      >\r\n        <span\r\n          class=\"sb-story-card__visual\"\r\n          style=\"--theme-image: url('https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4658-3-scaled.jpg');\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <span class=\"sb-story-card__goldline\"><\/span>\r\n        <\/span>\r\n\r\n        <span class=\"sb-story-card__body\">\r\n          <span class=\"sb-story-card__eyebrow\">SUBSTANZ<\/span>\r\n          <strong class=\"sb-story-card__title\">Technik an Bord<\/strong>\r\n          <span class=\"sb-story-card__description\">\r\n            22 technische Einblicke \u2013 \u00fcbersichtlich nach Bereichen geordnet.\r\n          <\/span>\r\n          <span class=\"sb-story-card__link\">Entdecken <i>\u2192<\/i><\/span>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <!-- ==================================================\r\n           FELD 2: EIGNER\r\n           ================================================== -->\r\n      <button\r\n        class=\"sb-story-card\"\r\n        type=\"button\"\r\n        data-story-target=\"eigner\"\r\n        aria-label=\"Eine Woche, um Pjotter wirklich kennenzulernen\"\r\n      >\r\n        <span\r\n          class=\"sb-story-card__visual\"\r\n          style=\"--theme-image:url('https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/45AB0CC1-3F17-40D6-A783-808600F1AD67-2.jpg');\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <span class=\"sb-story-card__goldline\"><\/span>\r\n        <\/span>\r\n\r\n        <span class=\"sb-story-card__body\">\r\n          <span class=\"sb-story-card__eyebrow\">KENNENLERNEN<\/span>\r\n          <strong class=\"sb-story-card__title\">\r\n            Ein pers\u00f6nliches Angebot des Eigners\r\n          <\/strong>\r\n          <span class=\"sb-story-card__description\">\r\n            Eine Woche, um Pjotter wirklich kennenzulernen\r\n          <\/span>\r\n          <span class=\"sb-story-card__link\">Lesen <i>\u2192<\/i><\/span>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <!-- ==================================================\r\n           FELD 3: BREEHORN\r\n           ================================================== -->\r\n      <button\r\n        class=\"sb-story-card\"\r\n        type=\"button\"\r\n        data-story-target=\"breehorn\"\r\n        aria-label=\"Die Handschrift von Breehorn entdecken\"\r\n      >\r\n        <span\r\n          class=\"sb-story-card__visual\"\r\n          style=\"--theme-image: url('https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/logo-1.png');\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <span class=\"sb-story-card__goldline\"><\/span>\r\n        <\/span>\r\n\r\n        <span class=\"sb-story-card__body\">\r\n          <span class=\"sb-story-card__eyebrow\">HERKUNFT<\/span>\r\n          <strong class=\"sb-story-card__title\">\r\n            Die Handschrift von Breehorn\r\n          <\/strong>\r\n          <span class=\"sb-story-card__description\">\r\n            Wof\u00fcr die niederl\u00e4ndische Werft und ihre Yachten stehen.\r\n          <\/span>\r\n          <span class=\"sb-story-card__link\">Erfahren <i>\u2192<\/i><\/span>\r\n        <\/span>\r\n      <\/button>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- =====================================================\r\n     GEMEINSAMES FENSTER F\u00dcR ALLE DREI FELDER\r\n     ===================================================== -->\r\n<div\r\n  class=\"sb-story-modal\"\r\n  data-sb-story-modal\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  aria-label=\"Mehr \u00fcber Pjotter erfahren\"\r\n  aria-hidden=\"true\"\r\n>\r\n  <!-- Bleibt in allen drei Bereichen fest oben links -->\r\n  <div class=\"sb-modal-brand\" aria-hidden=\"true\">\r\n    SoulBoats\r\n  <\/div>\r\n\r\n  <button\r\n    class=\"sb-story-modal__close\"\r\n    type=\"button\"\r\n    aria-label=\"Fenster schlie\u00dfen\"\r\n  >\r\n    &times;\r\n  <\/button>\r\n\r\n  <div class=\"sb-story-modal__frame\">\r\n\r\n    <!-- ==================================================\r\n         FENSTER 1: TECHNIK\r\n\r\n         Die 22 Bildadressen, Kategorien, Titel und Beschreibungen\r\n         werden weiter unten im JavaScript-Bereich eingetragen.\r\n         Jede Bildadresse muss dort nur einmal eingesetzt werden.\r\n         ================================================== -->\r\n    <article\r\n      class=\"sb-story-panel sb-story-panel--technik\"\r\n      data-story-panel=\"technik\"\r\n    >\r\n      <header class=\"sb-story-panel__head\">\r\n        <span class=\"sb-story-panel__overline\">TECHNIK AN BORD<\/span>\r\n        <h3>22 technische Einblicke<\/h3>\r\n        <p>\r\n          Entdecken Sie die Systeme und Ausstattungsdetails von \u201ePjotter\u201c \u2013\r\n          geordnet nach Bereichen und jeweils mit einer kurzen Beschreibung.\r\n        <\/p>\r\n      <\/header>\r\n\r\n      <div\r\n        class=\"sb-tech-filters\"\r\n        role=\"toolbar\"\r\n        aria-label=\"Technikbilder nach Bereich filtern\"\r\n      >\r\n        <button type=\"button\" data-tech-filter=\"alle\" class=\"is-active\">\r\n          Alle <span data-tech-count=\"alle\">22<\/span>\r\n        <\/button>\r\n        <button type=\"button\" data-tech-filter=\"antrieb\">\r\n          Antrieb <span data-tech-count=\"antrieb\">0<\/span>\r\n        <\/button>\r\n        <button type=\"button\" data-tech-filter=\"navigation\">\r\n          Navigation <span data-tech-count=\"navigation\">0<\/span>\r\n        <\/button>\r\n        <button type=\"button\" data-tech-filter=\"energie\">\r\n          Energie <span data-tech-count=\"energie\">0<\/span>\r\n        <\/button>\r\n        <button type=\"button\" data-tech-filter=\"deck\">\r\n          Deck &amp; Rigg <span data-tech-count=\"deck\">0<\/span>\r\n        <\/button>\r\n        <button type=\"button\" data-tech-filter=\"komfort\">\r\n          Komfort <span data-tech-count=\"komfort\">0<\/span>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- Die Technikbilder werden automatisch aus der Liste im JavaScript erzeugt. -->\r\n      <div class=\"sb-tech-gallery\" data-tech-gallery><\/div>\r\n\r\n      <p class=\"sb-tech-empty\" data-tech-empty hidden>\r\n        F\u00fcr diesen Bereich sind noch keine Bilder eingetragen.\r\n      <\/p>\r\n    <\/article>\r\n\r\n    <!-- ==================================================\r\n         FENSTER 2: PERS\u00d6NLICHES WORT DES EIGNERS\r\n         ================================================== -->\r\n    <article\r\n      class=\"sb-story-panel sb-story-panel--statement\"\r\n      data-story-panel=\"eigner\"\r\n    >\r\n      <div class=\"sb-statement\">\r\n        <span class=\"sb-statement__overline\">\r\n          EIN PERS\u00d6NLICHES ANGEBOT DES EIGNERS\r\n        <\/span>\r\n\r\n        <span class=\"sb-statement__ornament\" aria-hidden=\"true\">\u201c<\/span>\r\n\r\n        <blockquote>\r\n<p>\r\n         Eine Yacht wie die Breehorn 37 \u201ePjotter\u201c l\u00e4sst sich nicht bei einem kurzen Rundgang vollst\u00e4ndig kennenlernen. Deshalb bietet der Eigner ernsthaft interessierten K\u00e4ufern die besondere M\u00f6glichkeit, Pjotter f\u00fcr eine Woche zu chartern und das Boot in aller Ruhe selbst zu erleben \u2013 im Hafen, unter Motor und unter Segeln.\r\n          <\/p>\r\n           <p>\r\n\r\nKommt es anschlie\u00dfend zum Kauf, wird der vereinbarte Charterpreis vollst\u00e4ndig auf den Kaufpreis angerechnet.\r\n <\/p>\r\n  <p>\r\nAuf Wunsch begleitet der Eigner diese Kennenlernwoche pers\u00f6nlich an Bord. Mit viel Zeit und Erfahrung erkl\u00e4rt er s\u00e4mtliche Besonderheiten des Bootes: die Bedienung der Instrumente, die technischen Systeme, das Verhalten unter Segel und insbesondere die richtige Nutzung der Windfahnensteuerung. Fragen k\u00f6nnen unmittelbar in der Praxis gekl\u00e4rt und alle wichtigen Abl\u00e4ufe gemeinsam einge\u00fcbt werden.\r\n <\/p>\r\n  <p>\r\nSo erhalten die zuk\u00fcnftigen Eigner nicht nur einen umfassenden Einblick in Pjotter, sondern eine au\u00dfergew\u00f6hnlich pers\u00f6nliche und sorgf\u00e4ltige \u00dcbergabe \u2013 damit sie sich vom ersten eigenen T\u00f6rn an sicher f\u00fchlen und bestens auf ihre kommenden Reisen vorbereitet sind.\r\n      <\/p>\r\n        <\/blockquote>\r\n\r\n        <span class=\"sb-statement__signature\">\r\n          DER EIGNER VON \u201ePJOTTER\u201c\r\n        <\/span>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- ==================================================\r\n         FENSTER 3: BREEHORN\r\n         ================================================== -->\r\n    <article\r\n      class=\"sb-story-panel sb-story-panel--statement\"\r\n      data-story-panel=\"breehorn\"\r\n    >\r\n      <div class=\"sb-statement\">\r\n        <span class=\"sb-statement__overline\">\r\n          WERFTPHILOSOPHIE & QUALIT\u00c4T\r\n        <\/span>\r\n\r\n        <span class=\"sb-statement__seal\" aria-hidden=\"true\">\r\n          BREEHORN<br>37\r\n        <\/span>\r\n\r\n        <h3>Werftbaukunst, die man bis heute sp\u00fcrt<\/h3>\r\n\r\n        <p class=\"sb-statement__bodytext\">\r\n <p>\r\n    Die Breehorn 37 \u201ePjotter\u201c stammt aus einer Werft, f\u00fcr die St\u00fcckzahlen\r\n    nie wichtiger waren als Qualit\u00e4t und Substanz. Breehorn fertigte keine\r\n    anonymen Gro\u00dfserien. Jede Yacht wurde individuell spezifiziert. Der\r\n    gesamte Bauprozess vom Kiel bis zur Takelage wurde unter der\r\n    Verantwortung der Werft begleitet.\r\n  <\/p>\r\n\r\n  <p>\r\n    Besonderes Augenmerk galt der Auswahl hochwertiger Materialien und\r\n    einer sorgf\u00e4ltig durchdachten Konstruktion. Harze, Gelcoats,\r\n    Sandwichaufbauten, Paneele und fest einlaminierte Schotten wurden nicht\r\n    isoliert betrachtet, sondern als Bestandteile eines langlebigen und\r\n    stabilen Gesamtkonzepts.\r\n  <\/p>\r\n\r\n  <p>\r\n    Diese Haltung pr\u00e4gt auch Pjotter. Mehr als drei Jahrzehnte nach ihrem\r\n    Bau zeigt sich, was echte Werftqualit\u00e4t auszeichnet. Eine solide\r\n    konstruktive Basis, durchdachte Details und ein Schiff, das f\u00fcr\r\n    zuverl\u00e4ssiges und sicheres Segeln auf langen Reisen geschaffen wurde.\r\n  <\/p>\r\n\r\n  <p>\r\n    Pjotter folgt keinen kurzlebigen Trends. Sie steht f\u00fcr das, wof\u00fcr der\r\n    Name Breehorn seit Jahrzehnten bekannt ist. Ehrliche Werftbaukunst,\r\n    Seeg\u00e4ngigkeit und Vertrauen auf dem Wasser.\r\n  <\/p>\r\n\r\n\r\n\r\n        <span class=\"sb-statement__signature\">\r\n          NIEDERL\u00c4NDISCHE YACHTBAUKUNST\r\n        <\/span>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- =====================================================\r\n     GROSSANSICHT F\u00dcR DIE 22 TECHNIKBILDER\r\n     ===================================================== -->\r\n<div\r\n  class=\"sb-tech-lightbox\"\r\n  data-sb-tech-lightbox\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  aria-label=\"Technikbild in Gro\u00dfansicht\"\r\n  aria-hidden=\"true\"\r\n>\r\n  <div class=\"sb-modal-brand\" aria-hidden=\"true\">\r\n    SoulBoats\r\n  <\/div>\r\n\r\n  <button\r\n    class=\"sb-tech-lightbox__close\"\r\n    type=\"button\"\r\n    aria-label=\"Technikbild schlie\u00dfen\"\r\n  >\r\n    &times;\r\n  <\/button>\r\n\r\n  <button\r\n    class=\"sb-tech-lightbox__nav sb-tech-lightbox__prev\"\r\n    type=\"button\"\r\n    aria-label=\"Vorheriges Technikbild\"\r\n  >\r\n    &#8249;\r\n  <\/button>\r\n\r\n  <div class=\"sb-tech-lightbox__frame\">\r\n    <img\r\n      class=\"sb-tech-lightbox__image\"\r\n      alt=\"\"\r\n    >\r\n\r\n    <div class=\"sb-tech-lightbox__info\">\r\n      <div>\r\n        <span class=\"sb-tech-lightbox__category\"><\/span>\r\n        <h4 class=\"sb-tech-lightbox__title\"><\/h4>\r\n        <p class=\"sb-tech-lightbox__description\"><\/p>\r\n      <\/div>\r\n\r\n      <span class=\"sb-tech-lightbox__counter\"><\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <button\r\n    class=\"sb-tech-lightbox__nav sb-tech-lightbox__next\"\r\n    type=\"button\"\r\n    aria-label=\"N\u00e4chstes Technikbild\"\r\n  >\r\n    &#8250;\r\n  <\/button>\r\n<\/div>\r\n\r\n<style>\r\n  .sb-pjotter-stories,\r\n  .sb-pjotter-stories *,\r\n  .sb-story-modal,\r\n  .sb-story-modal *,\r\n  .sb-tech-lightbox,\r\n  .sb-tech-lightbox * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* GESAMTER WEISSER ABSCHNITT *\/\r\n  .sb-pjotter-stories {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    background: #fbfaf7;\r\n    color: #071d30;\r\n  }\r\n\r\n  .sb-pjotter-stories__inner {\r\n    width: min(1180px, calc(100% - 80px));\r\n    margin-inline: auto;\r\n    padding-block: clamp(58px, 7vw, 92px);\r\n  }\r\n\r\n  \/* \u00dcBERSCHRIFT *\/\r\n  .sb-pjotter-stories__head {\r\n    max-width: 820px;\r\n    margin-bottom: clamp(38px, 5vw, 58px);\r\n  }\r\n\r\n  .sb-pjotter-stories__overline {\r\n    display: block;\r\n    margin-bottom: 13px;\r\n    color: #a47b37;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sb-pjotter-stories\r\n  .sb-pjotter-stories__title {\r\n    margin: 0 !important;\r\n    padding: .06em 0 0 !important;\r\n    color: #071d30 !important;\r\n    -webkit-text-fill-color: #071d30 !important;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif !important;\r\n    font-size: clamp(45px, 5.5vw, 72px) !important;\r\n    font-weight: 500 !important;\r\n    font-style: normal !important;\r\n    line-height: .98 !important;\r\n    letter-spacing: -.025em !important;\r\n    text-transform: none !important;\r\n  }\r\n\r\n  .sb-pjotter-stories__intro {\r\n    max-width: 610px;\r\n    margin: 20px 0 0;\r\n    color: #455766;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* DREI FELDER *\/\r\n  .sb-pjotter-stories__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    align-items: stretch;\r\n  }\r\n\r\n  .sb-story-card {\r\n    position: relative;\r\n    display: flex;\r\n    min-width: 0;\r\n    margin: 0;\r\n    padding: 0 clamp(22px, 2.8vw, 36px);\r\n    flex-direction: column;\r\n    border: 0;\r\n    border-radius: 0;\r\n    background: transparent;\r\n    color: #071d30;\r\n    text-align: left;\r\n    cursor: pointer;\r\n    appearance: none;\r\n  }\r\n\r\n  .sb-story-card:first-child {\r\n    padding-left: 0;\r\n  }\r\n\r\n  .sb-story-card:last-child {\r\n    padding-right: 0;\r\n  }\r\n\r\n  .sb-story-card + .sb-story-card {\r\n    border-left: 1px solid #ddd8cf;\r\n  }\r\n\r\n  .sb-story-card__visual {\r\n    position: relative;\r\n    display: block;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    aspect-ratio: 4 \/ 3;\r\n    background-color: #d9dfe1;\r\n    background-image:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(7, 29, 48, .08),\r\n        rgba(7, 29, 48, .4)\r\n      ),\r\n      var(--theme-image);\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n  }\r\n\r\n  .sb-story-card__visual::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(\r\n        0deg,\r\n        rgba(3, 18, 31, .58) 0%,\r\n        transparent 48%\r\n      );\r\n    opacity: .55;\r\n    transition: opacity .4s ease;\r\n  }\r\n\r\n  .sb-story-card__visual::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border: 1px solid rgba(255, 255, 255, .18);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sb-story-card__goldline {\r\n    position: absolute;\r\n    z-index: 2;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    display: block;\r\n    height: 2px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      #c89a51,\r\n      #efd59c,\r\n      #a47b37,\r\n      transparent\r\n    );\r\n    transform: scaleX(0);\r\n    transform-origin: left center;\r\n    transition: transform .55s ease;\r\n  }\r\n\r\n  .sb-story-card:hover .sb-story-card__goldline,\r\n  .sb-story-card:focus-visible .sb-story-card__goldline {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  .sb-story-card:hover .sb-story-card__visual::before {\r\n    opacity: .32;\r\n  }\r\n\r\n  .sb-story-card__body {\r\n    display: flex;\r\n    flex: 1;\r\n    padding-top: 23px;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .sb-story-card__eyebrow {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: #a47b37;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sb-story-card__title {\r\n    display: block;\r\n    color: #071d30;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: clamp(25px, 2.4vw, 33px);\r\n    font-weight: 500;\r\n    line-height: 1.08;\r\n  }\r\n\r\n  .sb-story-card__description {\r\n    display: block;\r\n    min-height: 72px;\r\n    margin-top: 13px;\r\n    color: #536572;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .sb-story-card__link {\r\n    display: inline-flex;\r\n    margin-top: auto;\r\n    padding-top: 18px;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: #263e52;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: 1.8px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sb-story-card__link i {\r\n    color: #a47b37;\r\n    font-size: 17px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    transition: transform .25s ease;\r\n  }\r\n\r\n  .sb-story-card:hover .sb-story-card__link i {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  .sb-story-card:focus-visible {\r\n    outline: 2px solid #b88942;\r\n    outline-offset: 6px;\r\n  }\r\n\r\n  \/* GEMEINSAMES FENSTER *\/\r\n  .sb-story-modal {\r\n    position: fixed;\r\n    z-index: 999999;\r\n    inset: 0;\r\n    display: flex;\r\n    padding: 45px 70px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(2, 12, 21, .94);\r\n    backdrop-filter: blur(9px);\r\n    -webkit-backdrop-filter: blur(9px);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition:\r\n      opacity .32s ease,\r\n      visibility .32s ease;\r\n  }\r\n\r\n  .sb-story-modal.is-open {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  \/* Feste SoulBoats-Wortmarke im \u00e4u\u00dferen dunkelblauen Bereich *\/\r\n  .sb-modal-brand {\r\n    position: fixed;\r\n    z-index: 4;\r\n    top: 18px;\r\n    left: 25px;\r\n    color: #d1b275 !important;\r\n    -webkit-text-fill-color: #d1b275 !important;\r\n    font-family:\r\n      \"Brittany Signature\",\r\n      \"Allura\",\r\n      \"Segoe Script\",\r\n      cursive !important;\r\n    font-size: clamp(32px, 2.7vw, 42px);\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    letter-spacing: .01em;\r\n    text-transform: none;\r\n    text-shadow: 0 0 16px rgba(209, 178, 117, .30);\r\n    white-space: nowrap;\r\n    pointer-events: none;\r\n    user-select: none;\r\n  }\r\n\r\n  .sb-story-modal__frame {\r\n    position: relative;\r\n    width: min(1080px, 88vw);\r\n    max-height: 88vh;\r\n    overflow: hidden auto;\r\n    border: 1px solid rgba(224, 190, 125, .9);\r\n    background:\r\n      radial-gradient(\r\n        ellipse at 80% 0%,\r\n        rgba(44, 94, 126, .25),\r\n        transparent 43%\r\n      ),\r\n      #071d30;\r\n    box-shadow:\r\n      0 34px 95px rgba(0, 0, 0, .55),\r\n      0 0 0 5px rgba(225, 193, 131, .08);\r\n    scrollbar-width: thin;\r\n    scrollbar-color: #a47b37 #071d30;\r\n    transform: translateY(14px) scale(.985);\r\n    transition: transform .35s ease;\r\n  }\r\n\r\n  .sb-story-modal.is-open .sb-story-modal__frame {\r\n    transform: translateY(0) scale(1);\r\n  }\r\n\r\n  .sb-story-modal__frame::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 5;\r\n    inset: 9px;\r\n    border: 1px solid rgba(224, 190, 125, .2);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sb-story-modal__close {\r\n    position: fixed;\r\n    z-index: 3;\r\n    top: 20px;\r\n    right: 24px;\r\n    display: grid;\r\n    width: 45px;\r\n    height: 45px;\r\n    margin: 0;\r\n    padding: 0;\r\n    place-items: center;\r\n    border: 1px solid rgba(255, 255, 255, .38);\r\n    border-radius: 50%;\r\n    background: rgba(7, 29, 48, .78);\r\n    color: #ffffff;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 27px;\r\n    font-weight: 300;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    appearance: none;\r\n    transition:\r\n      background .25s ease,\r\n      border-color .25s ease;\r\n  }\r\n\r\n  .sb-story-modal__close:hover {\r\n    border-color: #c89a51;\r\n    background: #b88942;\r\n  }\r\n\r\n  .sb-story-modal__close:focus-visible {\r\n    outline: 2px solid #ffffff;\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  body.sb-story-modal-open {\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* PANELS *\/\r\n  .sb-story-panel {\r\n    display: none;\r\n    min-height: 520px;\r\n    color: #f6f3ed;\r\n  }\r\n\r\n  .sb-story-panel.is-active {\r\n    display: block;\r\n  }\r\n\r\n  \/* TECHNIK-FENSTER *\/\r\n  .sb-story-panel--technik {\r\n    padding: clamp(50px, 6vw, 76px);\r\n  }\r\n\r\n  .sb-story-panel__head {\r\n    max-width: 720px;\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  .sb-story-panel__overline,\r\n  .sb-statement__overline {\r\n    display: block;\r\n    margin-bottom: 11px;\r\n    color: #c89a51;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sb-story-panel__head h3,\r\n  .sb-statement h3 {\r\n    margin: 0 !important;\r\n    color: #f6f3ed !important;\r\n    -webkit-text-fill-color: #f6f3ed !important;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif !important;\r\n    font-size: clamp(38px, 5vw, 62px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1 !important;\r\n  }\r\n\r\n  .sb-story-panel__head p {\r\n    max-width: 640px;\r\n    margin: 17px 0 0;\r\n    color: rgba(246, 243, 237, .68);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* KATEGORIEFILTER *\/\r\n  .sb-tech-filters {\r\n    display: flex;\r\n    margin-bottom: 24px;\r\n    flex-wrap: wrap;\r\n    gap: 7px;\r\n  }\r\n\r\n  .sb-tech-filters button {\r\n    display: inline-flex;\r\n    margin: 0;\r\n    padding: 10px 13px;\r\n    align-items: center;\r\n    gap: 8px;\r\n    border: 1px solid rgba(224, 190, 125, .3);\r\n    border-radius: 0;\r\n    background: rgba(246, 243, 237, .035);\r\n    color: rgba(246, 243, 237, .78);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: 1.4px;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    appearance: none;\r\n    transition:\r\n      color .25s ease,\r\n      border-color .25s ease,\r\n      background .25s ease;\r\n  }\r\n\r\n  .sb-tech-filters button span {\r\n    display: grid;\r\n    min-width: 22px;\r\n    height: 22px;\r\n    padding-inline: 5px;\r\n    place-items: center;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, .08);\r\n    color: #d8bb80;\r\n    font-size: 8px;\r\n    letter-spacing: 0;\r\n  }\r\n\r\n  .sb-tech-filters button:hover,\r\n  .sb-tech-filters button:focus-visible,\r\n  .sb-tech-filters button.is-active {\r\n    border-color: #c89a51;\r\n    background: rgba(200, 154, 81, .16);\r\n    color: #ffffff;\r\n  }\r\n\r\n  .sb-tech-filters button:focus-visible {\r\n    outline: 2px solid #ffffff;\r\n    outline-offset: 2px;\r\n  }\r\n\r\n  \/* VORSCHAURASTER *\/\r\n  .sb-tech-gallery {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 9px;\r\n  }\r\n\r\n  .sb-tech-item {\r\n    position: relative;\r\n    display: block;\r\n    min-width: 0;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    border: 0;\r\n    border-radius: 0;\r\n    background: #f6f3ed;\r\n    color: #071d30;\r\n    text-align: left;\r\n    cursor: zoom-in;\r\n    appearance: none;\r\n    transition:\r\n      transform .3s ease,\r\n      box-shadow .3s ease;\r\n  }\r\n\r\n  .sb-tech-item:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 14px 34px rgba(0, 0, 0, .24);\r\n  }\r\n\r\n  .sb-tech-item:focus-visible {\r\n    outline: 2px solid #d3ad68;\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  .sb-tech-item:disabled {\r\n    cursor: default;\r\n    opacity: .72;\r\n  }\r\n\r\n  .sb-tech-item:disabled:hover {\r\n    transform: none;\r\n    box-shadow: none;\r\n  }\r\n\r\n  .sb-tech-item__image {\r\n    position: relative;\r\n    display: block;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    aspect-ratio: 4 \/ 3;\r\n    background:\r\n      linear-gradient(145deg, #dce2e4, #aebbc2);\r\n  }\r\n\r\n  .sb-tech-item__image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform .55s ease;\r\n  }\r\n\r\n  .sb-tech-item:hover .sb-tech-item__image img {\r\n    transform: scale(1.045);\r\n  }\r\n\r\n  .sb-tech-item__placeholder {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: grid;\r\n    place-items: center;\r\n    color: rgba(7, 29, 48, .55);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.8px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sb-tech-item__body {\r\n    display: block;\r\n    min-height: 145px;\r\n    padding: 17px 18px 20px;\r\n  }\r\n\r\n  .sb-tech-item__category {\r\n    display: block;\r\n    margin-bottom: 6px;\r\n    color: #a47b37;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: 1.7px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sb-tech-item__title {\r\n    display: block;\r\n    color: #071d30;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: 22px;\r\n    font-weight: 500;\r\n    line-height: 1.12;\r\n  }\r\n\r\n  .sb-tech-item__description {\r\n    display: -webkit-box;\r\n    margin-top: 9px;\r\n    overflow: hidden;\r\n    color: #536572;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 12px;\r\n    line-height: 1.55;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-line-clamp: 3;\r\n  }\r\n\r\n  .sb-tech-empty {\r\n    margin: 0;\r\n    padding: 35px 20px;\r\n    border: 1px solid rgba(224, 190, 125, .25);\r\n    color: rgba(246, 243, 237, .66);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 13px;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* TECHNIK-GROSSANSICHT *\/\r\n  .sb-tech-lightbox {\r\n    position: fixed;\r\n    z-index: 1000001;\r\n    inset: 0;\r\n    display: flex;\r\n    padding: 42px 80px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(1, 8, 15, .96);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition:\r\n      opacity .3s ease,\r\n      visibility .3s ease;\r\n  }\r\n\r\n  .sb-tech-lightbox.is-open {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  .sb-tech-lightbox__frame {\r\n    display: flex;\r\n    width: min(1180px, 88vw);\r\n    max-height: 90vh;\r\n    padding: 10px;\r\n    flex-direction: column;\r\n    border: 1px solid rgba(224, 190, 125, .9);\r\n    background: #071d30;\r\n    box-shadow:\r\n      0 34px 95px rgba(0, 0, 0, .58),\r\n      0 0 0 5px rgba(225, 193, 131, .08);\r\n    transform: translateY(14px) scale(.985);\r\n    transition: transform .35s ease;\r\n  }\r\n\r\n  .sb-tech-lightbox.is-open .sb-tech-lightbox__frame {\r\n    transform: translateY(0) scale(1);\r\n  }\r\n\r\n  .sb-tech-lightbox__image {\r\n    display: block;\r\n    width: 100%;\r\n    min-height: 0;\r\n    max-height: calc(90vh - 130px);\r\n    object-fit: contain;\r\n    background: #020b12;\r\n  }\r\n\r\n  .sb-tech-lightbox__info {\r\n    display: flex;\r\n    min-height: 95px;\r\n    padding: 13px 10px 5px;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n  }\r\n\r\n  .sb-tech-lightbox__category {\r\n    display: block;\r\n    margin-bottom: 4px;\r\n    color: #c89a51;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sb-tech-lightbox__title {\r\n    margin: 0 !important;\r\n    color: #f6f3ed !important;\r\n    -webkit-text-fill-color: #f6f3ed !important;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif !important;\r\n    font-size: clamp(23px, 2.5vw, 34px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.08 !important;\r\n  }\r\n\r\n  .sb-tech-lightbox__description {\r\n    max-width: 760px;\r\n    margin: 5px 0 0;\r\n    color: rgba(246, 243, 237, .68);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .sb-tech-lightbox__counter {\r\n    flex: 0 0 auto;\r\n    color: #d5b475;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n  .sb-tech-lightbox__close,\r\n  .sb-tech-lightbox__nav {\r\n    display: grid;\r\n    margin: 0;\r\n    padding: 0;\r\n    place-items: center;\r\n    border: 1px solid rgba(255, 255, 255, .38);\r\n    border-radius: 50%;\r\n    background: rgba(7, 29, 48, .8);\r\n    color: #ffffff;\r\n    font-family: Arial, sans-serif;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    appearance: none;\r\n    transition:\r\n      background .25s ease,\r\n      border-color .25s ease;\r\n  }\r\n\r\n  .sb-tech-lightbox__close:hover,\r\n  .sb-tech-lightbox__nav:hover {\r\n    border-color: #c89a51;\r\n    background: #b88942;\r\n  }\r\n\r\n  .sb-tech-lightbox__close {\r\n    position: fixed;\r\n    z-index: 2;\r\n    top: 20px;\r\n    right: 24px;\r\n    width: 45px;\r\n    height: 45px;\r\n    font-size: 27px;\r\n  }\r\n\r\n  .sb-tech-lightbox__nav {\r\n    position: fixed;\r\n    z-index: 2;\r\n    top: 50%;\r\n    width: 49px;\r\n    height: 49px;\r\n    font-size: 28px;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  .sb-tech-lightbox__prev {\r\n    left: 20px;\r\n  }\r\n\r\n  .sb-tech-lightbox__next {\r\n    right: 20px;\r\n  }\r\n\r\n  .sb-tech-lightbox button:focus-visible {\r\n    outline: 2px solid #ffffff;\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  \/* EIGNER- UND BREEHORN-FENSTER *\/\r\n  .sb-story-panel--statement {\r\n    min-height: min(680px, 82vh);\r\n  }\r\n\r\n  .sb-statement {\r\n    display: flex;\r\n    width: min(760px, calc(100% - 80px));\r\n    min-height: min(680px, 82vh);\r\n    margin-inline: auto;\r\n    padding-block: 60px;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .sb-statement__ornament {\r\n    display: block;\r\n    height: 72px;\r\n    margin: 5px 0 8px;\r\n    color: #c89a51;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: 104px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    opacity: .8;\r\n  }\r\n\r\n  .sb-statement blockquote {\r\n    max-width: 720px;\r\n    margin: 0;\r\n    color: #f6f3ed;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: clamp(27px, 3.4vw, 43px);\r\n    font-weight: 400;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .sb-statement__signature {\r\n    display: block;\r\n    margin-top: 32px;\r\n    padding-top: 20px;\r\n    border-top: 1px solid rgba(200, 154, 81, .48);\r\n    color: #d1b275;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.7px;\r\n  }\r\n\r\n  .sb-statement__seal {\r\n    display: grid;\r\n    width: 142px;\r\n    height: 142px;\r\n    flex: 0 0 142px;\r\n    margin: 8px 0 25px;\r\n    padding: 14px;\r\n    place-items: center;\r\n    border: 1px solid rgba(224, 190, 125, .72);\r\n    border-radius: 50%;\r\n    color: #e0be7d;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: 22px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    letter-spacing: .04em;\r\n    text-align: center;\r\n  }\r\n\r\n  .sb-statement__bodytext {\r\n    max-width: 670px;\r\n    margin: 24px 0 0;\r\n    color: rgba(246, 243, 237, .78);\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: clamp(22px, 2.6vw, 32px);\r\n    line-height: 1.42;\r\n  }\r\n\r\n  \/* TABLET *\/\r\n  @media (max-width: 900px) {\r\n    .sb-pjotter-stories__inner {\r\n      width: calc(100% - 50px);\r\n    }\r\n\r\n    .sb-story-card {\r\n      padding-inline: 18px;\r\n    }\r\n\r\n    .sb-story-card__description {\r\n      min-height: 92px;\r\n    }\r\n\r\n    .sb-tech-gallery {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  \/* SMARTPHONE *\/\r\n  @media (max-width: 700px) {\r\n    .sb-pjotter-stories__inner {\r\n      width: calc(100% - 36px);\r\n      padding-block: 50px 58px;\r\n    }\r\n\r\n    .sb-pjotter-stories__head {\r\n      margin-bottom: 32px;\r\n    }\r\n\r\n    .sb-pjotter-stories\r\n    .sb-pjotter-stories__title {\r\n      font-size: clamp(41px, 13vw, 57px) !important;\r\n    }\r\n\r\n    .sb-pjotter-stories__grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sb-story-card,\r\n    .sb-story-card:first-child,\r\n    .sb-story-card:last-child {\r\n      padding: 0 0 30px;\r\n    }\r\n\r\n    .sb-story-card + .sb-story-card {\r\n      padding-top: 30px;\r\n      border-top: 1px solid #ddd8cf;\r\n      border-left: 0;\r\n    }\r\n\r\n    .sb-story-card__visual {\r\n      aspect-ratio: 16 \/ 10;\r\n    }\r\n\r\n    .sb-story-card__description {\r\n      min-height: 0;\r\n    }\r\n\r\n    .sb-story-modal {\r\n      padding: 64px 12px 20px;\r\n    }\r\n\r\n    .sb-story-modal__frame {\r\n      width: 100%;\r\n      max-height: 88vh;\r\n    }\r\n\r\n    .sb-story-modal__close {\r\n      top: 12px;\r\n      right: 12px;\r\n      width: 40px;\r\n      height: 40px;\r\n    }\r\n\r\n    .sb-modal-brand {\r\n      top: 17px;\r\n      left: 15px;\r\n      font-size: 30px;\r\n    }\r\n\r\n    .sb-story-panel--technik {\r\n      padding: 46px 20px 28px;\r\n    }\r\n\r\n    .sb-tech-gallery {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sb-tech-filters {\r\n      gap: 6px;\r\n    }\r\n\r\n    .sb-tech-filters button {\r\n      flex: 1 1 calc(50% - 6px);\r\n      justify-content: space-between;\r\n    }\r\n\r\n    .sb-tech-lightbox {\r\n      padding: 64px 12px 78px;\r\n    }\r\n\r\n    .sb-tech-lightbox__frame {\r\n      width: 100%;\r\n      max-height: 82vh;\r\n      padding: 6px;\r\n    }\r\n\r\n    .sb-tech-lightbox__image {\r\n      max-height: calc(82vh - 125px);\r\n    }\r\n\r\n    .sb-tech-lightbox__info {\r\n      min-height: 100px;\r\n      padding: 11px 8px 5px;\r\n      align-items: flex-start;\r\n      gap: 12px;\r\n    }\r\n\r\n    .sb-tech-lightbox__description {\r\n      max-width: 240px;\r\n      font-size: 10px;\r\n    }\r\n\r\n    .sb-tech-lightbox__close {\r\n      top: 12px;\r\n      right: 12px;\r\n      width: 40px;\r\n      height: 40px;\r\n    }\r\n\r\n    .sb-tech-lightbox__nav {\r\n      top: auto;\r\n      bottom: 18px;\r\n      width: 42px;\r\n      height: 42px;\r\n      transform: none;\r\n    }\r\n\r\n    .sb-tech-lightbox__prev {\r\n      left: calc(50% - 52px);\r\n    }\r\n\r\n    .sb-tech-lightbox__next {\r\n      right: calc(50% - 52px);\r\n    }\r\n\r\n    .sb-story-panel--statement,\r\n    .sb-statement {\r\n      min-height: 620px;\r\n    }\r\n\r\n    .sb-statement {\r\n      width: calc(100% - 42px);\r\n      padding-block: 52px;\r\n    }\r\n\r\n    .sb-statement blockquote {\r\n      font-size: clamp(25px, 8vw, 34px);\r\n    }\r\n\r\n    .sb-statement__signature {\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .sb-statement__seal {\r\n      width: 130px;\r\n      height: 130px;\r\n      flex-basis: 130px;\r\n      font-size: 20px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .sb-pjotter-stories *,\r\n    .sb-story-modal *,\r\n    .sb-tech-lightbox * {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    \/* =====================================================\r\n       HIER DIE 22 TECHNIKBILDER EINTRAGEN\r\n\r\n       - Die Bildadresse kommt jeweils nur EINMAL in \"src\".\r\n       - Erlaubte Kategorien:\r\n         antrieb, navigation, energie, deck, komfort\r\n       - Titel und Beschreibung k\u00f6nnen frei ge\u00e4ndert werden.\r\n       - Solange src leer bleibt, erscheint eine elegante Platzhalterkarte.\r\n       - F\u00fcr alle 22 Bilder sind Titel, Kategorien und Texte vorbereitet.\r\n       ===================================================== *\/\r\n    const techImages = [\r\n      \/\/ Bild 01 \u2013 IMG_4783.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4783-scaled.jpg\",\r\n        category: \"komfort\",\r\n        title: \"Rettungsinsel f\u00fcr sechs Personen\",\r\n        description: \"Die an Deck gesicherte Cruiser-Rettungsinsel ist f\u00fcr sechs Personen ausgelegt und im Notfall schnell erreichbar.\"\r\n      },\r\n      \/\/ Bild 02 \u2013 IMG_4798.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4798-scaled.jpg\",\r\n        category: \"komfort\",\r\n        title: \"ACR EPIRB-Seenotfunkbake\",\r\n        description: \"Die fest montierte Seenotfunkbake unterst\u00fctzt im Notfall die Alarmierung und satellitengest\u00fctzte Ortung der Yacht.\"\r\n      },\r\n      \/\/ Bild 03 \u2013 IMG_4741.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4741-scaled.jpg\",\r\n        category: \"deck\",\r\n        title: \"Fu\u00dfschalter der Ankerwinsch\",\r\n        description: \"Zwei gesch\u00fctzte Deckschalter erm\u00f6glichen das komfortable Auf- und Abfieren der Ankerkette direkt am Vorschiff.\"\r\n      },\r\n      \/\/ Bild 04 \u2013 IMG_4698.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4698-scaled.jpg\",\r\n        category: \"deck\",\r\n        title: \"Windpilot-Windsteueranlage\",\r\n        description: \"Die mechanische Windsteueranlage h\u00e4lt Pjotter auf langen Etappen zuverl\u00e4ssig auf Kurs zum Wind und arbeitet ohne elektrische Energie.\"\r\n      },\r\n      \/\/ Bild 05 \u2013 IMG_4658 3.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4658-3-scaled.jpg\",\r\n        category: \"navigation\",\r\n        title: \"Raymarine-Instrumente und Garmin-Plotter\",\r\n        description: \"Zentrale Anzeigen stellen Geschwindigkeit, Wind, Tiefe und weitere Navigationsdaten dar; der Garmin-Plotter erg\u00e4nzt die \u00dcbersicht am Steuerstand.\"\r\n      },\r\n      \/\/ Bild 06 \u2013 FullSizeRender 22.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/FullSizeRender-22-scaled.jpg\",\r\n        category: \"antrieb\",\r\n        title: \"Volvo Penta MD 2040 mit 38 PS \u2013 Gesamtansicht\",\r\n        description: \"Der gut zug\u00e4ngliche Volvo-Penta-Dieselmotor bildet den bew\u00e4hrten Antrieb von Pjotter und ist von vorn und hinten vollst\u00e4ndig einsehbar.\"\r\n      },\r\n      \/\/ Bild 07 \u2013 FullSizeRender 21.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/FullSizeRender-21-scaled.jpg\",\r\n        category: \"energie\",\r\n        title: \"Victron Lade- und Wechselrichtertechnik\",\r\n        description: \"Mehrere Victron-Komponenten b\u00fcndeln Batterieladung, Landstrom und 230-Volt-Versorgung \u00fcbersichtlich in einem Technikfach.\"\r\n      },\r\n      \/\/ Bild 08 \u2013 IMG_4425.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4425-scaled.jpg\",\r\n        category: \"antrieb\",\r\n        title: \"Volvo Penta \u2013 Antriebsseite (Saildrive neu 2026)\",\r\n        description: \"Eine zweite Perspektive zeigt den Volvo-Penta-Motor, die Antriebseinheit und die installierten Nebenaggregate.\"\r\n      },\r\n      \/\/ Bild 09 \u2013 IMG_4429.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4429-scaled.jpg\",\r\n        category: \"komfort\",\r\n        title: \"Warmwasserboiler\",\r\n        description: \"Der kompakt eingebaute Warmwasserboiler versorgt die Wasserentnahmestellen an Bord sowie die Au\u00dfendusche mit warmem Wasser; Leitungen und Anschl\u00fcsse bleiben f\u00fcr Wartungsarbeiten erreichbar.\"\r\n      },\r\n      \/\/ Bild 10 \u2013 IMG_4468.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4468-scaled.jpg\",\r\n        category: \"energie\",\r\n        title: \"Beschriftete Bordelektrik\",\r\n        description: \"Die zentralen Klemmen und Leitungswege der Bordelektrik sind zug\u00e4nglich, nummeriert und systematisch zusammengef\u00fchrt.\"\r\n      },\r\n      \/\/ Bild 11 \u2013 IMG_4469.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4469-scaled.jpg\",\r\n        category: \"navigation\",\r\n        title: \"Raymarine AIS650 Class B\",\r\n        description: \"Der Class-B-Transceiver sendet und empf\u00e4ngt AIS-Daten und verbessert damit die Sichtbarkeit sowie den \u00dcberblick \u00fcber den Schiffsverkehr.\"\r\n      },\r\n      \/\/ Bild 12 \u2013 IMG_4459 2.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4459-2-scaled.jpg\",\r\n        category: \"komfort\",\r\n        title: \"Fusion MS-RA70N Audiosystem\",\r\n        description: \"Das fest eingebaute Fusion-Marine-Audiosystem bietet unter anderem Bluetooth f\u00fcr komfortable Unterhaltung an Bord.\"\r\n      },\r\n      \/\/ Bild 13 \u2013 IMG_4460.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4460-scaled.jpg\",\r\n        category: \"navigation\",\r\n        title: \"Garmin GPSMAP Kartenplotter\",\r\n        description: \"Der Garmin-Kartenplotter stellt Seekarten, Routen und wichtige Navigationsinformationen \u00fcbersichtlich auch am Navigationstisch bereit.\"\r\n      },\r\n      \/\/ Bild 14 \u2013 IMG_4457.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4457.jpg\",\r\n        category: \"energie\",\r\n        title: \"Zentrale Schalttafel und Batteriemonitor\",\r\n        description: \"Das Breehorn-Schaltpanel b\u00fcndelt Verbraucher, Beleuchtung und Pumpen; der Victron-Batteriemonitor informiert \u00fcber den Zustand des Bordnetzes.\"\r\n      },\r\n      \/\/ Bild 15 \u2013 IMG_4461 2.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4461-2-scaled.jpg\",\r\n        category: \"deck\",\r\n        title: \"Lewmar-Ankerwinschabsicherung\",\r\n        description: \"Der separate 90-Ampere-Schutzschalter sichert die elektrische Ankerwinsch ab und ist im Bedarfsfall schnell erreichbar.\"\r\n      },\r\n      \/\/ Bild 16 \u2013 IMG_4496.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4496-scaled.jpg\",\r\n        category: \"komfort\",\r\n        title: \"Digitale Isotherm-K\u00fchlsteuerung\",\r\n        description: \"Die elektronische Bedieneinheit erm\u00f6glicht eine komfortable Temperaturwahl und einen energiesparenden Betrieb der Bordk\u00fchlung.\"\r\n      },\r\n      \/\/ Bild 17 \u2013 IMG_4546.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4546-scaled.jpg\",\r\n        category: \"navigation\",\r\n        title: \"Raymarine iTC-5 Geberkonverter\",\r\n        description: \"Der iTC-5 bindet analoge Geber f\u00fcr Tiefe, Geschwindigkeit, Temperatur und Wind in das SeaTalkng-Netzwerk ein.\"\r\n      },\r\n      \/\/ Bild 18 \u2013 IMG_4547.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4547-scaled.jpg\",\r\n        category: \"navigation\",\r\n        title: \"Airmar DST810 Multisensor\",\r\n        description: \"Der Triducer erfasst Wassertiefe, Fahrt durchs Wasser und Wassertemperatur mit einem einzigen kompakten Geber.\"\r\n      },\r\n      \/\/ Bild 19 \u2013 IMG_4580.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4580-scaled.jpg\",\r\n        category: \"komfort\",\r\n        title: \"Jabsco Pumpguard Vorfilter\",\r\n        description: \"Der transparente Vorfilter h\u00e4lt Schmutzpartikel von der angeschlossenen Pumpe fern und l\u00e4sst sich zur Kontrolle leicht \u00f6ffnen.\"\r\n      },\r\n      \/\/ Bild 20 \u2013 IMG_4586.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4586-scaled.jpg\",\r\n        category: \"komfort\",\r\n        title: \"Webasto Air Top Evo M Heizung\",\r\n        description: \"\u00dcber das Bedienpanel wird die Diesel-Warmluftheizung komfortabel geregelt \u2013 f\u00fcr angenehme Temperaturen auch au\u00dferhalb der Hochsaison.\"\r\n      },\r\n      \/\/ Bild 21 \u2013 IMG_4584.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4584-scaled.jpg\",\r\n        category: \"komfort\",\r\n        title: \"Safe-T-Alert SA-1 Gaswarnger\u00e4t\",\r\n        description: \"Das fest installierte Gaswarnger\u00e4t \u00fcberwacht den Innenraum auf brennbare Gasd\u00e4mpfe und warnt im Gefahrenfall optisch und akustisch.\"\r\n      },\r\n      \/\/ Bild 22 \u2013 IMG_4684.jpg\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4684-scaled.jpg\",\r\n        category: \"deck\",\r\n        title: \"Whitlock-Radsteuerung mit Autopilot\",\r\n        description: \"Am Steuerrad sind der Raymarine-Autopilot sowie die Steuerung der Windsteueranlage integriert; der Kompass bleibt dabei direkt im Blickfeld.\"\r\n      }\r\n    ];\r\n\r\n    const categoryLabels = {\r\n      antrieb: \"Antrieb & Man\u00f6vrieren\",\r\n      navigation: \"Navigation & Elektronik\",\r\n      energie: \"Energie & Versorgung\",\r\n      deck: \"Deck & Rigg\",\r\n      komfort: \"Komfort & Sicherheit\"\r\n    };\r\n\r\n    const section = document.querySelector(\"[data-sb-pjotter-stories]\");\r\n    const modal = document.querySelector(\"[data-sb-story-modal]\");\r\n    const techLightbox = document.querySelector(\"[data-sb-tech-lightbox]\");\r\n\r\n    if (!section || !modal || !techLightbox) return;\r\n\r\n    const cards = Array.from(\r\n      section.querySelectorAll(\"[data-story-target]\")\r\n    );\r\n    const panels = Array.from(\r\n      modal.querySelectorAll(\"[data-story-panel]\")\r\n    );\r\n    const filterButtons = Array.from(\r\n      modal.querySelectorAll(\"[data-tech-filter]\")\r\n    );\r\n\r\n    const closeButton = modal.querySelector(\".sb-story-modal__close\");\r\n    const modalFrame = modal.querySelector(\".sb-story-modal__frame\");\r\n    const gallery = modal.querySelector(\"[data-tech-gallery]\");\r\n    const emptyMessage = modal.querySelector(\"[data-tech-empty]\");\r\n\r\n    const techCloseButton = techLightbox.querySelector(\r\n      \".sb-tech-lightbox__close\"\r\n    );\r\n    const techPrevButton = techLightbox.querySelector(\r\n      \".sb-tech-lightbox__prev\"\r\n    );\r\n    const techNextButton = techLightbox.querySelector(\r\n      \".sb-tech-lightbox__next\"\r\n    );\r\n    const techLargeImage = techLightbox.querySelector(\r\n      \".sb-tech-lightbox__image\"\r\n    );\r\n    const techCategory = techLightbox.querySelector(\r\n      \".sb-tech-lightbox__category\"\r\n    );\r\n    const techTitle = techLightbox.querySelector(\r\n      \".sb-tech-lightbox__title\"\r\n    );\r\n    const techDescription = techLightbox.querySelector(\r\n      \".sb-tech-lightbox__description\"\r\n    );\r\n    const techCounter = techLightbox.querySelector(\r\n      \".sb-tech-lightbox__counter\"\r\n    );\r\n\r\n    let lastFocusedElement = null;\r\n    let lastTechFocusedElement = null;\r\n    let currentTechFilter = \"alle\";\r\n    let activeTechItems = [];\r\n    let activeTechPosition = 0;\r\n\r\n    function getNumberedImages() {\r\n      return techImages.map(function (item, index) {\r\n        return {\r\n          src: item.src || \"\",\r\n          category: item.category || \"komfort\",\r\n          title: item.title || \"Technikdetail\",\r\n          description: item.description || \"\",\r\n          originalIndex: index\r\n        };\r\n      });\r\n    }\r\n\r\n    function updateFilterCounts() {\r\n      const counts = {\r\n        alle: techImages.length,\r\n        antrieb: 0,\r\n        navigation: 0,\r\n        energie: 0,\r\n        deck: 0,\r\n        komfort: 0\r\n      };\r\n\r\n      techImages.forEach(function (item) {\r\n        if (Object.prototype.hasOwnProperty.call(counts, item.category)) {\r\n          counts[item.category] += 1;\r\n        }\r\n      });\r\n\r\n      Object.keys(counts).forEach(function (name) {\r\n        const counter = modal.querySelector(\r\n          '[data-tech-count=\"' + name + '\"]'\r\n        );\r\n\r\n        if (counter) counter.textContent = counts[name];\r\n      });\r\n    }\r\n\r\n    function createTechCard(item) {\r\n      const hasImage = item.src.trim() !== \"\";\r\n      const button = document.createElement(\"button\");\r\n      const imageArea = document.createElement(\"span\");\r\n      const body = document.createElement(\"span\");\r\n      const category = document.createElement(\"span\");\r\n      const title = document.createElement(\"span\");\r\n      const description = document.createElement(\"span\");\r\n\r\n      button.type = \"button\";\r\n      button.className = \"sb-tech-item\";\r\n      button.disabled = !hasImage;\r\n      button.setAttribute(\r\n        \"aria-label\",\r\n        hasImage\r\n          ? item.title + \" in Gro\u00dfansicht \u00f6ffnen\"\r\n          : item.title + \" \u2013 Bild noch nicht eingetragen\"\r\n      );\r\n\r\n      imageArea.className = \"sb-tech-item__image\";\r\n\r\n      if (hasImage) {\r\n        const image = document.createElement(\"img\");\r\n        image.src = item.src;\r\n        image.alt = item.title;\r\n        image.loading = \"lazy\";\r\n        imageArea.appendChild(image);\r\n      } else {\r\n        const placeholder = document.createElement(\"span\");\r\n        placeholder.className = \"sb-tech-item__placeholder\";\r\n        placeholder.textContent = \"Bild folgt\";\r\n        imageArea.appendChild(placeholder);\r\n      }\r\n\r\n      body.className = \"sb-tech-item__body\";\r\n      category.className = \"sb-tech-item__category\";\r\n      category.textContent = categoryLabels[item.category] || item.category;\r\n      title.className = \"sb-tech-item__title\";\r\n      title.textContent = item.title;\r\n      description.className = \"sb-tech-item__description\";\r\n      description.textContent = item.description;\r\n\r\n      body.append(category, title, description);\r\n      button.append(imageArea, body);\r\n\r\n      if (hasImage) {\r\n        button.addEventListener(\"click\", function () {\r\n          openTechImage(item.originalIndex, button);\r\n        });\r\n      }\r\n\r\n      return button;\r\n    }\r\n\r\n    function renderTechGallery() {\r\n      const numberedImages = getNumberedImages();\r\n      const visibleItems = numberedImages.filter(function (item) {\r\n        return (\r\n          currentTechFilter === \"alle\" ||\r\n          item.category === currentTechFilter\r\n        );\r\n      });\r\n\r\n      activeTechItems = visibleItems.filter(function (item) {\r\n        return item.src.trim() !== \"\";\r\n      });\r\n\r\n      filterButtons.forEach(function (button) {\r\n        const isActive =\r\n          button.getAttribute(\"data-tech-filter\") === currentTechFilter;\r\n        button.classList.toggle(\"is-active\", isActive);\r\n        button.setAttribute(\"aria-pressed\", String(isActive));\r\n      });\r\n\r\n      gallery.replaceChildren();\r\n      visibleItems.forEach(function (item) {\r\n        gallery.appendChild(createTechCard(item));\r\n      });\r\n\r\n      emptyMessage.hidden = visibleItems.length > 0;\r\n    }\r\n\r\n    function showTechImage(position) {\r\n      if (activeTechItems.length === 0) return;\r\n\r\n      activeTechPosition =\r\n        (position + activeTechItems.length) % activeTechItems.length;\r\n\r\n      const item = activeTechItems[activeTechPosition];\r\n      techLargeImage.src = item.src;\r\n      techLargeImage.alt = item.title;\r\n      techCategory.textContent = categoryLabels[item.category] || item.category;\r\n      techTitle.textContent = item.title;\r\n      techDescription.textContent = item.description;\r\n      techCounter.textContent =\r\n        String(activeTechPosition + 1).padStart(2, \"0\") +\r\n        \" \/ \" +\r\n        String(activeTechItems.length).padStart(2, \"0\");\r\n\r\n      const showNavigation = activeTechItems.length > 1;\r\n      techPrevButton.hidden = !showNavigation;\r\n      techNextButton.hidden = !showNavigation;\r\n    }\r\n\r\n    function openTechImage(originalIndex, sourceButton) {\r\n      let position = activeTechItems.findIndex(function (item) {\r\n        return item.originalIndex === originalIndex;\r\n      });\r\n\r\n      if (position < 0) {\r\n        activeTechItems = getNumberedImages().filter(function (item) {\r\n          return item.src.trim() !== \"\";\r\n        });\r\n        position = activeTechItems.findIndex(function (item) {\r\n          return item.originalIndex === originalIndex;\r\n        });\r\n      }\r\n\r\n      if (position < 0) return;\r\n\r\n      lastTechFocusedElement = sourceButton || document.activeElement;\r\n      showTechImage(position);\r\n      techLightbox.classList.add(\"is-open\");\r\n      techLightbox.setAttribute(\"aria-hidden\", \"false\");\r\n      techCloseButton.focus();\r\n    }\r\n\r\n    function closeTechImage(restoreFocus) {\r\n      techLightbox.classList.remove(\"is-open\");\r\n      techLightbox.setAttribute(\"aria-hidden\", \"true\");\r\n\r\n      if (restoreFocus !== false && lastTechFocusedElement) {\r\n        lastTechFocusedElement.focus();\r\n      }\r\n    }\r\n\r\n    function openStory(targetName) {\r\n      const selectedPanel = panels.find(function (panel) {\r\n        return panel.getAttribute(\"data-story-panel\") === targetName;\r\n      });\r\n\r\n      if (!selectedPanel) return;\r\n\r\n      lastFocusedElement = document.activeElement;\r\n\r\n      panels.forEach(function (panel) {\r\n        panel.classList.remove(\"is-active\");\r\n      });\r\n\r\n      selectedPanel.classList.add(\"is-active\");\r\n      modal.classList.add(\"is-open\");\r\n      modal.setAttribute(\"aria-hidden\", \"false\");\r\n      document.body.classList.add(\"sb-story-modal-open\");\r\n      modalFrame.scrollTop = 0;\r\n\r\n      if (targetName === \"technik\") {\r\n        currentTechFilter = \"alle\";\r\n        renderTechGallery();\r\n      }\r\n\r\n      closeButton.focus();\r\n    }\r\n\r\n    function closeStory() {\r\n      if (techLightbox.classList.contains(\"is-open\")) {\r\n        closeTechImage(false);\r\n      }\r\n\r\n      modal.classList.remove(\"is-open\");\r\n      modal.setAttribute(\"aria-hidden\", \"true\");\r\n      document.body.classList.remove(\"sb-story-modal-open\");\r\n\r\n      panels.forEach(function (panel) {\r\n        panel.classList.remove(\"is-active\");\r\n      });\r\n\r\n      if (lastFocusedElement) lastFocusedElement.focus();\r\n    }\r\n\r\n    cards.forEach(function (card) {\r\n      card.addEventListener(\"click\", function () {\r\n        openStory(card.getAttribute(\"data-story-target\"));\r\n      });\r\n    });\r\n\r\n    filterButtons.forEach(function (button) {\r\n      button.addEventListener(\"click\", function () {\r\n        currentTechFilter = button.getAttribute(\"data-tech-filter\");\r\n        renderTechGallery();\r\n      });\r\n    });\r\n\r\n    closeButton.addEventListener(\"click\", closeStory);\r\n    techCloseButton.addEventListener(\"click\", function () {\r\n      closeTechImage(true);\r\n    });\r\n    techPrevButton.addEventListener(\"click\", function () {\r\n      showTechImage(activeTechPosition - 1);\r\n    });\r\n    techNextButton.addEventListener(\"click\", function () {\r\n      showTechImage(activeTechPosition + 1);\r\n    });\r\n\r\n    modal.addEventListener(\"click\", function (event) {\r\n      if (event.target === modal) closeStory();\r\n    });\r\n\r\n    techLightbox.addEventListener(\"click\", function (event) {\r\n      if (event.target === techLightbox) closeTechImage(true);\r\n    });\r\n\r\n    document.addEventListener(\"keydown\", function (event) {\r\n      if (techLightbox.classList.contains(\"is-open\")) {\r\n        if (event.key === \"Escape\") closeTechImage(true);\r\n        if (event.key === \"ArrowLeft\") showTechImage(activeTechPosition - 1);\r\n        if (event.key === \"ArrowRight\") showTechImage(activeTechPosition + 1);\r\n        return;\r\n      }\r\n\r\n      if (\r\n        modal.classList.contains(\"is-open\") &&\r\n        event.key === \"Escape\"\r\n      ) {\r\n        closeStory();\r\n      }\r\n    });\r\n\r\n    updateFilterCounts();\r\n    renderTechGallery();\r\n  })();\r\n<\/script>\r\n\r\n<style>\r\n  \/* Elementor-Hoverfarbe f\u00fcr die drei Felder \u00fcberschreiben *\/\r\n  .sb-pjotter-stories .sb-story-card {\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n    color: #071d30 !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  .sb-pjotter-stories .sb-story-card:hover,\r\n  .sb-pjotter-stories .sb-story-card:focus,\r\n  .sb-pjotter-stories .sb-story-card:active {\r\n    background: rgba(7, 29, 48, 0.025) !important;\r\n    background-color: rgba(7, 29, 48, 0.025) !important;\r\n    color: #071d30 !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  \/* Texte behalten beim Dar\u00fcberfahren ihre Farben *\/\r\n  .sb-pjotter-stories .sb-story-card:hover\r\n  .sb-story-card__title {\r\n    color: #071d30 !important;\r\n    -webkit-text-fill-color: #071d30 !important;\r\n  }\r\n\r\n  .sb-pjotter-stories .sb-story-card:hover\r\n  .sb-story-card__description {\r\n    color: #536572 !important;\r\n  }\r\n\r\n  \/* Schlie\u00dfen-Schaltfl\u00e4che im Fenster bleibt gold statt rot *\/\r\n  .sb-story-modal .sb-story-modal__close:hover {\r\n    border-color: #c89a51 !important;\r\n    background: #b88942 !important;\r\n    background-color: #b88942 !important;\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  \/* Auch Filter und Technikkarten gegen globale Elementor-Farben sch\u00fctzen *\/\r\n  .sb-story-modal .sb-tech-filters button {\r\n    background: rgba(246, 243, 237, .035) !important;\r\n    background-color: rgba(246, 243, 237, .035) !important;\r\n    color: rgba(246, 243, 237, .78) !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  .sb-story-modal .sb-tech-filters button:hover,\r\n  .sb-story-modal .sb-tech-filters button:focus-visible,\r\n  .sb-story-modal .sb-tech-filters button.is-active {\r\n    border-color: #c89a51 !important;\r\n    background: rgba(200, 154, 81, .16) !important;\r\n    background-color: rgba(200, 154, 81, .16) !important;\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  .sb-story-modal .sb-tech-item,\r\n  .sb-story-modal .sb-tech-item:hover,\r\n  .sb-story-modal .sb-tech-item:focus,\r\n  .sb-story-modal .sb-tech-item:active {\r\n    background: #f6f3ed !important;\r\n    background-color: #f6f3ed !important;\r\n    color: #071d30 !important;\r\n  }\r\n\r\n  .sb-tech-lightbox .sb-tech-lightbox__close:hover,\r\n  .sb-tech-lightbox .sb-tech-lightbox__nav:hover {\r\n    border-color: #c89a51 !important;\r\n    background: #b88942 !important;\r\n    background-color: #b88942 !important;\r\n    color: #ffffff !important;\r\n  }\r\n<\/style>\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-620b81d e-con-full e-flex e-con e-child\" data-id=\"620b81d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4c0dc5 elementor-widget elementor-widget-html\" data-id=\"e4c0dc5\" 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<!--\r\n  SOULBOATS \u2013 Breehorn 37 \"Pjotter\"\r\n  Buttongesteuerte Weltkugel \/ Yacht Journey\r\n\r\n  Den vollst\u00e4ndigen Inhalt in EIN Elementor-HTML-Widget kopieren.\r\n  Empfohlene Position: NACH \u201eBilder & Highlights\u201c und VOR dem Footer.\r\n\r\n  Die Reise startet ausschlie\u00dflich nach Klick auf den Startbutton.\r\n  Das Segelboot f\u00e4hrt alle 22 Stationen an. Jeder Stationsname wird\r\n  beim Erreichen seines Kartenpunkts dauerhaft in Gold eingeblendet.\r\n\r\n  Deckfoto einsetzen:\r\n  Im CSS bei --pjotter-deck-image nur HIER-DIE-BILD-URL-EINSETZEN ersetzen.\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<!-- Wiederverwendbare SVG-Formen -->\r\n<svg\r\n  class=\"pjotter-map-symbols\"\r\n  width=\"0\"\r\n  height=\"0\"\r\n  aria-hidden=\"true\"\r\n>\r\n  <defs>\r\n    <!-- Pr\u00e4zise Weltkarten-Silhouette auf Basis von Natural Earth 1:110m -->\r\n    <linearGradient id=\"pjotter-land-finish\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n      <stop offset=\"0%\" stop-color=\"#ffffff\"\/>\r\n      <stop offset=\"48%\" stop-color=\"#f6f5f1\"\/>\r\n      <stop offset=\"100%\" stop-color=\"#e5e3de\"\/>\r\n    <\/linearGradient>\r\n\r\n    <g id=\"pjotter-world-land\" fill-rule=\"evenodd\" clip-rule=\"evenodd\">\r\n      <path d=\"M328.6,359.3L331.9,360.7L334.9,361.3L334.6,362.4L332.7,362.6L331.3,361.8L331.1,362.7L329.8,363.4L327.5,363.1L325.7,362.4L323.4,362.1L320.3,360.8L317.6,359.6L313.5,357.0L315.4,357.5L319.1,359.0L322.1,359.9L322.7,358.8L322.6,357.2L324.0,356.3L325.5,356.5L325.5,356.5L326.8,357.6L328.6,359.3ZM344.6,353.0L346.7,354.0L346.4,354.8L343.9,355.5L342.7,354.7L341.3,355.8L339.9,354.7L341.8,353.3L343.8,353.9L344.6,353.0ZM611.0,349.7L607.7,349.9L608.2,348.6L608.9,347.7L609.2,347.2L610.3,347.9L612.1,348.2L612.0,348.7L611.0,349.7ZM783.7,328.6L785.2,329.4L786.7,329.1L788.7,328.6L789.9,328.8L787.9,331.6L786.6,332.4L784.9,334.4L784.6,333.7L781.9,335.4L781.5,335.2L780.2,335.2L780.4,333.1L781.3,331.5L781.6,329.5L782.4,328.4L783.7,328.6ZM844.0,328.9L843.6,329.9L846.0,328.9L845.8,329.9L844.9,330.9L843.1,332.0L840.1,333.8L838.2,334.7L838.0,335.9L836.3,335.9L833.6,336.8L831.7,338.4L828.2,340.8L825.5,341.8L823.8,342.5L821.9,342.5L821.2,341.7L819.1,341.5L819.6,340.6L822.4,338.9L827.1,336.5L828.9,336.1L831.2,335.2L834.2,333.9L836.5,332.7L839.0,330.9L840.4,330.3L841.9,329.0L844.4,327.9L844.0,328.9ZM856.2,317.4L856.0,320.0L857.2,318.3L857.7,319.0L856.7,320.8L857.9,321.6L859.3,321.8L861.3,320.8L862.2,321.1L860.0,323.3L858.3,324.7L856.7,324.6L855.5,325.4L855.0,326.4L854.3,326.8L852.3,328.1L849.8,329.8L847.2,330.7L847.4,330.1L846.8,329.7L849.8,327.8L850.2,326.5L848.6,325.5L849.2,324.6L851.5,323.8L853.2,321.9L854.2,320.4L854.5,318.8L854.9,318.3L854.5,317.3L854.3,315.2L854.4,313.5L855.4,313.3L855.8,314.6L857.1,315.3L856.2,317.4ZM855.5,283.6L854.5,284.2L853.4,283.5L852.0,282.4L850.9,281.1L849.9,279.4L849.8,278.6L850.8,278.7L851.9,279.5L852.6,280.3L853.2,281.0L854.7,282.5L855.5,283.6ZM885.3,271.9L885.9,272.6L885.2,273.9L883.6,274.2L882.4,273.9L882.5,272.9L883.6,272.0L884.6,272.3L885.3,271.9ZM888.0,270.6L886.3,271.1L886.3,270.2L887.6,269.7L888.4,269.6L890.0,268.9L889.7,270.0L888.0,270.6ZM40.5,269.9L40.3,270.0L40.0,268.9L40.5,268.7L40.5,269.9ZM861.0,269.8L860.2,270.1L859.7,269.1L859.9,268.4L861.0,269.8ZM860.2,266.1L860.1,268.1L859.6,267.8L859.1,267.9L858.9,267.2L859.2,265.4L860.2,266.1ZM583.6,262.8L583.8,265.7L584.3,266.8L584.0,268.0L583.5,268.7L582.8,267.3L582.3,268.0L582.7,269.8L582.4,270.8L581.7,271.4L581.4,273.4L580.2,276.2L578.8,279.6L577.0,284.1L575.8,287.5L574.5,290.3L572.5,290.9L570.4,291.9L569.1,291.3L567.4,290.4L566.8,289.1L566.8,287.0L566.2,285.1L566.1,283.3L566.7,281.6L567.8,281.2L567.8,280.4L569.1,278.5L569.4,277.0L569.0,275.9L568.6,274.3L568.6,272.1L569.5,270.7L569.9,269.2L571.1,269.1L572.4,268.6L573.4,268.2L574.4,268.2L575.8,266.8L577.9,265.3L578.6,264.1L578.4,263.0L579.4,263.3L580.8,261.6L580.9,260.2L581.7,259.1L582.5,260.2L583.1,261.2L583.6,262.8ZM805.0,263.3L805.5,265.2L807.2,264.3L807.8,265.3L808.8,266.2L808.3,267.3L808.4,269.4L808.5,270.6L809.0,270.9L809.2,272.9L808.7,274.2L809.0,275.8L811.3,277.1L812.7,278.3L814.0,279.3L813.5,279.9L814.5,281.4L814.7,284.0L815.7,283.5L816.4,284.5L817.1,284.2L816.8,286.7L818.0,288.2L818.8,289.1L820.0,291.1L819.9,293.0L819.4,294.4L818.7,295.9L819.0,298.0L818.0,300.1L817.2,301.2L815.6,303.4L814.9,304.8L813.6,306.5L811.4,308.7L809.1,309.9L807.3,311.8L805.9,313.0L804.1,315.0L802.5,316.2L800.8,318.1L799.5,319.7L799.1,320.5L797.3,321.3L794.8,321.4L792.1,322.4L790.5,323.3L788.6,324.4L787.4,323.3L786.3,322.9L787.4,321.6L785.9,322.1L782.9,323.8L781.4,323.2L780.3,322.8L779.2,322.6L777.4,321.9L776.9,320.4L777.5,318.6L777.7,317.4L777.2,316.4L775.2,316.1L776.6,314.9L776.9,313.1L775.0,314.8L772.8,315.3L774.7,313.9L775.6,312.5L777.1,311.3L777.7,309.6L774.9,311.6L773.1,312.4L771.4,314.4L770.1,313.4L770.7,312.1L770.1,310.3L769.3,309.4L770.0,308.9L767.8,307.4L766.2,307.3L764.6,306.2L760.4,306.4L757.0,307.3L754.1,308.1L752.0,307.9L749.0,309.1L746.8,309.7L745.9,311.0L744.6,311.9L742.7,312.0L741.2,312.2L739.3,311.8L737.6,312.0L736.0,312.2L734.1,313.4L733.5,313.3L732.1,314.0L730.7,314.8L729.1,314.7L727.6,314.7L725.8,313.1L724.8,312.7L725.4,311.3L726.7,311.0L727.3,310.4L727.5,309.6L728.5,307.9L728.8,306.4L728.5,304.0L728.7,302.6L729.2,301.2L728.8,299.7L728.9,299.0L728.2,298.0L728.4,296.1L727.7,294.2L727.7,293.1L728.4,294.2L728.2,292.0L729.2,292.7L729.6,293.6L729.9,292.4L729.3,290.4L729.3,289.7L728.9,289.0L729.4,287.6L730.0,287.0L730.6,285.8L730.6,284.3L732.0,282.6L731.8,284.4L733.1,282.8L735.2,282.0L736.5,280.9L738.5,280.1L739.6,279.9L740.2,280.2L742.2,279.3L743.7,279.0L744.2,278.5L744.8,278.2L746.1,278.3L748.7,277.6L750.2,276.5L751.0,275.2L752.6,274.0L752.9,273.0L753.2,271.7L755.3,269.7L755.9,271.8L757.0,271.3L756.4,270.1L757.3,269.0L758.3,269.5L758.9,267.6L760.4,266.5L761.1,265.5L762.4,265.1L762.5,264.4L763.5,264.7L763.6,264.1L764.7,263.7L765.9,263.4L767.5,264.5L768.6,266.0L770.1,266.0L771.6,266.2L771.2,264.9L772.6,262.9L773.8,262.3L773.5,261.7L774.7,260.3L776.3,259.5L777.5,259.7L779.5,259.3L779.7,258.1L778.0,257.3L779.3,256.9L780.8,257.5L782.0,258.5L783.9,259.1L784.6,258.9L785.9,259.6L787.4,258.9L788.3,259.1L788.9,258.7L789.8,259.9L789.0,261.2L788.0,262.1L787.1,262.2L787.3,263.2L786.4,264.4L785.4,265.6L785.5,266.3L787.1,267.6L788.7,268.4L789.8,269.2L791.2,270.6L791.8,270.6L792.9,271.3L793.1,272.0L795.2,272.8L796.9,272.0L797.7,270.7L798.4,269.6L799.0,268.3L800.1,266.4L800.0,265.2L800.2,264.5L800.2,263.1L800.8,261.3L801.3,260.8L801.0,260.0L801.8,258.7L802.5,257.4L802.6,256.7L803.6,255.8L804.1,257.0L804.1,258.5L804.6,258.8L804.6,259.8L805.2,261.0L805.2,262.4L805.0,263.3ZM850.3,255.3L850.8,256.2L849.2,256.2L848.5,254.7L849.8,255.3L850.3,255.3ZM752.0,254.8L751.0,254.8L748.0,253.1L750.2,252.6L751.4,253.4L752.2,254.1L752.0,254.8ZM847.5,253.9L846.6,253.9L845.2,253.7L844.7,253.3L844.9,252.3L846.5,252.7L847.2,253.2L847.5,253.9ZM849.6,253.2L849.2,253.7L847.6,251.6L847.3,250.1L848.1,250.1L848.7,252.1L849.6,253.2ZM760.9,254.5L758.7,255.1L758.5,254.8L758.8,253.9L759.9,252.5L762.4,251.5L762.7,250.9L764.8,250.4L766.5,250.3L767.2,250.0L768.1,250.3L767.2,251.0L764.6,252.0L762.6,252.7L760.9,254.5ZM745.7,249.6L746.5,250.2L748.0,250.0L748.5,251.1L745.7,251.5L744.0,251.9L742.8,251.8L743.7,250.4L745.0,250.4L745.7,249.6ZM757.6,249.6L757.2,250.9L753.5,251.6L750.4,251.3L750.4,250.4L752.4,249.9L753.8,250.6L755.4,250.5L757.6,249.6ZM845.6,250.2L845.6,250.6L843.9,249.6L842.6,248.8L841.8,247.9L842.2,247.7L843.3,248.3L845.1,249.4L845.6,250.2ZM840.2,247.8L839.8,247.9L838.8,247.4L837.9,246.4L838.1,246.0L839.4,247.0L840.2,247.8ZM723.8,246.4L728.4,246.6L729.0,245.6L733.3,246.8L734.1,248.4L737.6,248.8L740.4,250.2L737.6,251.2L735.1,250.2L732.9,250.3L730.5,250.1L728.3,249.6L725.6,248.7L723.9,248.5L722.8,248.8L718.6,247.8L718.2,246.7L716.1,246.6L717.8,244.3L720.7,244.4L722.6,245.3L723.6,245.5L723.8,246.4ZM786.1,245.0L784.8,246.7L784.7,244.9L785.2,244.0L785.8,243.2L786.2,243.9L786.1,245.0ZM836.4,246.5L835.7,246.7L834.8,245.8L833.9,244.3L833.6,242.4L833.9,242.2L834.1,242.9L834.8,243.5L835.8,245.0L836.8,245.8L836.4,246.5ZM827.5,243.2L826.2,243.4L825.7,244.1L824.4,244.7L823.1,245.3L821.8,245.3L820.0,244.6L818.7,243.9L818.9,243.1L821.0,243.5L822.3,243.3L822.8,242.2L823.2,242.1L823.3,243.4L824.7,243.2L825.4,242.4L826.8,241.5L826.6,240.1L828.0,240.0L828.5,240.4L828.4,241.8L827.5,243.2ZM768.7,238.4L767.8,239.2L766.1,238.7L765.7,237.7L768.1,237.6L768.7,238.4ZM776.4,237.5L777.2,239.3L775.2,238.3L773.2,238.1L771.9,238.3L770.2,238.2L770.9,236.9L773.8,236.8L776.4,237.5ZM830.4,240.9L829.6,241.5L829.2,240.1L828.7,239.2L827.6,238.4L826.3,237.3L824.6,236.6L825.3,236.0L826.6,236.7L827.4,237.3L828.4,237.8L829.3,238.8L830.1,239.6L830.4,240.9ZM785.4,232.8L785.9,236.7L788.3,238.1L790.4,235.6L793.2,234.1L795.3,234.1L797.3,235.0L799.0,235.8L801.6,236.3L805.7,238.0L810.0,239.3L811.6,240.6L812.9,241.8L813.1,243.2L817.0,244.7L817.4,246.0L815.2,246.3L815.6,247.9L817.6,249.5L818.9,252.0L820.2,251.9L820.1,253.0L821.8,253.4L821.1,253.9L823.5,254.9L823.1,255.6L821.5,255.8L821.0,255.1L819.0,254.9L816.7,254.5L815.0,253.0L813.8,251.6L812.7,249.5L809.7,248.4L807.6,249.1L806.1,249.9L806.2,251.7L804.3,252.6L803.0,252.1L800.6,252.0L798.6,250.1L796.2,249.6L795.6,250.3L792.6,250.3L793.8,248.4L795.3,247.7L794.9,245.1L794.0,243.0L789.4,241.0L787.5,240.8L784.0,238.6L783.2,239.7L782.3,239.9L781.8,239.1L781.8,238.0L780.1,236.8L782.7,235.9L784.4,236.0L784.2,235.4L780.7,235.3L779.8,233.9L777.7,233.5L776.7,232.3L780.0,231.7L781.2,230.9L785.0,231.9L785.4,232.8ZM764.1,226.6L762.2,229.0L760.5,229.4L758.1,229.0L754.2,229.1L752.1,229.4L751.7,231.3L753.8,233.4L755.1,232.3L759.6,231.5L759.4,232.6L758.3,232.3L757.2,233.7L755.1,234.6L757.3,237.7L756.8,238.5L758.9,241.3L758.7,242.9L757.4,243.6L756.5,242.8L757.8,240.8L755.4,241.7L754.9,241.1L755.2,240.1L753.5,238.7L753.8,236.4L752.2,237.1L752.3,239.9L752.2,243.4L750.7,243.7L749.7,243.0L750.5,240.8L750.2,238.4L749.2,238.4L748.5,236.8L749.5,235.2L749.9,233.3L751.2,229.6L751.7,228.6L753.7,226.8L755.6,227.5L758.6,227.9L761.3,227.8L763.6,226.0L764.1,226.6ZM772.3,227.3L772.3,229.4L771.0,229.1L770.7,230.6L771.6,231.9L770.9,232.2L770.0,230.6L769.3,227.6L769.7,225.6L770.4,224.7L770.6,226.1L772.1,226.3L772.3,227.3ZM717.3,244.2L714.7,244.2L712.8,242.2L709.8,240.2L708.8,238.7L707.0,236.8L705.9,235.0L704.2,231.6L702.1,229.6L701.4,227.5L700.4,225.6L698.2,224.1L696.9,222.0L695.1,220.6L692.5,218.0L692.3,216.7L693.8,216.8L697.5,217.3L699.7,219.7L701.6,221.3L702.9,222.3L705.3,224.9L707.7,225.0L709.8,226.6L711.2,228.6L713.1,229.7L712.1,231.7L713.4,232.6L714.3,232.6L714.6,234.3L715.4,235.7L717.1,235.9L718.3,237.4L717.6,240.4L717.3,244.2ZM746.4,225.6L749.2,227.8L746.4,228.1L745.6,229.8L745.7,231.9L743.3,233.6L743.2,236.0L742.2,239.7L741.8,238.8L739.1,239.9L738.2,238.5L736.5,238.3L735.3,237.5L732.5,238.4L731.6,237.2L730.1,237.4L728.1,237.1L727.8,233.9L726.7,233.2L725.6,231.1L725.2,229.0L725.5,226.8L726.8,225.1L728.6,226.0L730.4,225.5L730.8,223.5L731.9,223.0L734.7,222.5L736.4,220.6L737.5,219.1L738.4,218.2L740.3,216.8L742.0,215.1L743.1,213.3L744.1,213.2L745.4,214.5L745.6,215.5L747.2,216.2L749.2,216.9L749.1,217.9L747.5,218.0L748.0,219.2L746.3,220.0L745.0,222.2L746.8,224.5L746.4,225.6ZM765.8,209.7L766.2,211.3L766.4,212.6L765.8,214.8L764.7,212.4L763.7,213.6L764.6,215.4L764.0,216.5L761.1,215.1L760.3,213.4L760.9,212.2L759.3,211.1L758.7,212.1L757.5,212.0L755.9,213.3L755.4,212.6L756.2,210.6L757.7,209.9L758.9,209.0L759.8,210.1L761.6,209.4L761.9,208.3L763.6,208.3L763.3,206.4L765.3,207.5L765.6,208.8L765.8,209.7ZM658.6,215.0L656.6,215.6L655.3,213.6L654.7,210.2L655.6,206.2L657.3,207.6L658.5,209.3L659.8,211.8L659.6,214.3L658.6,215.0ZM320.1,205.6L318.1,205.8L317.7,205.6L318.4,204.9L318.5,204.0L319.8,203.7L320.3,203.8L320.1,205.6ZM759.7,205.1L759.0,205.9L758.3,207.5L757.7,208.2L756.1,206.5L756.5,205.9L757.0,205.2L757.1,203.7L758.4,203.5L758.2,205.2L759.7,202.8L759.7,205.1ZM746.9,207.5L743.9,209.8L745.0,208.1L746.6,206.6L747.8,204.9L748.8,202.5L749.4,204.5L748.0,205.8L746.9,207.5ZM754.2,201.2L755.8,202.0L757.3,202.0L757.4,203.0L756.4,204.0L755.0,204.8L754.7,203.6L754.7,202.4L754.2,201.2ZM762.7,200.6L763.8,203.3L761.8,202.6L762.0,203.5L762.8,205.0L761.7,205.5L761.4,203.8L760.7,203.7L760.1,202.2L761.5,202.4L761.4,201.5L759.7,199.6L762.0,199.7L762.7,200.6ZM753.0,198.4L752.7,200.5L751.5,199.3L750.0,197.4L752.1,197.5L753.0,198.4ZM750.3,185.3L751.9,185.9L752.5,185.3L752.9,185.9L752.7,186.9L753.8,188.7L753.6,190.7L752.3,191.5L752.3,193.4L753.1,195.4L754.4,195.6L755.4,195.3L758.5,196.7L758.5,198.0L759.3,198.6L759.2,199.7L757.2,198.5L756.2,197.2L755.7,198.1L754.0,196.7L751.9,197.0L750.6,196.5L750.6,195.5L751.3,194.9L750.5,194.3L750.3,195.2L749.0,193.8L748.4,192.7L747.9,190.4L749.0,191.2L748.6,187.4L748.9,185.3L750.3,185.3ZM310.7,185.9L310.0,186.5L308.2,186.5L306.8,186.6L306.8,185.6L307.2,185.2L309.1,185.2L310.3,185.4L310.7,185.9ZM283.9,186.8L283.2,187.2L281.9,186.8L280.7,185.9L281.0,185.4L282.0,185.2L282.6,185.3L284.1,185.5L285.3,186.1L285.6,186.7L283.9,186.8ZM294.7,182.0L296.7,182.3L297.0,181.9L298.8,181.9L300.2,182.6L300.8,182.5L301.1,183.3L302.4,183.3L302.2,184.0L303.3,184.1L304.3,185.0L303.4,186.0L302.3,185.5L301.2,185.6L300.5,185.4L300.0,185.9L299.1,186.0L298.8,185.4L298.0,185.8L296.8,187.4L296.3,187.1L296.2,186.4L294.7,186.0L293.6,186.1L292.2,185.9L291.0,186.4L289.8,185.6L290.1,184.9L292.3,185.2L294.0,185.4L294.9,184.9L294.0,183.8L294.1,182.9L292.6,182.5L293.2,181.8L294.7,182.0ZM724.4,184.8L722.6,186.0L720.5,185.2L720.1,183.2L721.1,182.1L723.5,181.4L724.9,181.5L725.6,182.4L724.7,183.4L724.4,184.8ZM99.5,183.9L99.1,184.3L98.6,183.9L98.8,183.2L98.6,182.4L98.8,182.1L99.3,181.7L99.3,181.2L99.5,181.0L99.6,181.0L100.4,181.4L100.8,181.7L101.1,182.0L101.5,182.8L101.4,183.0L100.4,183.5L99.5,183.9ZM99.2,180.1L98.4,180.3L98.1,179.7L97.9,179.6L97.9,179.4L98.2,179.2L99.0,179.4L99.5,179.8L99.2,180.1ZM98.0,178.8L97.9,179.1L96.6,179.0L96.9,178.7L98.0,178.8ZM96.0,178.4L95.8,178.6L95.7,178.6L94.9,178.5L94.7,177.9L94.7,177.8L95.4,177.5L95.6,177.6L96.0,178.4ZM92.5,176.8L92.2,177.1L91.5,176.6L91.7,176.5L92.1,176.2L92.6,176.3L92.5,176.8ZM279.0,175.0L279.8,175.8L282.0,175.6L282.8,176.1L284.5,177.6L285.9,178.7L286.6,178.7L288.0,179.2L287.7,179.9L289.4,180.0L291.0,181.0L290.7,181.5L289.1,181.8L287.5,181.9L285.9,181.8L282.5,182.0L284.3,180.6L283.4,180.0L281.9,179.9L281.2,179.2L280.8,177.8L279.5,177.9L277.4,177.2L276.8,176.7L273.8,176.3L273.1,175.9L274.0,175.3L271.8,175.1L269.9,176.4L268.9,176.4L268.5,177.0L267.3,177.3L266.3,177.1L267.7,176.3L268.3,175.4L269.5,174.9L270.7,174.4L272.5,174.2L273.1,173.9L275.1,174.1L276.9,174.1L279.0,175.0ZM284.4,172.5L283.8,172.7L283.4,171.3L282.6,170.6L283.4,169.0L284.0,169.1L284.5,171.1L284.4,172.5ZM747.8,174.9L747.3,176.9L745.6,174.8L744.9,173.0L745.8,170.7L747.2,168.8L748.5,169.6L748.4,171.0L747.8,174.9ZM284.9,165.7L282.3,166.1L282.3,165.2L283.4,165.0L284.9,165.1L284.9,165.7ZM286.8,165.7L286.0,167.4L285.7,167.1L286.0,165.9L285.1,164.9L285.2,164.6L286.8,165.7ZM769.2,147.4L769.8,148.3L769.2,149.7L767.9,148.9L767.0,149.5L767.1,150.9L765.3,150.2L764.8,149.1L765.4,147.6L766.8,147.9L767.3,146.9L769.2,147.4ZM542.6,143.8L541.3,144.8L541.5,145.2L541.6,145.4L539.4,146.4L538.2,146.1L537.6,145.1L538.7,145.0L538.8,145.0L539.1,144.4L540.7,144.5L542.6,143.8ZM518.2,143.7L519.5,144.5L521.2,144.3L522.9,144.5L522.9,144.9L524.1,144.6L523.9,145.4L520.7,145.6L520.7,145.2L517.9,144.7L518.2,143.7ZM499.4,137.6L498.8,139.5L499.1,140.2L498.8,141.5L497.0,140.6L495.8,140.3L492.7,139.1L492.9,137.8L495.5,138.1L497.8,137.8L499.4,137.6ZM485.1,130.4L486.5,132.1L486.4,135.3L485.4,135.1L484.5,136.0L483.6,135.3L483.4,132.4L482.9,131.0L484.1,131.2L485.1,130.4ZM779.4,140.2L779.7,142.1L780.8,143.3L780.7,145.0L778.4,146.2L774.5,146.3L772.5,149.1L770.6,148.2L769.7,146.3L766.0,146.9L763.8,148.0L761.2,148.1L764.3,149.8L764.6,154.0L763.6,155.0L762.1,154.0L761.7,151.9L759.9,151.1L758.3,149.5L760.1,148.7L760.6,147.2L762.3,146.0L763.1,144.3L767.1,143.6L769.8,144.1L769.7,139.8L771.9,141.0L773.8,138.6L774.5,137.6L774.1,134.7L772.0,132.0L771.9,130.5L773.9,130.0L777.5,133.3L778.5,135.3L777.9,137.7L779.4,140.2ZM485.8,128.2L485.2,130.0L484.2,129.5L483.6,127.9L484.0,127.0L485.3,126.1L485.8,128.2ZM774.5,123.3L776.4,123.8L777.2,122.8L779.7,125.5L776.9,126.2L776.8,128.5L772.2,126.9L772.9,129.5L770.5,129.6L768.5,127.2L768.2,125.4L770.4,125.2L768.7,121.9L767.9,120.1L772.3,122.5L774.5,123.3ZM330.0,117.7L331.5,118.0L333.4,118.0L332.1,118.9L331.2,119.1L328.9,118.1L328.6,117.3L329.7,116.6L330.0,117.7ZM336.1,111.7L335.1,111.7L332.6,111.0L331.1,109.9L331.9,109.7L334.4,110.3L336.2,111.2L336.1,111.7ZM206.4,113.1L205.2,113.4L202.5,112.3L202.5,111.5L201.2,110.7L201.3,110.0L199.5,109.6L199.8,108.3L200.4,107.8L202.2,108.3L203.1,108.6L204.9,108.9L204.9,109.7L205.1,110.8L206.5,111.8L206.4,113.1ZM349.2,108.0L347.1,110.0L348.7,109.2L349.9,109.7L349.0,110.5L350.6,111.2L351.7,110.6L353.6,111.3L352.4,113.1L354.0,112.7L353.9,113.9L354.1,115.4L352.6,117.5L351.6,117.5L350.3,117.1L351.4,115.2L350.9,114.9L347.8,116.9L346.6,116.8L348.4,115.7L346.6,115.2L344.3,115.3L340.2,115.2L340.1,114.5L341.7,113.7L341.0,113.1L343.2,111.6L346.7,107.9L348.5,106.6L350.6,105.8L351.5,105.9L350.9,106.5L349.2,108.0ZM198.3,100.2L198.3,100.2L198.3,100.2L198.3,100.2L200.4,100.0L197.4,102.7L197.5,104.5L196.7,104.5L196.4,103.5L196.6,102.4L196.3,101.7L196.8,100.7L197.6,99.9L198.3,100.2ZM761.1,107.8L766.9,112.0L763.2,111.2L764.7,114.6L768.7,117.0L770.0,118.7L767.3,117.3L767.4,119.1L765.3,117.1L763.7,114.8L761.4,112.3L760.4,110.5L757.7,107.4L754.3,105.1L751.4,101.9L752.2,100.9L750.4,99.8L751.0,99.5L753.0,101.0L755.9,103.2L758.0,105.5L761.1,107.8ZM451.2,104.3L447.5,105.7L444.6,105.4L446.4,102.9L445.5,100.6L448.3,98.8L449.9,97.7L451.6,97.6L453.7,99.0L452.5,100.6L452.8,102.3L451.2,104.3ZM490.2,96.6L489.2,98.5L487.0,97.2L486.6,96.2L489.4,95.5L490.2,96.6ZM165.4,93.2L162.4,94.1L162.1,93.5L163.1,92.5L165.8,91.7L167.3,91.3L168.4,91.5L168.4,92.2L165.4,93.2ZM459.2,89.8L457.1,92.3L459.0,92.0L461.2,92.0L460.6,93.8L458.8,95.8L460.9,96.0L462.8,98.9L464.1,99.2L465.4,101.9L466.0,102.8L468.4,103.2L468.2,104.7L467.1,105.4L468.0,106.6L466.1,107.8L463.4,107.8L459.9,108.4L458.9,108.0L457.5,109.0L455.6,108.8L454.1,109.7L453.0,109.2L456.1,106.8L458.0,106.3L454.8,105.9L454.2,105.0L456.4,104.2L455.3,103.0L455.8,101.5L458.8,101.7L459.1,100.4L457.7,98.9L455.3,98.5L454.9,97.9L455.6,96.9L455.0,96.2L453.9,97.3L453.9,95.1L452.9,94.0L453.7,91.7L455.3,89.8L456.9,90.0L459.2,89.8ZM148.9,87.0L147.2,87.3L146.5,86.9L146.2,86.3L148.6,85.9L149.8,86.1L148.9,87.0ZM317.0,82.1L315.4,83.2L314.7,83.0L314.7,82.4L314.9,82.2L316.1,81.6L316.8,81.6L317.0,82.1ZM312.9,80.9L309.9,82.1L308.6,82.0L308.6,81.4L310.7,80.4L313.2,80.4L312.9,80.9ZM149.4,78.5L150.0,78.9L151.5,78.7L152.1,79.3L153.5,79.6L153.0,79.8L151.0,80.3L150.2,79.8L150.1,79.4L148.3,79.5L148.1,79.4L149.4,78.5ZM311.5,74.5L311.1,75.4L312.3,75.1L312.9,75.7L314.4,76.4L316.0,77.1L315.4,78.1L316.9,77.9L317.7,78.7L315.6,79.3L313.1,78.8L312.8,77.8L310.1,79.0L306.7,80.1L307.0,78.9L304.3,79.1L306.7,78.0L308.2,76.3L310.4,74.4L311.5,74.5ZM439.1,72.9L438.5,74.2L440.3,75.6L437.8,77.3L432.3,78.8L430.6,79.2L428.2,78.8L423.2,78.2L425.2,77.2L421.5,76.1L424.8,75.7L424.8,75.1L421.1,74.6L422.7,73.3L425.4,73.0L428.0,74.4L430.9,73.2L433.0,73.8L436.1,72.7L439.1,72.9ZM330.5,71.4L328.5,71.5L328.8,70.5L330.3,69.4L332.2,69.1L333.1,69.6L332.5,70.5L332.1,70.8L330.5,71.4ZM152.8,72.6L153.2,73.1L155.2,71.6L159.6,71.9L159.9,73.9L156.7,74.8L153.4,75.0L150.1,77.1L148.7,77.5L147.1,77.4L146.8,76.7L145.4,76.1L146.4,75.2L145.2,74.8L142.7,75.1L142.9,74.4L144.6,73.6L141.6,74.1L140.8,75.1L138.3,75.9L152.3,67.7L153.9,69.3L155.1,71.3L152.8,72.6ZM299.1,67.4L297.4,68.1L295.6,67.5L294.0,67.7L292.5,66.8L294.6,66.1L296.7,65.2L297.9,65.8L298.6,66.2L298.8,66.6L299.1,67.4ZM770.7,63.9L769.1,64.0L767.6,63.4L768.1,62.6L770.7,63.9ZM161.7,63.8L159.3,63.9L161.9,62.6L162.3,62.5L163.7,62.5L165.0,63.0L164.4,63.3L161.7,63.8ZM308.7,66.6L306.8,68.7L310.5,67.1L311.5,68.4L309.7,69.9L310.2,71.3L313.3,69.8L316.1,68.0L318.0,65.8L320.3,65.9L322.6,66.2L324.1,67.3L323.4,68.3L321.3,69.4L321.7,70.5L320.7,71.5L316.1,73.0L313.3,73.3L312.0,72.7L310.6,73.7L307.4,75.4L306.2,76.4L302.9,77.8L300.2,78.0L298.0,78.9L296.8,80.3L294.5,80.6L290.8,82.4L286.8,84.8L284.7,86.5L282.6,89.1L285.2,89.5L284.6,91.6L284.2,93.3L287.3,92.9L290.3,93.8L291.6,94.7L292.3,95.8L294.4,96.4L295.9,97.3L299.1,97.5L301.1,97.7L299.6,99.7L299.0,102.0L299.0,104.6L300.8,106.8L302.8,106.0L305.2,103.6L306.1,100.0L305.3,98.8L309.1,97.7L312.3,96.1L314.4,94.6L315.1,93.0L314.9,91.1L313.6,89.4L317.3,87.1L317.7,85.1L319.4,81.7L321.0,81.2L323.8,81.8L325.6,82.0L327.5,81.4L328.8,82.2L330.3,83.4L330.3,84.3L333.6,84.4L332.5,86.3L331.6,89.1L333.1,89.5L333.8,90.8L337.3,89.5L340.4,87.0L342.2,86.0L342.7,88.0L343.8,90.9L344.6,93.6L343.2,95.0L345.2,96.3L346.4,97.5L349.3,98.1L350.3,98.9L350.3,100.8L351.8,101.1L352.3,102.0L351.4,104.6L349.6,105.5L347.8,106.3L344.1,107.1L340.8,109.0L337.1,109.4L332.9,108.9L329.8,108.9L327.6,109.0L325.2,110.7L322.1,111.8L317.8,114.9L314.5,117.1L316.5,116.7L321.1,113.6L326.2,111.6L329.4,111.4L330.9,112.5L328.3,114.1L328.0,116.7L328.0,118.4L330.4,119.6L334.0,119.3L337.1,116.6L336.6,118.3L337.7,119.2L334.5,120.7L329.3,122.2L326.9,123.1L323.9,124.8L322.3,124.7L322.9,122.6L327.3,120.7L323.9,120.8L321.4,121.0L321.5,121.8L318.8,123.0L316.3,123.8L313.8,124.5L312.0,126.1L311.6,126.5L311.1,127.7L311.3,129.0L312.2,129.1L312.3,128.2L312.8,128.7L312.4,129.4L310.7,129.8L309.7,129.7L307.9,130.2L306.9,130.3L305.6,130.4L303.6,131.1L306.9,130.6L307.4,131.1L304.1,131.8L302.7,131.8L302.9,131.5L301.9,132.2L302.5,132.3L301.5,134.0L299.3,135.9L299.3,135.3L298.9,135.1L298.3,134.5L298.4,135.8L298.8,136.3L298.5,137.2L297.5,138.1L295.7,140.0L295.5,139.9L296.7,138.3L295.9,137.4L296.3,135.4L295.5,136.4L295.5,137.9L294.2,137.6L295.4,138.3L294.8,140.6L295.4,140.8L295.3,141.6L294.9,144.0L292.9,145.8L290.4,146.5L288.5,148.0L287.4,148.1L286.0,149.0L285.4,149.8L282.5,151.4L280.9,152.5L279.4,154.0L278.6,155.7L278.5,157.4L278.9,159.4L279.5,161.2L279.3,162.2L279.9,165.0L279.4,166.6L279.1,167.6L278.3,169.1L277.5,169.4L276.4,169.1L276.3,168.0L275.5,167.4L274.7,165.4L274.0,163.5L273.9,162.6L274.7,161.0L274.4,159.6L273.0,157.6L272.2,157.2L269.6,158.3L269.2,158.2L268.4,157.1L267.1,156.5L264.5,156.8L262.5,156.5L260.7,156.7L259.6,157.0L259.9,157.7L259.6,158.7L260.0,159.2L259.5,159.5L258.7,159.1L257.8,159.6L256.1,159.5L254.7,158.2L252.6,158.5L251.1,158.0L249.6,158.2L247.5,158.7L245.0,160.5L242.5,161.6L240.9,162.7L240.1,163.8L239.7,165.5L239.5,166.6L239.7,167.4L239.7,167.5L239.7,167.5L238.3,169.6L237.6,171.3L236.8,174.5L236.4,175.7L236.6,177.0L237.1,178.2L237.2,180.1L238.5,181.9L238.8,183.3L239.6,184.5L242.0,185.1L242.8,186.1L245.0,185.5L246.8,185.2L248.6,184.8L250.1,184.4L251.8,183.4L252.5,182.0L253.0,179.9L253.6,179.2L255.3,178.6L257.8,178.0L259.9,178.1L261.3,177.9L261.8,178.4L261.6,179.6L260.1,181.0L259.3,182.5L259.7,182.9L259.2,184.0L258.3,185.8L257.8,185.2L257.3,185.3L257.3,185.6L257.7,185.6L257.6,186.3L257.1,187.3L257.2,187.7L256.9,188.6L257.0,188.8L256.5,190.0L256.0,190.7L255.6,190.7L255.0,191.6L255.7,192.0L255.9,191.7L256.6,192.0L256.8,192.1L257.4,191.6L258.1,191.6L258.3,191.8L258.7,191.7L259.7,191.9L260.8,191.8L261.6,191.6L261.9,191.3L262.7,191.4L263.2,191.6L263.8,191.5L264.3,191.3L265.4,191.7L265.7,191.7L266.4,192.2L267.0,192.7L267.8,193.1L268.4,193.7L268.1,194.0L268.0,194.5L268.1,195.4L267.5,196.2L267.2,197.2L267.0,198.3L267.1,198.9L267.0,200.0L266.6,200.2L266.3,201.2L266.4,201.9L265.9,202.5L265.9,203.2L266.3,203.5L266.8,204.9L267.6,205.8L268.7,206.9L269.5,207.7L269.4,208.2L270.3,208.4L270.6,208.2L271.2,208.8L272.4,208.6L273.4,208.0L274.9,207.5L275.7,206.8L277.0,206.9L276.9,207.1L278.3,207.2L279.3,207.6L280.0,208.4L280.9,209.0L282.1,209.1L284.0,207.4L285.0,207.2L285.1,206.4L285.6,204.3L287.1,203.2L288.6,203.2L288.8,202.7L290.7,202.9L292.6,201.6L293.6,201.1L294.8,199.9L295.7,200.1L296.2,200.7L295.7,201.5L295.6,202.1L294.2,202.4L294.9,203.5L294.7,204.7L293.6,206.1L294.4,208.1L295.4,207.9L296.1,206.2L295.4,205.3L295.4,203.5L298.4,202.5L298.2,201.4L299.1,200.6L299.8,202.3L301.5,202.3L302.9,203.7L302.9,204.5L305.1,204.5L307.6,204.3L308.9,205.3L310.7,205.6L312.1,204.9L312.2,204.3L315.1,204.1L318.0,204.1L315.9,204.8L316.6,205.9L318.5,206.1L320.3,207.3L320.6,209.3L321.8,209.2L322.8,209.8L324.3,210.7L325.7,212.2L325.7,213.5L326.6,213.5L327.8,214.7L328.8,215.6L331.6,216.0L331.9,215.6L333.8,215.4L336.3,216.1L337.1,216.3L338.9,216.9L341.4,219.0L341.7,220.0L342.6,219.8L343.1,221.2L344.4,225.4L345.7,225.8L345.7,227.5L343.9,229.5L344.6,230.2L348.9,230.6L349.0,233.0L350.8,231.4L353.8,232.3L357.8,233.8L359.0,235.2L358.6,236.5L361.3,235.8L366.0,237.0L369.6,236.9L373.1,238.9L376.2,241.7L378.0,242.4L380.1,242.5L381.0,243.2L381.8,246.3L382.3,247.8L381.4,251.8L380.2,253.3L377.0,256.7L375.6,259.4L373.9,261.5L373.3,261.6L372.8,263.4L373.1,267.9L372.7,271.6L372.6,273.2L371.9,274.2L371.6,277.4L369.5,280.5L369.3,283.0L367.5,284.1L367.0,285.5L364.5,285.5L360.9,286.5L359.3,287.5L356.8,288.2L354.2,290.2L352.5,292.6L352.4,294.4L353.0,295.7L352.9,298.2L352.5,299.3L351.0,300.7L349.1,304.9L347.5,306.8L346.1,308.0L345.5,310.3L344.3,311.7L343.6,313.2L341.3,314.5L339.5,314.0L338.3,314.3L336.1,313.3L334.5,313.3L332.9,312.0L333.0,313.3L336.3,315.3L336.4,317.0L338.0,318.0L338.2,319.2L336.8,322.3L333.8,323.6L329.5,324.1L327.0,323.9L327.9,325.3L327.9,327.1L328.7,328.3L327.6,329.1L325.5,329.5L323.1,328.6L322.5,329.2L323.6,331.6L325.3,332.3L326.2,331.6L327.3,332.8L325.5,333.6L324.3,335.0L324.7,337.4L324.7,338.7L322.6,338.7L321.4,339.9L321.5,341.7L324.3,343.4L326.5,343.9L326.5,346.0L324.6,347.4L324.3,350.1L322.8,351.0L322.5,352.1L324.2,354.5L326.2,355.9L325.3,355.7L323.5,355.7L322.8,356.3L321.3,357.1L322.1,359.3L321.2,359.4L318.6,358.6L315.5,357.0L312.3,355.7L310.9,354.2L310.8,352.8L309.0,351.3L306.9,347.3L306.8,345.0L308.2,343.2L304.7,342.5L305.9,340.4L305.0,336.5L307.7,337.3L307.0,332.4L305.3,331.7L305.7,334.7L304.3,334.4L303.7,331.0L302.7,326.5L303.3,324.9L301.9,322.5L300.9,319.8L301.8,319.7L302.0,315.9L302.5,312.0L302.6,308.4L301.2,304.8L301.4,302.8L300.5,299.8L301.4,296.8L300.9,292.2L300.9,287.1L301.0,281.7L300.3,277.8L299.4,274.4L296.9,273.0L296.6,272.0L291.7,269.6L287.1,266.9L285.2,265.4L284.0,263.4L284.4,262.7L282.1,259.6L279.4,255.1L276.9,250.3L275.8,249.2L275.0,247.4L273.1,245.8L271.3,244.8L272.0,243.8L270.8,241.5L271.5,239.8L273.3,238.2L274.6,236.4L274.0,235.4L273.2,236.5L271.7,235.4L272.2,234.8L271.7,232.6L272.5,232.2L273.0,230.7L273.9,229.1L273.7,228.1L275.0,227.6L276.7,226.7L276.4,225.9L277.3,225.7L277.2,224.5L277.8,223.6L279.0,223.5L280.0,222.0L280.9,220.7L280.1,220.1L280.6,218.7L280.1,216.5L280.7,215.9L280.4,213.8L279.5,212.5L278.7,211.8L278.3,210.5L278.9,209.9L278.3,209.7L277.9,208.9L276.7,208.2L275.7,208.4L275.2,209.2L274.2,209.9L273.6,209.9L273.4,210.4L274.5,211.8L273.8,212.1L273.4,212.4L272.3,212.5L272.0,211.1L271.6,211.5L270.9,211.4L270.4,210.4L269.5,210.2L268.9,209.9L267.8,210.0L267.7,210.5L267.5,210.1L266.2,209.6L265.8,209.1L266.1,208.6L266.0,208.1L265.4,207.5L264.5,207.1L263.7,206.7L263.5,206.0L263.0,205.6L263.1,206.3L262.6,206.9L262.0,206.2L261.3,206.0L261.0,205.5L261.1,204.8L261.5,204.0L260.8,203.7L261.4,203.2L260.7,202.4L259.7,201.5L259.2,200.6L258.3,199.9L257.2,198.8L257.5,198.4L257.8,198.8L258.0,198.6L257.7,197.8L257.0,197.6L256.7,198.2L255.3,198.2L254.5,197.9L253.6,197.5L252.3,197.3L251.6,196.8L250.5,196.4L249.0,196.3L247.9,195.8L246.8,194.8L244.4,192.2L243.3,191.5L241.5,190.8L240.1,191.0L238.1,191.9L236.9,192.1L235.3,191.5L233.6,191.1L231.6,189.9L229.8,189.6L227.4,188.5L225.6,187.3L225.1,186.7L223.8,186.5L221.5,185.8L220.7,184.7L218.4,183.3L217.5,181.8L217.1,180.6L217.9,180.4L217.8,179.7L218.5,179.0L218.7,178.2L218.1,177.1L218.1,176.2L217.5,174.9L215.9,172.5L213.9,170.6L213.1,169.1L211.4,168.1L211.2,167.6L211.9,166.1L210.9,165.5L209.9,164.3L209.8,162.6L208.6,162.4L207.6,161.2L206.9,160.0L207.0,159.2L206.3,157.4L206.2,155.6L206.6,154.6L205.3,153.7L204.5,153.8L203.5,153.1L202.7,154.1L202.7,155.3L202.2,157.1L202.6,158.1L203.8,159.7L204.1,160.3L204.4,160.5L204.4,161.3L204.8,161.3L204.8,162.8L205.4,163.4L205.6,164.3L206.7,165.5L206.8,167.8L207.2,168.8L207.6,170.0L207.5,171.2L208.6,171.3L209.3,172.4L209.9,173.5L209.8,173.9L208.6,174.8L208.2,174.8L207.9,173.3L206.6,172.0L205.2,170.8L204.1,170.2L204.6,168.4L204.7,167.1L203.8,166.4L202.5,165.3L202.1,165.6L201.7,165.0L200.5,164.4L199.5,163.0L199.7,162.8L200.6,162.9L201.8,162.0L202.2,160.9L200.9,159.2L199.8,158.5L199.4,157.0L199.2,155.4L198.9,153.5L198.8,151.3L199.0,150.1L198.0,148.7L197.1,148.4L197.1,147.7L195.9,147.6L195.4,146.9L193.4,146.7L193.0,146.3L193.3,145.0L192.3,142.6L192.2,139.2L192.5,138.7L192.0,137.9L191.3,135.8L192.0,133.9L191.6,132.6L193.3,130.6L194.5,128.5L195.0,126.7L197.3,124.5L200.6,120.1L202.5,117.0L203.3,114.9L203.4,113.9L204.0,113.4L206.5,114.2L206.0,116.4L207.0,115.8L208.0,113.9L208.7,111.9L208.4,111.9L206.0,109.6L205.4,108.6L202.4,107.6L203.1,105.6L204.6,104.2L202.9,103.2L204.1,101.3L203.2,99.7L204.2,98.5L203.9,97.6L202.9,96.9L204.3,94.9L203.7,93.1L204.8,91.0L203.1,90.8L200.1,90.8L198.5,90.1L197.0,87.8L195.7,87.4L193.2,86.6L190.4,86.8L187.9,85.8L186.8,84.8L184.1,85.3L182.6,86.8L181.3,86.9L178.6,87.4L176.0,88.2L173.3,88.7L174.6,87.3L178.2,85.2L181.1,84.5L181.2,84.0L177.3,85.2L174.1,86.6L169.4,88.2L169.5,89.3L165.8,90.9L162.6,91.9L159.8,92.6L158.1,93.5L153.6,94.7L151.7,95.8L148.2,96.7L147.1,96.6L144.4,97.2L141.4,97.9L138.9,98.7L134.8,99.4L134.9,99.0L138.3,97.9L141.1,97.2L144.8,96.0L147.5,95.7L149.7,94.8L154.0,93.5L155.0,93.0L157.4,92.2L159.9,90.5L162.4,89.2L159.4,89.9L159.2,89.5L157.2,90.3L157.3,89.2L155.8,90.0L156.5,88.8L153.4,89.7L152.3,89.7L153.8,88.4L155.2,87.6L154.9,86.8L151.9,87.2L151.7,86.2L151.1,85.7L152.8,84.4L152.7,83.5L155.2,82.2L158.4,81.0L160.7,79.9L162.4,79.8L163.2,80.1L166.1,79.1L167.2,79.2L169.5,78.6L170.6,77.6L170.1,77.2L172.6,76.4L171.4,76.4L168.8,76.8L167.6,77.3L166.8,76.8L163.9,77.1L162.0,76.6L162.5,75.7L162.1,74.5L166.0,73.6L171.6,72.6L173.1,72.6L171.2,73.7L175.1,73.6L175.6,72.3L174.7,71.5L175.0,70.5L174.7,69.6L173.3,68.9L176.0,67.8L179.2,67.8L182.9,66.8L184.9,65.8L188.2,64.9L190.3,64.6L195.1,63.8L196.4,63.9L200.8,62.9L202.7,63.3L202.4,64.2L203.8,63.8L206.4,63.9L205.6,64.3L207.6,64.7L209.7,64.5L212.3,65.1L215.3,65.3L216.2,65.5L219.0,65.2L220.7,65.8L222.2,66.1L224.7,66.6L226.2,67.6L227.7,67.8L230.4,66.9L233.3,66.3L235.5,66.5L239.2,65.6L242.7,65.1L242.8,66.0L244.7,65.5L246.4,64.6L247.3,64.8L247.8,66.6L251.8,65.2L250.2,66.8L252.7,66.4L254.0,65.8L256.0,65.9L257.6,66.8L260.8,67.6L262.8,67.9L264.7,67.8L265.9,68.8L262.3,69.9L265.0,70.3L270.0,70.1L271.9,69.7L272.5,71.0L275.5,69.9L274.6,69.0L276.5,68.3L278.7,68.2L280.3,68.0L281.2,68.5L281.8,69.6L283.9,69.5L286.2,70.4L289.2,70.1L291.7,70.1L292.7,68.8L294.6,68.5L296.7,69.2L294.9,71.1L297.5,69.5L298.9,69.5L301.5,67.4L300.8,66.2L299.6,65.3L302.0,63.2L305.5,61.8L307.4,62.1L308.2,62.9L308.3,65.1L305.8,66.1L308.7,66.6ZM276.7,59.4L274.8,60.3L279.2,59.7L280.3,60.7L283.4,59.7L284.1,60.4L283.2,62.3L285.0,61.5L286.2,59.5L288.0,59.2L289.2,59.5L290.2,60.3L289.0,62.2L287.9,63.6L289.7,64.5L291.7,65.5L290.6,66.4L287.6,66.5L288.0,67.3L286.7,68.1L283.8,67.8L281.4,67.2L279.3,67.3L275.3,68.0L269.7,68.4L267.2,68.6L267.3,67.6L265.6,67.0L263.8,67.2L263.5,65.6L264.9,65.4L268.0,65.1L270.3,65.1L272.9,64.8L270.2,64.3L266.3,64.5L264.0,64.5L264.0,63.7L269.0,63.0L266.3,63.0L264.1,62.5L267.4,61.0L269.6,60.2L275.5,59.0L276.7,59.4ZM293.4,58.8L290.4,60.1L289.4,58.8L290.3,58.5L292.6,58.4L293.4,58.8ZM339.1,59.5L338.8,60.0L337.1,59.9L335.3,59.9L333.3,60.2L332.9,60.0L332.0,59.0L332.7,58.3L333.6,58.2L337.2,58.4L339.1,59.5ZM322.3,59.3L322.5,60.6L325.5,59.0L330.4,58.2L331.4,60.2L330.0,61.5L333.8,60.9L336.0,60.1L338.9,61.1L340.4,62.1L339.9,62.9L343.4,62.5L344.2,63.7L347.7,64.5L348.6,65.3L349.0,67.2L345.2,68.2L348.4,69.5L350.9,70.0L352.3,71.9L355.0,72.0L353.6,73.5L349.0,75.9L347.3,75.0L345.7,73.0L343.3,73.3L342.3,74.5L343.4,75.7L345.3,76.7L345.7,77.2L345.7,79.4L344.2,80.9L342.2,80.4L338.6,78.6L340.1,80.5L341.3,81.8L341.1,82.6L336.6,81.7L333.3,80.4L331.8,79.4L332.8,78.8L330.7,77.6L328.7,76.6L328.4,77.2L322.9,77.6L321.8,76.8L324.1,75.2L327.5,75.2L331.4,74.9L331.4,74.2L332.7,73.2L336.4,71.2L336.6,70.2L336.4,69.5L334.4,68.5L331.4,67.8L332.9,67.3L332.0,66.0L330.5,65.9L329.7,65.2L328.3,65.8L325.0,66.1L319.1,65.6L316.0,65.0L313.6,64.7L312.8,64.0L315.5,63.1L313.1,63.1L314.5,61.2L317.5,59.4L320.0,58.6L324.7,58.1L322.3,59.3ZM301.1,58.0L302.6,58.4L305.8,58.2L305.6,58.7L303.0,59.7L304.6,60.5L302.4,62.3L298.9,63.0L297.4,62.9L297.1,62.1L294.6,60.6L295.4,60.0L298.5,60.2L298.1,59.0L301.1,58.0ZM701.5,59.2L699.0,59.3L695.3,59.0L694.9,58.9L695.2,58.2L697.0,58.0L700.5,58.7L701.5,59.2ZM310.6,60.1L307.3,61.6L305.5,61.5L306.3,59.8L307.3,58.8L309.1,58.0L311.2,57.4L314.6,57.5L317.2,58.0L313.0,59.7L310.6,60.1ZM261.9,62.8L256.1,63.8L256.4,62.9L253.9,61.9L255.4,61.2L258.9,59.6L262.1,58.3L262.2,57.1L268.1,56.8L269.9,57.2L273.9,57.3L274.7,57.9L275.4,58.7L272.7,59.2L266.9,60.6L263.0,62.0L261.9,62.8ZM707.1,55.6L706.6,56.4L703.7,56.2L699.4,55.4L698.6,54.9L702.1,55.1L707.1,55.6ZM314.4,55.8L312.7,56.5L310.6,56.4L309.1,55.9L311.1,55.1L314.0,54.6L314.6,55.2L314.4,55.8ZM696.3,54.7L697.6,56.1L691.6,56.0L689.6,56.5L684.4,55.3L682.9,54.1L684.4,53.7L688.7,53.8L696.3,54.7ZM310.8,52.7L310.9,53.5L309.7,54.4L307.1,55.7L304.3,55.9L302.9,55.6L304.4,54.6L301.6,54.7L303.5,53.4L305.1,53.4L308.3,52.8L310.4,52.9L310.8,52.7ZM294.2,53.6L293.9,54.2L295.7,53.9L297.3,54.0L296.3,54.9L294.0,55.7L288.2,56.0L283.1,56.9L280.6,56.9L281.2,56.3L285.7,55.5L278.1,55.7L276.3,55.4L281.4,53.6L283.6,53.1L287.1,53.7L288.3,54.8L290.9,54.9L291.2,53.2L293.6,52.5L294.9,52.8L294.2,53.6ZM562.9,64.1L562.0,64.3L556.3,64.0L555.3,63.2L551.9,62.6L551.1,61.6L552.5,61.2L551.9,60.1L554.2,58.4L552.5,58.2L555.4,56.5L554.4,55.6L557.2,54.7L561.5,53.5L566.4,53.2L568.5,52.5L571.3,52.3L573.1,53.0L572.6,53.5L567.8,54.4L563.6,55.3L559.9,57.1L558.7,59.0L557.3,60.9L558.6,62.5L562.9,64.1ZM317.7,52.0L318.6,52.6L321.7,52.6L322.3,53.2L321.1,53.8L322.4,54.2L322.9,54.7L325.0,54.7L327.1,54.9L330.1,54.5L333.5,54.3L336.0,54.5L336.9,55.1L336.5,55.9L335.0,56.4L332.2,56.8L330.4,56.6L325.4,56.9L322.1,56.9L319.7,56.7L316.0,56.1L316.7,55.1L317.6,54.2L317.1,53.4L314.1,53.2L313.0,52.6L314.6,51.9L317.7,52.0ZM285.8,51.0L283.3,52.4L281.1,53.0L279.5,53.1L275.3,53.9L272.3,54.1L270.8,53.8L270.8,53.8L275.8,52.4L280.9,51.3L283.2,51.3L285.8,51.0ZM631.8,52.2L633.5,53.1L634.3,52.7L638.9,52.7L643.8,53.6L646.2,54.2L647.2,55.2L646.3,55.7L643.4,56.8L642.9,57.3L645.2,57.6L648.3,58.1L649.3,57.7L651.7,59.0L651.8,58.5L654.0,58.2L659.7,58.5L661.3,59.4L668.6,59.7L666.6,58.2L670.6,58.6L673.2,58.6L677.3,59.6L679.8,60.8L680.0,61.6L684.3,63.2L688.1,64.0L686.8,61.9L690.8,62.8L692.8,62.3L697.0,62.9L697.4,62.3L700.6,62.6L696.6,60.8L697.5,59.9L714.5,61.2L717.9,62.4L724.8,63.9L731.0,63.5L735.0,63.8L737.8,64.6L740.0,66.1L743.1,66.7L744.7,66.3L747.7,66.2L751.6,66.6L754.5,66.4L760.5,68.2L761.5,67.6L758.0,66.2L757.3,65.3L763.7,65.9L767.1,65.8L773.7,66.8L777.7,67.7L791.7,75.9L791.7,75.9L790.9,76.9L788.3,76.7L791.7,77.9L795.5,79.7L797.3,80.3L798.8,81.2L799.3,81.7L795.1,81.3L792.3,82.9L791.0,83.2L790.4,84.7L789.6,86.0L790.3,87.0L785.4,85.5L782.9,87.2L780.9,86.4L780.3,87.4L777.4,87.0L778.6,88.5L779.0,90.7L780.2,91.6L783.1,92.1L787.0,95.4L785.2,95.5L786.7,97.4L788.7,98.3L786.5,99.5L788.7,102.2L786.3,102.7L788.2,105.1L787.6,107.2L785.1,105.6L780.7,102.3L774.0,97.1L771.2,94.0L771.2,92.7L770.1,91.6L772.5,91.1L772.4,88.3L772.8,86.0L773.8,84.3L771.0,81.2L769.0,81.4L770.3,83.2L768.9,85.6L763.7,82.9L759.8,83.6L759.9,87.3L763.1,88.7L759.5,89.3L756.8,89.5L755.0,87.9L751.6,87.5L750.5,88.6L744.2,88.2L738.7,88.9L737.1,93.3L735.1,98.6L738.5,98.9L740.9,100.4L743.3,100.9L743.5,99.7L745.8,99.9L751.2,102.4L753.1,104.4L753.8,106.7L756.2,109.5L758.3,113.2L757.9,116.6L758.5,118.3L757.7,121.0L756.8,123.8L756.4,125.2L754.4,126.6L753.1,126.6L751.0,125.5L749.2,127.2L749.4,128.0L748.5,127.9L748.1,128.7L748.0,129.5L749.2,131.2L748.4,131.7L748.3,132.2L747.9,132.9L746.7,133.3L746.1,133.9L746.6,134.9L746.5,135.2L747.6,135.6L749.4,136.7L752.8,139.5L754.2,141.1L755.7,143.8L755.6,145.2L753.8,145.6L752.4,146.6L750.5,146.8L749.7,145.5L749.1,143.7L746.8,141.2L748.3,140.8L745.6,138.7L744.3,138.3L744.3,138.7L743.7,138.9L743.4,138.5L742.7,138.3L741.9,137.9L742.0,136.8L742.4,136.5L741.9,136.1L741.8,134.8L741.5,134.4L740.0,134.1L738.7,133.5L736.0,134.2L734.9,135.3L732.9,136.0L733.5,134.9L732.5,133.9L733.3,132.3L731.4,131.1L730.0,131.9L728.5,133.6L727.9,135.1L725.8,135.2L725.3,136.4L727.2,138.0L729.2,138.4L729.9,139.5L732.0,140.2L733.6,138.5L736.1,139.4L737.5,139.5L738.5,140.7L735.7,141.4L735.3,142.7L733.7,143.9L733.4,145.6L736.4,146.9L738.3,149.3L740.6,151.5L742.9,153.4L743.6,155.2L742.4,155.8L743.5,157.1L745.1,157.9L745.4,159.8L745.4,161.8L744.2,162.0L743.3,164.6L742.4,167.8L741.0,170.6L738.3,172.9L735.5,174.9L732.9,175.2L731.7,176.3L730.8,175.5L729.7,176.7L726.7,177.9L724.3,178.3L724.0,180.8L722.7,181.0L721.7,179.2L722.1,178.3L718.8,177.5L717.8,177.9L715.1,180.0L713.5,182.2L713.3,183.9L715.5,186.5L718.2,189.6L720.6,191.1L722.4,193.1L724.0,197.5L724.2,201.8L722.4,203.4L719.9,204.9L718.1,207.0L715.3,209.2L714.3,207.7L714.9,206.0L713.0,204.6L710.9,204.3L709.8,203.0L708.4,200.5L706.1,199.4L704.1,199.5L704.2,197.6L702.1,197.6L702.2,200.2L701.3,203.8L700.8,205.9L701.1,207.7L702.6,207.7L703.7,209.9L704.3,212.0L705.7,213.4L707.2,213.7L708.5,215.0L709.0,215.2L710.5,216.6L711.6,218.3L711.8,219.9L711.6,221.0L711.8,221.8L712.1,223.3L712.9,223.9L713.9,226.1L713.9,226.9L712.2,227.0L709.9,225.2L707.0,223.3L706.7,222.1L705.3,220.5L704.9,218.5L704.0,217.2L704.1,215.4L703.5,214.4L702.5,213.4L702.1,212.2L700.7,210.9L699.5,209.7L699.2,211.2L698.6,209.8L698.8,208.3L699.4,206.0L699.0,204.2L699.5,202.3L698.5,200.9L698.5,198.3L697.4,197.0L696.3,194.1L695.4,191.1L694.1,189.1L692.7,190.3L690.3,192.0L688.9,191.8L687.4,191.2L687.8,188.2L686.9,186.0L684.7,183.2L684.9,182.3L683.4,182.0L681.5,180.0L680.6,178.8L680.2,177.5L679.6,176.4L678.4,175.0L676.2,174.9L676.6,175.9L676.1,177.2L675.0,176.7L674.7,177.1L674.0,176.9L673.1,176.7L672.9,177.6L671.3,177.5L668.5,178.0L668.9,179.8L667.9,181.3L664.7,182.9L662.5,185.7L660.9,187.3L658.8,188.9L658.9,190.0L657.8,190.6L655.8,191.4L654.7,191.6L654.2,193.4L655.0,196.5L655.3,198.6L654.5,200.8L654.8,205.0L653.6,205.1L652.6,206.9L653.4,207.7L651.3,208.4L650.5,210.0L649.6,210.7L647.3,208.5L646.0,205.1L644.9,202.7L643.9,201.5L642.5,199.2L641.7,196.2L641.1,194.7L638.6,191.3L637.1,186.6L636.1,183.6L635.7,180.6L635.0,178.4L631.8,179.8L630.1,179.5L626.6,176.6L627.7,175.7L626.9,174.8L623.9,172.7L622.1,172.1L621.2,170.4L619.1,168.5L614.9,169.0L611.1,169.0L607.9,169.4L603.4,168.6L600.8,168.1L598.1,167.8L596.7,164.8L595.6,164.4L593.8,164.8L591.7,166.0L588.7,165.2L586.2,163.3L583.8,162.6L582.0,160.3L579.9,157.1L578.7,157.5L577.1,156.7L576.4,157.6L575.0,157.5L575.6,158.6L575.5,159.1L576.5,161.0L577.6,163.0L578.8,163.6L579.3,164.4L581.0,165.5L581.3,166.5L581.2,167.3L581.6,168.1L582.3,168.8L582.8,169.6L583.2,170.1L582.8,168.4L583.3,167.1L583.9,166.9L584.7,167.6L584.9,169.0L584.5,170.5L585.1,171.4L585.5,171.3L585.6,171.9L587.4,171.5L589.3,171.6L590.7,171.7L592.2,170.0L593.7,168.5L595.0,167.0L595.5,166.2L595.8,166.4L595.8,167.4L595.5,167.8L596.1,169.7L597.3,171.4L598.7,172.3L600.5,172.6L601.9,173.0L603.1,174.4L603.8,175.2L604.7,175.5L604.7,176.1L604.0,177.5L603.7,178.2L602.8,178.9L602.1,180.6L601.0,180.5L600.6,181.1L600.4,182.3L600.8,183.9L600.6,184.2L599.5,184.2L598.1,185.1L598.0,186.3L597.5,186.8L596.0,186.8L595.2,187.4L595.3,188.3L594.2,189.0L592.9,188.8L591.4,189.6L590.3,189.7L588.6,190.4L588.3,191.5L588.3,192.3L586.0,193.3L582.3,194.4L580.3,196.1L579.2,196.3L578.5,196.1L577.2,197.1L575.7,197.6L573.7,197.7L573.1,197.9L572.6,198.5L572.0,198.7L571.7,199.3L570.5,199.2L569.7,199.6L568.1,199.4L567.4,198.0L567.4,196.7L567.0,196.0L566.5,194.2L565.7,193.2L566.2,193.1L565.9,192.0L566.1,191.5L566.0,190.5L565.6,189.4L564.8,188.7L564.6,187.7L563.3,186.9L561.9,184.9L561.1,182.9L559.4,181.2L558.3,180.8L556.6,178.5L556.2,176.8L556.2,175.4L554.7,172.7L553.5,171.8L552.2,171.3L551.4,169.9L551.5,169.3L550.7,168.1L550.0,167.6L548.9,165.8L547.3,163.8L546.0,162.1L544.8,162.2L545.1,160.8L545.1,160.0L545.3,159.0L545.2,158.7L544.6,159.6L544.3,161.5L543.8,162.7L543.3,163.1L542.5,162.4L541.3,161.3L539.4,157.8L539.2,158.0L540.3,160.6L542.0,163.0L544.0,166.8L545.0,168.1L545.9,169.5L548.1,172.1L547.7,172.6L547.9,174.1L550.7,176.3L551.2,176.8L552.1,179.2L551.6,179.6L552.1,182.1L553.1,185.0L554.1,185.6L555.4,186.5L556.9,189.3L557.7,191.5L559.1,192.7L562.4,195.0L563.8,196.3L565.2,197.7L565.9,198.6L567.1,199.3L567.7,200.0L567.7,201.0L566.4,201.6L567.4,202.3L568.2,202.7L568.7,203.7L569.9,204.7L571.0,204.8L573.2,204.1L575.8,203.8L577.9,203.1L579.0,202.9L579.9,202.5L581.2,202.4L582.0,202.4L583.0,202.0L584.3,201.8L585.4,200.9L586.3,200.9L586.4,201.6L586.2,203.0L586.3,204.3L585.8,205.1L585.3,207.8L584.2,210.5L582.8,213.5L580.9,217.1L578.9,219.8L576.1,223.1L573.8,225.1L570.2,227.5L568.0,229.3L565.4,232.2L564.8,233.5L564.3,234.1L562.6,235.0L562.0,236.0L561.1,236.2L560.8,237.9L560.0,238.9L559.5,240.5L558.5,241.3L557.4,244.3L557.5,245.7L559.0,246.5L559.0,247.2L558.3,248.6L558.5,249.4L558.3,250.5L559.1,252.0L560.0,254.4L560.8,254.9L561.2,256.0L561.0,258.4L561.2,260.6L561.1,264.3L561.5,265.5L560.7,267.3L559.6,268.9L558.1,270.4L555.8,271.4L553.1,272.5L550.3,275.1L549.4,275.6L547.6,277.3L546.6,277.8L546.3,279.6L547.3,281.4L547.7,282.8L547.7,283.5L548.1,283.4L547.9,285.8L547.4,286.9L548.0,287.3L547.6,288.3L546.5,289.2L544.6,290.0L541.7,291.3L540.6,292.2L540.7,293.2L541.3,293.4L541.0,294.7L540.2,296.4L539.8,298.4L539.1,299.5L537.4,300.7L537.0,301.1L535.9,302.3L535.1,303.6L533.6,305.3L530.8,307.8L529.1,309.2L527.3,310.3L524.8,311.3L523.6,311.4L523.3,312.1L521.9,311.7L520.8,312.2L518.4,311.7L517.0,312.0L516.0,311.9L513.6,312.8L511.7,313.2L510.2,314.1L509.2,314.2L508.3,313.3L507.5,313.3L506.6,312.2L506.5,312.5L506.3,311.9L506.4,310.5L505.7,308.9L506.5,308.4L506.5,306.6L505.2,304.3L504.1,302.2L504.1,302.2L502.6,299.1L501.0,297.3L500.2,295.5L499.7,293.2L499.2,291.4L498.6,287.7L498.6,284.8L498.3,283.5L497.4,282.5L496.3,280.5L495.1,277.6L494.6,276.1L492.8,273.7L492.7,271.8L492.5,270.3L492.8,268.2L493.7,266.0L493.8,264.9L494.6,262.8L495.2,261.8L496.6,260.2L497.3,259.1L497.6,257.3L497.5,255.9L496.8,255.1L496.2,253.6L495.6,252.2L495.8,251.7L496.5,250.7L495.8,248.4L495.3,246.7L494.1,245.2L494.4,244.8L494.0,244.0L493.4,242.2L491.5,239.6L489.0,237.2L487.5,235.2L486.0,232.7L486.1,231.9L486.6,231.1L487.2,229.4L487.7,227.6L487.2,227.2L488.0,224.5L488.4,222.6L487.4,221.0L486.4,220.6L485.9,219.5L485.3,219.1L485.3,218.5L482.8,219.3L481.9,219.2L481.0,219.7L479.1,219.7L477.8,218.2L477.0,216.4L475.3,214.8L473.5,214.9L471.4,214.9L469.4,215.1L467.5,215.7L463.8,217.1L462.5,217.9L460.3,218.6L458.2,217.9L457.1,217.9L455.4,217.5L453.9,217.5L451.1,217.9L449.4,218.6L447.1,219.5L446.6,219.4L446.0,219.5L443.5,218.3L441.4,216.5L439.3,215.2L437.7,213.6L437.1,213.4L435.4,212.4L434.2,211.1L433.8,210.3L433.5,208.5L432.4,207.0L431.5,206.1L430.9,205.8L430.3,205.3L430.1,204.2L429.7,203.7L429.1,203.3L427.8,202.3L426.8,202.1L426.3,201.5L426.3,201.1L425.6,200.6L425.4,200.1L425.1,198.2L425.4,197.1L424.5,195.2L423.3,194.4L424.4,193.9L425.5,192.2L426.1,191.0L426.0,189.7L426.7,188.5L427.0,186.2L426.8,183.8L426.5,182.6L426.8,181.4L426.2,180.3L425.0,179.2L425.2,178.2L425.3,177.1L426.2,176.4L427.0,175.2L426.9,174.3L427.8,172.6L429.1,171.1L429.9,170.7L430.6,169.3L430.7,168.0L431.5,166.5L433.1,165.6L434.7,163.2L435.9,162.2L438.1,161.9L439.9,160.3L441.1,159.6L443.1,157.6L442.6,154.6L443.5,152.5L443.9,151.3L445.4,149.6L447.7,148.5L449.4,147.5L450.9,145.0L451.7,143.5L453.3,143.5L454.7,144.6L456.8,144.4L459.1,144.9L460.1,145.0L462.3,143.6L464.7,143.2L466.1,142.2L468.3,141.5L472.1,141.1L475.8,140.9L476.9,141.2L479.0,140.3L481.4,140.3L482.3,140.8L483.8,140.7L486.2,139.7L487.8,140.0L487.8,141.2L489.6,140.3L489.8,140.8L488.7,142.0L488.8,143.1L489.6,143.7L489.4,145.8L487.9,147.0L488.4,148.3L489.6,148.3L490.2,149.5L491.0,149.9L493.7,150.7L494.7,150.5L496.6,150.9L499.7,152.0L500.9,154.1L502.9,154.6L506.2,155.6L508.7,156.8L509.8,156.2L510.8,155.1L510.2,153.2L510.8,152.0L512.4,150.9L513.9,150.6L517.0,151.1L517.9,152.2L518.7,152.2L519.5,152.6L521.8,152.9L522.4,153.7L525.4,153.6L527.7,154.3L530.0,155.0L531.1,155.4L532.8,154.6L533.7,153.9L535.6,153.7L537.3,154.0L538.0,155.2L538.5,154.4L540.4,155.0L542.2,155.1L543.2,154.5L543.8,153.7L543.6,153.6L544.1,152.4L544.3,150.6L544.6,150.0L544.7,150.0L545.2,148.0L546.1,146.3L546.2,146.2L545.7,144.4L546.1,143.4L545.1,142.3L545.8,141.4L544.5,141.6L542.5,141.0L541.2,142.4L537.8,142.7L535.9,141.4L533.4,141.3L533.1,142.3L531.5,142.6L529.2,141.3L526.8,141.4L525.2,139.0L523.4,137.6L524.3,135.8L522.8,134.6L524.9,132.3L528.3,132.2L528.9,130.4L533.2,130.7L535.5,129.2L538.0,128.5L541.6,128.4L545.7,130.1L549.0,131.1L551.5,130.7L553.4,130.9L555.7,129.6L555.8,128.6L554.9,127.0L553.5,126.1L552.2,125.8L551.3,125.1L548.1,123.1L545.5,122.2L543.4,120.8L544.9,120.4L546.2,118.4L544.8,117.5L547.7,116.5L547.6,116.0L545.7,116.4L544.1,116.6L542.9,117.4L540.9,117.5L539.2,118.4L539.7,119.8L540.8,120.4L543.0,120.3L542.7,121.1L540.5,121.5L537.8,122.9L536.5,122.4L536.8,121.3L534.3,120.6L534.6,120.1L536.5,119.4L535.8,118.8L532.4,118.2L532.1,117.3L530.2,117.6L529.6,118.9L528.3,120.7L528.4,121.3L527.5,121.8L526.8,121.6L526.6,124.5L525.6,125.4L525.1,127.2L526.0,128.5L526.3,129.4L528.4,130.2L528.1,130.8L525.5,130.9L524.6,131.7L523.0,133.0L522.1,131.8L522.1,131.3L520.8,131.3L519.6,131.1L517.0,131.7L518.7,133.0L517.6,133.4L516.4,133.4L515.1,132.2L514.7,132.7L515.4,134.1L516.6,135.3L515.8,135.8L517.2,136.9L518.3,137.6L518.5,139.0L516.4,138.3L517.2,139.6L515.8,139.8L516.8,141.9L515.3,142.0L513.4,140.9L512.4,139.0L511.9,137.4L510.9,136.3L509.6,134.9L509.4,134.2L509.0,134.1L509.0,133.5L507.7,132.7L507.4,131.6L507.4,129.9L507.6,129.2L507.2,128.8L506.7,128.6L506.0,127.9L505.1,127.4L502.9,126.5L501.6,125.6L499.6,124.9L497.6,123.2L498.0,123.0L497.0,122.0L496.9,121.2L495.5,120.8L494.9,121.8L494.2,121.0L494.2,120.2L494.3,120.2L494.7,120.0L493.0,119.6L491.3,120.5L491.5,121.6L491.3,122.3L492.1,123.5L494.2,124.7L495.4,126.7L498.0,128.6L499.7,128.6L500.3,129.2L499.7,129.6L501.7,130.5L503.4,131.2L505.4,132.5L505.6,132.9L505.3,133.8L504.0,132.7L502.0,132.3L501.2,133.8L502.9,134.7L502.7,136.0L501.8,136.1L500.8,138.2L499.9,138.4L499.8,137.6L500.2,136.3L500.6,135.8L499.7,134.4L498.9,133.2L498.0,132.9L497.3,131.9L495.8,131.4L494.8,130.5L493.2,130.3L491.4,129.2L489.3,127.7L487.8,126.3L487.0,123.9L485.9,123.7L484.1,122.9L483.1,123.2L481.9,124.3L481.0,124.5L479.1,125.8L474.8,125.2L471.7,126.0L471.5,127.4L471.6,128.8L469.6,130.4L466.8,130.9L466.6,131.7L465.2,133.0L464.4,135.0L465.2,136.4L464.0,137.4L463.5,139.0L461.8,139.5L460.2,141.3L457.4,141.4L455.2,141.3L453.8,142.2L452.9,143.1L451.8,142.9L451.0,142.1L450.4,140.7L448.4,140.3L447.5,140.9L446.3,140.6L445.1,140.9L445.5,139.0L445.4,137.5L444.4,137.3L443.9,136.4L444.1,134.8L445.1,133.9L445.3,132.9L445.8,131.5L445.8,130.5L445.4,129.6L445.3,128.8L445.5,127.1L444.7,126.1L447.8,124.4L450.4,124.8L453.3,124.8L455.6,125.2L457.4,125.1L460.9,125.1L462.0,123.7L462.5,119.0L460.3,116.5L458.8,115.3L455.6,114.4L455.4,112.7L458.1,112.2L461.6,112.8L461.0,110.1L462.9,111.1L467.8,109.3L468.4,107.4L470.2,106.9L471.8,106.5L472.8,105.8L474.5,102.4L477.3,101.4L478.9,101.5L479.3,101.0L481.0,100.9L481.4,101.4L482.7,100.3L482.2,99.4L482.0,98.1L481.1,96.8L480.9,94.5L481.2,93.9L481.7,93.3L483.4,93.1L484.1,92.5L485.6,91.9L485.6,93.0L485.1,93.8L485.4,94.4L486.5,94.7L486.1,95.6L485.5,95.3L484.2,96.9L484.8,98.0L484.9,98.9L487.0,99.5L487.0,100.3L489.0,99.9L490.1,99.2L492.4,100.1L493.4,100.9L494.7,100.2L497.8,99.1L500.2,98.3L502.2,98.7L502.5,99.3L504.4,99.3L504.7,98.3L507.4,97.6L506.6,95.7L506.4,94.0L507.1,92.6L508.9,91.8L510.7,93.5L512.3,93.4L512.3,91.7L512.3,90.4L511.6,90.7L510.3,89.9L509.9,88.6L512.2,88.0L514.5,87.6L516.7,88.0L518.6,87.9L520.5,86.7L518.3,85.7L514.9,85.8L511.7,86.6L508.7,87.1L507.4,85.9L505.4,85.2L505.4,83.0L504.2,81.1L504.8,79.8L506.2,78.5L509.9,76.1L511.0,75.7L510.6,74.8L507.9,73.8L504.9,74.4L503.5,75.8L504.0,77.2L501.4,78.9L498.1,80.8L497.2,83.8L498.8,85.4L500.8,86.6L499.4,89.1L497.5,89.6L497.2,93.4L496.4,95.5L493.9,95.3L493.0,97.1L490.7,97.2L489.9,95.1L488.0,92.5L486.3,89.3L484.9,87.9L481.2,90.5L478.7,91.1L475.9,89.9L475.2,87.5L474.3,82.5L476.0,81.1L480.8,79.2L484.2,77.0L487.2,74.1L491.0,70.1L493.7,68.5L498.0,65.9L501.6,65.0L504.4,65.1L506.6,63.5L509.7,63.6L512.6,63.2L518.4,64.6L516.4,65.2L518.7,66.4L520.2,65.7L523.4,67.0L528.4,67.5L535.8,69.8L537.5,70.8L538.2,72.2L536.6,73.3L533.9,73.8L525.4,72.2L524.2,72.5L527.6,74.0L528.8,77.2L531.4,77.8L533.0,78.4L532.9,77.3L531.4,76.4L532.4,75.6L537.2,76.9L538.6,76.4L536.8,74.9L540.2,72.8L541.9,72.9L543.8,73.7L544.3,72.2L542.3,71.0L542.6,69.8L540.8,68.5L546.0,69.1L547.5,70.3L545.4,70.6L545.9,71.7L547.6,72.4L550.1,72.0L550.0,70.7L553.2,69.7L558.4,67.9L559.8,68.0L558.7,69.2L561.0,69.5L561.9,68.8L565.1,68.7L567.2,67.8L569.9,69.1L571.1,67.7L568.6,66.5L569.1,65.8L574.6,66.5L577.4,67.1L585.2,69.5L585.6,68.4L583.2,67.3L582.8,66.9L580.6,66.6L580.6,65.7L578.5,64.1L578.0,63.5L579.8,61.7L579.5,60.0L580.5,59.6L585.2,60.1L586.5,61.2L586.1,62.8L587.7,63.4L589.3,64.8L591.0,67.5L593.8,68.8L594.0,70.2L592.5,73.2L594.8,73.5L595.0,72.7L596.6,72.2L596.3,71.2L597.1,70.2L595.3,69.0L595.1,67.6L593.1,67.4L591.9,66.3L591.7,64.3L588.2,62.7L590.1,61.4L588.6,60.0L589.4,59.9L591.1,61.0L592.1,62.9L594.2,63.3L592.2,61.9L594.4,61.1L597.7,61.0L601.8,62.1L598.9,60.5L596.8,58.4L599.3,58.0L603.3,58.1L606.6,57.8L604.3,56.8L604.9,55.5L606.7,55.5L608.7,54.6L612.6,54.4L612.5,53.9L616.5,53.7L618.3,54.1L620.5,53.2L623.5,53.2L622.8,52.4L623.2,51.7L625.8,50.9L629.3,51.5L627.9,51.9L631.8,52.2ZM572.4,130.3L573.9,131.9L574.9,132.1L575.8,132.7L574.0,132.9L574.0,134.8L573.8,135.6L573.1,136.2L573.4,137.4L574.5,139.1L576.7,139.6L578.5,140.9L581.8,141.3L585.1,140.6L585.2,140.1L584.4,138.4L584.2,135.8L582.3,135.0L582.5,133.4L581.0,133.2L580.9,131.2L583.2,131.8L584.9,131.0L582.9,129.6L581.9,128.2L580.3,128.9L580.5,130.6L579.5,129.1L579.2,128.5L579.4,127.5L578.8,126.6L576.1,125.8L574.6,123.7L573.2,123.1L572.9,122.3L575.1,122.5L574.7,120.8L576.4,120.4L578.4,120.8L578.1,118.5L577.2,117.0L575.1,117.1L573.2,116.5L571.0,117.6L569.2,118.1L568.6,119.5L566.7,119.9L565.2,122.3L567.7,124.6L567.8,126.2L570.9,129.0L572.4,130.3ZM320.0,51.2L319.2,51.3L316.4,51.2L316.7,50.7L319.8,50.7L320.4,51.0L320.0,51.2ZM295.2,50.9L291.5,51.4L290.1,50.9L292.2,50.3L294.8,50.1L296.5,50.4L295.2,50.9ZM503.0,50.7L499.8,51.4L497.0,51.0L497.9,50.5L496.8,49.9L499.8,49.6L500.7,50.2L503.0,50.7ZM298.4,49.3L296.0,49.7L293.5,49.7L293.9,49.4L296.3,48.9L297.0,49.0L298.4,49.3ZM318.1,50.3L315.4,50.7L314.7,50.2L315.0,49.6L315.8,48.8L317.7,48.9L318.4,49.0L319.4,49.6L318.1,50.3ZM312.3,49.8L311.9,50.6L309.7,50.4L308.0,49.8L304.7,49.7L306.9,49.2L305.7,48.7L306.6,48.1L309.2,48.3L312.4,49.0L312.3,49.8ZM625.4,49.8L617.7,50.5L617.2,48.2L618.2,48.0L619.5,48.1L624.8,49.1L625.4,49.8ZM492.2,47.3L497.5,48.7L493.9,49.4L493.4,50.7L492.1,51.0L491.8,52.5L489.9,52.6L486.3,51.5L487.6,50.9L485.2,50.3L482.0,48.8L480.6,47.4L484.5,46.8L485.5,47.4L487.6,47.4L488.0,46.8L490.2,46.7L492.2,47.3ZM502.5,46.2L505.6,46.7L503.8,47.7L499.5,47.9L495.0,47.6L494.6,47.1L492.5,47.1L490.6,46.4L495.1,46.0L497.3,46.3L498.7,45.9L502.5,46.2ZM540.2,46.0L538.4,46.2L537.2,46.3L537.2,46.6L535.6,46.8L533.8,46.5L534.2,46.0L530.9,46.0L533.6,45.7L535.8,45.7L536.4,46.1L537.0,45.7L538.2,45.5L540.6,45.8L540.2,46.0ZM616.1,48.8L613.1,49.0L608.2,48.5L604.8,47.8L602.0,46.6L599.6,46.3L601.9,45.4L604.6,45.0L608.6,45.7L614.2,47.2L616.1,48.8ZM335.1,47.4L336.2,48.0L333.5,48.5L329.1,49.9L326.2,50.0L323.3,49.8L322.6,49.0L323.5,48.4L325.3,47.9L322.6,47.9L321.7,47.3L321.8,46.6L323.8,46.0L325.5,45.5L327.2,45.4L327.1,45.1L330.6,45.0L331.3,45.8L333.3,46.1L335.3,46.4L335.1,47.4ZM368.3,42.4L372.0,42.5L374.8,42.7L377.0,43.1L376.6,43.4L372.4,44.1L368.6,44.3L367.0,44.7L370.1,44.7L365.7,45.5L362.9,45.9L359.0,47.2L355.6,47.5L354.3,47.8L349.6,48.0L351.4,48.3L350.0,48.6L350.3,49.5L348.2,50.1L345.3,50.6L343.9,51.3L341.1,51.8L340.9,52.2L343.6,52.1L343.2,52.6L337.8,53.6L334.2,53.2L329.3,53.4L327.2,53.2L324.3,53.1L325.2,52.3L328.6,51.9L329.4,50.6L330.5,50.4L333.7,51.2L333.0,50.1L330.9,49.7L333.0,49.0L336.2,48.6L337.3,48.0L336.0,47.3L336.5,46.5L340.4,46.5L341.4,46.7L344.4,46.2L341.3,46.0L336.0,46.1L334.2,45.6L333.8,45.0L332.7,44.6L333.1,44.1L335.7,43.8L337.4,43.8L340.6,43.6L343.4,43.0L345.1,43.1L346.1,43.5L348.2,42.7L350.4,42.5L353.1,42.3L357.5,42.3L358.1,42.4L362.4,42.2L365.4,42.3L368.3,42.4ZM427.0,41.8L435.4,42.9L432.6,43.5L427.1,43.5L419.3,43.7L419.9,43.9L425.0,43.8L429.2,44.3L432.1,43.8L433.1,44.3L431.2,45.2L435.1,44.6L442.3,44.1L446.6,44.4L447.2,45.0L441.1,46.0L440.1,46.3L435.3,46.6L438.7,46.6L436.7,47.9L435.1,49.0L434.6,51.0L436.2,52.2L433.7,52.3L431.0,52.8L433.6,53.8L433.6,55.3L431.8,55.5L433.5,57.1L429.9,57.3L431.6,58.1L430.9,58.7L428.5,59.1L426.2,59.1L428.0,60.4L427.8,61.3L424.7,60.4L423.7,61.0L425.8,61.5L427.7,62.6L428.0,64.2L424.8,64.6L423.7,63.8L421.9,62.7L422.1,64.0L419.9,65.1L424.4,65.2L426.7,65.3L421.7,67.1L416.5,68.7L411.2,69.4L409.3,69.4L407.2,70.2L404.1,72.4L399.7,73.9L398.5,73.9L395.9,74.5L393.1,74.9L391.1,76.2L390.5,77.8L389.1,79.2L385.4,80.9L385.6,82.6L384.1,84.4L382.3,86.5L379.6,86.7L377.5,84.9L373.7,84.9L372.4,83.7L372.0,81.6L370.0,78.9L369.7,77.5L370.3,75.5L368.8,73.6L370.2,72.1L369.4,71.3L372.3,68.9L375.4,68.2L376.5,67.3L377.6,65.7L375.3,66.4L374.2,66.7L372.5,67.0L370.7,66.3L371.4,65.0L372.7,63.9L374.2,63.9L377.4,64.4L375.2,63.2L374.1,62.5L372.3,62.8L371.2,62.3L374.1,60.5L373.6,59.7L373.1,58.4L372.5,56.3L370.9,55.6L371.5,54.8L368.1,53.8L364.9,53.6L360.6,53.7L356.6,53.9L355.3,53.3L353.7,52.2L358.4,51.6L361.6,51.5L355.4,51.0L352.7,50.3L353.6,49.6L360.2,48.8L366.5,47.9L367.7,47.2L364.2,46.6L366.1,46.1L372.3,45.1L374.6,44.9L374.6,44.3L378.4,43.9L383.0,43.7L387.4,43.7L388.6,44.1L393.1,43.3L396.1,43.9L398.0,44.0L400.7,44.4L397.8,43.7L398.5,43.1L403.9,42.2L408.8,42.3L410.9,41.7L415.9,41.6L427.0,41.8Z\"\/>\r\n    <\/g>\r\n\r\n    <!-- Kleines Segelboot f\u00fcr die Reiseroute -->\r\n    <g id=\"pjotter-route-boat\">\r\n      <path class=\"pjotter-boat__mast\" d=\"M0 4 V-15\"\/>\r\n      <path class=\"pjotter-boat__sail\" d=\"M1 -14 L10 1 L1 1 Z\"\/>\r\n      <path class=\"pjotter-boat__sail pjotter-boat__sail--small\" d=\"M-1 -11 L-8 1 L-1 1 Z\"\/>\r\n      <path class=\"pjotter-boat__hull\" d=\"M-11 4 Q0 12 12 4 Z\"\/>\r\n    <\/g>\r\n  <\/defs>\r\n<\/svg>\r\n\r\n<!-- =====================================================\r\n     KARTENTEASER AUF DER NORMALEN SEITE\r\n     ===================================================== -->\r\n<section\r\n  class=\"pjotter-journey\"\r\n  data-pjotter-journey\r\n  aria-labelledby=\"pjotter-journey-title\"\r\n>\r\n  <div class=\"pjotter-journey__inner\">\r\n\r\n    <div class=\"pjotter-journey__copy\">\r\n      <h2\r\n        class=\"pjotter-journey__title\"\r\n        id=\"pjotter-journey-title\"\r\n      >\r\n        Ein Schiff,<br>\r\n        viele Horizonte\r\n      <\/h2>\r\n\r\n      <p class=\"pjotter-journey__text\">\r\n        Pjotters Reise \u00fcber den Atlantik, entlang verschiedener Kontinente und durch unterschiedlichste Seegebiete zeigt eindrucksvoll, welche Qualit\u00e4t in dieser Breehorn 37 steckt. \u00dcber viele Seemeilen hinweg hat sie bewiesen, dass durchdachte Konstruktion, solide Werftarbeit und echte Seeg\u00e4ngigkeit nicht nur Versprechen sind. Pjotter wurde f\u00fcr lange Reisen gebaut und hat sich auf ihnen bew\u00e4hrt.\r\n\r\n      <\/p>\r\n\r\n      <div class=\"pjotter-journey__actions\">\r\n        <button\r\n          class=\"pjotter-journey__start\"\r\n          type=\"button\"\r\n          data-journey-start\r\n          aria-controls=\"pjotter-journey-globe\"\r\n        >\r\n          <span class=\"pjotter-journey__start-icon\" aria-hidden=\"true\"><\/span>\r\n          <span data-journey-start-label>Pjotters Reise starten<\/span>\r\n        <\/button>\r\n\r\n        <span class=\"pjotter-journey__demo-note\">\r\n          22 Stationen \u00b7 \u00dcber den Atlantik und zur\u00fcck\r\n        <\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div\r\n      class=\"pjotter-journey__map-button\"\r\n      aria-label=\"Reisekarte der Pjotter mit 22 Stationen\"\r\n    >\r\n      <span class=\"pjotter-journey__globe-title\">\r\n       <strong>Pjotter<\/strong> hat bereits viel von der Welt gesehen.\r\n      <\/span>\r\n\r\n      <!--\r\n        Zwei Bildebenen erm\u00f6glichen einen ruhigen Crossfade ohne Aufblitzen.\r\n        Die Motive sind Reiseimpressionen und keine Aufnahmen aus Pjotters\r\n        Bordarchiv. Ein Bildnachweis wird nur eingeblendet, wenn die Lizenz\r\n        ihn verlangt.\r\n      -->\r\n      <figure\r\n        class=\"pjotter-journey__impression\"\r\n        data-journey-impression\r\n        aria-label=\"Reiseimpression der aktuell erreichten Station\"\r\n      >\r\n        <div class=\"pjotter-journey__impression-media\">\r\n          <img\r\n            class=\"pjotter-journey__impression-image\"\r\n            data-journey-image-a\r\n            alt=\"\"\r\n            decoding=\"async\"\r\n          >\r\n          <img\r\n            class=\"pjotter-journey__impression-image\"\r\n            data-journey-image-b\r\n            alt=\"\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <figcaption class=\"pjotter-journey__impression-caption\">\r\n          <span>Reiseimpression<\/span>\r\n          <strong data-journey-image-place><\/strong>\r\n          <small data-journey-image-credit hidden>\r\n            Foto:\r\n            <a\r\n              data-journey-credit-author\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n            ><\/a>\r\n            <span aria-hidden=\"true\"> \u00b7 <\/span>\r\n            <span data-journey-credit-edit><\/span>\r\n            <span aria-hidden=\"true\"> \u00b7 <\/span>\r\n            <a\r\n              data-journey-credit-license\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer license\"\r\n            ><\/a>\r\n          <\/small>\r\n        <\/figcaption>\r\n      <\/figure>\r\n\r\n      <span\r\n        class=\"pjotter-journey__map-frame\"\r\n        id=\"pjotter-journey-globe\"\r\n      >\r\n        <svg\r\n          class=\"pjotter-map pjotter-map--teaser\"\r\n          viewBox=\"205 5 360 300\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          role=\"img\"\r\n          aria-label=\"Atlantikzentrierte Weltkugel mit der Reise der Pjotter\"\r\n        >\r\n          <defs>\r\n            <radialGradient\r\n              id=\"pjotter-globe-depth\"\r\n              cx=\"28%\"\r\n              cy=\"20%\"\r\n              r=\"84%\"\r\n            >\r\n              <stop\r\n                offset=\"0%\"\r\n                stop-color=\"#54809b\"\r\n                stop-opacity=\".18\"\r\n              ><\/stop>\r\n              <stop\r\n                offset=\"48%\"\r\n                stop-color=\"#12344b\"\r\n                stop-opacity=\".08\"\r\n              ><\/stop>\r\n              <stop\r\n                offset=\"78%\"\r\n                stop-color=\"#061725\"\r\n                stop-opacity=\".22\"\r\n              ><\/stop>\r\n              <stop\r\n                offset=\"100%\"\r\n                stop-color=\"#010812\"\r\n                stop-opacity=\".68\"\r\n              ><\/stop>\r\n            <\/radialGradient>\r\n\r\n            <radialGradient\r\n              id=\"pjotter-globe-light\"\r\n              cx=\"30%\"\r\n              cy=\"18%\"\r\n              r=\"68%\"\r\n            >\r\n              <stop\r\n                offset=\"0%\"\r\n                stop-color=\"#ffffff\"\r\n                stop-opacity=\".16\"\r\n              ><\/stop>\r\n              <stop\r\n                offset=\"42%\"\r\n                stop-color=\"#ffffff\"\r\n                stop-opacity=\".035\"\r\n              ><\/stop>\r\n              <stop\r\n                offset=\"100%\"\r\n                stop-color=\"#ffffff\"\r\n                stop-opacity=\"0\"\r\n              ><\/stop>\r\n            <\/radialGradient>\r\n\r\n            <!-- Sehr dezenter Goldnebel f\u00fcr zus\u00e4tzliche Tiefe -->\r\n            <radialGradient\r\n              id=\"pjotter-globe-gold-mist\"\r\n              cx=\"48%\"\r\n              cy=\"62%\"\r\n              r=\"58%\"\r\n            >\r\n              <stop\r\n                offset=\"0%\"\r\n                stop-color=\"#edc77d\"\r\n                stop-opacity=\".24\"\r\n              ><\/stop>\r\n              <stop\r\n                offset=\"32%\"\r\n                stop-color=\"#d8aa5b\"\r\n                stop-opacity=\".14\"\r\n              ><\/stop>\r\n              <stop\r\n                offset=\"68%\"\r\n                stop-color=\"#b67b31\"\r\n                stop-opacity=\".045\"\r\n              ><\/stop>\r\n              <stop\r\n                offset=\"100%\"\r\n                stop-color=\"#b67b31\"\r\n                stop-opacity=\"0\"\r\n              ><\/stop>\r\n            <\/radialGradient>\r\n\r\n            <filter\r\n              id=\"pjotter-globe-gold-mist-blur\"\r\n              x=\"-25%\"\r\n              y=\"-35%\"\r\n              width=\"150%\"\r\n              height=\"170%\"\r\n            >\r\n              <feGaussianBlur stdDeviation=\"9\"><\/feGaussianBlur>\r\n            <\/filter>\r\n\r\n            <linearGradient\r\n              id=\"pjotter-globe-rim\"\r\n              x1=\"0%\"\r\n              y1=\"0%\"\r\n              x2=\"100%\"\r\n              y2=\"100%\"\r\n            >\r\n              <stop\r\n                offset=\"0%\"\r\n                stop-color=\"#f1d69f\"\r\n                stop-opacity=\".58\"\r\n              ><\/stop>\r\n              <stop\r\n                offset=\"48%\"\r\n                stop-color=\"#d4aa63\"\r\n                stop-opacity=\".28\"\r\n              ><\/stop>\r\n              <stop\r\n                offset=\"100%\"\r\n                stop-color=\"#573819\"\r\n                stop-opacity=\".56\"\r\n              ><\/stop>\r\n            <\/linearGradient>\r\n\r\n            <clipPath id=\"pjotter-globe-clip\">\r\n              <ellipse cx=\"385\" cy=\"155\" rx=\"174\" ry=\"144\"><\/ellipse>\r\n            <\/clipPath>\r\n          <\/defs>\r\n\r\n          <ellipse\r\n            class=\"pjotter-globe__cast-shadow\"\r\n            cx=\"392\"\r\n            cy=\"168\"\r\n            rx=\"168\"\r\n            ry=\"137\"\r\n            aria-hidden=\"true\"\r\n          ><\/ellipse>\r\n\r\n          <g clip-path=\"url(#pjotter-globe-clip)\">\r\n            <ellipse\r\n              class=\"pjotter-globe__atmosphere\"\r\n              cx=\"385\"\r\n              cy=\"155\"\r\n              rx=\"174\"\r\n              ry=\"144\"\r\n              aria-hidden=\"true\"\r\n            ><\/ellipse>\r\n\r\n            <g class=\"pjotter-globe__grid\" aria-hidden=\"true\">\r\n              <ellipse cx=\"385\" cy=\"155\" rx=\"168\" ry=\"54\"><\/ellipse>\r\n              <ellipse cx=\"385\" cy=\"155\" rx=\"168\" ry=\"102\"><\/ellipse>\r\n              <ellipse cx=\"385\" cy=\"155\" rx=\"62\" ry=\"142\"><\/ellipse>\r\n              <ellipse cx=\"385\" cy=\"155\" rx=\"112\" ry=\"142\"><\/ellipse>\r\n              <path d=\"M217 107 Q385 151 553 107\"><\/path>\r\n              <path d=\"M217 203 Q385 159 553 203\"><\/path>\r\n            <\/g>\r\n\r\n            <g class=\"pjotter-map__land\">\r\n              <use href=\"#pjotter-world-land\"><\/use>\r\n            <\/g>\r\n\r\n            <ellipse\r\n              class=\"pjotter-globe__gold-mist\"\r\n              cx=\"395\"\r\n              cy=\"184\"\r\n              rx=\"145\"\r\n              ry=\"92\"\r\n              filter=\"url(#pjotter-globe-gold-mist-blur)\"\r\n              aria-hidden=\"true\"\r\n            ><\/ellipse>\r\n\r\n            <ellipse\r\n              class=\"pjotter-globe__shine\"\r\n              cx=\"385\"\r\n              cy=\"155\"\r\n              rx=\"174\"\r\n              ry=\"144\"\r\n              aria-hidden=\"true\"\r\n            ><\/ellipse>\r\n\r\n            <g\r\n              class=\"pjotter-map__journey-layer\"\r\n              data-map-layer=\"teaser\"\r\n            ><\/g>\r\n          <\/g>\r\n\r\n          <ellipse\r\n            class=\"pjotter-globe__inner-rim\"\r\n            cx=\"385\"\r\n            cy=\"155\"\r\n            rx=\"169\"\r\n            ry=\"139\"\r\n            aria-hidden=\"true\"\r\n          ><\/ellipse>\r\n\r\n          <ellipse\r\n            class=\"pjotter-globe__outline\"\r\n            cx=\"385\"\r\n            cy=\"155\"\r\n            rx=\"174\"\r\n            ry=\"144\"\r\n            aria-hidden=\"true\"\r\n          ><\/ellipse>\r\n        <\/svg>\r\n\r\n      <\/span>\r\n\r\n      <p class=\"pjotter-journey__impression-note\">\r\n        Atmosph\u00e4rische Impressionen einer echten Reise: Pjotter hat all\r\n        diese Orte tats\u00e4chlich erreicht.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <nav\r\n    class=\"pjotter-journey__stations\"\r\n    data-journey-stations\r\n    aria-label=\"Bereits erreichte Reisestationen der Pjotter\"\r\n  >\r\n    <span>Amsterdam<\/span>\r\n    <span>England<\/span>\r\n    <span>Spanien<\/span>\r\n    <span>Portugal<\/span>\r\n    <span>Marokko<\/span>\r\n    <span>Gambia<\/span>\r\n    <span>Suriname<\/span>\r\n    <span>Trinidad &amp; Tobago<\/span>\r\n    <span>Grenada<\/span>\r\n    <span>Dominica<\/span>\r\n    <span>St. Maarten<\/span>\r\n    <span>Cura\u00e7ao<\/span>\r\n    <span>Kolumbien<\/span>\r\n    <span>Costa Rica<\/span>\r\n    <span>Kuba<\/span>\r\n    <span>Turks &amp; Caicos<\/span>\r\n    <span>Bahamas<\/span>\r\n    <span>USA<\/span>\r\n    <span>Kanada<\/span>\r\n    <span>Island<\/span>\r\n    <span>F\u00e4r\u00f6er<\/span>\r\n    <span>Amsterdam \u00b7 R\u00fcckkehr<\/span>\r\n  <\/nav>\r\n\r\n  <span\r\n    class=\"pjotter-journey__live\"\r\n    data-journey-live\r\n    aria-live=\"polite\"\r\n    aria-atomic=\"true\"\r\n  ><\/span>\r\n<\/section>\r\n\r\n<!-- =====================================================\r\n     GROSSE INTERAKTIVE REISEKARTE\r\n     ===================================================== -->\r\n<div\r\n  class=\"pjotter-journey-modal\"\r\n  hidden\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  aria-label=\"Die Reise der Pjotter\"\r\n  aria-hidden=\"true\"\r\n>\r\n  <button\r\n    class=\"pjotter-journey-modal__close\"\r\n    type=\"button\"\r\n    aria-label=\"Reisekarte schlie\u00dfen\"\r\n  >\r\n    &times;\r\n  <\/button>\r\n\r\n  <div class=\"pjotter-journey-modal__shell\">\r\n\r\n    <header class=\"pjotter-journey-modal__head\">\r\n      <div>\r\n        <span class=\"pjotter-journey-modal__overline\">\r\n          DIE REISE DER PJOTTER\r\n        <\/span>\r\n\r\n        <h2>Ein Schiff, viele Horizonte<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"pjotter-journey-modal__progress\">\r\n        <span>STATION<\/span>\r\n        <strong data-journey-counter>01 \/ 22<\/strong>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"pjotter-journey-modal__content\">\r\n\r\n      <div class=\"pjotter-journey-modal__map-wrap\">\r\n        <svg\r\n          class=\"pjotter-map pjotter-map--large\"\r\n          viewBox=\"225 40 310 200\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          role=\"img\"\r\n          aria-label=\"Vergr\u00f6\u00dferter Atlantikausschnitt mit der Reise der Pjotter\"\r\n        >\r\n          <g class=\"pjotter-map__grid\" aria-hidden=\"true\">\r\n            <line x1=\"0\" y1=\"117.5\" x2=\"930\" y2=\"117.5\"\/>\r\n            <line x1=\"0\" y1=\"235\" x2=\"930\" y2=\"235\"\/>\r\n            <line x1=\"0\" y1=\"352.5\" x2=\"930\" y2=\"352.5\"\/>\r\n            <line x1=\"232.5\" y1=\"0\" x2=\"232.5\" y2=\"470\"\/>\r\n            <line x1=\"465\" y1=\"0\" x2=\"465\" y2=\"470\"\/>\r\n            <line x1=\"697.5\" y1=\"0\" x2=\"697.5\" y2=\"470\"\/>\r\n          <\/g>\r\n\r\n          <g class=\"pjotter-map__land\">\r\n            <use href=\"#pjotter-world-land\"><\/use>\r\n          <\/g>\r\n\r\n          <g\r\n            class=\"pjotter-map__journey-layer\"\r\n            data-map-layer=\"modal\"\r\n          ><\/g>\r\n        <\/svg>\r\n\r\n        <div\r\n          class=\"pjotter-journey-modal__station-nav\"\r\n          data-station-navigation\r\n          aria-label=\"Reisestationen\"\r\n        ><\/div>\r\n      <\/div>\r\n\r\n      <article class=\"pjotter-story-card\">\r\n        <div\r\n          class=\"pjotter-story-card__image\"\r\n          data-story-image\r\n        >\r\n          <span data-story-image-number>01<\/span>\r\n          <small>PJOTTER<\/small>\r\n        <\/div>\r\n\r\n        <div class=\"pjotter-story-card__body\">\r\n          <span class=\"pjotter-story-card__region\" data-story-region>\r\n            AUFBRUCH\r\n          <\/span>\r\n\r\n          <h3 data-story-place>Amsterdam<\/h3>\r\n\r\n          <div class=\"pjotter-story-card__meta\">\r\n            <span data-story-country>Niederlande<\/span>\r\n            <span aria-hidden=\"true\">\u00b7<\/span>\r\n            <span data-story-year>Etappe 01<\/span>\r\n          <\/div>\r\n\r\n          <p data-story-text>\r\n            In Amsterdam begann Pjotters gro\u00dfe Reise. Von hier f\u00fchrte ihr Kurs\r\n            hinaus auf die Nordsee und zu vielen neuen Horizonten.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <footer class=\"pjotter-journey-modal__controls\">\r\n      <button\r\n        class=\"pjotter-journey-modal__previous\"\r\n        type=\"button\"\r\n      >\r\n        <span aria-hidden=\"true\">\u2190<\/span>\r\n        Vorherige Station\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"pjotter-journey-modal__play\"\r\n        type=\"button\"\r\n        aria-label=\"Automatische Reise pausieren\"\r\n      >\r\n        <span class=\"pjotter-play-icon\" aria-hidden=\"true\"><\/span>\r\n        <span data-play-label>Pause<\/span>\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"pjotter-journey-modal__next\"\r\n        type=\"button\"\r\n      >\r\n        N\u00e4chste Station\r\n        <span aria-hidden=\"true\">\u2192<\/span>\r\n      <\/button>\r\n    <\/footer>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .pjotter-map-symbols {\r\n    position: absolute;\r\n    width: 0;\r\n    height: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .pjotter-journey,\r\n  .pjotter-journey *,\r\n  .pjotter-journey-modal,\r\n  .pjotter-journey-modal * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* TEASER *\/\r\n  .pjotter-journey {\r\n    --pjotter-section-gap: clamp(12px, 2vw, 26px);\r\n    --pjotter-deck-image: url(\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/IMG_4771-scaled.jpg\");\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: calc(\r\n      100vw - var(--pjotter-section-gap) - var(--pjotter-section-gap)\r\n    );\r\n    margin: clamp(22px, 3vw, 40px) 0;\r\n    margin-left: calc(\r\n      50% - 50vw + var(--pjotter-section-gap)\r\n    );\r\n    overflow: hidden;\r\n    color: #f6f3ed;\r\n    border: 1px solid rgba(222, 184, 112, .68);\r\n    border-radius: 0 !important;\r\n    background:\r\n      radial-gradient(\r\n        ellipse at 80% 16%,\r\n        rgba(45, 100, 134, .3) 0%,\r\n        transparent 39%\r\n      ),\r\n      linear-gradient(135deg, #061a2b 0%, #071d30 52%, #092944 100%);\r\n    box-shadow:\r\n      0 0 0 1px rgba(238, 209, 151, .09),\r\n      0 0 32px rgba(201, 155, 80, .32),\r\n      0 0 76px rgba(201, 155, 80, .13),\r\n      inset 0 0 0 1px rgba(255, 235, 194, .06);\r\n  }\r\n\r\n  .pjotter-journey::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background: linear-gradient(\r\n      115deg,\r\n      transparent 15%,\r\n      rgba(255, 255, 255, .025) 48%,\r\n      transparent 75%\r\n    );\r\n  }\r\n\r\n  \/*\r\n    DEZENTES DECKFOTO\r\n    Das Bild beginnt unten rechts und l\u00e4uft nach links und oben weich aus.\r\n    Die Bildadresse wird oben bei --pjotter-deck-image eingesetzt.\r\n  *\/\r\n  .pjotter-journey::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    right: -2%;\r\n    bottom: -3%;\r\n    width: min(70%, 980px);\r\n    height: 82%;\r\n    pointer-events: none;\r\n    background-image:\r\n      linear-gradient(\r\n        rgba(5, 25, 42, .20),\r\n        rgba(5, 25, 42, .36)\r\n      ),\r\n      var(--pjotter-deck-image);\r\n    background-position: center, right bottom;\r\n    background-repeat: no-repeat;\r\n    background-size: 100% 100%, cover;\r\n    opacity: .17;\r\n    filter: saturate(.82) contrast(.96) brightness(.98);\r\n    transition: opacity .8s ease;\r\n    -webkit-mask-image: radial-gradient(\r\n      ellipse 96% 100% at 100% 100%,\r\n      #000 0%,\r\n      rgba(0, 0, 0, .94) 28%,\r\n      rgba(0, 0, 0, .58) 52%,\r\n      transparent 84%\r\n    );\r\n    mask-image: radial-gradient(\r\n      ellipse 96% 100% at 100% 100%,\r\n      #000 0%,\r\n      rgba(0, 0, 0, .94) 28%,\r\n      rgba(0, 0, 0, .58) 52%,\r\n      transparent 84%\r\n    );\r\n  }\r\n\r\n  .pjotter-journey__inner {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    grid-template-columns: minmax(310px, .78fr) minmax(520px, 1.32fr);\r\n    gap: clamp(45px, 7vw, 110px);\r\n    align-items: center;\r\n    width: min(1240px, calc(100% - 80px));\r\n    min-height: 540px;\r\n    margin-inline: auto;\r\n    padding-block: clamp(50px, 6vw, 78px);\r\n  }\r\n\r\n  \/* Innerer Goldstreifen mit weich auslaufenden Seiten *\/\r\n  .pjotter-journey__inner::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 14px;\r\n    right: 0;\r\n    left: 0;\r\n    height: 2px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(200, 154, 81, .22) 12%,\r\n      rgba(224, 190, 125, .95) 50%,\r\n      rgba(200, 154, 81, .22) 88%,\r\n      transparent 100%\r\n    );\r\n    box-shadow: 0 0 14px rgba(224, 190, 125, .38);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .pjotter-journey__globe-title {\r\n    position: relative;\r\n    z-index: 3;\r\n    display: block;\r\n    margin: 0 0 -2px;\r\n    color: #d1b275;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: clamp(24px, 2.35vw, 34px);\r\n    font-weight: 400;\r\n    line-height: 1.15;\r\n    letter-spacing: .035em;\r\n    text-align: center;\r\n    text-shadow:\r\n      0 0 15px rgba(209, 178, 117, .16),\r\n      0 2px 12px rgba(0, 0, 0, .22);\r\n  }\r\n\r\n  .pjotter-journey__globe-title strong {\r\n    color: #e0bd7a;\r\n    font-weight: 500;\r\n    letter-spacing: .075em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .pjotter-journey\r\n  .pjotter-journey__title {\r\n    margin: 0 !important;\r\n    padding: .05em 0 0 !important;\r\n    color: #f6f3ed !important;\r\n    -webkit-text-fill-color: #f6f3ed !important;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif !important;\r\n    font-size: clamp(51px, 5.8vw, 78px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: .92 !important;\r\n    letter-spacing: -.035em !important;\r\n    text-transform: none !important;\r\n  }\r\n\r\n  .pjotter-journey__text {\r\n    max-width: 500px;\r\n    margin: 28px 0 30px;\r\n    color: rgba(246, 243, 237, .72);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.78;\r\n  }\r\n\r\n  .pjotter-journey__actions {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .pjotter-journey__start {\r\n    display: inline-flex;\r\n    min-height: 48px;\r\n    margin: 0;\r\n    padding: 0 22px;\r\n    align-items: center;\r\n    gap: 14px;\r\n    border: 1px solid rgba(221, 185, 119, .72);\r\n    background: rgba(9, 37, 60, .54);\r\n    color: #f5ead6;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    appearance: none;\r\n    transition:\r\n      background .3s ease,\r\n      color .3s ease,\r\n      transform .3s ease,\r\n      opacity .3s ease,\r\n      border-color .3s ease;\r\n  }\r\n\r\n  .pjotter-journey__start-icon {\r\n    width: 0;\r\n    height: 0;\r\n    border-top: 5px solid transparent;\r\n    border-bottom: 5px solid transparent;\r\n    border-left: 8px solid #d6ad68;\r\n    filter: drop-shadow(0 0 5px rgba(214, 173, 104, .35));\r\n  }\r\n\r\n  \/* Derselbe Button zeigt w\u00e4hrend der Fahrt ein Pause-Symbol. *\/\r\n  .pjotter-journey__start.is-control-pause .pjotter-journey__start-icon {\r\n    width: 9px;\r\n    height: 11px;\r\n    border-top: 0;\r\n    border-bottom: 0;\r\n    border-left: 3px solid #d6ad68;\r\n    border-right: 3px solid #d6ad68;\r\n    filter: drop-shadow(0 0 5px rgba(214, 173, 104, .35));\r\n  }\r\n\r\n  .pjotter-journey__start.is-control-pause:hover .pjotter-journey__start-icon {\r\n    border-left-color: #ffffff;\r\n    border-right-color: #ffffff;\r\n  }\r\n\r\n  .pjotter-journey__start:hover:not(:disabled) {\r\n    background: #b88942;\r\n    color: #ffffff;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .pjotter-journey__start:hover:not(:disabled)\r\n  .pjotter-journey__start-icon {\r\n    border-left-color: #ffffff;\r\n  }\r\n\r\n  .pjotter-journey__start:disabled {\r\n    border-color: rgba(221, 185, 119, .38);\r\n    cursor: wait;\r\n    opacity: .62;\r\n  }\r\n\r\n  .pjotter-journey__demo-note {\r\n    display: block;\r\n    margin-top: 14px;\r\n    color: rgba(246, 243, 237, .38);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 8px;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* TEASERKARTE *\/\r\n  .pjotter-journey__map-button {\r\n    position: relative;\r\n    isolation: isolate;\r\n    display: flex;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    flex-direction: column;\r\n    border: 0;\r\n    background: transparent;\r\n    color: inherit;\r\n    cursor: default;\r\n    appearance: none;\r\n  }\r\n\r\n  \/*\r\n    WEICH EINGEBLENDETE REISEIMPRESSIONEN\r\n    Beim Start wird die Kugel nach links verkleinert. Das Foto liegt als\r\n    eigenst\u00e4ndige Fl\u00e4che rechts daneben und nicht mehr hinter der Kugel.\r\n  *\/\r\n  .pjotter-journey__impression {\r\n    position: absolute;\r\n    z-index: 2;\r\n    top: clamp(70px, 7vw, 92px);\r\n    right: -5%;\r\n    bottom: 5%;\r\n    left: 43%;\r\n    margin: 0;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    filter:\r\n      drop-shadow(0 28px 32px rgba(0, 0, 0, .34))\r\n      drop-shadow(0 0 13px rgba(205, 158, 78, .12));\r\n    transform: translateX(26px) scale(.975);\r\n    transition:\r\n      opacity .78s ease,\r\n      transform 1.05s cubic-bezier(.22, .7, .18, 1);\r\n  }\r\n\r\n  .pjotter-journey__impression.is-visible {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n\r\n  .pjotter-journey__impression-media {\r\n    position: absolute;\r\n    inset: 0;\r\n    overflow: hidden;\r\n    -webkit-mask-image: radial-gradient(\r\n      ellipse 91% 88% at 54% 50%,\r\n      #000 0%,\r\n      rgba(0, 0, 0, .98) 48%,\r\n      rgba(0, 0, 0, .72) 68%,\r\n      rgba(0, 0, 0, .25) 83%,\r\n      transparent 98%\r\n    );\r\n    mask-image: radial-gradient(\r\n      ellipse 91% 88% at 54% 50%,\r\n      #000 0%,\r\n      rgba(0, 0, 0, .98) 48%,\r\n      rgba(0, 0, 0, .72) 68%,\r\n      rgba(0, 0, 0, .25) 83%,\r\n      transparent 98%\r\n    );\r\n  }\r\n\r\n  .pjotter-journey__impression-media::before,\r\n  .pjotter-journey__impression-media::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 2;\r\n    inset: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .pjotter-journey__impression-media::before {\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(6, 26, 43, .58) 0%,\r\n        rgba(6, 26, 43, .18) 22%,\r\n        rgba(6, 26, 43, .07) 58%,\r\n        rgba(6, 26, 43, .22) 100%\r\n      ),\r\n      linear-gradient(\r\n        0deg,\r\n        rgba(5, 22, 37, .48) 0%,\r\n        transparent 52%,\r\n        rgba(5, 22, 37, .20) 100%\r\n      );\r\n  }\r\n\r\n  .pjotter-journey__impression-media::after {\r\n    background: radial-gradient(\r\n      ellipse at 68% 68%,\r\n      rgba(220, 174, 96, .16) 0%,\r\n      rgba(198, 143, 64, .07) 33%,\r\n      transparent 70%\r\n    );\r\n    mix-blend-mode: screen;\r\n  }\r\n\r\n  .pjotter-journey__impression-image {\r\n    position: absolute;\r\n    z-index: 1;\r\n    inset: 0;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    opacity: 0;\r\n    filter:\r\n      saturate(.94)\r\n      contrast(.99)\r\n      brightness(.96)\r\n      sepia(.015);\r\n    transform: scale(1.035);\r\n    transition:\r\n      opacity .9s ease,\r\n      transform 4.8s ease;\r\n  }\r\n\r\n  .pjotter-journey__impression-image.is-active {\r\n    opacity: .94;\r\n    transform: scale(1);\r\n  }\r\n\r\n  .pjotter-journey__impression-caption {\r\n    position: absolute;\r\n    z-index: 4;\r\n    right: 5%;\r\n    bottom: 4%;\r\n    display: flex;\r\n    max-width: 72%;\r\n    align-items: flex-end;\r\n    flex-direction: column;\r\n    color: rgba(246, 243, 237, .76);\r\n    text-align: right;\r\n    text-shadow: 0 2px 16px rgba(0, 0, 0, .72);\r\n  }\r\n\r\n  .pjotter-journey__impression-caption > span:first-child {\r\n    color: #d3aa65;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .pjotter-journey__impression-caption strong {\r\n    margin-top: 2px;\r\n    color: #f5ead6;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: clamp(23px, 2.1vw, 31px);\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    letter-spacing: .025em;\r\n  }\r\n\r\n  .pjotter-journey__impression-caption small {\r\n    margin-top: 6px;\r\n    color: rgba(246, 243, 237, .64);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 7px;\r\n    line-height: 1.45;\r\n    letter-spacing: .035em;\r\n  }\r\n\r\n  .pjotter-journey__impression-caption small[hidden] {\r\n    display: none;\r\n  }\r\n\r\n  .pjotter-journey__impression-caption a {\r\n    color: rgba(246, 229, 199, .82);\r\n    pointer-events: auto;\r\n    text-decoration: underline;\r\n    text-decoration-color: rgba(211, 170, 101, .45);\r\n    text-underline-offset: 2px;\r\n  }\r\n\r\n  .pjotter-journey__impression-note {\r\n    position: relative;\r\n    z-index: 4;\r\n    width: min(560px, 92%);\r\n    margin: -8px auto 0;\r\n    color: rgba(246, 243, 237, .52);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 400;\r\n    line-height: 1.6;\r\n    letter-spacing: .055em;\r\n    text-align: center;\r\n  }\r\n\r\n  .pjotter-journey__impression-note::before {\r\n    content: \"\";\r\n    display: block;\r\n    width: 34px;\r\n    height: 1px;\r\n    margin: 0 auto 9px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(216, 177, 109, .72),\r\n      transparent\r\n    );\r\n  }\r\n\r\n  .pjotter-journey.is-journey-running::after {\r\n    opacity: .025;\r\n  }\r\n\r\n  .pjotter-journey__map-frame {\r\n    position: relative;\r\n    z-index: 3;\r\n    display: grid;\r\n    width: 100%;\r\n    padding: 0;\r\n    place-items: center;\r\n    overflow: visible;\r\n    border: 0;\r\n    border-radius: 0;\r\n    background: transparent;\r\n    box-shadow: none;\r\n    transform-origin: 0 52%;\r\n    transition:\r\n      transform .9s cubic-bezier(.22, .7, .18, 1),\r\n      filter .9s ease;\r\n  }\r\n\r\n  .pjotter-journey__map-frame::before {\r\n    display: none;\r\n  }\r\n\r\n  .pjotter-journey__map-button:hover\r\n  .pjotter-journey__map-frame {\r\n    filter: drop-shadow(0 25px 40px rgba(0, 0, 0, .22));\r\n    transform: none;\r\n  }\r\n\r\n  .pjotter-journey.is-journey-running\r\n  .pjotter-journey__map-frame,\r\n  .pjotter-journey.is-journey-running\r\n  .pjotter-journey__map-button:hover\r\n  .pjotter-journey__map-frame {\r\n    filter:\r\n      drop-shadow(0 31px 34px rgba(0, 0, 0, .42))\r\n      drop-shadow(0 0 17px rgba(220, 177, 97, .18));\r\n    transform: translateX(-1.5%) scale(.58);\r\n  }\r\n\r\n  .pjotter-journey__map-caption {\r\n    position: absolute;\r\n    right: 24px;\r\n    bottom: 18px;\r\n    left: 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    color: rgba(246, 243, 237, .68);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .pjotter-journey__map-caption span:last-child {\r\n    color: #d6ad68;\r\n    font-size: 17px;\r\n    transition: transform .3s ease;\r\n  }\r\n\r\n  .pjotter-journey__map-button:hover\r\n  .pjotter-journey__map-caption span:last-child {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  \/* GEMEINSAME KARTENGESTALTUNG *\/\r\n  .pjotter-map {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    overflow: visible;\r\n  }\r\n\r\n  \/*\r\n    Kartenstil wie in der Referenz:\r\n    klares blaues Meer, pr\u00e4zise helle Landfl\u00e4chen und deutlicher 3D-Schatten.\r\n  *\/\r\n  .pjotter-map--teaser,\r\n  .pjotter-map--large {\r\n    background: transparent;\r\n  }\r\n\r\n  .pjotter-map--teaser {\r\n    overflow: visible;\r\n    filter:\r\n      drop-shadow(0 25px 28px rgba(0, 0, 0, .34))\r\n      drop-shadow(-11px -8px 18px rgba(101, 147, 173, .10));\r\n  }\r\n\r\n  .pjotter-globe__cast-shadow {\r\n    fill: rgba(0, 6, 12, .48);\r\n    filter: blur(11px);\r\n  }\r\n\r\n  .pjotter-globe__atmosphere {\r\n    fill: url(#pjotter-globe-depth);\r\n    fill-opacity: 1;\r\n  }\r\n\r\n  .pjotter-globe__shine {\r\n    fill: url(#pjotter-globe-light);\r\n    opacity: .82;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .pjotter-globe__gold-mist {\r\n    fill: url(#pjotter-globe-gold-mist);\r\n    opacity: .68;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .pjotter-globe__grid {\r\n    fill: none;\r\n    stroke: rgba(222, 190, 131, .13);\r\n    stroke-width: .55;\r\n    vector-effect: non-scaling-stroke;\r\n  }\r\n\r\n  .pjotter-globe__inner-rim {\r\n    fill: none;\r\n    stroke: rgba(255, 242, 215, .075);\r\n    stroke-width: 1.2;\r\n    vector-effect: non-scaling-stroke;\r\n  }\r\n\r\n  .pjotter-globe__outline {\r\n    fill: none;\r\n    stroke: url(#pjotter-globe-rim);\r\n    stroke-width: 1.35;\r\n    vector-effect: non-scaling-stroke;\r\n    filter:\r\n      drop-shadow(0 0 7px rgba(216, 177, 109, .17))\r\n      drop-shadow(0 18px 22px rgba(0, 0, 0, .23));\r\n    transition:\r\n      stroke .45s ease,\r\n      filter .45s ease;\r\n  }\r\n\r\n  .pjotter-journey.is-journey-running .pjotter-globe__outline {\r\n    stroke: rgba(238, 204, 142, .58);\r\n    filter:\r\n      drop-shadow(0 0 12px rgba(216, 177, 109, .26))\r\n      drop-shadow(0 18px 22px rgba(0, 0, 0, .23));\r\n  }\r\n\r\n  .pjotter-map__grid {\r\n    opacity: 0;\r\n  }\r\n\r\n  .pjotter-map__grid line {\r\n    fill: none;\r\n    stroke: rgba(126, 158, 179, .12);\r\n    stroke-width: 1;\r\n    stroke-dasharray: 3 7;\r\n  }\r\n\r\n  .pjotter-map__land use {\r\n    fill: url(#pjotter-land-finish);\r\n    stroke: rgba(255, 255, 255, .98);\r\n    stroke-width: .68;\r\n    stroke-linejoin: round;\r\n    filter:\r\n      drop-shadow(2px 3px 0 rgba(255, 255, 255, .24))\r\n      drop-shadow(7px 10px 3px rgba(2, 23, 38, .48))\r\n      drop-shadow(13px 17px 9px rgba(1, 17, 29, .5));\r\n  }\r\n\r\n  .pjotter-route-shadow {\r\n    fill: none;\r\n    stroke: rgba(3, 25, 42, .42);\r\n    stroke-width: 3;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .pjotter-route-line {\r\n    fill: none;\r\n    stroke: #ddb76f;\r\n    stroke-width: 1.15;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    filter:\r\n      drop-shadow(0 0 2px rgba(255, 224, 160, .42))\r\n      drop-shadow(0 2px 2px rgba(4, 20, 32, .48));\r\n  }\r\n\r\n  .pjotter-route-line--teaser {\r\n    stroke-dasharray: 3 6;\r\n    animation: pjotterRouteFlow 14s linear infinite;\r\n  }\r\n\r\n  .pjotter-map-point__halo {\r\n    fill: rgba(226, 180, 98, .12);\r\n    stroke: rgba(242, 205, 137, .7);\r\n    stroke-width: 1;\r\n    transform-box: fill-box;\r\n    transform-origin: center;\r\n  }\r\n\r\n  .pjotter-map-point__core {\r\n    fill: #d8a852;\r\n    stroke: #fff0c7;\r\n    stroke-width: 1.35;\r\n    filter:\r\n      drop-shadow(0 0 5px rgba(238, 194, 111, .88))\r\n      drop-shadow(0 2px 2px rgba(3, 17, 28, .62));\r\n  }\r\n\r\n  .pjotter-map-point__label {\r\n    fill: #f8f4ea;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: .4px;\r\n    paint-order: stroke;\r\n    stroke: rgba(4, 25, 41, .95);\r\n    stroke-width: 3.6px;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .pjotter-map--teaser .pjotter-map-point__label {\r\n    display: none;\r\n  }\r\n\r\n  .pjotter-map--teaser .pjotter-map-point__halo {\r\n    animation: pjotterPointPulse 5.4s ease-out infinite;\r\n  }\r\n\r\n  .pjotter-map-point.is-visited .pjotter-map-point__core,\r\n  .pjotter-map-point.is-active .pjotter-map-point__core {\r\n    fill: #f4c66e;\r\n  }\r\n\r\n  .pjotter-map-point.is-active .pjotter-map-point__halo {\r\n    fill: rgba(230, 190, 111, .22);\r\n    stroke: #edc87c;\r\n    animation: pjotterActivePoint 2.8s ease-out infinite;\r\n  }\r\n\r\n  \/* Bei vielen nah beieinanderliegenden Stationen bleibt die Karte ruhig.\r\n     Der Stationsname erscheint beim aktiven Punkt sowie bei Ber\u00fchrung. *\/\r\n  .pjotter-map--large .pjotter-map-point__label {\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition: opacity .22s ease;\r\n  }\r\n\r\n  .pjotter-map--large .pjotter-map-point.is-active .pjotter-map-point__label,\r\n  .pjotter-map--large .pjotter-map-point:hover .pjotter-map-point__label,\r\n  .pjotter-map--large .pjotter-map-point:focus .pjotter-map-point__label {\r\n    opacity: 1;\r\n  }\r\n\r\n  .pjotter-route-boat {\r\n    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .42));\r\n  }\r\n\r\n  .pjotter-boat__mast {\r\n    fill: none;\r\n    stroke: #f9eed9;\r\n    stroke-width: 1.4;\r\n  }\r\n\r\n  .pjotter-boat__sail {\r\n    fill: #f7eedc;\r\n    stroke: #b88942;\r\n    stroke-width: .7;\r\n  }\r\n\r\n  .pjotter-boat__sail--small {\r\n    fill: #d5aa63;\r\n  }\r\n\r\n  .pjotter-boat__hull {\r\n    fill: #071d30;\r\n    stroke: #f1d08b;\r\n    stroke-width: 1;\r\n  }\r\n\r\n  @keyframes pjotterRouteFlow {\r\n    to {\r\n      stroke-dashoffset: -120;\r\n    }\r\n  }\r\n\r\n  @keyframes pjotterPointPulse {\r\n    0% {\r\n      opacity: .75;\r\n      transform: scale(.65);\r\n    }\r\n\r\n    70%, 100% {\r\n      opacity: 0;\r\n      transform: scale(1.8);\r\n    }\r\n  }\r\n\r\n  @keyframes pjotterActivePoint {\r\n    0% {\r\n      opacity: .9;\r\n      transform: scale(.75);\r\n    }\r\n\r\n    100% {\r\n      opacity: 0;\r\n      transform: scale(2.1);\r\n    }\r\n  }\r\n\r\n  \/* MODAL *\/\r\n  .pjotter-journey-modal {\r\n    position: fixed;\r\n    z-index: 999999;\r\n    inset: 0;\r\n    display: flex;\r\n    padding: 24px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(2, 11, 20, .96);\r\n    backdrop-filter: blur(9px);\r\n    -webkit-backdrop-filter: blur(9px);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition:\r\n      opacity .35s ease,\r\n      visibility .35s ease;\r\n  }\r\n\r\n  .pjotter-journey-modal.is-open {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  .pjotter-journey-modal__shell {\r\n    display: flex;\r\n    width: min(1500px, 96vw);\r\n    height: min(900px, 93vh);\r\n    padding: clamp(24px, 3vw, 46px);\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(218, 182, 113, .68);\r\n    background:\r\n      radial-gradient(\r\n        ellipse at 55% 20%,\r\n        rgba(38, 91, 125, .22) 0%,\r\n        transparent 42%\r\n      ),\r\n      #061a2b;\r\n    box-shadow:\r\n      0 35px 100px rgba(0, 0, 0, .55),\r\n      0 0 0 6px rgba(218, 182, 113, .06);\r\n    transform: translateY(14px) scale(.985);\r\n    transition: transform .38s ease;\r\n  }\r\n\r\n  .pjotter-journey-modal.is-open\r\n  .pjotter-journey-modal__shell {\r\n    transform: translateY(0) scale(1);\r\n  }\r\n\r\n  .pjotter-journey-modal__head {\r\n    display: flex;\r\n    flex: 0 0 auto;\r\n    padding-bottom: 20px;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 30px;\r\n    border-bottom: 1px solid rgba(140, 170, 190, .16);\r\n  }\r\n\r\n  .pjotter-journey-modal__overline {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    color: #c89a51;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n  }\r\n\r\n  .pjotter-journey-modal\r\n  .pjotter-journey-modal__head h2 {\r\n    margin: 0 !important;\r\n    color: #f6f3ed !important;\r\n    -webkit-text-fill-color: #f6f3ed !important;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif !important;\r\n    font-size: clamp(31px, 3.4vw, 48px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1 !important;\r\n  }\r\n\r\n  .pjotter-journey-modal__progress {\r\n    flex: 0 0 auto;\r\n    text-align: right;\r\n  }\r\n\r\n  .pjotter-journey-modal__progress span {\r\n    display: block;\r\n    margin-bottom: 3px;\r\n    color: rgba(246, 243, 237, .45);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 7px;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .pjotter-journey-modal__progress strong {\r\n    color: #d7af69;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: 25px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .pjotter-journey-modal__content {\r\n    display: grid;\r\n    flex: 1 1 auto;\r\n    min-height: 0;\r\n    grid-template-columns: minmax(0, 1.58fr) minmax(300px, .62fr);\r\n    gap: clamp(22px, 3vw, 42px);\r\n    padding-block: 24px 18px;\r\n  }\r\n\r\n  .pjotter-journey-modal__map-wrap {\r\n    display: flex;\r\n    min-width: 0;\r\n    min-height: 0;\r\n    padding: 16px 16px 10px;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(215, 179, 110, .48);\r\n    border-radius: 12px;\r\n    background:\r\n      radial-gradient(\r\n        ellipse at 48% 38%,\r\n        #6199bb 0%,\r\n        #447fa3 48%,\r\n        #275c7f 100%\r\n      );\r\n    box-shadow:\r\n      0 0 26px rgba(205, 164, 91, .18),\r\n      inset 0 0 90px rgba(2, 26, 44, .25),\r\n      0 22px 48px rgba(0, 0, 0, .22);\r\n  }\r\n\r\n  .pjotter-map--large {\r\n    max-height: calc(93vh - 230px);\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Der vergr\u00f6\u00dferte Atlantikausschnitt h\u00e4lt Route und Beschriftung fein. *\/\r\n  .pjotter-map--large .pjotter-route-shadow {\r\n    stroke-width: 1.35;\r\n  }\r\n\r\n  .pjotter-map--large .pjotter-route-line {\r\n    stroke-width: .5;\r\n  }\r\n\r\n  .pjotter-map--large .pjotter-map-point__label {\r\n    font-size: 4.6px;\r\n    letter-spacing: .15px;\r\n    stroke-width: 1.35px;\r\n  }\r\n\r\n  .pjotter-journey-modal__station-nav {\r\n    display: flex;\r\n    width: 100%;\r\n    margin-top: 12px;\r\n    padding-bottom: 4px;\r\n    gap: 7px;\r\n    overflow-x: auto;\r\n    scrollbar-width: thin;\r\n    scrollbar-color: rgba(202, 158, 88, .45) transparent;\r\n  }\r\n\r\n  .pjotter-station-chip {\r\n    flex: 0 0 auto;\r\n    min-height: 31px;\r\n    margin: 0;\r\n    padding: 0 11px;\r\n    border: 1px solid rgba(125, 157, 178, .22);\r\n    background: rgba(8, 37, 59, .52);\r\n    color: rgba(246, 243, 237, .55);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 8px;\r\n    font-weight: 600;\r\n    letter-spacing: .8px;\r\n    cursor: pointer;\r\n    appearance: none;\r\n    transition:\r\n      color .25s ease,\r\n      border-color .25s ease,\r\n      background .25s ease;\r\n  }\r\n\r\n  .pjotter-station-chip:hover,\r\n  .pjotter-station-chip.is-active {\r\n    border-color: rgba(218, 178, 105, .72);\r\n    background: rgba(184, 137, 66, .18);\r\n    color: #f6e5c7;\r\n  }\r\n\r\n  \/* GESCHICHTENKARTE *\/\r\n  .pjotter-story-card {\r\n    display: flex;\r\n    min-height: 0;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(215, 179, 110, .58);\r\n    background: #f6f3ed;\r\n    box-shadow: 0 25px 55px rgba(0, 0, 0, .3);\r\n  }\r\n\r\n  .pjotter-story-card__image {\r\n    position: relative;\r\n    display: flex;\r\n    flex: 1 1 43%;\r\n    min-height: 185px;\r\n    padding: 20px;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    overflow: hidden;\r\n    color: rgba(246, 243, 237, .82);\r\n    background:\r\n      radial-gradient(circle at 72% 20%, rgba(108, 166, 196, .3), transparent 35%),\r\n      linear-gradient(145deg, #0a3a5b, #061a2b 72%);\r\n    background-position: center;\r\n    background-size: cover;\r\n  }\r\n\r\n  .pjotter-story-card__image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(0deg, rgba(3, 15, 26, .58), transparent 64%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .pjotter-story-card__image span,\r\n  .pjotter-story-card__image small {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .pjotter-story-card__image span {\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: 52px;\r\n    font-weight: 500;\r\n    line-height: .8;\r\n  }\r\n\r\n  .pjotter-story-card__image small {\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 7px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.2px;\r\n  }\r\n\r\n  .pjotter-story-card__body {\r\n    flex: 1 1 57%;\r\n    padding: clamp(22px, 2.5vw, 34px);\r\n    color: #071d30;\r\n  }\r\n\r\n  .pjotter-story-card__region {\r\n    display: block;\r\n    margin-bottom: 7px;\r\n    color: #a47734;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .pjotter-story-card\r\n  .pjotter-story-card__body h3 {\r\n    margin: 0 !important;\r\n    padding: .05em 0 0 !important;\r\n    color: #071d30 !important;\r\n    -webkit-text-fill-color: #071d30 !important;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif !important;\r\n    font-size: clamp(36px, 4vw, 54px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: .95 !important;\r\n  }\r\n\r\n  .pjotter-story-card__meta {\r\n    display: flex;\r\n    margin-top: 12px;\r\n    align-items: center;\r\n    gap: 7px;\r\n    color: #7a6850;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .pjotter-story-card__body p {\r\n    margin: 20px 0 0;\r\n    color: #334b5e;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* STEUERUNG *\/\r\n  .pjotter-journey-modal__controls {\r\n    display: grid;\r\n    flex: 0 0 auto;\r\n    grid-template-columns: 1fr auto 1fr;\r\n    align-items: center;\r\n    padding-top: 17px;\r\n    border-top: 1px solid rgba(140, 170, 190, .16);\r\n  }\r\n\r\n  .pjotter-journey-modal__controls button,\r\n  .pjotter-journey-modal__close {\r\n    margin: 0;\r\n    border: 0;\r\n    background: transparent;\r\n    cursor: pointer;\r\n    appearance: none;\r\n  }\r\n\r\n  .pjotter-journey-modal__previous,\r\n  .pjotter-journey-modal__next {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    color: rgba(246, 243, 237, .65);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.7px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .pjotter-journey-modal__previous {\r\n    justify-self: start;\r\n  }\r\n\r\n  .pjotter-journey-modal__next {\r\n    justify-self: end;\r\n  }\r\n\r\n  .pjotter-journey-modal__previous span,\r\n  .pjotter-journey-modal__next span {\r\n    color: #d1a45c;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .pjotter-journey-modal__play {\r\n    display: inline-flex;\r\n    min-width: 105px;\r\n    min-height: 38px;\r\n    padding: 0 16px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    border: 1px solid rgba(215, 174, 103, .5) !important;\r\n    color: #f4dfba;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.4px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .pjotter-play-icon {\r\n    position: relative;\r\n    display: block;\r\n    width: 10px;\r\n    height: 10px;\r\n  }\r\n\r\n  .pjotter-play-icon::before,\r\n  .pjotter-play-icon::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 3px;\r\n    background: #d8b16c;\r\n  }\r\n\r\n  .pjotter-play-icon::before {\r\n    left: 1px;\r\n  }\r\n\r\n  .pjotter-play-icon::after {\r\n    right: 1px;\r\n  }\r\n\r\n  .pjotter-journey-modal__play.is-paused\r\n  .pjotter-play-icon::before {\r\n    top: 0;\r\n    bottom: auto;\r\n    left: 2px;\r\n    width: 0;\r\n    height: 0;\r\n    border-top: 5px solid transparent;\r\n    border-bottom: 5px solid transparent;\r\n    border-left: 8px solid #d8b16c;\r\n    background: transparent;\r\n  }\r\n\r\n  .pjotter-journey-modal__play.is-paused\r\n  .pjotter-play-icon::after {\r\n    display: none;\r\n  }\r\n\r\n  .pjotter-journey-modal__close {\r\n    position: fixed;\r\n    z-index: 3;\r\n    top: 15px;\r\n    right: 17px;\r\n    display: grid;\r\n    width: 43px;\r\n    height: 43px;\r\n    padding: 0;\r\n    place-items: center;\r\n    border: 1px solid rgba(255, 255, 255, .35);\r\n    border-radius: 50%;\r\n    background: rgba(7, 29, 48, .78);\r\n    color: #ffffff;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 27px;\r\n    font-weight: 300;\r\n    line-height: 1;\r\n    transition:\r\n      background .25s ease,\r\n      border-color .25s ease;\r\n  }\r\n\r\n  .pjotter-journey-modal__close:hover {\r\n    border-color: #c89a51;\r\n    background: #b88942;\r\n  }\r\n\r\n  .pjotter-journey button:focus-visible,\r\n  .pjotter-journey-modal button:focus-visible {\r\n    outline: 2px solid #f1d391;\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  body.pjotter-journey-open {\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* TABLET *\/\r\n  @media (max-width: 1050px) {\r\n    .pjotter-journey__inner {\r\n      grid-template-columns: 1fr;\r\n      gap: 48px;\r\n      min-height: 0;\r\n    }\r\n\r\n    .pjotter-journey__copy {\r\n      max-width: 700px;\r\n    }\r\n\r\n    .pjotter-journey__impression {\r\n      top: 72px;\r\n      right: -3%;\r\n      bottom: 5%;\r\n      left: 42%;\r\n    }\r\n\r\n    .pjotter-journey-modal__content {\r\n      grid-template-columns: minmax(0, 1.4fr) minmax(275px, .7fr);\r\n    }\r\n\r\n    .pjotter-map-point__label {\r\n      font-size: 9px;\r\n    }\r\n  }\r\n\r\n  \/* SMARTPHONE *\/\r\n  @media (max-width: 760px) {\r\n    .pjotter-journey {\r\n      --pjotter-section-gap: 8px;\r\n      margin-top: 18px;\r\n      margin-bottom: 18px;\r\n      border-radius: 0 !important;\r\n      box-shadow:\r\n        0 0 0 1px rgba(238, 209, 151, .08),\r\n        0 0 22px rgba(201, 155, 80, .28),\r\n        0 0 48px rgba(201, 155, 80, .11),\r\n        inset 0 0 0 1px rgba(255, 235, 194, .05);\r\n    }\r\n\r\n    .pjotter-journey__inner {\r\n      width: calc(100% - 36px);\r\n      gap: 36px;\r\n      padding-block: 46px 52px;\r\n    }\r\n\r\n    .pjotter-journey\r\n    .pjotter-journey__title {\r\n      font-size: clamp(47px, 14vw, 64px) !important;\r\n    }\r\n\r\n    .pjotter-journey__text {\r\n      margin-top: 22px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .pjotter-journey__map-frame {\r\n      padding: 8px 8px 45px;\r\n    }\r\n\r\n    .pjotter-journey__impression {\r\n      top: 58px;\r\n      right: -10%;\r\n      bottom: 50px;\r\n      left: 44%;\r\n    }\r\n\r\n    .pjotter-journey__impression-media {\r\n      -webkit-mask-image: radial-gradient(\r\n        ellipse 92% 86% at 50% 49%,\r\n        #000 0%,\r\n        rgba(0, 0, 0, .96) 46%,\r\n        rgba(0, 0, 0, .62) 70%,\r\n        transparent 97%\r\n      );\r\n      mask-image: radial-gradient(\r\n        ellipse 92% 86% at 50% 49%,\r\n        #000 0%,\r\n        rgba(0, 0, 0, .96) 46%,\r\n        rgba(0, 0, 0, .62) 70%,\r\n        transparent 97%\r\n      );\r\n    }\r\n\r\n    .pjotter-journey__impression-image.is-active {\r\n      opacity: .92;\r\n    }\r\n\r\n    .pjotter-journey.is-journey-running\r\n    .pjotter-journey__map-frame,\r\n    .pjotter-journey.is-journey-running\r\n    .pjotter-journey__map-button:hover\r\n    .pjotter-journey__map-frame {\r\n      transform: translateX(-2%) scale(.62);\r\n    }\r\n\r\n    .pjotter-journey__impression-caption {\r\n      right: 9%;\r\n      bottom: 5%;\r\n      max-width: 86%;\r\n    }\r\n\r\n    .pjotter-journey__impression-caption strong {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .pjotter-journey__impression-caption small {\r\n      max-width: 230px;\r\n      font-size: 6px;\r\n    }\r\n\r\n    .pjotter-journey__impression-note {\r\n      width: 94%;\r\n      margin-top: -2px;\r\n      font-size: 8px;\r\n      line-height: 1.55;\r\n      letter-spacing: .035em;\r\n    }\r\n\r\n    .pjotter-journey__globe-title {\r\n      margin-bottom: -5px;\r\n      font-size: 24px;\r\n    }\r\n\r\n    .pjotter-journey__map-caption {\r\n      right: 15px;\r\n      bottom: 14px;\r\n      left: 15px;\r\n      font-size: 7px;\r\n    }\r\n\r\n    .pjotter-journey-modal {\r\n      padding: 0;\r\n    }\r\n\r\n    .pjotter-journey-modal__shell {\r\n      width: 100%;\r\n      height: 100%;\r\n      padding: 18px;\r\n      border: 0;\r\n    }\r\n\r\n    .pjotter-journey-modal__head {\r\n      padding: 7px 50px 13px 0;\r\n      align-items: center;\r\n    }\r\n\r\n    .pjotter-journey-modal\r\n    .pjotter-journey-modal__head h2 {\r\n      font-size: 30px !important;\r\n    }\r\n\r\n    .pjotter-journey-modal__progress strong {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .pjotter-journey-modal__content {\r\n      display: flex;\r\n      padding-block: 13px 10px;\r\n      flex-direction: column;\r\n      gap: 12px;\r\n      overflow-y: auto;\r\n    }\r\n\r\n    .pjotter-journey-modal__map-wrap {\r\n      flex: 0 0 auto;\r\n      padding: 7px 7px 5px;\r\n    }\r\n\r\n    .pjotter-map--large {\r\n      max-height: none;\r\n    }\r\n\r\n    .pjotter-map--large .pjotter-map-point__label {\r\n      display: none;\r\n    }\r\n\r\n    .pjotter-journey-modal__station-nav {\r\n      margin-top: 4px;\r\n    }\r\n\r\n    .pjotter-story-card {\r\n      display: grid;\r\n      flex: 0 0 auto;\r\n      grid-template-columns: 105px 1fr;\r\n      min-height: 190px;\r\n    }\r\n\r\n    .pjotter-story-card__image {\r\n      min-height: 190px;\r\n      padding: 12px;\r\n      flex: none;\r\n    }\r\n\r\n    .pjotter-story-card__image span {\r\n      font-size: 35px;\r\n    }\r\n\r\n    .pjotter-story-card__image small {\r\n      display: none;\r\n    }\r\n\r\n    .pjotter-story-card__body {\r\n      padding: 19px;\r\n    }\r\n\r\n    .pjotter-story-card\r\n    .pjotter-story-card__body h3 {\r\n      font-size: 34px !important;\r\n    }\r\n\r\n    .pjotter-story-card__body p {\r\n      margin-top: 12px;\r\n      font-size: 11px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .pjotter-story-card__meta {\r\n      margin-top: 8px;\r\n      font-size: 7px;\r\n    }\r\n\r\n    .pjotter-journey-modal__controls {\r\n      grid-template-columns: 1fr auto 1fr;\r\n      padding-top: 12px;\r\n    }\r\n\r\n    .pjotter-journey-modal__previous,\r\n    .pjotter-journey-modal__next {\r\n      font-size: 0;\r\n    }\r\n\r\n    .pjotter-journey-modal__previous span,\r\n    .pjotter-journey-modal__next span {\r\n      font-size: 24px;\r\n    }\r\n\r\n    .pjotter-journey-modal__play {\r\n      min-width: 94px;\r\n      min-height: 36px;\r\n    }\r\n\r\n    .pjotter-journey-modal__close {\r\n      top: 9px;\r\n      right: 9px;\r\n      width: 39px;\r\n      height: 39px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .pjotter-journey *,\r\n    .pjotter-journey-modal * {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n\r\n  \/* BUTTONGESTEUERTE WELTKUGEL UND REISESTATIONEN *\/\r\n  .pjotter-journey__map-button:hover\r\n  .pjotter-journey__map-frame {\r\n    filter: drop-shadow(0 25px 40px rgba(0, 0, 0, .22));\r\n    transform: none;\r\n  }\r\n\r\n  .pjotter-route-line {\r\n    stroke-width: .8;\r\n  }\r\n\r\n  .pjotter-route-line--teaser {\r\n    opacity: 1;\r\n    animation: none;\r\n  }\r\n\r\n  .pjotter-map--teaser .pjotter-map-point__core {\r\n    opacity: .22;\r\n    transition:\r\n      opacity .35s ease,\r\n      fill .35s ease,\r\n      filter .35s ease;\r\n  }\r\n\r\n  .pjotter-map--teaser .pjotter-map-point__halo {\r\n    opacity: 0;\r\n    animation: none;\r\n  }\r\n\r\n  .pjotter-map--teaser .pjotter-map-point.is-visited\r\n  .pjotter-map-point__core {\r\n    opacity: 1;\r\n  }\r\n\r\n  .pjotter-map--teaser .pjotter-map-point.is-active\r\n  .pjotter-map-point__halo {\r\n    animation: pjotterStationArrival 1.15s ease-out both;\r\n  }\r\n\r\n  .pjotter-map--teaser .pjotter-route-boat {\r\n    opacity: .72;\r\n    transition: opacity .35s ease;\r\n  }\r\n\r\n  .pjotter-journey.is-journey-running\r\n  .pjotter-map--teaser .pjotter-route-boat {\r\n    opacity: 1;\r\n  }\r\n\r\n  .pjotter-journey__stations {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    width: min(1240px, calc(100% - 80px));\r\n    margin: clamp(-24px, -2vw, -12px) auto 0;\r\n    padding: 0 0 clamp(46px, 6vw, 78px);\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    justify-content: center;\r\n    column-gap: 0;\r\n    row-gap: 11px;\r\n    color: #d8b16d;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: clamp(9px, .82vw, 11px);\r\n    font-weight: 500;\r\n    line-height: 1.55;\r\n    letter-spacing: .12em;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .pjotter-journey__stations span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    color: rgba(216, 177, 109, .68);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(8px);\r\n    transition:\r\n      opacity .6s ease,\r\n      color .6s ease,\r\n      text-shadow .6s ease,\r\n      transform .6s ease,\r\n      visibility .6s ease;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Amsterdam ist als Ausgangspunkt bereits vor dem Start sichtbar. *\/\r\n  .pjotter-journey__stations span:first-child,\r\n  .pjotter-journey__stations span.is-visible {\r\n    opacity: .68;\r\n    visibility: visible;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .pjotter-journey__stations span.is-active {\r\n    color: #f0c879;\r\n    opacity: 1;\r\n    text-shadow:\r\n      0 0 8px rgba(232, 190, 111, .62),\r\n      0 0 18px rgba(201, 155, 80, .28);\r\n    animation: pjotterStationNameArrival .8s ease-out both;\r\n  }\r\n\r\n  .pjotter-journey__stations span::after {\r\n    content: \"\";\r\n    width: 3px;\r\n    height: 3px;\r\n    margin: 0 12px;\r\n    flex: 0 0 3px;\r\n    border-radius: 50%;\r\n    background: rgba(216, 177, 109, .72);\r\n    box-shadow: 0 0 5px rgba(216, 177, 109, .34);\r\n  }\r\n\r\n  .pjotter-journey__stations span:last-child::after {\r\n    display: none;\r\n  }\r\n\r\n  .pjotter-journey__live {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    margin: -1px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    clip: rect(0 0 0 0);\r\n    clip-path: inset(50%);\r\n    border: 0;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  @keyframes pjotterStationArrival {\r\n    0% {\r\n      opacity: 0;\r\n      transform: scale(.6);\r\n    }\r\n\r\n    35% {\r\n      opacity: 1;\r\n    }\r\n\r\n    100% {\r\n      opacity: 0;\r\n      transform: scale(2.25);\r\n    }\r\n  }\r\n\r\n  @keyframes pjotterStationNameArrival {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateY(9px);\r\n    }\r\n\r\n    55% {\r\n      opacity: 1;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  .pjotter-journey-modal {\r\n    display: none !important;\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .pjotter-journey::after {\r\n      right: -18%;\r\n      bottom: -1%;\r\n      width: 118%;\r\n      height: 54%;\r\n      background-position: center, 72% bottom;\r\n      opacity: .08;\r\n      -webkit-mask-image: radial-gradient(\r\n        ellipse 95% 92% at 100% 100%,\r\n        #000 0%,\r\n        rgba(0, 0, 0, .76) 38%,\r\n        transparent 82%\r\n      );\r\n      mask-image: radial-gradient(\r\n        ellipse 95% 92% at 100% 100%,\r\n        #000 0%,\r\n        rgba(0, 0, 0, .76) 38%,\r\n        transparent 82%\r\n      );\r\n    }\r\n\r\n    .pjotter-journey__stations {\r\n      width: calc(100% - 34px);\r\n      margin-top: 0;\r\n      padding-bottom: 42px;\r\n      row-gap: 9px;\r\n      font-size: 8px;\r\n      letter-spacing: .1em;\r\n    }\r\n\r\n    .pjotter-journey__start {\r\n      width: 100%;\r\n      justify-content: center;\r\n    }\r\n\r\n    .pjotter-journey__stations span::after {\r\n      width: 2px;\r\n      height: 2px;\r\n      margin-inline: 8px;\r\n      flex-basis: 2px;\r\n    }\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     MOBILE \/ TABLET PERFORMANCE-SCHUTZ\r\n\r\n     Die Desktop-Version bleibt optisch unver\u00e4ndert.\r\n     Auf Touch-Ger\u00e4ten und kleineren Viewports werden nur die besonders\r\n     GPU-intensiven Filter, Blur- und Masken-Effekte reduziert. Weltkarte,\r\n     Route, Segelboot, 22 Stationen und Bildwechsel bleiben erhalten.\r\n     ===================================================== *\/\r\n  @media (max-width: 1050px), (hover: none) and (pointer: coarse) {\r\n    .pjotter-journey {\r\n      width: auto !important;\r\n      margin-right: 10px !important;\r\n      margin-left: 10px !important;\r\n      box-shadow:\r\n        0 0 0 1px rgba(238, 209, 151, .08),\r\n        0 0 18px rgba(201, 155, 80, .16) !important;\r\n    }\r\n\r\n    .pjotter-journey__inner {\r\n      width: min(1240px, calc(100% - 36px));\r\n    }\r\n\r\n    \/* Kein mehrfaches Rasterisieren der kompletten SVG-Fl\u00e4che. *\/\r\n    .pjotter-map--teaser,\r\n    .pjotter-journey__map-frame,\r\n    .pjotter-journey__map-button:hover .pjotter-journey__map-frame,\r\n    .pjotter-journey.is-journey-running .pjotter-journey__map-frame,\r\n    .pjotter-journey.is-journey-complete .pjotter-journey__map-frame {\r\n      filter: none !important;\r\n    }\r\n\r\n    \/* Die dreifachen Land-Schatten sind auf Mobile der teuerste Effekt. *\/\r\n    .pjotter-map__land use {\r\n      filter: none !important;\r\n      stroke: rgba(255, 255, 255, .91) !important;\r\n      stroke-width: .72 !important;\r\n    }\r\n\r\n    .pjotter-globe__cast-shadow,\r\n    .pjotter-globe__outline,\r\n    .pjotter-journey.is-journey-running .pjotter-globe__outline,\r\n    .pjotter-journey.is-journey-complete .pjotter-globe__outline,\r\n    .pjotter-route-line,\r\n    .pjotter-map-point__core,\r\n    .pjotter-route-boat {\r\n      filter: none !important;\r\n    }\r\n\r\n    .pjotter-globe__cast-shadow {\r\n      opacity: .18 !important;\r\n    }\r\n\r\n    \/* Der Goldnebel enth\u00e4lt einen SVG-Blur und wird mobil nicht ben\u00f6tigt. *\/\r\n    .pjotter-globe__gold-mist {\r\n      display: none !important;\r\n    }\r\n\r\n    \/* Reisebilder behalten den Crossfade, aber keine gro\u00dfe Drop-Shadow-Ebene. *\/\r\n    .pjotter-journey__impression {\r\n      filter: none !important;\r\n    }\r\n\r\n    .pjotter-journey__impression-media {\r\n      -webkit-mask-image: none !important;\r\n      mask-image: none !important;\r\n      overflow: hidden !important;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .pjotter-journey__impression-media::after {\r\n      mix-blend-mode: normal !important;\r\n      opacity: .55;\r\n    }\r\n\r\n    .pjotter-journey__impression-image {\r\n      filter:\r\n        saturate(.96)\r\n        contrast(.99)\r\n        brightness(.98) !important;\r\n      transform: none !important;\r\n      transition: opacity .48s ease !important;\r\n      will-change: auto !important;\r\n    }\r\n\r\n    .pjotter-journey__impression-image.is-active {\r\n      opacity: .94 !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    \/* Auch das gro\u00dfe Hintergrundfoto ohne komplexe radiale Maske. *\/\r\n    .pjotter-journey::after {\r\n      -webkit-mask-image: none !important;\r\n      mask-image: none !important;\r\n      opacity: .07 !important;\r\n      filter: saturate(.8) contrast(.96) brightness(.98) !important;\r\n    }\r\n\r\n    \/* Beim Start\/Pause verschwindet auch auf Tablet und Smartphone das Deckfoto. *\/\r\n    .pjotter-journey.is-journey-running::after {\r\n      opacity: .025 !important;\r\n    }\r\n\r\n    \/* Ankunftsleuchten bleibt sichtbar, aber ohne lange Dauerbelastung. *\/\r\n    .pjotter-map--teaser\r\n    .pjotter-map-point.is-active\r\n    .pjotter-map-point__halo {\r\n      animation-duration: .78s !important;\r\n    }\r\n\r\n    .pjotter-journey-modal {\r\n      -webkit-backdrop-filter: none !important;\r\n      backdrop-filter: none !important;\r\n    }\r\n  }\r\n\r\n  \/* Bei Pause stehen auch die rein per CSS laufenden Effekte still. *\/\r\n  .pjotter-journey.is-journey-paused .pjotter-route-line--teaser,\r\n  .pjotter-journey.is-journey-paused .pjotter-map-point__halo {\r\n    animation-play-state: paused !important;\r\n  }\r\n\r\n  \/* W\u00e4hrend eines tats\u00e4chlichen Pinch-Zooms kurz noch weiter entlasten. *\/\r\n  .pjotter-journey.is-pinch-zooming,\r\n  .pjotter-journey.is-pinch-zooming * {\r\n    transition-duration: 0s !important;\r\n  }\r\n\r\n  .pjotter-journey.is-pinch-zooming\r\n  .pjotter-map-point__halo,\r\n  .pjotter-journey.is-pinch-zooming\r\n  .pjotter-journey__impression-image {\r\n    animation: none !important;\r\n  }\r\n\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const SVG_NS = \"http:\/\/www.w3.org\/2000\/svg\";\r\n\r\n    \/* =====================================================\r\n       REISESTATIONEN BEARBEITEN\r\n\r\n       x = Position von links auf der Karte (0 bis 930)\r\n       y = Position von oben auf der Karte (0 bis 470)\r\n\r\n       Die Punkte folgen Pjotters Reise von Amsterdam \u00fcber Europa,\r\n       Westafrika, S\u00fcdamerika, die Karibik und Nordamerika zur\u00fcck\r\n       \u00fcber Island und die F\u00e4r\u00f6er nach Amsterdam.\r\n\r\n       Da bisher nur L\u00e4nder und Regionen bekannt sind, liegen die Punkte\r\n       jeweils an einer repr\u00e4sentativen K\u00fcstenposition. Sobald die genauen\r\n       H\u00e4fen bekannt sind, k\u00f6nnen x und y weiter verfeinert werden.\r\n\r\n       image leer lassen, wenn noch kein Foto vorhanden ist.\r\n       ===================================================== *\/\r\n    const stations = [\r\n      {\r\n        place: \"Amsterdam\",\r\n        country: \"Niederlande\",\r\n        year: \"Etappe 01\",\r\n        region: \"AUFBRUCH\",\r\n        x: 479,\r\n        y: 103,\r\n        labelX: 10,\r\n        labelY: -10,\r\n        labelAnchor: \"start\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-01-amsterdam-scaled.jpg\",\r\n        story: \"In Amsterdam begann Pjotters gro\u00dfe Reise. Von hier f\u00fchrte ihr Kurs hinaus auf die Nordsee und zu vielen neuen Horizonten.\"\r\n      },\r\n      {\r\n        place: \"England\",\r\n        country: \"England\",\r\n        year: \"Etappe 02\",\r\n        region: \"\u00c4RMELKANAL\",\r\n        x: 462,\r\n        y: 108,\r\n        labelX: -10,\r\n        labelY: 16,\r\n        labelAnchor: \"end\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-02-england-scaled.jpg\",\r\n        story: \"Die englische K\u00fcste war eine der ersten Stationen der Reise. Von hier \u00f6ffnete sich der Weg durch den \u00c4rmelkanal in Richtung Atlantik.\"\r\n      },\r\n      {\r\n        place: \"Spanien\",\r\n        country: \"Spanien\",\r\n        year: \"Etappe 03\",\r\n        region: \"BISKAYA\",\r\n        x: 442,\r\n        y: 132,\r\n        labelX: -10,\r\n        labelY: -8,\r\n        labelAnchor: \"end\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-03-spanien-scaled.jpg\",\r\n        story: \"Nach der Biskaya erreichte Pjotter die spanische Atlantikk\u00fcste. Hier begann der sp\u00fcrbare \u00dcbergang in s\u00fcdlichere Breiten.\"\r\n      },\r\n      {\r\n        place: \"Portugal\",\r\n        country: \"Portugal\",\r\n        year: \"Etappe 04\",\r\n        region: \"ATLANTIKK\u00dcSTE\",\r\n        x: 441,\r\n        y: 147,\r\n        labelX: 10,\r\n        labelY: 13,\r\n        labelAnchor: \"start\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-04-portugal-scaled.jpg\",\r\n        story: \"Portugal wurde zur n\u00e4chsten Etappe entlang der europ\u00e4ischen Atlantikk\u00fcste. Pjotters Kurs f\u00fchrte nun best\u00e4ndig weiter nach S\u00fcden.\"\r\n      },\r\n      {\r\n        place: \"Marokko\",\r\n        country: \"Marokko\",\r\n        year: \"Etappe 05\",\r\n        region: \"NORDWESTAFRIKA\",\r\n        x: 440,\r\n        y: 174,\r\n        labelX: -10,\r\n        labelY: -8,\r\n        labelAnchor: \"end\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-05-marokko-scaled.jpg\",\r\n        story: \"Mit Marokko erreichte Pjotter die nordwestafrikanische K\u00fcste. Landschaft, Licht und Temperaturen gaben der Reise einen neuen Charakter.\"\r\n      },\r\n      {\r\n        place: \"Gambia\",\r\n        country: \"Gambia\",\r\n        year: \"Etappe 06\",\r\n        region: \"WESTAFRIKA\",\r\n        x: 424,\r\n        y: 208,\r\n        labelX: 10,\r\n        labelY: 10,\r\n        labelAnchor: \"start\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-06-gambia-scaled.jpg\",\r\n        creditAuthor: \"Tjeerd Wiersma\",\r\n        creditAuthorUrl: \"https:\/\/commons.wikimedia.org\/wiki\/File:Amazing_sunset_on_The_Gambia_River_(23786181802).jpg\",\r\n        creditEdit: \"zugeschnitten\",\r\n        creditLicense: \"CC BY 2.0\",\r\n        creditLicenseUrl: \"https:\/\/creativecommons.org\/licenses\/by\/2.0\/\",\r\n        story: \"Gambia war Pjotters letzte gro\u00dfe Station an der westafrikanischen K\u00fcste. Von hier lag die weite Atlantikpassage voraus.\"\r\n      },\r\n      {\r\n        place: \"Suriname\",\r\n        country: \"Suriname\",\r\n        year: \"Etappe 07\",\r\n        region: \"S\u00dcDAMERIKA\",\r\n        x: 332,\r\n        y: 223,\r\n        labelX: -10,\r\n        labelY: -8,\r\n        labelAnchor: \"end\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-07-suriname-scaled.jpg\",\r\n        story: \"Nach der Atlantik\u00fcberquerung erreichte Pjotter die K\u00fcste Surinames. Das gr\u00fcne s\u00fcdamerikanische Ufer markierte einen besonderen Moment der Reise.\"\r\n      },\r\n      {\r\n        place: \"Trinidad & Tobago\",\r\n        country: \"Trinidad und Tobago\",\r\n        year: \"Etappe 08\",\r\n        region: \"KARIBIK\",\r\n        x: 314,\r\n        y: 214,\r\n        labelX: 11,\r\n        labelY: 14,\r\n        labelAnchor: \"start\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-08-trinidadtobago-scaled.jpg\",\r\n        story: \"Trinidad und Tobago \u00f6ffnete Pjotter das Tor zur Karibik. Von hier begann eine lange Folge warmer Inselstationen.\"\r\n      },\r\n      {\r\n        place: \"Grenada\",\r\n        country: \"Grenada\",\r\n        year: \"Etappe 09\",\r\n        region: \"KLEINE ANTILLEN\",\r\n        x: 313,\r\n        y: 211,\r\n        labelX: -11,\r\n        labelY: 15,\r\n        labelAnchor: \"end\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-09-grenada-scaled.jpg\",\r\n        story: \"Grenada verband gesch\u00fctzte Buchten mit der \u00fcppigen Landschaft der Gew\u00fcrzinsel. Eine karibische Etappe, die in Erinnerung bleibt.\"\r\n      },\r\n      {\r\n        place: \"Dominica\",\r\n        country: \"Dominica\",\r\n        year: \"Etappe 10\",\r\n        region: \"KLEINE ANTILLEN\",\r\n        x: 313,\r\n        y: 204,\r\n        labelX: 11,\r\n        labelY: -9,\r\n        labelAnchor: \"start\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-10-dominica-scaled.jpg\",\r\n        story: \"Dominica zeigte sich urspr\u00fcnglich, gr\u00fcn und vom Meer gepr\u00e4gt. Pjotter folgte der Inselkette weiter nach Norden.\"\r\n      },\r\n      {\r\n        place: \"St. Maarten\",\r\n        country: \"St. Maarten\",\r\n        year: \"Etappe 11\",\r\n        region: \"N\u00d6RDLICHE KARIBIK\",\r\n        x: 307,\r\n        y: 199,\r\n        labelX: -11,\r\n        labelY: -9,\r\n        labelAnchor: \"end\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-11-st-maarten-scaled.jpg\",\r\n        story: \"St. Maarten wurde zu einem weiteren wichtigen Punkt auf Pjotters Karibikreise. Inseln, H\u00e4fen und offene Passagen lagen hier dicht beieinander.\"\r\n      },\r\n      {\r\n        place: \"Cura\u00e7ao\",\r\n        country: \"Cura\u00e7ao\",\r\n        year: \"Etappe 12\",\r\n        region: \"S\u00dcDLICHE KARIBIK\",\r\n        x: 296,\r\n        y: 211,\r\n        labelX: -11,\r\n        labelY: 15,\r\n        labelAnchor: \"end\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-12-curacao-scaled.jpg\",\r\n        story: \"Cura\u00e7ao f\u00fchrte Pjotter in die s\u00fcdliche Karibik. Die gesch\u00fctzten Gew\u00e4sser boten einen markanten Kontrast zu den langen Hochseepassagen.\"\r\n      },\r\n      {\r\n        place: \"Kolumbien\",\r\n        country: \"Kolumbien\",\r\n        year: \"Etappe 13\",\r\n        region: \"KARIBISCHE K\u00dcSTE\",\r\n        x: 281,\r\n        y: 214,\r\n        labelX: 11,\r\n        labelY: 15,\r\n        labelAnchor: \"start\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-13-kolumbien-scaled.jpg\",\r\n        story: \"An der kolumbianischen Karibikk\u00fcste traf Pjotter auf s\u00fcdamerikanische Kultur und ein anspruchsvolles, lebendiges Seegebiet.\"\r\n      },\r\n      {\r\n        place: \"Costa Rica\",\r\n        country: \"Costa Rica\",\r\n        year: \"Etappe 14\",\r\n        region: \"MITTELAMERIKA\",\r\n        x: 262,\r\n        y: 215,\r\n        labelX: -11,\r\n        labelY: -9,\r\n        labelAnchor: \"end\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-14-costa-rica-scaled.jpg\",\r\n        story: \"Costa Rica brachte Pjotter an die K\u00fcste Mittelamerikas. Tropische Natur und gesch\u00fctzte Ankerpl\u00e4tze pr\u00e4gten diese Etappe.\"\r\n      },\r\n      {\r\n        place: \"Kuba\",\r\n        country: \"Kuba\",\r\n        year: \"Etappe 15\",\r\n        region: \"GROSSE ANTILLEN\",\r\n        x: 255,\r\n        y: 189,\r\n        labelX: -11,\r\n        labelY: -9,\r\n        labelAnchor: \"end\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-15-kuba-scaled.jpg\",\r\n        story: \"Kuba war eine der eindrucksvollen Stationen in den Gro\u00dfen Antillen. Die Insel verband Seefahrtsgeschichte mit unverwechselbarer Atmosph\u00e4re.\"\r\n      },\r\n      {\r\n        place: \"Turks & Caicos\",\r\n        country: \"Turks und Caicos\",\r\n        year: \"Etappe 16\",\r\n        region: \"TURKS UND CAICOS\",\r\n        x: 282,\r\n        y: 191,\r\n        labelX: 11,\r\n        labelY: 15,\r\n        labelAnchor: \"start\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-16-turkscaicos.jpg\",\r\n        story: \"Die flachen, klaren Gew\u00e4sser von Turks und Caicos verlangten aufmerksame Navigation. F\u00fcr Pjotter war es eine weitere besondere Inselpassage.\"\r\n      },\r\n      {\r\n        place: \"Bahamas\",\r\n        country: \"Bahamas\",\r\n        year: \"Etappe 17\",\r\n        region: \"BAHAMAS\",\r\n        x: 267,\r\n        y: 185,\r\n        labelX: -11,\r\n        labelY: 15,\r\n        labelAnchor: \"end\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-17-bahamas-scaled.jpg\",\r\n        story: \"In den Bahamas bewegte sich Pjotter zwischen hellem Sand, t\u00fcrkisfarbenem Wasser und weit auseinanderliegenden Inseln.\"\r\n      },\r\n      {\r\n        place: \"USA\",\r\n        country: \"Vereinigte Staaten\",\r\n        year: \"Etappe 18\",\r\n        region: \"NORDAMERIKA\",\r\n        x: 266,\r\n        y: 140,\r\n        labelX: -11,\r\n        labelY: -9,\r\n        labelAnchor: \"end\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-18-usa-scaled.jpg\",\r\n        story: \"Entlang der amerikanischen Ostk\u00fcste setzte Pjotter ihre Reise nach Norden fort. Die Route f\u00fchrte von warmen Gew\u00e4ssern in gem\u00e4\u00dfigte Breiten.\"\r\n      },\r\n      {\r\n        place: \"Kanada\",\r\n        country: \"Kanada\",\r\n        year: \"Etappe 19\",\r\n        region: \"NORDATLANTIK\",\r\n        x: 292,\r\n        y: 128,\r\n        labelX: 11,\r\n        labelY: -9,\r\n        labelAnchor: \"start\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-19-kanada-scaled.jpg\",\r\n        story: \"Kanada wurde zur letzten gro\u00dfen Station auf der westlichen Seite des Nordatlantiks. Von hier richtete sich Pjotters Bug wieder nach Europa.\"\r\n      },\r\n      {\r\n        place: \"Island\",\r\n        country: \"Island\",\r\n        year: \"Etappe 20\",\r\n        region: \"NORDATLANTIK\",\r\n        x: 402,\r\n        y: 65,\r\n        labelX: -11,\r\n        labelY: -9,\r\n        labelAnchor: \"end\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-20-island-scaled.jpg\",\r\n        story: \"Island war eine eindrucksvolle Etappe auf dem Weg \u00fcber den Nordatlantik. K\u00fchle Luft, offene See und eine raue K\u00fcstenlandschaft bestimmten das Bild.\"\r\n      },\r\n      {\r\n        place: \"F\u00e4r\u00f6er\",\r\n        country: \"F\u00e4r\u00f6er\",\r\n        year: \"Etappe 21\",\r\n        region: \"NORDATLANTIK\",\r\n        x: 446,\r\n        y: 72,\r\n        labelX: 11,\r\n        labelY: -9,\r\n        labelAnchor: \"start\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-21-faeroeer-scaled.jpg\",\r\n        story: \"Die F\u00e4r\u00f6er bildeten eine weitere markante Station zwischen Island und dem europ\u00e4ischen Festland. Pjotters Heimkehr r\u00fcckte nun n\u00e4her.\"\r\n      },\r\n      {\r\n        place: \"Amsterdam \u00b7 R\u00fcckkehr\",\r\n        country: \"Niederlande\",\r\n        year: \"Etappe 22\",\r\n        region: \"HEIMKEHR\",\r\n        x: 484,\r\n        y: 99,\r\n        labelX: 11,\r\n        labelY: -9,\r\n        labelAnchor: \"start\",\r\n        image: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/08\/pjotter-22-amsterdam-rueckkehr-scaled.jpg\",\r\n        story: \"Nach vielen L\u00e4ndern, Inseln und Ozeanpassagen kehrte Pjotter nach Amsterdam zur\u00fcck. Die Reise endete dort, wo sie begonnen hatte.\"\r\n      }\r\n    ];\r\n\r\n    const section = document.querySelector(\"[data-pjotter-journey]\");\r\n    const modal = document.querySelector(\".pjotter-journey-modal\");\r\n\r\n    if (!section || !modal || stations.length === 0) return;\r\n\r\n    const teaserLayer = section.querySelector('[data-map-layer=\"teaser\"]');\r\n    const modalLayer = modal.querySelector('[data-map-layer=\"modal\"]');\r\n\r\n    const openButtons = [\r\n      section.querySelector(\".pjotter-journey__open\"),\r\n      section.querySelector(\".pjotter-journey__map-button\")\r\n    ].filter(Boolean);\r\n\r\n    const closeButton = modal.querySelector(\r\n      \".pjotter-journey-modal__close\"\r\n    );\r\n\r\n    const previousButton = modal.querySelector(\r\n      \".pjotter-journey-modal__previous\"\r\n    );\r\n\r\n    const nextButton = modal.querySelector(\r\n      \".pjotter-journey-modal__next\"\r\n    );\r\n\r\n    const playButton = modal.querySelector(\r\n      \".pjotter-journey-modal__play\"\r\n    );\r\n\r\n    const playLabel = modal.querySelector(\"[data-play-label]\");\r\n    const counter = modal.querySelector(\"[data-journey-counter]\");\r\n    const stationNavigation = modal.querySelector(\"[data-station-navigation]\");\r\n    const storyImage = modal.querySelector(\"[data-story-image]\");\r\n    const storyImageNumber = modal.querySelector(\"[data-story-image-number]\");\r\n    const storyRegion = modal.querySelector(\"[data-story-region]\");\r\n    const storyPlace = modal.querySelector(\"[data-story-place]\");\r\n    const storyCountry = modal.querySelector(\"[data-story-country]\");\r\n    const storyYear = modal.querySelector(\"[data-story-year]\");\r\n    const storyText = modal.querySelector(\"[data-story-text]\");\r\n\r\n    function createSvgElement(name, attributes) {\r\n      const element = document.createElementNS(SVG_NS, name);\r\n\r\n      Object.keys(attributes || {}).forEach(function (key) {\r\n        element.setAttribute(key, attributes[key]);\r\n      });\r\n\r\n      return element;\r\n    }\r\n\r\n    function routePathData() {\r\n      return stations\r\n        .map(function (station, index) {\r\n          return (index === 0 ? \"M \" : \"L \") + station.x + \" \" + station.y;\r\n        })\r\n        .join(\" \");\r\n    }\r\n\r\n    function createPoint(station, index, showLabel) {\r\n      const group = createSvgElement(\"g\", {\r\n        class: \"pjotter-map-point\",\r\n        \"data-station-index\": String(index),\r\n        transform: \"translate(\" + station.x + \" \" + station.y + \")\"\r\n      });\r\n\r\n      const halo = createSvgElement(\"circle\", {\r\n        class: \"pjotter-map-point__halo\",\r\n        cx: \"0\",\r\n        cy: \"0\",\r\n        r: showLabel ? \"4.5\" : \"7.5\"\r\n      });\r\n\r\n      halo.style.animationDelay = (index * .55) + \"s\";\r\n\r\n      const core = createSvgElement(\"circle\", {\r\n        class: \"pjotter-map-point__core\",\r\n        cx: \"0\",\r\n        cy: \"0\",\r\n        r: showLabel ? \"2\" : \"3.2\"\r\n      });\r\n\r\n      group.appendChild(halo);\r\n      group.appendChild(core);\r\n\r\n      if (showLabel) {\r\n        const label = createSvgElement(\"text\", {\r\n          class: \"pjotter-map-point__label\",\r\n          x: String(station.labelX ?? 9),\r\n          y: String(station.labelY ?? -8),\r\n          \"text-anchor\": station.labelAnchor || \"start\"\r\n        });\r\n\r\n        label.textContent = station.place;\r\n        group.appendChild(label);\r\n      }\r\n\r\n      return group;\r\n    }\r\n\r\n    function buildTeaserMap() {\r\n      const pathData = routePathData();\r\n\r\n      const shadow = createSvgElement(\"path\", {\r\n        class: \"pjotter-route-shadow\",\r\n        d: pathData\r\n      });\r\n\r\n      const route = createSvgElement(\"path\", {\r\n        class: \"pjotter-route-line pjotter-route-line--teaser\",\r\n        d: pathData\r\n      });\r\n\r\n      teaserLayer.appendChild(shadow);\r\n      teaserLayer.appendChild(route);\r\n\r\n      const pointElements = stations.map(function (station, index) {\r\n        const point = createPoint(station, index, false);\r\n        teaserLayer.appendChild(point);\r\n        return point;\r\n      });\r\n\r\n      const boat = createSvgElement(\"use\", {\r\n        class: \"pjotter-route-boat\",\r\n        href: \"#pjotter-route-boat\",\r\n        \"aria-hidden\": \"true\"\r\n      });\r\n\r\n      teaserLayer.appendChild(boat);\r\n\r\n      return {\r\n        shadow: shadow,\r\n        route: route,\r\n        points: pointElements,\r\n        boat: boat\r\n      };\r\n    }\r\n\r\n    function buildModalMap() {\r\n      const pathData = routePathData();\r\n\r\n      const shadow = createSvgElement(\"path\", {\r\n        class: \"pjotter-route-shadow\",\r\n        d: pathData\r\n      });\r\n\r\n      const route = createSvgElement(\"path\", {\r\n        class: \"pjotter-route-line pjotter-route-line--progress\",\r\n        d: pathData\r\n      });\r\n\r\n      modalLayer.appendChild(shadow);\r\n      modalLayer.appendChild(route);\r\n\r\n      const pointElements = stations.map(function (station, index) {\r\n        const point = createPoint(station, index, true);\r\n        point.style.cursor = \"pointer\";\r\n        point.setAttribute(\"role\", \"button\");\r\n        point.setAttribute(\"tabindex\", \"0\");\r\n        point.setAttribute(\"aria-label\", station.place + \" anzeigen\");\r\n\r\n        point.addEventListener(\"click\", function () {\r\n          pauseJourney();\r\n          showStation(index, true);\r\n        });\r\n\r\n        point.addEventListener(\"keydown\", function (event) {\r\n          if (event.key === \"Enter\" || event.key === \" \") {\r\n            event.preventDefault();\r\n            pauseJourney();\r\n            showStation(index, true);\r\n          }\r\n        });\r\n\r\n        modalLayer.appendChild(point);\r\n        return point;\r\n      });\r\n\r\n      const boat = createSvgElement(\"use\", {\r\n        class: \"pjotter-route-boat\",\r\n        href: \"#pjotter-route-boat\"\r\n      });\r\n\r\n      modalLayer.appendChild(boat);\r\n\r\n      return {\r\n        route: route,\r\n        points: pointElements,\r\n        boat: boat\r\n      };\r\n    }\r\n\r\n    const teaserMap = buildTeaserMap();\r\n    const startButton = section.querySelector(\"[data-journey-start]\");\r\n    const startLabel = section.querySelector(\"[data-journey-start-label]\");\r\n    const stationElements = Array.from(\r\n      section.querySelectorAll(\"[data-journey-stations] span\")\r\n    );\r\n    const liveRegion = section.querySelector(\"[data-journey-live]\");\r\n    const journeyImpression = section.querySelector(\r\n      \"[data-journey-impression]\"\r\n    );\r\n    const journeyImages = [\r\n      section.querySelector(\"[data-journey-image-a]\"),\r\n      section.querySelector(\"[data-journey-image-b]\")\r\n    ].filter(Boolean);\r\n    const journeyImagePlace = section.querySelector(\r\n      \"[data-journey-image-place]\"\r\n    );\r\n    const journeyImageCredit = section.querySelector(\r\n      \"[data-journey-image-credit]\"\r\n    );\r\n    const journeyCreditAuthor = section.querySelector(\r\n      \"[data-journey-credit-author]\"\r\n    );\r\n    const journeyCreditEdit = section.querySelector(\r\n      \"[data-journey-credit-edit]\"\r\n    );\r\n    const journeyCreditLicense = section.querySelector(\r\n      \"[data-journey-credit-license]\"\r\n    );\r\n\r\n    const teaserReducedMotion = window.matchMedia(\r\n      \"(prefers-reduced-motion: reduce)\"\r\n    ).matches;\r\n    const teaserTouchLike = window.matchMedia(\r\n      \"(max-width: 1050px), (hover: none) and (pointer: coarse)\"\r\n    ).matches;\r\n    const teaserFirstStationDwell = 1800;\r\n\r\n    \/*\r\n      Mobile Browser rasterisieren SVG-Filter und Masken w\u00e4hrend Pinch-Zoom\r\n      fortlaufend neu. Die Klasse reduziert w\u00e4hrend der Geste zus\u00e4tzlich die\r\n      \u00dcberg\u00e4nge und wird kurz nach dem letzten Zoom-Event wieder entfernt.\r\n    *\/\r\n    let pinchZoomTimer = null;\r\n\r\n    function markPinchZooming() {\r\n      if (!teaserTouchLike) return;\r\n\r\n      section.classList.add(\"is-pinch-zooming\");\r\n      window.clearTimeout(pinchZoomTimer);\r\n      pinchZoomTimer = window.setTimeout(function () {\r\n        section.classList.remove(\"is-pinch-zooming\");\r\n      }, 260);\r\n    }\r\n\r\n    section.addEventListener(\"touchstart\", function (event) {\r\n      if (event.touches && event.touches.length > 1) {\r\n        markPinchZooming();\r\n      }\r\n    }, { passive: true });\r\n\r\n    section.addEventListener(\"touchmove\", function (event) {\r\n      if (event.touches && event.touches.length > 1) {\r\n        markPinchZooming();\r\n      }\r\n    }, { passive: true });\r\n\r\n    section.addEventListener(\"touchend\", function () {\r\n      if (teaserTouchLike) {\r\n        window.clearTimeout(pinchZoomTimer);\r\n        pinchZoomTimer = window.setTimeout(function () {\r\n          section.classList.remove(\"is-pinch-zooming\");\r\n        }, 260);\r\n      }\r\n    }, { passive: true });\r\n\r\n    if (window.visualViewport) {\r\n      window.visualViewport.addEventListener(\"resize\", function () {\r\n        if (Math.abs(window.visualViewport.scale - 1) > .02) {\r\n          markPinchZooming();\r\n        }\r\n      }, { passive: true });\r\n    }\r\n\r\n    const teaserSegmentLengths = [0];\r\n    let teaserCalculatedLength = 0;\r\n\r\n    for (let index = 1; index < stations.length; index += 1) {\r\n      const previous = stations[index - 1];\r\n      const current = stations[index];\r\n\r\n      teaserCalculatedLength += Math.hypot(\r\n        current.x - previous.x,\r\n        current.y - previous.y\r\n      );\r\n\r\n      teaserSegmentLengths.push(teaserCalculatedLength);\r\n    }\r\n\r\n    const teaserTotalLength = teaserMap.route.getTotalLength();\r\n    const teaserStationLengths = teaserSegmentLengths.map(function (length) {\r\n      if (teaserCalculatedLength === 0) return 0;\r\n      return teaserTotalLength * (length \/ teaserCalculatedLength);\r\n    });\r\n\r\n    const teaserSegmentDurations = stations.map(function (station, index) {\r\n      if (index === 0) return 0;\r\n\r\n      const previous = stations[index - 1];\r\n      const distance = Math.hypot(\r\n        station.x - previous.x,\r\n        station.y - previous.y\r\n      );\r\n\r\n      return Math.min(1600, Math.max(520, distance * 22));\r\n    });\r\n\r\n    let teaserAnimationFrame = null;\r\n    let teaserDwellTimer = null;\r\n    let teaserRunning = false;\r\n    let teaserPaused = false;\r\n    let teaserCompleted = false;\r\n    let teaserPhase = \"idle\";\r\n    let teaserCurrentReachedIndex = 0;\r\n    let teaserTargetIndex = 1;\r\n    let teaserCurrentLength = 0;\r\n    let teaserSegmentStartLength = 0;\r\n    let teaserSegmentEndLength = 0;\r\n    let teaserSegmentDuration = 0;\r\n    let teaserSegmentStartedAt = 0;\r\n    let teaserDwellRemaining = 0;\r\n    let teaserDwellStartedAt = 0;\r\n    let journeyActiveImageIndex = -1;\r\n    let journeyImageRequestToken = 0;\r\n    let journeyImageCleanupTimer = null;\r\n    const journeyPreloadedImages = new Set();\r\n\r\n    function setTeaserBoatAtLength(length) {\r\n      const safeLength = Math.max(\r\n        0,\r\n        Math.min(teaserTotalLength, length)\r\n      );\r\n      const point = teaserMap.route.getPointAtLength(safeLength);\r\n      const directionLength = safeLength < teaserTotalLength - 2\r\n        ? safeLength + 2\r\n        : Math.max(0, safeLength - 2);\r\n      const directionPoint = teaserMap.route.getPointAtLength(directionLength);\r\n\r\n      let angle = Math.atan2(\r\n        directionPoint.y - point.y,\r\n        directionPoint.x - point.x\r\n      ) * 180 \/ Math.PI;\r\n\r\n      if (directionLength < safeLength) {\r\n        angle += 180;\r\n      }\r\n\r\n      teaserMap.boat.setAttribute(\r\n        \"transform\",\r\n        \"translate(\" + point.x + \" \" + point.y + \") rotate(\" +\r\n          angle + \") scale(.72)\"\r\n      );\r\n    }\r\n\r\n    function updateJourneyImageCredit(station) {\r\n      if (journeyImagePlace) {\r\n        journeyImagePlace.textContent = station ? station.place : \"\";\r\n      }\r\n\r\n      if (!journeyImageCredit) return;\r\n\r\n      const hasCredit = Boolean(\r\n        station &&\r\n        station.creditAuthor &&\r\n        station.creditAuthorUrl &&\r\n        station.creditLicense &&\r\n        station.creditLicenseUrl\r\n      );\r\n\r\n      journeyImageCredit.hidden = !hasCredit;\r\n\r\n      if (!hasCredit) {\r\n        if (journeyCreditAuthor) {\r\n          journeyCreditAuthor.textContent = \"\";\r\n          journeyCreditAuthor.removeAttribute(\"href\");\r\n        }\r\n\r\n        if (journeyCreditEdit) {\r\n          journeyCreditEdit.textContent = \"\";\r\n        }\r\n\r\n        if (journeyCreditLicense) {\r\n          journeyCreditLicense.textContent = \"\";\r\n          journeyCreditLicense.removeAttribute(\"href\");\r\n        }\r\n\r\n        return;\r\n      }\r\n\r\n      if (journeyCreditAuthor) {\r\n        journeyCreditAuthor.textContent = station.creditAuthor;\r\n        journeyCreditAuthor.href = station.creditAuthorUrl;\r\n      }\r\n\r\n      if (journeyCreditEdit) {\r\n        journeyCreditEdit.textContent = station.creditEdit || \"unver\u00e4ndert\";\r\n      }\r\n\r\n      if (journeyCreditLicense) {\r\n        journeyCreditLicense.textContent = station.creditLicense;\r\n        journeyCreditLicense.href = station.creditLicenseUrl;\r\n      }\r\n    }\r\n\r\n    function preloadJourneyImage(index) {\r\n      const station = stations[index];\r\n\r\n      if (\r\n        !station ||\r\n        !station.image ||\r\n        journeyPreloadedImages.has(station.image)\r\n      ) {\r\n        return;\r\n      }\r\n\r\n      journeyPreloadedImages.add(station.image);\r\n\r\n      const preloadImage = new Image();\r\n      preloadImage.decoding = \"async\";\r\n      preloadImage.src = station.image;\r\n    }\r\n\r\n    function showJourneyImpression(index) {\r\n      const station = stations[index];\r\n\r\n      if (\r\n        !journeyImpression ||\r\n        journeyImages.length < 2 ||\r\n        !station ||\r\n        !station.image\r\n      ) {\r\n        return;\r\n      }\r\n\r\n      const requestToken = ++journeyImageRequestToken;\r\n      const nextImageIndex = journeyActiveImageIndex === 0 ? 1 : 0;\r\n      const nextImage = journeyImages[nextImageIndex];\r\n\r\n      function activateImage() {\r\n        if (requestToken !== journeyImageRequestToken) return;\r\n\r\n        journeyImages.forEach(function (image, imageIndex) {\r\n          image.classList.toggle(\"is-active\", imageIndex === nextImageIndex);\r\n        });\r\n\r\n        journeyActiveImageIndex = nextImageIndex;\r\n        updateJourneyImageCredit(station);\r\n        journeyImpression.classList.add(\"is-visible\");\r\n        preloadJourneyImage(index + 1);\r\n\r\n        \/*\r\n          Nach dem Crossfade wird das nicht mehr sichtbare Bild aus dem DOM-\r\n          Decoder gel\u00f6st. Dadurch bleiben auf Mobilger\u00e4ten nicht unn\u00f6tig zwei\r\n          gro\u00dfe JPGs dauerhaft als GPU-Texturen erhalten.\r\n        *\/\r\n        window.clearTimeout(journeyImageCleanupTimer);\r\n        journeyImageCleanupTimer = window.setTimeout(function () {\r\n          journeyImages.forEach(function (image, imageIndex) {\r\n            if (imageIndex !== journeyActiveImageIndex) {\r\n              image.removeAttribute(\"src\");\r\n            }\r\n          });\r\n        }, 1150);\r\n      }\r\n\r\n      nextImage.onload = activateImage;\r\n      nextImage.onerror = function () {\r\n        if (requestToken !== journeyImageRequestToken) return;\r\n\r\n        if (journeyActiveImageIndex < 0) {\r\n          journeyImpression.classList.remove(\"is-visible\");\r\n        }\r\n      };\r\n      nextImage.src = station.image;\r\n\r\n      if (nextImage.complete && nextImage.naturalWidth > 0) {\r\n        activateImage();\r\n      }\r\n    }\r\n\r\n    function hideJourneyImpression() {\r\n      journeyImageRequestToken += 1;\r\n      journeyActiveImageIndex = -1;\r\n      window.clearTimeout(journeyImageCleanupTimer);\r\n      journeyImageCleanupTimer = null;\r\n\r\n      if (journeyImpression) {\r\n        journeyImpression.classList.remove(\"is-visible\");\r\n      }\r\n\r\n      journeyImages.forEach(function (image) {\r\n        image.classList.remove(\"is-active\");\r\n        image.onload = null;\r\n        image.onerror = null;\r\n      });\r\n\r\n      updateJourneyImageCredit(null);\r\n    }\r\n\r\n    function revealTeaserStation(index) {\r\n      teaserMap.points.forEach(function (point, pointIndex) {\r\n        point.classList.toggle(\"is-active\", pointIndex === index);\r\n\r\n        if (pointIndex <= index) {\r\n          point.classList.add(\"is-visited\");\r\n        }\r\n      });\r\n\r\n      stationElements.forEach(function (element, elementIndex) {\r\n        element.classList.toggle(\"is-active\", elementIndex === index);\r\n\r\n        if (elementIndex <= index) {\r\n          element.classList.add(\"is-visible\");\r\n          element.setAttribute(\"aria-hidden\", \"false\");\r\n        }\r\n      });\r\n\r\n      showJourneyImpression(index);\r\n\r\n      if (liveRegion && stations[index]) {\r\n        liveRegion.textContent = stations[index].place + \" erreicht\";\r\n      }\r\n    }\r\n\r\n    function updateTeaserButton(mode) {\r\n      if (!startButton || !startLabel) return;\r\n\r\n      startButton.disabled = false;\r\n      startButton.classList.toggle(\"is-control-pause\", mode === \"pause\");\r\n\r\n      if (mode === \"pause\") {\r\n        startLabel.textContent = \"Pause\";\r\n        startButton.setAttribute(\"aria-label\", \"Pjotters Reise pausieren\");\r\n        return;\r\n      }\r\n\r\n      if (mode === \"resume\") {\r\n        startLabel.textContent = \"Weiter\";\r\n        startButton.setAttribute(\"aria-label\", \"Pjotters Reise fortsetzen\");\r\n        return;\r\n      }\r\n\r\n      if (mode === \"restart\") {\r\n        startLabel.textContent = \"Reise erneut starten\";\r\n        startButton.setAttribute(\"aria-label\", \"Pjotters Reise neu starten\");\r\n        return;\r\n      }\r\n\r\n      startLabel.textContent = \"Pjotters Reise starten\";\r\n      startButton.setAttribute(\"aria-label\", \"Pjotters Reise starten\");\r\n    }\r\n\r\n    function setTeaserProgressLength(length) {\r\n      teaserCurrentLength = Math.max(\r\n        0,\r\n        Math.min(teaserTotalLength, length)\r\n      );\r\n\r\n      teaserMap.route.style.strokeDashoffset = String(\r\n        teaserTotalLength - teaserCurrentLength\r\n      );\r\n      teaserMap.shadow.style.strokeDashoffset = String(\r\n        teaserTotalLength - teaserCurrentLength\r\n      );\r\n      setTeaserBoatAtLength(teaserCurrentLength);\r\n    }\r\n\r\n    function resetTeaserJourney() {\r\n      teaserRunning = false;\r\n      teaserPaused = false;\r\n      teaserCompleted = false;\r\n      teaserPhase = \"idle\";\r\n      teaserCurrentReachedIndex = 0;\r\n      teaserTargetIndex = 1;\r\n      teaserCurrentLength = 0;\r\n      teaserSegmentStartLength = 0;\r\n      teaserSegmentEndLength = 0;\r\n      teaserSegmentDuration = 0;\r\n      teaserSegmentStartedAt = 0;\r\n      teaserDwellRemaining = 0;\r\n      teaserDwellStartedAt = 0;\r\n\r\n      if (teaserAnimationFrame) {\r\n        window.cancelAnimationFrame(teaserAnimationFrame);\r\n        teaserAnimationFrame = null;\r\n      }\r\n\r\n      window.clearTimeout(teaserDwellTimer);\r\n      teaserDwellTimer = null;\r\n      hideJourneyImpression();\r\n\r\n      section.classList.remove(\r\n        \"is-journey-running\",\r\n        \"is-journey-paused\",\r\n        \"is-journey-complete\"\r\n      );\r\n      section.setAttribute(\"aria-busy\", \"false\");\r\n\r\n      teaserMap.route.style.strokeDasharray = String(teaserTotalLength);\r\n      teaserMap.route.style.strokeDashoffset = String(teaserTotalLength);\r\n      teaserMap.shadow.style.strokeDasharray = String(teaserTotalLength);\r\n      teaserMap.shadow.style.strokeDashoffset = String(teaserTotalLength);\r\n\r\n      teaserMap.points.forEach(function (point, index) {\r\n        point.classList.remove(\"is-active\", \"is-visited\");\r\n\r\n        if (index === 0) {\r\n          point.classList.add(\"is-visited\");\r\n        }\r\n      });\r\n\r\n      stationElements.forEach(function (element, index) {\r\n        element.classList.remove(\"is-active\", \"is-visible\");\r\n        element.setAttribute(\"aria-hidden\", index === 0 ? \"false\" : \"true\");\r\n\r\n        if (index === 0) {\r\n          element.classList.add(\"is-visible\");\r\n        }\r\n      });\r\n\r\n      setTeaserBoatAtLength(0);\r\n      updateTeaserButton(\"start\");\r\n\r\n      if (liveRegion) {\r\n        liveRegion.textContent = \"\";\r\n      }\r\n    }\r\n\r\n    function completeTeaserJourney() {\r\n      teaserRunning = false;\r\n      teaserPaused = false;\r\n      teaserCompleted = true;\r\n      teaserPhase = \"complete\";\r\n      teaserAnimationFrame = null;\r\n      window.clearTimeout(teaserDwellTimer);\r\n      teaserDwellTimer = null;\r\n\r\n      \/*\r\n       * Die Route und alle besuchten Punkte bleiben sichtbar. Nur das Layout\r\n       * kehrt in seine Ausgangsstellung zur\u00fcck: Kugel wieder gro\u00df, Deckfoto\r\n       * wieder sichtbar, Reiseimpression ausgeblendet.\r\n       *\/\r\n      section.classList.remove(\"is-journey-running\", \"is-journey-paused\");\r\n      section.classList.add(\"is-journey-complete\");\r\n      section.setAttribute(\"aria-busy\", \"false\");\r\n      hideJourneyImpression();\r\n      updateTeaserButton(\"restart\");\r\n\r\n      if (liveRegion) {\r\n        liveRegion.textContent =\r\n          \"Pjotter ist nach 22 Stationen nach Amsterdam zur\u00fcckgekehrt\";\r\n      }\r\n    }\r\n\r\n    function showCompleteTeaserJourney() {\r\n      setTeaserProgressLength(teaserTotalLength);\r\n      revealTeaserStation(stations.length - 1);\r\n      teaserCurrentReachedIndex = stations.length - 1;\r\n      completeTeaserJourney();\r\n    }\r\n\r\n    function scheduleTeaserDwell(delay, nextTargetIndex) {\r\n      if (!teaserRunning) return;\r\n\r\n      teaserPhase = \"dwell\";\r\n      teaserTargetIndex = nextTargetIndex;\r\n      teaserDwellRemaining = Math.max(0, delay);\r\n      teaserDwellStartedAt = performance.now();\r\n\r\n      window.clearTimeout(teaserDwellTimer);\r\n      teaserDwellTimer = window.setTimeout(function () {\r\n        teaserDwellTimer = null;\r\n        teaserDwellRemaining = 0;\r\n\r\n        if (!teaserRunning) return;\r\n        animateTeaserSegment(nextTargetIndex);\r\n      }, teaserDwellRemaining);\r\n    }\r\n\r\n    function segmentProgressAt(now) {\r\n      if (teaserSegmentDuration <= 0) return 1;\r\n      return Math.min(\r\n        1,\r\n        Math.max(0, (now - teaserSegmentStartedAt) \/ teaserSegmentDuration)\r\n      );\r\n    }\r\n\r\n    function easedTeaserProgress(rawProgress) {\r\n      return rawProgress < .5\r\n        ? 2 * rawProgress * rawProgress\r\n        : 1 - Math.pow(-2 * rawProgress + 2, 2) \/ 2;\r\n    }\r\n\r\n    function updateCurrentSegmentAt(now) {\r\n      const rawProgress = segmentProgressAt(now);\r\n      const easedProgress = easedTeaserProgress(rawProgress);\r\n      const currentLength = teaserSegmentStartLength +\r\n        (teaserSegmentEndLength - teaserSegmentStartLength) * easedProgress;\r\n\r\n      setTeaserProgressLength(currentLength);\r\n      return rawProgress;\r\n    }\r\n\r\n    function animateTeaserSegment(targetIndex, resumeFromLength, resumeDuration) {\r\n      if (!teaserRunning) return;\r\n\r\n      teaserPhase = \"segment\";\r\n      teaserTargetIndex = targetIndex;\r\n      teaserSegmentStartLength = typeof resumeFromLength === \"number\"\r\n        ? resumeFromLength\r\n        : teaserStationLengths[targetIndex - 1];\r\n      teaserSegmentEndLength = teaserStationLengths[targetIndex];\r\n      teaserSegmentDuration = typeof resumeDuration === \"number\"\r\n        ? Math.max(80, resumeDuration)\r\n        : teaserSegmentDurations[targetIndex];\r\n      teaserSegmentStartedAt = performance.now();\r\n\r\n      function frame(now) {\r\n        if (!teaserRunning) return;\r\n\r\n        const rawProgress = updateCurrentSegmentAt(now);\r\n\r\n        if (rawProgress < 1) {\r\n          teaserAnimationFrame = window.requestAnimationFrame(frame);\r\n          return;\r\n        }\r\n\r\n        teaserAnimationFrame = null;\r\n        teaserCurrentReachedIndex = targetIndex;\r\n        setTeaserProgressLength(teaserSegmentEndLength);\r\n        revealTeaserStation(targetIndex);\r\n\r\n        if (targetIndex >= stations.length - 1) {\r\n          completeTeaserJourney();\r\n          return;\r\n        }\r\n\r\n        scheduleTeaserDwell(1250, targetIndex + 1);\r\n      }\r\n\r\n      teaserAnimationFrame = window.requestAnimationFrame(frame);\r\n    }\r\n\r\n    function pauseTeaserJourney() {\r\n      if (!teaserRunning || teaserCompleted) return;\r\n\r\n      const now = performance.now();\r\n\r\n      if (teaserPhase === \"segment\") {\r\n        const rawProgress = updateCurrentSegmentAt(now);\r\n        const remainingFraction = Math.max(0, 1 - rawProgress);\r\n        teaserSegmentDuration = Math.max(\r\n          80,\r\n          teaserSegmentDuration * remainingFraction\r\n        );\r\n        teaserSegmentStartLength = teaserCurrentLength;\r\n      } else if (teaserPhase === \"dwell\") {\r\n        teaserDwellRemaining = Math.max(\r\n          0,\r\n          teaserDwellRemaining - (now - teaserDwellStartedAt)\r\n        );\r\n      }\r\n\r\n      teaserRunning = false;\r\n      teaserPaused = true;\r\n\r\n      if (teaserAnimationFrame) {\r\n        window.cancelAnimationFrame(teaserAnimationFrame);\r\n        teaserAnimationFrame = null;\r\n      }\r\n\r\n      window.clearTimeout(teaserDwellTimer);\r\n      teaserDwellTimer = null;\r\n\r\n      section.classList.add(\"is-journey-paused\");\r\n      section.setAttribute(\"aria-busy\", \"false\");\r\n      updateTeaserButton(\"resume\");\r\n\r\n      if (liveRegion) {\r\n        liveRegion.textContent = \"Pjotters Reise pausiert\";\r\n      }\r\n    }\r\n\r\n    function resumeTeaserJourney() {\r\n      if (!teaserPaused || teaserCompleted) return;\r\n\r\n      teaserRunning = true;\r\n      teaserPaused = false;\r\n      section.classList.remove(\"is-journey-paused\");\r\n      section.classList.add(\"is-journey-running\");\r\n      section.setAttribute(\"aria-busy\", \"true\");\r\n      updateTeaserButton(\"pause\");\r\n\r\n      if (liveRegion) {\r\n        liveRegion.textContent = \"Pjotters Reise wird fortgesetzt\";\r\n      }\r\n\r\n      if (teaserPhase === \"segment\") {\r\n        animateTeaserSegment(\r\n          teaserTargetIndex,\r\n          teaserCurrentLength,\r\n          teaserSegmentDuration\r\n        );\r\n        return;\r\n      }\r\n\r\n      if (teaserPhase === \"dwell\") {\r\n        scheduleTeaserDwell(teaserDwellRemaining, teaserTargetIndex);\r\n      }\r\n    }\r\n\r\n    function startTeaserJourney() {\r\n      if (teaserRunning) {\r\n        pauseTeaserJourney();\r\n        return;\r\n      }\r\n\r\n      if (teaserPaused) {\r\n        resumeTeaserJourney();\r\n        return;\r\n      }\r\n\r\n      \/* Nach einer abgeschlossenen Reise wird die alte Route erst jetzt\r\n         gel\u00f6scht und die komplette Animation beginnt wieder bei Station 1. *\/\r\n      resetTeaserJourney();\r\n      void section.offsetWidth;\r\n\r\n      section.classList.add(\"is-journey-running\");\r\n      section.setAttribute(\"aria-busy\", \"true\");\r\n      teaserRunning = true;\r\n      teaserPaused = false;\r\n      teaserCompleted = false;\r\n      teaserPhase = \"dwell\";\r\n      teaserCurrentReachedIndex = 0;\r\n      teaserCurrentLength = 0;\r\n      revealTeaserStation(0);\r\n      updateTeaserButton(\"pause\");\r\n\r\n      if (teaserReducedMotion) {\r\n        showCompleteTeaserJourney();\r\n        return;\r\n      }\r\n\r\n      scheduleTeaserDwell(teaserFirstStationDwell, 1);\r\n    }\r\n\r\n    resetTeaserJourney();\r\n    preloadJourneyImage(0);\r\n\r\n    if (startButton) {\r\n      startButton.addEventListener(\"click\", startTeaserJourney);\r\n    }\r\n\r\n    return;\r\n\r\n    const segmentLengths = [0];\r\n    let calculatedLength = 0;\r\n\r\n    for (let index = 1; index < stations.length; index += 1) {\r\n      const previous = stations[index - 1];\r\n      const current = stations[index];\r\n      const distance = Math.hypot(\r\n        current.x - previous.x,\r\n        current.y - previous.y\r\n      );\r\n\r\n      calculatedLength += distance;\r\n      segmentLengths.push(calculatedLength);\r\n    }\r\n\r\n    const totalLength = modalMap.route.getTotalLength();\r\n\r\n    modalMap.route.style.strokeDasharray = String(totalLength);\r\n    modalMap.route.style.strokeDashoffset = String(totalLength);\r\n    modalMap.route.style.transition = \"stroke-dashoffset 1.55s ease\";\r\n\r\n    const chipElements = stations.map(function (station, index) {\r\n      const chip = document.createElement(\"button\");\r\n      chip.className = \"pjotter-station-chip\";\r\n      chip.type = \"button\";\r\n      chip.textContent = (index + 1) + \" \u00b7 \" + station.place;\r\n\r\n      chip.addEventListener(\"click\", function () {\r\n        pauseJourney();\r\n        showStation(index, true);\r\n      });\r\n\r\n      stationNavigation.appendChild(chip);\r\n      return chip;\r\n    });\r\n\r\n    let currentIndex = 0;\r\n    let currentRouteLength = 0;\r\n    let isPlaying = true;\r\n    let autoplayTimer = null;\r\n    let boatAnimationFrame = null;\r\n    let lastFocusedElement = null;\r\n\r\n    const prefersReducedMotion = window.matchMedia(\r\n      \"(prefers-reduced-motion: reduce)\"\r\n    ).matches;\r\n\r\n    function padNumber(number) {\r\n      return String(number).padStart(2, \"0\");\r\n    }\r\n\r\n    function updateStory(index) {\r\n      const station = stations[index];\r\n\r\n      counter.textContent =\r\n        padNumber(index + 1) + \" \/ \" + padNumber(stations.length);\r\n\r\n      storyImageNumber.textContent = padNumber(index + 1);\r\n      storyRegion.textContent = station.region;\r\n      storyPlace.textContent = station.place;\r\n      storyCountry.textContent = station.country;\r\n      storyYear.textContent = station.year;\r\n      storyText.textContent = station.story;\r\n\r\n      if (station.image && station.image.trim() !== \"\") {\r\n        storyImage.style.backgroundImage =\r\n          \"linear-gradient(0deg, rgba(3,15,26,.34), rgba(3,15,26,.02)), url('\" +\r\n          station.image.replace(\/'\/g, \"%27\") +\r\n          \"')\";\r\n      } else {\r\n        storyImage.style.backgroundImage = \"\";\r\n      }\r\n\r\n      modalMap.points.forEach(function (point, pointIndex) {\r\n        point.classList.toggle(\"is-visited\", pointIndex <= index);\r\n        point.classList.toggle(\"is-active\", pointIndex === index);\r\n      });\r\n\r\n      chipElements.forEach(function (chip, chipIndex) {\r\n        chip.classList.toggle(\"is-active\", chipIndex === index);\r\n      });\r\n\r\n      const activeChip = chipElements[index];\r\n      if (activeChip && typeof activeChip.scrollIntoView === \"function\") {\r\n        activeChip.scrollIntoView({\r\n          behavior: prefersReducedMotion ? \"auto\" : \"smooth\",\r\n          block: \"nearest\",\r\n          inline: \"center\"\r\n        });\r\n      }\r\n    }\r\n\r\n    function setBoatAtLength(length) {\r\n      const safeLength = Math.max(0, Math.min(totalLength, length));\r\n      const point = modalMap.route.getPointAtLength(safeLength);\r\n      const nextPoint = modalMap.route.getPointAtLength(\r\n        Math.min(totalLength, safeLength + 2)\r\n      );\r\n\r\n      const angle = Math.atan2(\r\n        nextPoint.y - point.y,\r\n        nextPoint.x - point.x\r\n      ) * 180 \/ Math.PI;\r\n\r\n      modalMap.boat.setAttribute(\r\n        \"transform\",\r\n        \"translate(\" + point.x + \" \" + point.y + \") rotate(\" +\r\n          angle + \") scale(.55)\"\r\n      );\r\n    }\r\n\r\n    function animateBoat(fromLength, toLength, duration) {\r\n      if (boatAnimationFrame) {\r\n        window.cancelAnimationFrame(boatAnimationFrame);\r\n      }\r\n\r\n      if (prefersReducedMotion || duration === 0) {\r\n        setBoatAtLength(toLength);\r\n        return;\r\n      }\r\n\r\n      const startedAt = performance.now();\r\n\r\n      function frame(now) {\r\n        const rawProgress = Math.min(1, (now - startedAt) \/ duration);\r\n        const easedProgress = 1 - Math.pow(1 - rawProgress, 3);\r\n        const length = fromLength +\r\n          (toLength - fromLength) * easedProgress;\r\n\r\n        setBoatAtLength(length);\r\n\r\n        if (rawProgress < 1) {\r\n          boatAnimationFrame = window.requestAnimationFrame(frame);\r\n        }\r\n      }\r\n\r\n      boatAnimationFrame = window.requestAnimationFrame(frame);\r\n    }\r\n\r\n    function stationRouteLength(index) {\r\n      if (calculatedLength === 0) return 0;\r\n      return totalLength * (segmentLengths[index] \/ calculatedLength);\r\n    }\r\n\r\n    function showStation(index, animate) {\r\n      currentIndex =\r\n        (index + stations.length) % stations.length;\r\n\r\n      const targetLength = stationRouteLength(currentIndex);\r\n\r\n      updateStory(currentIndex);\r\n\r\n      modalMap.route.style.transitionDuration =\r\n        animate && !prefersReducedMotion ? \"1.55s\" : \"0s\";\r\n\r\n      modalMap.route.style.strokeDashoffset =\r\n        String(totalLength - targetLength);\r\n\r\n      animateBoat(\r\n        currentRouteLength,\r\n        targetLength,\r\n        animate ? 1450 : 0\r\n      );\r\n\r\n      currentRouteLength = targetLength;\r\n\r\n      if (isPlaying) {\r\n        scheduleNextStation();\r\n      }\r\n    }\r\n\r\n    function scheduleNextStation() {\r\n      window.clearTimeout(autoplayTimer);\r\n\r\n      if (!isPlaying) return;\r\n\r\n      autoplayTimer = window.setTimeout(function () {\r\n        if (currentIndex >= stations.length - 1) {\r\n          pauseJourney();\r\n          return;\r\n        }\r\n\r\n        showStation(currentIndex + 1, true);\r\n      }, currentIndex === 0 ? 2200 : 4600);\r\n    }\r\n\r\n    function updatePlayButton() {\r\n      playButton.classList.toggle(\"is-paused\", !isPlaying);\r\n      playButton.setAttribute(\r\n        \"aria-label\",\r\n        isPlaying\r\n          ? \"Automatische Reise pausieren\"\r\n          : \"Automatische Reise fortsetzen\"\r\n      );\r\n      playLabel.textContent = isPlaying ? \"Pause\" : \"Weiter\";\r\n    }\r\n\r\n    function pauseJourney() {\r\n      isPlaying = false;\r\n      window.clearTimeout(autoplayTimer);\r\n      updatePlayButton();\r\n    }\r\n\r\n    function playJourney() {\r\n      if (currentIndex >= stations.length - 1) {\r\n        currentRouteLength = 0;\r\n        showStation(0, false);\r\n      }\r\n\r\n      isPlaying = true;\r\n      updatePlayButton();\r\n      scheduleNextStation();\r\n    }\r\n\r\n    function openJourney() {\r\n      lastFocusedElement = document.activeElement;\r\n      modal.classList.add(\"is-open\");\r\n      modal.setAttribute(\"aria-hidden\", \"false\");\r\n      document.body.classList.add(\"pjotter-journey-open\");\r\n\r\n      currentIndex = 0;\r\n      currentRouteLength = 0;\r\n      isPlaying = !prefersReducedMotion;\r\n      showStation(0, false);\r\n      updatePlayButton();\r\n\r\n      if (isPlaying) {\r\n        scheduleNextStation();\r\n      }\r\n\r\n      closeButton.focus();\r\n    }\r\n\r\n    function closeJourney() {\r\n      pauseJourney();\r\n      modal.classList.remove(\"is-open\");\r\n      modal.setAttribute(\"aria-hidden\", \"true\");\r\n      document.body.classList.remove(\"pjotter-journey-open\");\r\n\r\n      if (boatAnimationFrame) {\r\n        window.cancelAnimationFrame(boatAnimationFrame);\r\n      }\r\n\r\n      if (lastFocusedElement) {\r\n        lastFocusedElement.focus();\r\n      }\r\n    }\r\n\r\n    openButtons.forEach(function (button) {\r\n      button.addEventListener(\"click\", openJourney);\r\n    });\r\n\r\n    closeButton.addEventListener(\"click\", closeJourney);\r\n\r\n    previousButton.addEventListener(\"click\", function () {\r\n      pauseJourney();\r\n      showStation(currentIndex - 1, true);\r\n    });\r\n\r\n    nextButton.addEventListener(\"click\", function () {\r\n      pauseJourney();\r\n      showStation(currentIndex + 1, true);\r\n    });\r\n\r\n    playButton.addEventListener(\"click\", function () {\r\n      if (isPlaying) {\r\n        pauseJourney();\r\n      } else {\r\n        playJourney();\r\n      }\r\n    });\r\n\r\n    modal.addEventListener(\"click\", function (event) {\r\n      if (event.target === modal) {\r\n        closeJourney();\r\n      }\r\n    });\r\n\r\n    document.addEventListener(\"keydown\", function (event) {\r\n      if (!modal.classList.contains(\"is-open\")) return;\r\n\r\n      if (event.key === \"Escape\") {\r\n        closeJourney();\r\n      }\r\n\r\n      if (event.key === \"ArrowLeft\") {\r\n        pauseJourney();\r\n        showStation(currentIndex - 1, true);\r\n      }\r\n\r\n      if (event.key === \"ArrowRight\") {\r\n        pauseJourney();\r\n        showStation(currentIndex + 1, true);\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>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29918d0 e-flex e-con-boxed e-con e-parent\" data-id=\"29918d0\" 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-9534aa1 elementor-widget elementor-widget-html\" data-id=\"9534aa1\" 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<!--\r\n  SOULBOATS \u2013 Breehorn 37 \"Pjotter\"\r\n  Abschluss: Kontakt und Verkaufspreis\r\n\r\n  Den vollst\u00e4ndigen Inhalt in EIN Elementor-HTML-Widget kopieren.\r\n\r\n  Empfohlene Einstellungen f\u00fcr den \u00fcbergeordneten Elementor-Container:\r\n  Breite 100 %, Hintergrund transparent,\r\n  Innenabstand 0, Au\u00dfenabstand 0, Elemente-Abstand 0.\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<style>\r\n  .sb-pjotter-contact,\r\n  .sb-pjotter-contact * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sb-pjotter-contact {\r\n    position: relative;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    border-bottom: 1px solid #ded8ce;\r\n    background:\r\n      radial-gradient(\r\n        circle at 86% 18%,\r\n        rgba(200, 154, 81, .075),\r\n        transparent 27%\r\n      ),\r\n      #fbfaf7;\r\n    color: #071b2d;\r\n  }\r\n\r\n  \/* Goldschimmer als Verbindung zum vorherigen Abschnitt *\/\r\n  .sb-pjotter-contact::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 1;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 2px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(200, 154, 81, .22) 12%,\r\n      rgba(224, 190, 125, .95) 50%,\r\n      rgba(200, 154, 81, .22) 88%,\r\n      transparent 100%\r\n    );\r\n    box-shadow: 0 0 14px rgba(200, 154, 81, .25);\r\n  }\r\n\r\n  .sb-pjotter-contact__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.45fr) minmax(330px, .78fr);\r\n    gap: clamp(52px, 7vw, 104px);\r\n    align-items: stretch;\r\n    width: min(1180px, calc(100% - 80px));\r\n    margin-inline: auto;\r\n    padding-block: clamp(54px, 6vw, 82px);\r\n  }\r\n\r\n  .sb-pjotter-contact__content {\r\n    display: flex;\r\n    min-width: 0;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  .sb-pjotter-contact__overline,\r\n  .sb-pjotter-price__overline {\r\n    display: block;\r\n    margin: 0 0 10px;\r\n    color: #a47b37;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: .18em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sb-pjotter-contact__title {\r\n    max-width: 640px;\r\n    margin: 0;\r\n    color: #071b2d !important;\r\n    -webkit-text-fill-color: #071b2d !important;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif !important;\r\n    font-size: clamp(40px, 4.5vw, 62px) !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.02 !important;\r\n    letter-spacing: -.025em;\r\n  }\r\n\r\n  .sb-pjotter-contact__intro {\r\n    max-width: 670px;\r\n    margin: 22px 0 0;\r\n    color: #34495a;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: clamp(15px, 1.25vw, 17px);\r\n    font-weight: 400;\r\n    line-height: 1.72;\r\n  }\r\n\r\n  .sb-pjotter-contact__details {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    margin-top: 34px;\r\n    border-top: 1px solid #ded8ce;\r\n    border-bottom: 1px solid #ded8ce;\r\n  }\r\n\r\n  .sb-pjotter-contact__detail {\r\n    display: flex;\r\n    min-width: 0;\r\n    min-height: 98px;\r\n    padding: 19px clamp(14px, 1.8vw, 24px);\r\n    align-items: center;\r\n    gap: 12px;\r\n    border-left: 1px solid #ded8ce;\r\n  }\r\n\r\n  .sb-pjotter-contact__detail:first-child {\r\n    padding-left: 0;\r\n    border-left: 0;\r\n  }\r\n\r\n  .sb-pjotter-contact__icon {\r\n    display: grid;\r\n    width: 30px;\r\n    height: 30px;\r\n    flex: 0 0 30px;\r\n    place-items: center;\r\n    color: #a47b37;\r\n  }\r\n\r\n  .sb-pjotter-contact__icon svg {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.35;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .sb-pjotter-contact__detail-text {\r\n    min-width: 0;\r\n  }\r\n\r\n  .sb-pjotter-contact__label {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    color: #73808b;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    line-height: 1.25;\r\n    letter-spacing: .13em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sb-pjotter-contact__value,\r\n  .sb-pjotter-contact__value:visited {\r\n    display: block;\r\n    overflow-wrap: anywhere;\r\n    color: #071b2d !important;\r\n    -webkit-text-fill-color: #071b2d !important;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    line-height: 1.38;\r\n    text-decoration: none;\r\n  }\r\n\r\n  a.sb-pjotter-contact__value {\r\n    transition: color .22s ease;\r\n  }\r\n\r\n  a.sb-pjotter-contact__value:hover,\r\n  a.sb-pjotter-contact__value:focus-visible {\r\n    color: #a47b37 !important;\r\n    -webkit-text-fill-color: #a47b37 !important;\r\n  }\r\n\r\n  .sb-pjotter-contact__actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    margin-top: 28px;\r\n  }\r\n\r\n  .sb-pjotter-contact__button,\r\n  .sb-pjotter-contact__button:visited {\r\n    display: inline-flex;\r\n    min-height: 47px;\r\n    padding: 13px 22px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 11px;\r\n    border: 1px solid #071b2d;\r\n    border-radius: 0;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    letter-spacing: .12em;\r\n    text-align: center;\r\n    text-decoration: none !important;\r\n    text-transform: uppercase;\r\n    transition:\r\n      background-color .24s ease,\r\n      border-color .24s ease,\r\n      color .24s ease,\r\n      transform .24s ease;\r\n  }\r\n\r\n  .sb-pjotter-contact__button--primary,\r\n  .sb-pjotter-contact__button--primary:visited {\r\n    background: #071b2d;\r\n    color: #f6f3ed !important;\r\n    -webkit-text-fill-color: #f6f3ed !important;\r\n  }\r\n\r\n  .sb-pjotter-contact__button--secondary,\r\n  .sb-pjotter-contact__button--secondary:visited {\r\n    background: transparent;\r\n    color: #071b2d !important;\r\n    -webkit-text-fill-color: #071b2d !important;\r\n  }\r\n\r\n  .sb-pjotter-contact__button:hover,\r\n  .sb-pjotter-contact__button:focus-visible {\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .sb-pjotter-contact__button--primary:hover,\r\n  .sb-pjotter-contact__button--primary:focus-visible {\r\n    border-color: #173951;\r\n    background: #173951;\r\n    color: #ffffff !important;\r\n    -webkit-text-fill-color: #ffffff !important;\r\n  }\r\n\r\n  .sb-pjotter-contact__button--secondary:hover,\r\n  .sb-pjotter-contact__button--secondary:focus-visible {\r\n    border-color: #a47b37;\r\n    background: rgba(200, 154, 81, .075);\r\n    color: #805d25 !important;\r\n    -webkit-text-fill-color: #805d25 !important;\r\n  }\r\n\r\n  .sb-pjotter-contact__button:focus-visible,\r\n  .sb-pjotter-contact__value:focus-visible {\r\n    outline: 2px solid #c89a51;\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  .sb-pjotter-contact__arrow {\r\n    display: block;\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    transition: transform .24s ease;\r\n  }\r\n\r\n  .sb-pjotter-contact__button:hover .sb-pjotter-contact__arrow,\r\n  .sb-pjotter-contact__button:focus-visible .sb-pjotter-contact__arrow {\r\n    transform: translateX(3px);\r\n  }\r\n\r\n  \/* Preisfl\u00e4che *\/\r\n  .sb-pjotter-price {\r\n    position: relative;\r\n    display: flex;\r\n    min-height: 410px;\r\n    padding: clamp(37px, 4vw, 54px) clamp(30px, 3.5vw, 47px);\r\n    overflow: hidden;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid rgba(209, 178, 117, .84);\r\n    background:\r\n      radial-gradient(\r\n        circle at 50% 18%,\r\n        rgba(224, 190, 125, .11),\r\n        transparent 35%\r\n      ),\r\n      linear-gradient(145deg, #0a243a 0%, #071b2d 68%, #061725 100%);\r\n    box-shadow:\r\n      0 22px 48px rgba(7, 27, 45, .16),\r\n      0 0 22px rgba(200, 154, 81, .09);\r\n    text-align: center;\r\n  }\r\n\r\n  .sb-pjotter-price::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 9px;\r\n    border: 1px solid rgba(209, 178, 117, .2);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sb-pjotter-price::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -75%;\r\n    width: 48%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n      100deg,\r\n      transparent,\r\n      rgba(255, 232, 178, .075),\r\n      transparent\r\n    );\r\n    transform: skewX(-18deg);\r\n    animation: sbPjotterPriceGlow 8s ease-in-out infinite;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sb-pjotter-price > * {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .sb-pjotter-price__overline {\r\n    margin-bottom: 9px;\r\n    color: #d1b275;\r\n  }\r\n\r\n  .sb-pjotter-price__title {\r\n    margin: 0;\r\n    color: rgba(246, 243, 237, .72) !important;\r\n    -webkit-text-fill-color: rgba(246, 243, 237, .72) !important;\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n    font-size: 10px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.3 !important;\r\n    letter-spacing: .16em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sb-pjotter-price__amount {\r\n    margin: 12px 0 20px;\r\n    color: #f6f3ed;\r\n    font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\r\n    font-size: clamp(47px, 5.2vw, 70px);\r\n    font-weight: 500;\r\n    line-height: .98;\r\n    letter-spacing: -.035em;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .sb-pjotter-price__line {\r\n    width: 54px;\r\n    height: 1px;\r\n    margin: 0 auto 20px;\r\n    border: 0;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(224, 190, 125, .95),\r\n      transparent\r\n    );\r\n  }\r\n\r\n  .sb-pjotter-price__location,\r\n  .sb-pjotter-price__note {\r\n    margin: 0;\r\n    color: rgba(246, 243, 237, .72);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 12px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .sb-pjotter-price__location {\r\n    color: #f6f3ed;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .sb-pjotter-price__note {\r\n    margin-top: 4px;\r\n  }\r\n\r\n  @keyframes sbPjotterPriceGlow {\r\n    0%, 48% {\r\n      left: -75%;\r\n      opacity: 0;\r\n    }\r\n\r\n    55% {\r\n      opacity: 1;\r\n    }\r\n\r\n    75%, 100% {\r\n      left: 140%;\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .sb-pjotter-contact__inner {\r\n      grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);\r\n      gap: 42px;\r\n    }\r\n\r\n    .sb-pjotter-contact__details {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sb-pjotter-contact__detail {\r\n      min-height: 74px;\r\n      padding: 15px 0;\r\n      border-top: 1px solid #ded8ce;\r\n      border-left: 0;\r\n    }\r\n\r\n    .sb-pjotter-contact__detail:first-child {\r\n      border-top: 0;\r\n    }\r\n\r\n    .sb-pjotter-price {\r\n      min-height: 390px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .sb-pjotter-contact__inner {\r\n      grid-template-columns: 1fr;\r\n      gap: 38px;\r\n      width: calc(100% - 40px);\r\n      padding-block: 42px 46px;\r\n    }\r\n\r\n    .sb-pjotter-contact__title {\r\n      font-size: clamp(38px, 12vw, 50px) !important;\r\n    }\r\n\r\n    .sb-pjotter-contact__intro {\r\n      margin-top: 18px;\r\n      font-size: 15px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .sb-pjotter-contact__details {\r\n      margin-top: 28px;\r\n    }\r\n\r\n    .sb-pjotter-contact__actions {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .sb-pjotter-contact__button {\r\n      width: 100%;\r\n    }\r\n\r\n    .sb-pjotter-price {\r\n      min-height: 340px;\r\n      padding: 42px 26px;\r\n    }\r\n\r\n    .sb-pjotter-price__amount {\r\n      font-size: clamp(46px, 15vw, 62px);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .sb-pjotter-contact *,\r\n    .sb-pjotter-contact *::before,\r\n    .sb-pjotter-contact *::after {\r\n      scroll-behavior: auto !important;\r\n      animation-duration: .01ms !important;\r\n      animation-iteration-count: 1 !important;\r\n      transition-duration: .01ms !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section\r\n  class=\"sb-pjotter-contact\"\r\n  aria-labelledby=\"sb-pjotter-contact-title\"\r\n>\r\n  <div class=\"sb-pjotter-contact__inner\">\r\n\r\n    <div class=\"sb-pjotter-contact__content\">\r\n      <span class=\"sb-pjotter-contact__overline\">\r\n        Breehorn 37 \u00b7 Pjotter\r\n      <\/span>\r\n\r\n      <h2\r\n        class=\"sb-pjotter-contact__title\"\r\n        id=\"sb-pjotter-contact-title\"\r\n      >\r\n        Pjotter pers\u00f6nlich erleben\r\n      <\/h2>\r\n\r\n      <p class=\"sb-pjotter-contact__intro\">\r\n        Eine Yacht wie Pjotter sollte man nicht nur betrachten, sondern\r\n        pers\u00f6nlich erleben. Gerne nehme ich mir Zeit f\u00fcr eine ausf\u00fchrliche\r\n        Besichtigung und beantworte Ihre Fragen zum Schiff, zu seiner\r\n        Ausstattung und zu seinem besonderen Angebot.\r\n      <\/p>\r\n\r\n      <div class=\"sb-pjotter-contact__details\">\r\n\r\n        <div class=\"sb-pjotter-contact__detail\">\r\n          <span class=\"sb-pjotter-contact__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <circle cx=\"12\" cy=\"8\" r=\"3.5\"><\/circle>\r\n              <path d=\"M5.5 20c.6-4 3-6 6.5-6s5.9 2 6.5 6\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"sb-pjotter-contact__detail-text\">\r\n            <span class=\"sb-pjotter-contact__label\">Ansprechpartner<\/span>\r\n            <span class=\"sb-pjotter-contact__value\">Hans-Thomas Roth<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-contact__detail\">\r\n          <span class=\"sb-pjotter-contact__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M7.4 3.7 4.8 5.2c-.8.5-1 1.5-.7 2.4 2.1 6 6.3 10.2 12.3 12.3.9.3 1.9.1 2.4-.7l1.5-2.6-4.2-2-1.4 1.8c-2.8-1.3-4.5-3-5.8-5.8l1.8-1.4-2-4.2-1.3-1.3Z\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"sb-pjotter-contact__detail-text\">\r\n            <span class=\"sb-pjotter-contact__label\">Telefon<\/span>\r\n            <a\r\n              class=\"sb-pjotter-contact__value\"\r\n              href=\"tel:+491637570675\"\r\n            >\r\n              +49 163 7570675\r\n            <\/a>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sb-pjotter-contact__detail\">\r\n          <span class=\"sb-pjotter-contact__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z\"><\/path>\r\n              <circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"sb-pjotter-contact__detail-text\">\r\n            <span class=\"sb-pjotter-contact__label\">Standort<\/span>\r\n            <span class=\"sb-pjotter-contact__value\">\r\n              Lelystad, Niederlande\r\n            <\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"sb-pjotter-contact__actions\">\r\n        <a\r\n          class=\"sb-pjotter-contact__button sb-pjotter-contact__button--primary\"\r\n          href=\"https:\/\/soul-boats.de\/contact\/\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n        >\r\n          Besichtigung anfragen\r\n          <span class=\"sb-pjotter-contact__arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"sb-pjotter-contact__button sb-pjotter-contact__button--secondary\"\r\n          href=\"https:\/\/wa.me\/491637570675\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n        >\r\n          WhatsApp schreiben\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <aside class=\"sb-pjotter-price\" aria-labelledby=\"sb-pjotter-price-title\">\r\n      <span class=\"sb-pjotter-price__overline\">Breehorn 37 Pjotter<\/span>\r\n\r\n      <h3 class=\"sb-pjotter-price__title\" id=\"sb-pjotter-price-title\">\r\n        Verkaufspreis\r\n      <\/h3>\r\n\r\n      <p class=\"sb-pjotter-price__amount\">124.900&nbsp;\u20ac<\/p>\r\n\r\n      <hr class=\"sb-pjotter-price__line\" aria-hidden=\"true\">\r\n\r\n      <p class=\"sb-pjotter-price__location\">\r\n        Lelystad, Niederlande\r\n      <\/p>\r\n      <p class=\"sb-pjotter-price__note\">\r\n        Besichtigung nach Vereinbarung\r\n      <\/p>\r\n    <\/aside>\r\n\r\n  <\/div>\r\n<\/section>\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>Breehorn 37 PJOTTER Breehorn 37 WERFTBAUKUNST BEREIT F\u00dcR WEITE HORIZONTE PJOTTER Breehorn 37 \u00b7 Baujahr 1995 Sicher und seeg\u00e4ngig. Sorgf\u00e4ltig ausger\u00fcstet. Baujahr 1995 L\u00e4nge 11,20 m Breite 3,54 m Tiefgang 2,05 m Motor Volvo Penta Preis 124.900 \u20ac Kurzbeschreibung Die Breehorn 37 \u201ePjotter\u201c pr\u00e4sentiert sich als sehr gepflegte und sorgf\u00e4ltig ausger\u00fcstete Fahrtenyacht, deren bew\u00e4hrte Technik [&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-7542","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/soul-boats.de\/en\/wp-json\/wp\/v2\/pages\/7542","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=7542"}],"version-history":[{"count":454,"href":"https:\/\/soul-boats.de\/en\/wp-json\/wp\/v2\/pages\/7542\/revisions"}],"predecessor-version":[{"id":8276,"href":"https:\/\/soul-boats.de\/en\/wp-json\/wp\/v2\/pages\/7542\/revisions\/8276"}],"wp:attachment":[{"href":"https:\/\/soul-boats.de\/en\/wp-json\/wp\/v2\/media?parent=7542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}