{"id":7028,"date":"2026-07-11T11:23:46","date_gmt":"2026-07-11T09:23:46","guid":{"rendered":"https:\/\/soul-boats.de\/?page_id=7028"},"modified":"2026-07-15T13:54:33","modified_gmt":"2026-07-15T11:54:33","slug":"seekreuzer-kr7","status":"publish","type":"page","link":"https:\/\/soul-boats.de\/en\/seekreuzer-kr7\/","title":{"rendered":"Seekreuzer-KR7"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7028\" class=\"elementor elementor-7028\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6fe728 e-con-full e-flex e-con e-parent\" data-id=\"f6fe728\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-171f61a elementor-widget elementor-widget-html\" data-id=\"171f61a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- HERO INTRO \u2013 KREUZER KR7 -->\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;700&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<!-- Altes Sigma-Intro ausblenden -->\r\n<style>\r\n  #sigma-intro {\r\n    display: none !important;\r\n    visibility: hidden !important;\r\n  }\r\n<\/style>\r\n\r\n<!-- HERO KREUZER KR7 -->\r\n<div\r\n  class=\"intro-splash\"\r\n  id=\"intro-kreuzer-kr7\"\r\nstyle=\"--intro-bg: url('https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/Hintergrund_kr7.png');\"\r\n>\r\n  <div class=\"intro-inner\">\r\n    <h1>SEEKREUZER<\/h1>\r\n    <h1>KR7<\/h1>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   INTRO WRAPPER\r\n===================================================== *\/\r\n\r\n#intro-kreuzer-kr7 {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 9999;\r\n\r\n  display: grid;\r\n  place-items: center;\r\n\r\n  background: #000;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Hintergrundbild *\/\r\n\r\n#intro-kreuzer-kr7::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: -5%;\r\n\r\n  background-image: var(--intro-bg);\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n\r\n  filter:\r\n    brightness(.82)\r\n    saturate(1.02)\r\n    blur(1px);\r\n\r\n  transform: scale(1);\r\n}\r\n\r\n\/* Dunkler Verlauf *\/\r\n\r\n#intro-kreuzer-kr7::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(0, 0, 0, .08),\r\n      rgba(0, 0, 0, .38) 72%\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\/* =====================================================\r\n   INHALT\r\n===================================================== *\/\r\n\r\n#intro-kreuzer-kr7 .intro-inner {\r\n  position: relative;\r\n  z-index: 1;\r\n\r\n  text-align: center;\r\n  padding: 6vw;\r\n\r\n  animation: kreuzerKr7FadeIn 1s ease both;\r\n}\r\n\r\n\/* Hauptzeile \u2013 gleiche Typografie wie bei C&C *\/\r\n\r\n#intro-kreuzer-kr7 h1 {\r\n  margin: 0;\r\n\r\n  color: #fff;\r\n  line-height: .92;\r\n\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-weight: 500;\r\n  letter-spacing: -2px;\r\n\r\n  font-size: clamp(48px, 8vw, 110px);\r\n\r\n  text-shadow:\r\n    0 8px 26px rgba(0, 0, 0, .4),\r\n    0 1px 0 rgba(0, 0, 0, .25);\r\n}\r\n\r\n\/* Unterzeile \u2013 wie \u201eYACHTS\u201c im urspr\u00fcnglichen Intro *\/\r\n\r\n#intro-kreuzer-kr7 h1:last-child {\r\n  margin-top: 12px;\r\n\r\n  font-size: clamp(20px, 4vw, 42px);\r\n\r\n  font-weight: 500;\r\n  letter-spacing: 10px;\r\n  opacity: .92;\r\n}\r\n\r\n\/* =====================================================\r\n   ANIMATIONEN\r\n===================================================== *\/\r\n\r\n@keyframes kreuzerKr7FadeIn {\r\n  from {\r\n    opacity: 0;\r\n\r\n    transform:\r\n      translateY(8px)\r\n      scale(1.02);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n}\r\n\r\n@keyframes kreuzerKr7FadeOut {\r\n  to {\r\n    opacity: 0;\r\n    transform: scale(.995);\r\n  }\r\n}\r\n\r\n\/* =====================================================\r\n   MOBIL\r\n===================================================== *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n  #intro-kreuzer-kr7 h1 {\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  #intro-kreuzer-kr7 h1:last-child {\r\n    letter-spacing: 6px;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n\r\n  \/* Altes Sigma-Intro entfernen *\/\r\n\r\n  const killSigma = () => {\r\n    document.querySelectorAll(\"#sigma-intro\").forEach((element) => {\r\n      element.remove();\r\n\r\n      if (\r\n        document.body &&\r\n        document.body.style.overflow === \"hidden\"\r\n      ) {\r\n        document.body.style.overflow = \"\";\r\n      }\r\n    });\r\n  };\r\n\r\n  killSigma();\r\n\r\n  const observer = new MutationObserver(killSigma);\r\n\r\n  observer.observe(document.documentElement, {\r\n    childList: true,\r\n    subtree: true\r\n  });\r\n\r\n  setTimeout(() => observer.disconnect(), 10000);\r\n\r\n  \/* In der Elementor-Vorschau nicht anzeigen *\/\r\n\r\n  if (window.location.href.includes(\"elementor-preview\")) {\r\n    const intro = document.getElementById(\"intro-kreuzer-kr7\");\r\n\r\n    if (intro) {\r\n      intro.remove();\r\n    }\r\n\r\n    return;\r\n  }\r\n\r\n  \/* Intro starten *\/\r\n\r\n  function startKreuzerKr7Intro() {\r\n    const intro = document.getElementById(\"intro-kreuzer-kr7\");\r\n\r\n    if (!intro) {\r\n      return;\r\n    }\r\n\r\n    setTimeout(() => {\r\n      intro.style.animation =\r\n        \"kreuzerKr7FadeOut 1.5s ease forwards\";\r\n\r\n      setTimeout(() => {\r\n        intro.remove();\r\n      }, 1600);\r\n\r\n    }, 2400);\r\n  }\r\n\r\n  if (\r\n    document.readyState === \"complete\" ||\r\n    document.readyState === \"interactive\"\r\n  ) {\r\n    startKreuzerKr7Intro();\r\n  } else {\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      startKreuzerKr7Intro\r\n    );\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-369521a e-flex e-con-boxed e-con e-parent\" data-id=\"369521a\" 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-5dc38df elementor-widget elementor-widget-html\" data-id=\"5dc38df\" 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 href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\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\">Seekreuzer KR 7<\/span>\r\n\r\n    <span class=\"cc-logo-sub\">B\u00d6BSWERFT<\/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\r\n.cc-logo-wrap{\r\n\r\n  width:100%;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n}\r\n\r\n.cc-logo-main{\r\n\r\n  display:block;\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\r\n  font-weight:500;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  color:#071b2d;\r\n}\r\n\r\n.cc-logo-sub{\r\n\r\n  display:block;\r\n\r\n  margin-top:40px;\r\n\r\n  margin-left:110px;\r\n\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    serif;\r\n\r\n  font-size:30px;\r\n\r\n  font-weight:500;\r\n\r\n  letter-spacing:8px;\r\n\r\n  color:#071b2d;\r\n}\r\n\r\n\/* GOLDENE LINIE *\/\r\n\r\n.cc-gold-line{\r\n\r\n  width:100%;\r\n\r\n  height:2px;\r\n\r\n  margin-top:3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(180,138,68,.15) 10%,\r\n      rgba(180,138,68,.95) 50%,\r\n      rgba(180,138,68,.15) 90%,\r\n      transparent 100%\r\n    );\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:768px){\r\n\r\n  .cc-logo-main{\r\n    font-size:64px;\r\n  }\r\n\r\n  .cc-logo-sub{\r\n    font-size:12px;\r\n    letter-spacing:6px;\r\n    margin-left:28px;\r\n    margin-top:18px;\r\n  }\r\n}\r\n\r\n\/* SMARTPHONE *\/\r\n\r\n@media(max-width:480px){\r\n\r\n  .cc-logo-main{\r\n    font-size:54px;\r\n  }\r\n\r\n  .cc-logo-sub{\r\n    font-size:11px;\r\n    letter-spacing:5px;\r\n    margin-left:22px;\r\n    margin-top:14px;\r\n  }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f5928d elementor-widget elementor-widget-html\" data-id=\"4f5928d\" 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     SCHRIFT LADEN\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;700&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<!-- =====================================================\r\n     CIRCE HERO-BEREICH\r\n===================================================== -->\r\n\r\n<section class=\"circe-hero-section\">\r\n\r\n  <!-- GROSSES TITELBILD -->\r\n  <div class=\"circe-hero\">\r\n\r\n    <img decoding=\"async\"\r\n      class=\"circe-hero-image\"\r\n      src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/Seekreuzer2.jpg\"\r\n      alt=\"Historischer 7-KR-Seekreuzer Circe\"\r\n      loading=\"eager\"\r\n      fetchpriority=\"high\"\r\n    >\r\n\r\n    <!-- HELLER VERLAUF \u00dcBER DEM BILD -->\r\n    <div class=\"circe-hero-overlay\"><\/div>\r\n\r\n\r\n    <!-- TEXT AUF DEM BILD -->\r\n    <div class=\"circe-hero-content\">\r\n\r\n      <span class=\"circe-hero-overline\">\r\n        HISTORISCHE WERFTBAUKUNST\r\n      <\/span>\r\n\r\n      <h1>CIRCE<\/h1>\r\n\r\n      <p class=\"circe-hero-description\">\r\n        Historischer 7-KR-Seekreuzer \u00b7 Baujahr 1939\r\n      <\/p>\r\n\r\n      <span class=\"circe-hero-shipyard\">\r\n        Gebaut bei der B\u00f6bs-Werft in Travem\u00fcnde\r\n      <\/span>\r\n\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =================================================\r\n       TECHNISCHE DATENLEISTE\r\n  ================================================== -->\r\n\r\n  <div class=\"circe-data-bar\">\r\n\r\n    <div class=\"circe-data-inner\">\r\n\r\n      <div class=\"circe-data-item\">\r\n        <span class=\"circe-data-label\">Baujahr<\/span>\r\n        <strong>1939<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"circe-data-item\">\r\n        <span class=\"circe-data-label\">L\u00e4nge<\/span>\r\n        <strong>10,97 m<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"circe-data-item\">\r\n        <span class=\"circe-data-label\">Breite<\/span>\r\n        <strong>2,75 m<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"circe-data-item\">\r\n        <span class=\"circe-data-label\">Tiefgang<\/span>\r\n        <strong>1,80 m<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"circe-data-item\">\r\n        <span class=\"circe-data-label\">Verdr\u00e4ngung<\/span>\r\n        <strong>ca. 7.000 kg<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"circe-data-item\">\r\n        <span class=\"circe-data-label\">Bauwerft<\/span>\r\n        <strong>B\u00f6bs-Werft<\/strong>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   GRUNDEINSTELLUNGEN\r\n===================================================== *\/\r\n\r\n.circe-hero-section,\r\n.circe-hero-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   GESAMTER HERO-BEREICH\r\n===================================================== *\/\r\n\r\n.circe-hero-section {\r\n  position: relative;\r\n\r\n  width: 100vw;\r\n\r\n  margin-left: calc(50% - 50vw);\r\n\r\n  background: #f6f3ed;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   GROSSES TITELBILD\r\n===================================================== *\/\r\n\r\n.circe-hero {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  height: clamp(520px, 70vh, 780px);\r\n\r\n  background: #f6f3ed;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\/* BILD *\/\r\n\r\n.circe-hero-image {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n\r\n  object-position: center center;\r\n\r\n  filter:\r\n    brightness(1.08)\r\n    contrast(.96)\r\n    saturate(.92)\r\n    sepia(.05);\r\n\r\n  transform: scale(1.01);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HELLER ALTWEISSER VERLAUF\r\n===================================================== *\/\r\n\r\n.circe-hero-overlay {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(246, 243, 237, .96) 0%,\r\n      rgba(246, 243, 237, .86) 27%,\r\n      rgba(246, 243, 237, .52) 47%,\r\n      rgba(246, 243, 237, .12) 70%,\r\n      rgba(246, 243, 237, .02) 100%\r\n    ),\r\n    linear-gradient(\r\n      0deg,\r\n      rgba(246, 243, 237, .30) 0%,\r\n      transparent 42%\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TEXT AUF DEM BILD\r\n===================================================== *\/\r\n\r\n.circe-hero-content {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: min(1240px, calc(100% - 60px));\r\n  height: 100%;\r\n\r\n  margin: 0 auto;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n\r\n  color: #071b2d;\r\n}\r\n\r\n\r\n\/* KLEINE \u00dcBERSCHRIFT *\/\r\n\r\n.circe-hero-overline {\r\n  display: block;\r\n\r\n  margin-bottom: 17px;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 5px;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color: #a47b37;\r\n}\r\n\r\n\r\n\/* SCHIFFSNAME *\/\r\n\r\n.circe-hero-content h1 {\r\n  margin: 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: clamp(82px, 12vw, 185px);\r\n\r\n  font-weight: 500;\r\n\r\n  line-height: .78;\r\n\r\n  letter-spacing: -4px;\r\n\r\n  color: #071b2d;\r\n\r\n  text-shadow:\r\n    0 3px 14px rgba(255, 255, 255, .75);\r\n}\r\n\r\n\r\n\/* BESCHREIBUNG *\/\r\n\r\n.circe-hero-description {\r\n  margin: 34px 0 7px;\r\n\r\n  max-width: 620px;\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(21px, 2.3vw, 34px);\r\n\r\n  font-weight: 500;\r\n\r\n  line-height: 1.2;\r\n\r\n  color: #071b2d;\r\n}\r\n\r\n\r\n\/* WERFT *\/\r\n\r\n.circe-hero-shipyard {\r\n  display: block;\r\n\r\n  max-width: 580px;\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(17px, 1.5vw, 23px);\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: 1.35;\r\n\r\n  color: #344653;\r\n}\r\n\r\n\r\n\/* DEMN\u00c4CHST VERF\u00dcGBAR *\/\r\n\r\n.circe-availability {\r\n  display: inline-flex;\r\n\r\n  margin-top: 28px;\r\n\r\n  padding: 10px 18px;\r\n\r\n  border: 1px solid #a47b37;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 3px;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color: #071b2d;\r\n\r\n  background:\r\n    rgba(246, 243, 237, .82);\r\n\r\n  box-shadow:\r\n    0 8px 24px rgba(7, 27, 45, .08);\r\n\r\n  backdrop-filter: blur(6px);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   DATENLEISTE\r\n===================================================== *\/\r\n\r\n.circe-data-bar {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  background: #f6f3ed;\r\n\r\n  border-top:\r\n    1px solid rgba(164, 123, 55, .35);\r\n\r\n  border-bottom:\r\n    2px solid #a47b37;\r\n}\r\n\r\n\r\n.circe-data-inner {\r\n  width: min(1240px, calc(100% - 50px));\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(6, minmax(0, 1fr));\r\n\r\n  align-items: stretch;\r\n}\r\n\r\n\r\n\/* EINZELNER DATENPUNKT *\/\r\n\r\n.circe-data-item {\r\n  position: relative;\r\n\r\n  min-height: 94px;\r\n\r\n  padding: 20px 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  text-align: center;\r\n}\r\n\r\n\r\n\/* TRENNLINIEN *\/\r\n\r\n.circe-data-item:not(:last-child)::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 24%;\r\n  right: 0;\r\n  bottom: 24%;\r\n\r\n  width: 1px;\r\n\r\n  background:\r\n    rgba(7, 27, 45, .16);\r\n}\r\n\r\n\r\n\/* DATEN-BEZEICHNUNG *\/\r\n\r\n.circe-data-label {\r\n  display: block;\r\n\r\n  margin-bottom: 7px;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 2px;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color: #a47b37;\r\n}\r\n\r\n\r\n\/* DATEN-WERT *\/\r\n\r\n.circe-data-item strong {\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 22px;\r\n\r\n  font-weight: 500;\r\n\r\n  line-height: 1.1;\r\n\r\n  color: #071b2d;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  .circe-hero {\r\n    height: 620px;\r\n  }\r\n\r\n  .circe-hero-content {\r\n    width: min(100% - 44px, 760px);\r\n  }\r\n\r\n  .circe-hero-overlay {\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(246, 243, 237, .96) 0%,\r\n        rgba(246, 243, 237, .82) 36%,\r\n        rgba(246, 243, 237, .34) 67%,\r\n        rgba(246, 243, 237, .04) 100%\r\n      );\r\n  }\r\n\r\n  .circe-data-inner {\r\n    width: 100%;\r\n\r\n    grid-template-columns:\r\n      repeat(3, 1fr);\r\n  }\r\n\r\n  .circe-data-item {\r\n    min-height: 88px;\r\n  }\r\n\r\n  .circe-data-item:nth-child(3)::after {\r\n    display: none;\r\n  }\r\n\r\n  .circe-data-item:nth-child(-n+3) {\r\n    border-bottom:\r\n      1px solid rgba(7, 27, 45, .12);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SMARTPHONE\r\n===================================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .circe-hero {\r\n    height: 600px;\r\n  }\r\n\r\n  .circe-hero-image {\r\n    object-position: 58% center;\r\n\r\n    filter:\r\n      brightness(1.06)\r\n      contrast(.96)\r\n      saturate(.90)\r\n      sepia(.05);\r\n  }\r\n\r\n  .circe-hero-overlay {\r\n    background:\r\n      linear-gradient(\r\n        0deg,\r\n        rgba(246, 243, 237, .98) 0%,\r\n        rgba(246, 243, 237, .92) 27%,\r\n        rgba(246, 243, 237, .66) 48%,\r\n        rgba(246, 243, 237, .12) 76%,\r\n        rgba(246, 243, 237, .02) 100%\r\n      );\r\n  }\r\n\r\n  .circe-hero-content {\r\n    width: calc(100% - 36px);\r\n\r\n    justify-content: flex-end;\r\n\r\n    padding-bottom: 48px;\r\n  }\r\n\r\n  .circe-hero-overline {\r\n    margin-bottom: 12px;\r\n\r\n    font-size: 9px;\r\n\r\n    letter-spacing: 3px;\r\n  }\r\n\r\n  .circe-hero-content h1 {\r\n    font-size:\r\n      clamp(70px, 23vw, 110px);\r\n\r\n    letter-spacing: -2px;\r\n\r\n    line-height: .82;\r\n  }\r\n\r\n  .circe-hero-description {\r\n    margin-top: 24px;\r\n\r\n    font-size: 22px;\r\n\r\n    line-height: 1.18;\r\n  }\r\n\r\n  .circe-hero-shipyard {\r\n    font-size: 17px;\r\n  }\r\n\r\n  .circe-availability {\r\n    margin-top: 21px;\r\n\r\n    padding: 9px 14px;\r\n\r\n    font-size: 9px;\r\n\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .circe-data-inner {\r\n    grid-template-columns:\r\n      repeat(2, 1fr);\r\n  }\r\n\r\n  .circe-data-item {\r\n    min-height: 82px;\r\n\r\n    padding: 16px 8px;\r\n  }\r\n\r\n  .circe-data-item:nth-child(3)::after {\r\n    display: block;\r\n  }\r\n\r\n  .circe-data-item:nth-child(even)::after {\r\n    display: none;\r\n  }\r\n\r\n  .circe-data-item:nth-child(-n+4) {\r\n    border-bottom:\r\n      1px solid rgba(7, 27, 45, .12);\r\n  }\r\n\r\n  .circe-data-item strong {\r\n    font-size: 20px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   KLEINE SMARTPHONES\r\n===================================================== *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n  .circe-hero {\r\n    height: 560px;\r\n  }\r\n\r\n  .circe-hero-description {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .circe-data-item strong {\r\n    font-size: 18px;\r\n  }\r\n\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-14cc929 e-flex e-con-boxed e-con e-parent\" data-id=\"14cc929\" 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-5dc3fd7 elementor-widget elementor-widget-html\" data-id=\"5dc3fd7\" 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     SCHRIFTEN\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;700&family=Inter:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<!-- =====================================================\r\n     SWIPER\r\n===================================================== -->\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.css\"\r\n>\r\n\r\n\r\n<!-- =====================================================\r\n     GALERIE\r\n===================================================== -->\r\n\r\n<section class=\"kr7-gallery-section\" id=\"kr7-gallery\">\r\n\r\n  <div class=\"kr7-gallery-heading\">\r\n\r\n    <span class=\"kr7-gallery-overline\">\r\n      Galerie\r\n    <\/span>\r\n\r\n    <h2>\r\n      Charakter in Bildern\r\n    <\/h2>\r\n\r\n    <p>\r\n      Aufnahmen, Details und Eindr\u00fccke\r\n      an Bord des 7-KR-Seekreuzers Circe.\r\n    <\/p>\r\n\r\n    <div class=\"kr7-gallery-gold-line\"><\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- BILDERKARUSSELL -->\r\n\r\n  <div class=\"kr7-gallery-band\">\r\n\r\n    <div class=\"kr7-gallery-swiper swiper\">\r\n\r\n      <div\r\n        class=\"swiper-wrapper\"\r\n        id=\"kr7-gallery-wrapper\"\r\n      ><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Wird nur angezeigt, wenn noch kein Bild eingetragen wurde -->\r\n\r\n    <div\r\n      class=\"kr7-gallery-empty\"\r\n      id=\"kr7-gallery-empty\"\r\n      hidden\r\n    >\r\n      <span>Bildergalerie<\/span>\r\n\r\n      <strong>\r\n        Weitere Aufnahmen folgen\r\n      <\/strong>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     LIGHTBOX\r\n===================================================== -->\r\n\r\n<div\r\n  class=\"kr7-lightbox\"\r\n  id=\"kr7-lightbox\"\r\n  aria-hidden=\"true\"\r\n  role=\"dialog\"\r\n  aria-label=\"Vergr\u00f6\u00dferte Bildansicht\"\r\n>\r\n\r\n  <button\r\n    class=\"kr7-lb-close\"\r\n    type=\"button\"\r\n    aria-label=\"Bildansicht schlie\u00dfen\"\r\n  >\r\n    \u2715\r\n  <\/button>\r\n\r\n  <button\r\n    class=\"kr7-lb-arrow kr7-lb-prev\"\r\n    type=\"button\"\r\n    aria-label=\"Vorheriges Bild\"\r\n  >\r\n    \u2039\r\n  <\/button>\r\n\r\n  <figure class=\"kr7-lb-figure\">\r\n\r\n    <img decoding=\"async\"\r\n      class=\"kr7-lb-image\"\r\n      id=\"kr7-lb-image\"\r\n      src=\"\"\r\n      alt=\"\"\r\n    >\r\n\r\n    <figcaption\r\n      class=\"kr7-lb-caption\"\r\n      id=\"kr7-lb-caption\"\r\n    ><\/figcaption>\r\n\r\n  <\/figure>\r\n\r\n  <button\r\n    class=\"kr7-lb-arrow kr7-lb-next\"\r\n    type=\"button\"\r\n    aria-label=\"N\u00e4chstes Bild\"\r\n  >\r\n    \u203a\r\n  <\/button>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     SWIPER-SCRIPT\r\n===================================================== -->\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.js\"><\/script>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n  function initializeKr7Gallery() {\r\n\r\n    const gallerySection =\r\n      document.getElementById(\"kr7-gallery\");\r\n\r\n    if (!gallerySection) {\r\n      return;\r\n    }\r\n\r\n    \/*\r\n     * Doppelte Initialisierung verhindern,\r\n     * beispielsweise bei Elementor-Neuladungen.\r\n     *\/\r\n\r\n    if (gallerySection.dataset.initialized === \"true\") {\r\n      return;\r\n    }\r\n\r\n    gallerySection.dataset.initialized = \"true\";\r\n\r\n\r\n    \/* =================================================\r\n       HIER DIE BILDER EINTRAGEN\r\n    =================================================\r\n\r\n       Beispiel:\r\n\r\n       {\r\n         src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/mein-bild.jpg\",\r\n         alt: \"Circe im Hafen\"\r\n       }\r\n\r\n       Leere Eintr\u00e4ge werden automatisch ausgeblendet.\r\n       Insgesamt sind maximal 40 Bilder vorbereitet.\r\n    ================================================= *\/\r\n\r\n    const galleryImages = [\r\n\r\n      \/* 01 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/Seekreuzer1-1.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 01\"\r\n      },\r\n\r\n      \/* 02 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3360-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 02\"\r\n      },\r\n\r\n      \/* 03 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3356-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 03\"\r\n      },\r\n\r\n      \/* 04 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3429-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 04\"\r\n      },\r\n\r\n      \/* 05 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3344-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 05\"\r\n      },\r\n\r\n      \/* 06 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3341-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 06\"\r\n      },\r\n\r\n      \/* 07 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3339-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 07\"\r\n      },\r\n\r\n      \/* 08 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/dji_fly_20260625_115521_58725881-e42e-47f4-b332-b3568ebe13fa_1783760882766_photo-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 08\"\r\n      },\r\n\r\n      \/* 09 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3085-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 09\"\r\n      },\r\n\r\n      \/* 10 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/dji_fly_20260625_115110_d8b328c5-68a8-4373-90e7-15ccb374d2c1_1783760749046_photo.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 10\"\r\n      },\r\n\r\n      \/* 11 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/dji_fly_20260625_115451_7a74443b-bb66-4f90-b280-b49fa4917657_1783760872869_photo-2.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 11\"\r\n      },\r\n\r\n      \/* 12 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/52FB04CA-1C61-4C4F-ADA0-46E0F01D4121.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 12\"\r\n      },\r\n\r\n      \/* 13 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3372-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 13\"\r\n      },\r\n\r\n      \/* 14 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3380-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 14\"\r\n      },\r\n\r\n      \/* 15 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3383-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 15\"\r\n      },\r\n\r\n      \/* 16 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/D9D415B5-2177-4571-9AFF-D38450D0CBB9.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 16\"\r\n      },\r\n\r\n      \/* 17 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3382-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 17\"\r\n      },\r\n\r\n      \/* 18 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3385-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 18\"\r\n      },\r\n\r\n      \/* 19 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3387-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 19\"\r\n      },\r\n\r\n      \/* 20 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3392-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 20\"\r\n      },\r\n\r\n      \/* 21 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3397-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 21\"\r\n      },\r\n\r\n      \/* 22 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3422-2-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 22\"\r\n      },\r\n\r\n      \/* 23 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3431-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 23\"\r\n      },\r\n\r\n      \/* 24 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3063-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 24\"\r\n      },\r\n\r\n      \/* 25 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/dji_fly_20260625_115340_7f0f7a14-ae99-46cc-92d2-9669321783dd_1783760768462_photo-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 25\"\r\n      },\r\n\r\n      \/* 26 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3471-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 26\"\r\n      },\r\n\r\n      \/* 27 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3465-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 27\"\r\n      },\r\n\r\n      \/* 28 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3453-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 28\"\r\n      },\r\n\r\n      \/* 29 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3450-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 29\"\r\n      },\r\n\r\n      \/* 30 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3068-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 30\"\r\n      },\r\n\r\n      \/* 31 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3482-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 31\"\r\n      },\r\n\r\n      \/* 32 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3485-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 32\"\r\n      },\r\n\r\n      \/* 33 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3489-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 33\"\r\n      },\r\n\r\n      \/* 34 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3493-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 34\"\r\n      },\r\n\r\n      \/* 35 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3495-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 35\"\r\n      },\r\n\r\n      \/* 36 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3519-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 36\"\r\n      },\r\n\r\n      \/* 37 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3541-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 37\"\r\n      },\r\n\r\n      \/* 38 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3539-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 38\"\r\n      },\r\n\r\n      \/* 39 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3550-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 39\"\r\n      },\r\n\r\n      \/* 40 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3547-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 40\"\r\n      },\r\n        \/* 41 *\/\r\n      {\r\n        src: \"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/IMG_3455-scaled.jpg\",\r\n        alt: \"Circe \u2013 Aufnahme 41\"\r\n      },\r\n        \/* 42 *\/\r\n      {\r\n        src: \"\",\r\n        alt: \"Circe \u2013 Aufnahme 42\"\r\n      },\r\n        \/* 43 *\/\r\n      {\r\n        src: \"\",\r\n        alt: \"Circe \u2013 Aufnahme 43\"\r\n      },\r\n        \/* 44 *\/\r\n      {\r\n        src: \"\",\r\n        alt: \"Circe \u2013 Aufnahme 44\"\r\n      },\r\n        \/* 45 *\/\r\n      {\r\n        src: \"\",\r\n        alt: \"Circe \u2013 Aufnahme 45\"\r\n      },\r\n            \/* 40 *\/\r\n      {\r\n        src: \"\",\r\n        alt: \"Circe \u2013 Aufnahme 46\"\r\n      },\r\n            \/* 40 *\/\r\n      {\r\n        src: \"\",\r\n        alt: \"Circe \u2013 Aufnahme 47\"\r\n      }\r\n\r\n    ];\r\n\r\n\r\n    \/* Nur tats\u00e4chlich bef\u00fcllte Bildpl\u00e4tze verwenden *\/\r\n\r\n    const activeImages = galleryImages.filter(function (image) {\r\n      return (\r\n        typeof image.src === \"string\" &&\r\n        image.src.trim() !== \"\"\r\n      );\r\n    });\r\n\r\n\r\n    const wrapper =\r\n      document.getElementById(\"kr7-gallery-wrapper\");\r\n\r\n    const swiperElement =\r\n      gallerySection.querySelector(\".kr7-gallery-swiper\");\r\n\r\n    const emptyMessage =\r\n      document.getElementById(\"kr7-gallery-empty\");\r\n\r\n\r\n    \/*\r\n     * Wenn noch kein Bild eingetragen ist,\r\n     * wird nur der elegante Hinweis angezeigt.\r\n     *\/\r\n\r\n    if (activeImages.length === 0) {\r\n\r\n      swiperElement.hidden = true;\r\n      emptyMessage.hidden = false;\r\n\r\n      return;\r\n    }\r\n\r\n\r\n    emptyMessage.hidden = true;\r\n    swiperElement.hidden = false;\r\n\r\n\r\n    \/* Slides automatisch erzeugen *\/\r\n\r\n    activeImages.forEach(function (image, index) {\r\n\r\n      const slide =\r\n        document.createElement(\"div\");\r\n\r\n      slide.className =\r\n        \"swiper-slide kr7-gallery-slide\";\r\n\r\n\r\n      const img =\r\n        document.createElement(\"img\");\r\n\r\n      img.src = image.src;\r\n      img.alt = image.alt || \"Aufnahme der Circe\";\r\n      img.loading = index === 0 ? \"eager\" : \"lazy\";\r\n      img.decoding = \"async\";\r\n      img.dataset.galleryIndex = String(index);\r\n\r\n\r\n      slide.appendChild(img);\r\n      wrapper.appendChild(slide);\r\n\r\n    });\r\n\r\n\r\n    \/* =================================================\r\n       SWIPER STARTEN\r\n    ================================================= *\/\r\n\r\n    if (typeof Swiper !== \"undefined\") {\r\n\r\n      new Swiper(\".kr7-gallery-swiper\", {\r\n\r\n        loop: activeImages.length > 2,\r\n\r\n        speed: 700,\r\n\r\n        spaceBetween: 24,\r\n\r\n        slidesPerView: \"auto\",\r\n\r\n        centeredSlides: false,\r\n\r\n        grabCursor: activeImages.length > 1,\r\n\r\n        watchOverflow: true,\r\n\r\n        autoplay:\r\n          activeImages.length > 1\r\n            ? {\r\n                delay: 3200,\r\n                disableOnInteraction: false,\r\n                pauseOnMouseEnter: true\r\n              }\r\n            : false\r\n\r\n      });\r\n\r\n    }\r\n\r\n\r\n    \/* =================================================\r\n       LIGHTBOX\r\n    ================================================= *\/\r\n\r\n    const lightbox =\r\n      document.getElementById(\"kr7-lightbox\");\r\n\r\n    const lightboxImage =\r\n      document.getElementById(\"kr7-lb-image\");\r\n\r\n    const lightboxCaption =\r\n      document.getElementById(\"kr7-lb-caption\");\r\n\r\n    const closeButton =\r\n      lightbox.querySelector(\".kr7-lb-close\");\r\n\r\n    const nextButton =\r\n      lightbox.querySelector(\".kr7-lb-next\");\r\n\r\n    const prevButton =\r\n      lightbox.querySelector(\".kr7-lb-prev\");\r\n\r\n    const galleryImageElements =\r\n      Array.from(\r\n        wrapper.querySelectorAll(\".kr7-gallery-slide img\")\r\n      );\r\n\r\n    let currentIndex = 0;\r\n\r\n\r\n    function showLightboxImage(index) {\r\n\r\n      currentIndex = index;\r\n\r\n      const currentImage =\r\n        activeImages[currentIndex];\r\n\r\n      lightboxImage.src =\r\n        currentImage.src;\r\n\r\n      lightboxImage.alt =\r\n        currentImage.alt || \"Aufnahme der Circe\";\r\n\r\n      lightboxCaption.textContent =\r\n        currentImage.alt || \"\";\r\n\r\n    }\r\n\r\n\r\n    function openLightbox(index) {\r\n\r\n      showLightboxImage(index);\r\n\r\n      lightbox.setAttribute(\r\n        \"aria-hidden\",\r\n        \"false\"\r\n      );\r\n\r\n      document.body.style.overflow =\r\n        \"hidden\";\r\n\r\n      closeButton.focus();\r\n\r\n    }\r\n\r\n\r\n    function closeLightbox() {\r\n\r\n      lightbox.setAttribute(\r\n        \"aria-hidden\",\r\n        \"true\"\r\n      );\r\n\r\n      document.body.style.overflow =\r\n        \"\";\r\n\r\n      lightboxImage.src = \"\";\r\n\r\n    }\r\n\r\n\r\n    function showNextImage() {\r\n\r\n      currentIndex =\r\n        (currentIndex + 1) %\r\n        activeImages.length;\r\n\r\n      showLightboxImage(currentIndex);\r\n\r\n    }\r\n\r\n\r\n    function showPreviousImage() {\r\n\r\n      currentIndex =\r\n        (\r\n          currentIndex -\r\n          1 +\r\n          activeImages.length\r\n        ) %\r\n        activeImages.length;\r\n\r\n      showLightboxImage(currentIndex);\r\n\r\n    }\r\n\r\n\r\n    galleryImageElements.forEach(\r\n      function (imageElement, index) {\r\n\r\n        imageElement.addEventListener(\r\n          \"click\",\r\n          function () {\r\n            openLightbox(index);\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    closeButton.addEventListener(\r\n      \"click\",\r\n      closeLightbox\r\n    );\r\n\r\n    nextButton.addEventListener(\r\n      \"click\",\r\n      showNextImage\r\n    );\r\n\r\n    prevButton.addEventListener(\r\n      \"click\",\r\n      showPreviousImage\r\n    );\r\n\r\n\r\n    lightbox.addEventListener(\r\n      \"click\",\r\n      function (event) {\r\n\r\n        if (event.target === lightbox) {\r\n          closeLightbox();\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    document.addEventListener(\r\n      \"keydown\",\r\n      function (event) {\r\n\r\n        if (\r\n          lightbox.getAttribute(\"aria-hidden\") ===\r\n          \"true\"\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        if (event.key === \"Escape\") {\r\n          closeLightbox();\r\n        }\r\n\r\n        if (event.key === \"ArrowRight\") {\r\n          showNextImage();\r\n        }\r\n\r\n        if (event.key === \"ArrowLeft\") {\r\n          showPreviousImage();\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/*\r\n     * Bei nur einem Bild werden die Pfeile\r\n     * in der Lightbox ausgeblendet.\r\n     *\/\r\n\r\n    if (activeImages.length === 1) {\r\n      nextButton.hidden = true;\r\n      prevButton.hidden = true;\r\n    }\r\n\r\n  }\r\n\r\n\r\n  if (document.readyState === \"loading\") {\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initializeKr7Gallery\r\n    );\r\n\r\n  } else {\r\n\r\n    initializeKr7Gallery();\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   GRUNDEINSTELLUNGEN\r\n===================================================== *\/\r\n\r\n.kr7-gallery-section,\r\n.kr7-gallery-section *,\r\n.kr7-lightbox,\r\n.kr7-lightbox * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   GALERIE-GESAMTBEREICH\r\n===================================================== *\/\r\n\r\n.kr7-gallery-section {\r\n  position: relative;\r\n\r\n  width: 100vw;\r\n\r\n  margin-left: calc(50% - 50vw);\r\n\r\n  padding:\r\n    clamp(70px, 8vw, 115px)\r\n    0\r\n    clamp(75px, 8vw, 110px);\r\n\r\n  background: #f6f3ed;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   \u00dcBERSCHRIFT\r\n===================================================== *\/\r\n\r\n.kr7-gallery-heading {\r\n  width: min(1220px, calc(100% - 60px));\r\n\r\n  margin: 0 auto 50px;\r\n}\r\n\r\n.kr7-gallery-overline {\r\n  display: block;\r\n\r\n  margin-bottom: 16px;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 4px;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color: #a47b37;\r\n}\r\n\r\n.kr7-gallery-heading h2 {\r\n  margin: 0 0 18px;\r\n\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(48px, 6vw, 78px);\r\n\r\n  font-weight: 500;\r\n\r\n  line-height: 1;\r\n\r\n  letter-spacing: -1.5px;\r\n\r\n  color: #071b2d;\r\n}\r\n\r\n.kr7-gallery-heading p {\r\n  max-width: 610px;\r\n\r\n  margin: 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: 21px;\r\n  font-weight: 400;\r\n\r\n  line-height: 1.6;\r\n\r\n  color: #4d5962;\r\n}\r\n\r\n.kr7-gallery-gold-line {\r\n  width: 115px;\r\n  height: 2px;\r\n\r\n  margin-top: 30px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #a47b37 0%,\r\n      rgba(164, 123, 55, .12) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   GALERIEBAND\r\n===================================================== *\/\r\n\r\n.kr7-gallery-band {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  padding: 12px 0 24px;\r\n\r\n  background: #f6f3ed;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SWIPER\r\n===================================================== *\/\r\n\r\n.kr7-gallery-swiper {\r\n  width: 100%;\r\n\r\n  padding:\r\n    20px\r\n    5vw\r\n    48px;\r\n}\r\n\r\n.kr7-gallery-slide {\r\n  width:\r\n    clamp(290px, 38vw, 680px);\r\n\r\n  height:\r\n    clamp(230px, 28vw, 500px);\r\n\r\n  border: 9px solid #fff;\r\n\r\n  border-radius: 3px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #fff;\r\n\r\n  box-shadow:\r\n    0 18px 45px rgba(7, 27, 45, .13),\r\n    0 3px 10px rgba(7, 27, 45, .08);\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n.kr7-gallery-slide img {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n\r\n  cursor: zoom-in;\r\n\r\n  filter:\r\n    saturate(.95)\r\n    contrast(1.02);\r\n\r\n  transition:\r\n    transform .5s ease,\r\n    filter .5s ease;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HOVER\r\n===================================================== *\/\r\n\r\n@media (hover: hover) {\r\n\r\n  .kr7-gallery-slide:hover {\r\n    transform:\r\n      translateY(-8px)\r\n      rotate(-.25deg);\r\n\r\n    box-shadow:\r\n      0 28px 65px rgba(7, 27, 45, .20),\r\n      0 5px 15px rgba(7, 27, 45, .10);\r\n  }\r\n\r\n  .kr7-gallery-slide:hover img {\r\n    transform: scale(1.025);\r\n\r\n    filter:\r\n      saturate(1)\r\n      contrast(1.03);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LEERE GALERIE\r\n===================================================== *\/\r\n\r\n.kr7-gallery-empty {\r\n  width: min(720px, calc(100% - 40px));\r\n\r\n  min-height: 250px;\r\n\r\n  margin: 15px auto 25px;\r\n\r\n  padding: 50px 30px;\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  text-align: center;\r\n\r\n  background:\r\n    rgba(255, 255, 255, .48);\r\n\r\n  border:\r\n    1px solid rgba(164, 123, 55, .28);\r\n\r\n  box-shadow:\r\n    0 18px 45px rgba(7, 27, 45, .07);\r\n}\r\n\r\n.kr7-gallery-empty span {\r\n  margin-bottom: 14px;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: 4px;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color: #a47b37;\r\n}\r\n\r\n.kr7-gallery-empty strong {\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(30px, 4vw, 48px);\r\n\r\n  font-weight: 500;\r\n\r\n  color: #071b2d;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LIGHTBOX\r\n===================================================== *\/\r\n\r\n.kr7-lightbox[aria-hidden=\"true\"] {\r\n  display: none;\r\n}\r\n\r\n.kr7-lightbox {\r\n  position: fixed;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 99999;\r\n\r\n  padding: 40px 90px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  background:\r\n    rgba(7, 20, 31, .94);\r\n\r\n  backdrop-filter:\r\n    blur(8px);\r\n}\r\n\r\n.kr7-lb-figure {\r\n  max-width: 92vw;\r\n  max-height: 90vh;\r\n\r\n  margin: 0;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.kr7-lb-image {\r\n  display: block;\r\n\r\n  max-width: 92vw;\r\n  max-height: 82vh;\r\n\r\n  object-fit: contain;\r\n\r\n  border: 8px solid #f6f3ed;\r\n\r\n  background: #f6f3ed;\r\n\r\n  box-shadow:\r\n    0 30px 80px rgba(0, 0, 0, .42);\r\n}\r\n\r\n.kr7-lb-caption {\r\n  min-height: 25px;\r\n\r\n  margin-top: 16px;\r\n\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 18px;\r\n\r\n  color:\r\n    rgba(255, 255, 255, .88);\r\n}\r\n\r\n\r\n\/* SCHLIESSEN *\/\r\n\r\n.kr7-lb-close {\r\n  position: absolute;\r\n\r\n  top: 24px;\r\n  right: 24px;\r\n\r\n  width: 48px;\r\n  height: 48px;\r\n\r\n  padding: 0;\r\n\r\n  border:\r\n    1px solid rgba(164, 123, 55, .55);\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #f6f3ed;\r\n\r\n  color: #071b2d;\r\n\r\n  font-size: 20px;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    background .2s ease;\r\n}\r\n\r\n.kr7-lb-close:hover {\r\n  transform: rotate(5deg) scale(1.04);\r\n\r\n  background: #ffffff;\r\n}\r\n\r\n\r\n\/* PFEILE *\/\r\n\r\n.kr7-lb-arrow {\r\n  position: absolute;\r\n\r\n  top: 50%;\r\n\r\n  padding: 0;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  border: 0;\r\n\r\n  background: transparent;\r\n\r\n  color: #f6f3ed;\r\n\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    serif;\r\n\r\n  font-size: 76px;\r\n\r\n  line-height: 1;\r\n\r\n  cursor: pointer;\r\n\r\n  opacity: .78;\r\n\r\n  transition:\r\n    opacity .2s ease,\r\n    transform .2s ease;\r\n}\r\n\r\n.kr7-lb-arrow:hover {\r\n  opacity: 1;\r\n\r\n  transform:\r\n    translateY(-50%)\r\n    scale(1.07);\r\n}\r\n\r\n.kr7-lb-prev {\r\n  left: 30px;\r\n}\r\n\r\n.kr7-lb-next {\r\n  right: 30px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  .kr7-gallery-heading {\r\n    width:\r\n      min(760px, calc(100% - 44px));\r\n  }\r\n\r\n  .kr7-gallery-slide {\r\n    width: 62vw;\r\n    height: 42vw;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SMARTPHONE\r\n===================================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .kr7-gallery-section {\r\n    padding:\r\n      60px\r\n      0\r\n      65px;\r\n  }\r\n\r\n  .kr7-gallery-heading {\r\n    width: calc(100% - 36px);\r\n\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  .kr7-gallery-heading h2 {\r\n    font-size: 42px;\r\n  }\r\n\r\n  .kr7-gallery-heading p {\r\n    font-size: 19px;\r\n\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .kr7-gallery-swiper {\r\n    padding:\r\n      12px\r\n      18px\r\n      35px;\r\n  }\r\n\r\n  .kr7-gallery-slide {\r\n    width: 82vw;\r\n    height: 57vw;\r\n\r\n    border-width: 6px;\r\n  }\r\n\r\n  .kr7-lightbox {\r\n    padding: 65px 18px 30px;\r\n  }\r\n\r\n  .kr7-lb-image {\r\n    max-width: 94vw;\r\n    max-height: 75vh;\r\n\r\n    border-width: 5px;\r\n  }\r\n\r\n  .kr7-lb-close {\r\n    top: 14px;\r\n    right: 14px;\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    font-size: 18px;\r\n  }\r\n\r\n  .kr7-lb-arrow {\r\n    top: auto;\r\n    bottom: 16px;\r\n\r\n    font-size: 55px;\r\n\r\n    transform: none;\r\n  }\r\n\r\n  .kr7-lb-arrow:hover {\r\n    transform: scale(1.06);\r\n  }\r\n\r\n  .kr7-lb-prev {\r\n    left: 30%;\r\n  }\r\n\r\n  .kr7-lb-next {\r\n    right: 30%;\r\n  }\r\n\r\n  .kr7-lb-caption {\r\n    padding: 0 12px;\r\n\r\n    text-align: center;\r\n\r\n    font-size: 16px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   KLEINE SMARTPHONES\r\n===================================================== *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n  .kr7-gallery-heading h2 {\r\n    font-size: 37px;\r\n  }\r\n\r\n  .kr7-gallery-slide {\r\n    width: 84vw;\r\n    height: 60vw;\r\n  }\r\n\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-ef5f55a e-flex e-con-boxed e-con e-parent\" data-id=\"ef5f55a\" 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-284e117 elementor-widget elementor-widget-html\" data-id=\"284e117\" 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     CIRCE \u00b7 7-KR-SEEKREUZER\r\n     TECHNISCHE DATEN \u00b7 AUSSTATTUNG \u00b7 HISTORIE \u00b7 KONTAKT\r\n===================================================== -->\r\n\r\n\r\n<!-- SCHRIFTEN -->\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;700&family=Inter:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<!-- =====================================================\r\n     GESAMTER BOOTSBEREICH\r\n===================================================== -->\r\n\r\n<section\r\n  class=\"kr7-boat-section\"\r\n  id=\"kr7-boat-section\"\r\n  aria-label=\"Bootsdaten, Ausstattung und Geschichte der Circe\"\r\n>\r\n\r\n  <div class=\"kr7-boat\">\r\n\r\n\r\n    <!-- =================================================\r\n         LINKE SPALTE \u00b7 TECHNISCHE DATEN\r\n    ================================================== -->\r\n\r\n    <div class=\"kr7-boat__column kr7-boat__column--sticky\">\r\n\r\n      <article\r\n        class=\"kr7-card kr7-technical\"\r\n        aria-labelledby=\"kr7-technical-title\"\r\n      >\r\n\r\n        <header class=\"kr7-card__header\">\r\n\r\n          <span class=\"kr7-card__overline\">\r\n            Circe \u00b7 Baujahr 1939\r\n          <\/span>\r\n\r\n          <h2 id=\"kr7-technical-title\">\r\n            Technische Daten\r\n          <\/h2>\r\n\r\n        <\/header>\r\n\r\n\r\n        <div class=\"kr7-card__body\">\r\n\r\n          <dl class=\"kr7-specifications\">\r\n\r\n            <div class=\"kr7-specification\">\r\n              <dt>Werft \/ Modell<\/dt>\r\n              <dd>B\u00f6bs-Werft \/ 7-KR-Seekreuzer<\/dd>\r\n            <\/div>\r\n\r\n            <div class=\"kr7-specification\">\r\n              <dt>Schiffsname<\/dt>\r\n              <dd>Circe<\/dd>\r\n            <\/div>\r\n\r\n            <div class=\"kr7-specification\">\r\n              <dt>Baujahr<\/dt>\r\n              <dd>1939<\/dd>\r\n            <\/div>\r\n\r\n            <div class=\"kr7-specification\">\r\n              <dt>Bauort<\/dt>\r\n              <dd>Travem\u00fcnde<\/dd>\r\n            <\/div>\r\n\r\n            <div class=\"kr7-specification\">\r\n              <dt>Zustand<\/dt>\r\n              <dd>Fahr- und segelbereit<\/dd>\r\n            <\/div>\r\n\r\n            <div class=\"kr7-specification\">\r\n              <dt>L\u00e4nge \u00fcber alles<\/dt>\r\n              <dd>10,97&nbsp;m<\/dd>\r\n            <\/div>\r\n\r\n            <div class=\"kr7-specification\">\r\n              <dt>Breite<\/dt>\r\n              <dd>2,75&nbsp;m<\/dd>\r\n            <\/div>\r\n\r\n            <div class=\"kr7-specification\">\r\n              <dt>Tiefgang<\/dt>\r\n              <dd>ca. 1,80&nbsp;m<\/dd>\r\n            <\/div>\r\n\r\n            <div class=\"kr7-specification\">\r\n              <dt>Verdr\u00e4ngung<\/dt>\r\n              <dd>ca. 7.000&nbsp;kg<\/dd>\r\n            <\/div>\r\n\r\n            <div class=\"kr7-specification\">\r\n              <dt>Rumpfmaterial<\/dt>\r\n              <dd>Holz<\/dd>\r\n            <\/div>\r\n\r\n            <div class=\"kr7-specification\">\r\n              <dt>Kiel<\/dt>\r\n              <dd>Langkieler<\/dd>\r\n            <\/div>\r\n\r\n            <div class=\"kr7-specification\">\r\n              <dt>Motor<\/dt>\r\n              <dd>Beta Marine mit 27 PS von 2004<\/dd>\r\n            <\/div>\r\n            <div class=\"kr7-specification\">\r\n              <dt>Dieseltank<\/dt>\r\n              <dd>90 l<\/dd>\r\n            <\/div>\r\n            <div class=\"kr7-specification\">\r\n              <dt>Wassertank<\/dt>\r\n              <dd>90 l<\/dd>\r\n            <\/div>\r\n\r\n\r\n           <div class=\"kr7-specification\">\r\n              <dt>Segel<\/dt>\r\n              <dd>3 Segel vorhanden<\/dd>\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"kr7-specification\">\r\n              <dt>Heutiger Eigner<\/dt>\r\n              <dd>Seit 1987<\/dd>\r\n            <\/div>\r\n            <div class=\"kr7-specification\">\r\n              <dt>Liegeplatz<\/dt>\r\n              <dd>Krefeld \u00b7 Deutschland<\/dd>\r\n            <\/div>\r\n\r\n          <\/dl>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =================================================\r\n         RECHTE SPALTE\r\n    ================================================== -->\r\n\r\n    <div\r\n      class=\"kr7-boat__column\"\r\n      aria-label=\"Ausstattung, Geschichte und Kontakt\"\r\n    >\r\n\r\n\r\n      <!-- =================================================\r\n           BUTTON \/ MODAL \u00b7 AUSSTATTUNG\r\n      ================================================== -->\r\n\r\n      <details\r\n        class=\"kr7-accordion kr7-accordion--modal\"\r\n        id=\"kr7-equipment\"\r\n      >\r\n\r\n        <summary\r\n          class=\"kr7-accordion__trigger\"\r\n          aria-controls=\"kr7-equipment-panel\"\r\n        >\r\n\r\n          <span>Ausstattung<\/span>\r\n\r\n          <span\r\n            class=\"kr7-accordion__icon\"\r\n            aria-hidden=\"true\"\r\n          ><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div\r\n          class=\"kr7-modal kr7-equipment-modal\"\r\n          id=\"kr7-equipment-panel\"\r\n          role=\"dialog\"\r\n          aria-modal=\"true\"\r\n          aria-labelledby=\"kr7-equipment-title\"\r\n        >\r\n\r\n          <button\r\n            class=\"kr7-modal__close\"\r\n            type=\"button\"\r\n            aria-label=\"Ausstattung schlie\u00dfen\"\r\n          ><\/button>\r\n\r\n\r\n          <div\r\n            class=\"kr7-modal__box kr7-modal__box--equipment\"\r\n            role=\"document\"\r\n          >\r\n\r\n            <header class=\"kr7-modal__titlebar\">\r\n\r\n              <span class=\"kr7-modal__overline\">\r\n                7-KR-Seekreuzer\r\n              <\/span>\r\n\r\n              <h3 id=\"kr7-equipment-title\">\r\n                Ausstattung\r\n                <span>Circe<\/span>\r\n              <\/h3>\r\n\r\n            <\/header>\r\n\r\n\r\n            <div class=\"kr7-modal__content\">\r\n\r\n\r\n              <!-- RUMPF UND DECK -->\r\n\r\n              <section\r\n                class=\"kr7-equipment-group\"\r\n                aria-labelledby=\"kr7-hull-title\"\r\n              >\r\n\r\n                <h4 id=\"kr7-hull-title\">\r\n                  Rumpf und Deck\r\n                <\/h4>\r\n\r\n                <ul class=\"kr7-tile-grid\">\r\n\r\n                  <li>\r\n                    Klassischer Holzrumpf aus dem Jahr 1939\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Traditionelle Langkielkonstruktion\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Schlanke klassische Linien eines 7-KR-Seekreuzers\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Schiff nach Angaben des Eigners dicht und trocken\r\n                  <\/li>\r\n\r\n\r\n\r\n                <\/ul>\r\n\r\n              <\/section>\r\n\r\n\r\n              <!-- RIGG UND SEGEL -->\r\n\r\n              <section\r\n                class=\"kr7-equipment-group\"\r\n                aria-labelledby=\"kr7-rig-title\"\r\n              >\r\n\r\n                <h4 id=\"kr7-rig-title\">\r\n                  Rigg und Segel\r\n                <\/h4>\r\n\r\n                <ul class=\"kr7-tile-grid\">\r\n\r\n                  <li>\r\n                    Rigg und Segel im Jahr 2000 erneuert\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Stage und Wanten im Jahr 2000 erneuert\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Gro\u00dfsegel: 33 qm, Genua: 35 qm, Arbeitsfock: 12 qm\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Yacht ist grunds\u00e4tzlich segelbereit\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Klassische, ausgewogene Segeleigenschaften\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Nach Angaben des Eigners gutm\u00fctig bei rauer See\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Schnell am Wind\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Historischer Regattacharakter\r\n                  <\/li>\r\n\r\n                <\/ul>\r\n\r\n              <\/section>\r\n\r\n\r\n              <!-- MOTOR UND ANTRIEB -->\r\n\r\n              <section\r\n                class=\"kr7-equipment-group\"\r\n                aria-labelledby=\"kr7-engine-title\"\r\n              >\r\n\r\n                <h4 id=\"kr7-engine-title\">\r\n                  Motor und Antrieb\r\n                <\/h4>\r\n\r\n                <ul class=\"kr7-tile-grid\">\r\n\r\n                  <li>\r\n                    Beta Marine mit 27 PS\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Motor im Jahr 2004 erneuert\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Getriebe im Jahr 2004 erneuert\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Wellenanlage im Jahr 2004 erneuert\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Motor nach Angaben des Eigners funktionsf\u00e4hig\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Yacht ist grunds\u00e4tzlich fahrbereit\r\n                  <\/li>\r\n\r\n                <\/ul>\r\n\r\n              <\/section>\r\n\r\n\r\n              <!-- Navigation & Elektronik -->\r\n\r\n              <section\r\n                class=\"kr7-equipment-group\"\r\n                aria-labelledby=\"kr7-maintenance-title\"\r\n              >\r\n\r\n                <h4 id=\"kr7-maintenance-title\">\r\n                  Navigation & Elektronik\r\n                <\/h4>\r\n\r\n                <ul class=\"kr7-tile-grid\">\r\n\r\n                  <li>\r\n                   Furuno GPS\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    NASA Echolot\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    NASA Geschwindigkeitsmesser\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Kompass\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    2 x Funkger\u00e4te (Innen & Au\u00dfen)\r\n                  <\/li>\r\n                  \r\n\r\n                <\/ul>\r\n\r\n              <\/section>\r\n              \r\n                            <!-- Pantry-->\r\n\r\n              <section\r\n                class=\"kr7-equipment-group\"\r\n                aria-labelledby=\"kr7-engine-title\"\r\n              >\r\n\r\n                <h4 id=\"kr7-engine-title\">\r\n                  Pantry\r\n                <\/h4>\r\n\r\n                <ul class=\"kr7-tile-grid\">\r\n\r\n                  <li>\r\n                    230-V-Landstromanschl\u00fcsse im Pantrybereich\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Frischwasserversorgung mit Fu\u00dfpumpe\r\n                  <\/li>\r\n\r\n                  <li>\r\n                   Waschbecken\r\n                  <\/li>\r\n\r\n                  <li>\r\n                    Taylor Petroliumkocher 2 flammig mit  7 l Tank\r\n                  <\/li>\r\n\r\n\r\n\r\n\r\n                <\/ul>\r\n\r\n              <\/section>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- =================================================\r\n           BUTTON \/ MODAL \u00b7 GESCHICHTE DER WERFT\r\n      ================================================== -->\r\n\r\n      <details\r\n        class=\"kr7-accordion kr7-accordion--modal\"\r\n        id=\"kr7-history\"\r\n      >\r\n\r\n        <summary\r\n          class=\"kr7-accordion__trigger\"\r\n          aria-controls=\"kr7-history-panel\"\r\n        >\r\n\r\n          <span>Historie<\/span>\r\n\r\n          <span\r\n            class=\"kr7-accordion__icon\"\r\n            aria-hidden=\"true\"\r\n          ><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div\r\n          class=\"kr7-modal kr7-history-modal\"\r\n          id=\"kr7-history-panel\"\r\n          role=\"dialog\"\r\n          aria-modal=\"true\"\r\n          aria-labelledby=\"kr7-history-title\"\r\n        >\r\n\r\n          <button\r\n            class=\"kr7-modal__close\"\r\n            type=\"button\"\r\n            aria-label=\"Geschichte der Werft schlie\u00dfen\"\r\n          ><\/button>\r\n\r\n\r\n          <div\r\n            class=\"kr7-modal__box kr7-modal__box--history\"\r\n            role=\"document\"\r\n          >\r\n\r\n            <section class=\"kr7-history\">\r\n\r\n              <div class=\"kr7-history__inner\">\r\n\r\n\r\n                <!-- BILDER-COLLAGE -->\r\n\r\n                <div class=\"kr7-history__collage\">\r\n\r\n\r\n                  <!-- OBERES BILD -->\r\n\r\n                  <figure\r\n                    class=\"kr7-history__image kr7-history__image--top\"\r\n                  >\r\n\r\n                    <img decoding=\"async\"\r\n                      src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/Seekreuzer3.jpg\"\r\n                      alt=\"Historische Aufnahme des Seekreuzers Circe\"\r\n                      loading=\"lazy\"\r\n                    >\r\n\r\n                  <\/figure>\r\n\r\n\r\n                  <!-- MITTLERES BILD -->\r\n\r\n                  <figure\r\n                    class=\"kr7-history__image kr7-history__image--middle\"\r\n                  >\r\n\r\n                    <img decoding=\"async\"\r\n                      src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/beplankt.jpg\"\r\n                      alt=\"Diagonalbeplankung des Holzrumpfes\"\r\n                      loading=\"lazy\"\r\n                    >\r\n\r\n                  <\/figure>\r\n\r\n\r\n                  <!-- UNTERES BILD -->\r\n\r\n                  <figure\r\n                    class=\"kr7-history__image kr7-history__image--bottom\"\r\n                  >\r\n\r\n                    <img decoding=\"async\"\r\n                      src=\"https:\/\/soul-boats.de\/wp-content\/uploads\/2026\/07\/beplankt2.jpg\"\r\n                      alt=\"Arbeiten am Holzrumpf der Circe\"\r\n                      loading=\"lazy\"\r\n                    >\r\n\r\n                  <\/figure>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- HISTORIENTEXT -->\r\n\r\n                <div class=\"kr7-history__text\">\r\n\r\n                  <span class=\"kr7-history__overline\">\r\n                    Historische Werftbaukunst seit 1912\r\n                  <\/span>\r\n\r\n                  <h2 id=\"kr7-history-title\">\r\n                    Gebaut bei der<br>\r\n                    B\u00f6bs-Werft in Travem\u00fcnde\r\n                  <\/h2>\r\n\r\n                  <div class=\"kr7-history__gold-line\"><\/div>\r\n\r\n<p>\r\n  Die <strong>Circe<\/strong> wurde 1939 bei der traditionsreichen\r\n  B\u00f6bs-Werft in Travem\u00fcnde gebaut und befindet sich seit 1987 im Besitz\r\n  ihres heutigen Eigners. In dieser langen gemeinsamen Zeit wurde sie\r\n  nicht nur gesegelt, sondern immer wieder mit viel Erfahrung,\r\n  Sorgfalt und echter Verbundenheit zum Schiff erhalten.\r\n<\/p>\r\n\r\n<p>\r\n  1997 wurde der Vordersteven erneuert. Zwei Jahre sp\u00e4ter erhielt der\r\n  Rumpf eine umfassende \u00dcberarbeitung: Er wurde vollst\u00e4ndig dreifach\r\n  diagonal mit jeweils 2&nbsp;mm starkem Furnier beplankt und mit\r\n  Epoxidharzkleber verklebt. Auch das Unterwasserschiff wurde damals\r\n  f\u00fcnffach mit Epoxid-Teer beschichtet. Diese Arbeiten tragen bis heute\r\n  dazu bei, dass die Circe innen dicht und trocken ist.\r\n<\/p>\r\n\r\n<p>\r\n  Ebenfalls 1998 wurden ein neuer Dieseltank und ein neuer Wassertank\r\n  eingebaut. Im Jahr 2000 folgten das stehende Gut sowie Segel, Stage\r\n  und Wanten. 2004 wurden Motor, Getriebe und Wellenanlage erneuert;\r\n  im selben Jahr erhielt die Circe au\u00dferdem ein neues Teakdeck.\r\n<\/p>\r\n\r\n<p>\r\n  So ist \u00fcber die Jahre ein ehrlicher, gepflegter Klassiker geblieben:\r\n  kein Museumsst\u00fcck, sondern eine Seeyacht mit Geschichte, Charakter\r\n  und vielen sorgf\u00e4ltig ausgef\u00fchrten Arbeiten. Man sp\u00fcrt, dass dieses\r\n  Schiff \u00fcber Jahrzehnte nicht einfach nur besessen, sondern wirklich\r\n  gesegelt und bewahrt wurde.\r\n<\/p>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/section>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <hr class=\"kr7-divider\" aria-hidden=\"true\">\r\n\r\n\r\n      <!-- =================================================\r\n           KONTAKT\r\n      ================================================== -->\r\n\r\n      <article\r\n        class=\"kr7-card kr7-contact\"\r\n        aria-labelledby=\"kr7-contact-title\"\r\n      >\r\n\r\n        <header class=\"kr7-card__header kr7-card__header--light\">\r\n\r\n          <span class=\"kr7-card__overline\">\r\n            Soulboats\r\n          <\/span>\r\n\r\n          <h3 id=\"kr7-contact-title\">\r\n            Kontakt und Besichtigung\r\n          <\/h3>\r\n\r\n        <\/header>\r\n\r\n\r\n        <div class=\"kr7-card__body kr7-copy\">\r\n\r\n          <p>\r\n            <strong>Ansprechpartner:<\/strong>\r\n            Hans-Thomas Roth\r\n          <\/p>\r\n\r\n          <p>\r\n            <strong>Telefon:<\/strong>\r\n            <a href=\"tel:+491637570675\">\r\n              +49&nbsp;163&nbsp;7570675\r\n            <\/a>\r\n          <\/p>\r\n\r\n          <p>\r\n            <strong>WhatsApp:<\/strong>\r\n            <a\r\n              href=\"https:\/\/wa.me\/491637570675\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n            >\r\n              Nachricht senden\r\n            <\/a>\r\n          <\/p>\r\n\r\n          <a\r\n            class=\"kr7-button\"\r\n            href=\"https:\/\/soul-boats.de\/contact\/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n          >\r\n            E-Mail schreiben\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =================================================\r\n           PREIS\r\n      ================================================== -->\r\n\r\n      <section\r\n        class=\"kr7-price\"\r\n        aria-label=\"Verkaufspreis\"\r\n      >\r\n\r\n        <span class=\"kr7-price__overline\">\r\n          Historischer 7-KR-Seekreuzer\r\n        <\/span>\r\n\r\n        <h3>Verkaufspreis<\/h3>\r\n\r\n        <p>24.900 \u20ac<\/p>\r\n\r\n      <\/section>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n<style>\r\n\r\n  \/* ... dein kompletter bisheriger CSS-Code ... *\/\r\n\r\n\r\n  \/* Schriftfarben im dunkelblauen Kartenkopf *\/\r\n\r\n  .kr7-card__header:not(.kr7-card__header--light) h2,\r\n  .kr7-card__header:not(.kr7-card__header--light) h3 {\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  .kr7-card__header:not(.kr7-card__header--light) .kr7-card__overline {\r\n    color: #d5bb84 !important;\r\n  }\r\n\r\n<\/style>\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   VARIABLEN\r\n===================================================== *\/\r\n\r\n:root {\r\n  --kr7-navy: #071b2d;\r\n  --kr7-navy-light: #12354d;\r\n\r\n  --kr7-gold: #a47b37;\r\n  --kr7-gold-light: #d5bb84;\r\n\r\n  --kr7-background: #f6f3ed;\r\n  --kr7-paper: #ffffff;\r\n\r\n  --kr7-text: #172633;\r\n  --kr7-muted: #5b6670;\r\n\r\n  --kr7-border: rgba(164, 123, 55, .22);\r\n\r\n  --kr7-shadow-small:\r\n    0 12px 35px rgba(7, 27, 45, .08);\r\n\r\n  --kr7-shadow-large:\r\n    0 30px 90px rgba(0, 0, 0, .38);\r\n\r\n  --kr7-radius: 16px;\r\n  --kr7-radius-small: 11px;\r\n\r\n  --kr7-font:\r\n    \"Inter\",\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  --kr7-serif:\r\n    \"Cormorant Garamond\",\r\n    \"Times New Roman\",\r\n    serif;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   GRUNDEINSTELLUNGEN\r\n===================================================== *\/\r\n\r\n.kr7-boat-section,\r\n.kr7-boat-section *,\r\n.kr7-modal,\r\n.kr7-modal * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   GESAMTER ALTWEISSER BEREICH\r\n===================================================== *\/\r\n\r\n.kr7-boat-section {\r\n  position: relative;\r\n\r\n  width: 100vw;\r\n\r\n  margin-left:\r\n    calc(50% - 50vw);\r\n\r\n  padding:\r\n    clamp(65px, 7vw, 100px)\r\n    clamp(20px, 5vw, 70px);\r\n\r\n  background:\r\n    var(--kr7-background);\r\n\r\n  overflow: visible;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ZWEISPALTIGES LAYOUT\r\n===================================================== *\/\r\n\r\n.kr7-boat {\r\n  width:\r\n    min(1220px, 100%);\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    minmax(310px, .9fr)\r\n    minmax(0, 1.1fr);\r\n\r\n  gap:\r\n    24px;\r\n\r\n  align-items:\r\n    start;\r\n\r\n  font-family:\r\n    var(--kr7-font);\r\n\r\n  color:\r\n    var(--kr7-text);\r\n}\r\n\r\n\r\n.kr7-boat__column,\r\n.kr7-card,\r\n.kr7-accordion,\r\n.kr7-price {\r\n  min-width:\r\n    0;\r\n}\r\n\r\n\r\n\/* STICKY TECHNISCHE DATEN *\/\r\n\r\n.kr7-boat__column--sticky {\r\n  position:\r\n    sticky;\r\n\r\n  top:\r\n    18px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   KARTEN\r\n===================================================== *\/\r\n\r\n.kr7-card,\r\n.kr7-accordion,\r\n.kr7-price {\r\n  overflow:\r\n    hidden;\r\n\r\n  background:\r\n    rgba(255, 255, 255, .72);\r\n\r\n  border:\r\n    1px solid var(--kr7-border);\r\n\r\n  border-radius:\r\n    var(--kr7-radius);\r\n\r\n  box-shadow:\r\n    var(--kr7-shadow-small);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   KARTENKOPF\r\n===================================================== *\/\r\n\r\n.kr7-card__header,\r\n.kr7-accordion__trigger {\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--kr7-navy),\r\n      var(--kr7-navy-light)\r\n    );\r\n\r\n  color:\r\n    #ffffff;\r\n}\r\n\r\n\r\n.kr7-card__header {\r\n  padding:\r\n    19px 20px;\r\n}\r\n\r\n\r\n.kr7-card__header--light {\r\n  background:\r\n    rgba(255, 255, 255, .42);\r\n\r\n  color:\r\n    var(--kr7-text);\r\n\r\n  border-bottom:\r\n    1px solid var(--kr7-border);\r\n}\r\n\r\n\r\n.kr7-card__overline {\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    7px;\r\n\r\n  font-family:\r\n    var(--kr7-font);\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  letter-spacing:\r\n    2.5px;\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n  color:\r\n    var(--kr7-gold-light);\r\n}\r\n\r\n\r\n.kr7-card__header--light .kr7-card__overline {\r\n  color:\r\n    var(--kr7-gold);\r\n}\r\n\r\n\r\n.kr7-card__header h2,\r\n.kr7-card__header h3 {\r\n  margin:\r\n    0;\r\n\r\n  font-family:\r\n    var(--kr7-serif);\r\n\r\n  font-size:\r\n    clamp(24px, 2vw, 31px);\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  line-height:\r\n    1.08;\r\n\r\n  letter-spacing:\r\n    -.3px;\r\n}\r\n\r\n\r\n.kr7-card__header--light h3 {\r\n  color:\r\n    var(--kr7-navy);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   KARTENINHALT\r\n===================================================== *\/\r\n\r\n.kr7-card__body {\r\n  padding:\r\n    18px 20px 21px;\r\n\r\n  background:\r\n    rgba(255, 255, 255, .35);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TECHNISCHE DATEN\r\n===================================================== *\/\r\n\r\n.kr7-specifications {\r\n  display:\r\n    grid;\r\n\r\n  gap:\r\n    0;\r\n\r\n  margin:\r\n    0;\r\n}\r\n\r\n\r\n.kr7-specification {\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    minmax(130px, 1fr)\r\n    minmax(0, 1fr);\r\n\r\n  gap:\r\n    16px;\r\n\r\n  padding:\r\n    11px 0;\r\n\r\n  border-bottom:\r\n    1px solid rgba(7, 27, 45, .10);\r\n}\r\n\r\n\r\n.kr7-specification:last-child {\r\n  border-bottom:\r\n    0;\r\n}\r\n\r\n\r\n.kr7-specification dt,\r\n.kr7-specification dd {\r\n  font-size:\r\n    13px;\r\n\r\n  line-height:\r\n    1.5;\r\n}\r\n\r\n\r\n.kr7-specification dt {\r\n  font-weight:\r\n    600;\r\n\r\n  color:\r\n    var(--kr7-text);\r\n}\r\n\r\n\r\n.kr7-specification dd {\r\n  margin:\r\n    0;\r\n\r\n  text-align:\r\n    right;\r\n\r\n  color:\r\n    var(--kr7-muted);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ACCORDION-BUTTONS\r\n===================================================== *\/\r\n\r\n.kr7-accordion {\r\n  margin:\r\n    0 0 13px;\r\n}\r\n\r\n\r\n.kr7-accordion__trigger {\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    16px;\r\n\r\n  padding:\r\n    18px 20px;\r\n\r\n  list-style:\r\n    none;\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  user-select:\r\n    none;\r\n\r\n  transition:\r\n    background .2s ease;\r\n}\r\n\r\n\r\n.kr7-accordion__trigger::-webkit-details-marker {\r\n  display:\r\n    none;\r\n}\r\n\r\n\r\n.kr7-accordion__trigger:hover,\r\n.kr7-accordion__trigger:focus-visible {\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--kr7-navy-light),\r\n      #1b4a66\r\n    );\r\n\r\n  outline:\r\n    none;\r\n}\r\n\r\n\r\n.kr7-accordion__trigger span:first-child {\r\n  font-family:\r\n    var(--kr7-serif);\r\n\r\n  font-size:\r\n    clamp(20px, 1.8vw, 25px);\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  color:\r\n    #ffffff;\r\n}\r\n\r\n\r\n\/* PLUS- \/ MINUS-SYMBOL *\/\r\n\r\n.kr7-accordion__icon {\r\n  position:\r\n    relative;\r\n\r\n  width:\r\n    26px;\r\n\r\n  height:\r\n    26px;\r\n\r\n  flex:\r\n    0 0 26px;\r\n\r\n  border:\r\n    1px solid rgba(255, 255, 255, .65);\r\n\r\n  border-radius:\r\n    50%;\r\n}\r\n\r\n\r\n.kr7-accordion__icon::before,\r\n.kr7-accordion__icon::after {\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    50%;\r\n\r\n  left:\r\n    50%;\r\n\r\n  width:\r\n    11px;\r\n\r\n  height:\r\n    2px;\r\n\r\n  background:\r\n    #ffffff;\r\n\r\n  transform:\r\n    translate(-50%, -50%);\r\n\r\n  transition:\r\n    transform .2s ease;\r\n}\r\n\r\n\r\n.kr7-accordion__icon::after {\r\n  transform:\r\n    translate(-50%, -50%)\r\n    rotate(90deg);\r\n}\r\n\r\n\r\ndetails[open] >\r\n.kr7-accordion__trigger\r\n.kr7-accordion__icon::after {\r\n  transform:\r\n    translate(-50%, -50%)\r\n    rotate(0deg);\r\n}\r\n\r\n\r\n\/* MODAL IM NORMALEN DOKUMENT VERSTECKEN *\/\r\n\r\n.kr7-accordion--modal >\r\n.kr7-modal {\r\n  display:\r\n    none;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TRENNLINIE\r\n===================================================== *\/\r\n\r\n.kr7-divider {\r\n  margin:\r\n    22px 0;\r\n\r\n  border:\r\n    0;\r\n\r\n  border-top:\r\n    1px solid rgba(164, 123, 55, .30);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   KONTAKTTEXT\r\n===================================================== *\/\r\n\r\n.kr7-copy p {\r\n  margin:\r\n    0 0 11px;\r\n\r\n  font-size:\r\n    14px;\r\n\r\n  line-height:\r\n    1.65;\r\n\r\n  color:\r\n    var(--kr7-muted);\r\n}\r\n\r\n\r\n.kr7-copy p:last-of-type {\r\n  margin-bottom:\r\n    14px;\r\n}\r\n\r\n\r\n.kr7-copy strong {\r\n  color:\r\n    var(--kr7-text);\r\n}\r\n\r\n\r\n.kr7-copy a:not(.kr7-button) {\r\n  color:\r\n    var(--kr7-navy);\r\n\r\n  text-decoration-thickness:\r\n    1px;\r\n\r\n  text-underline-offset:\r\n    3px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   KONTAKTBUTTON\r\n===================================================== *\/\r\n\r\n.kr7-button {\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  min-height:\r\n    42px;\r\n\r\n  margin-top:\r\n    5px;\r\n\r\n  padding:\r\n    10px 19px;\r\n\r\n  border:\r\n    1px solid rgba(164, 123, 55, .70);\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  background:\r\n    var(--kr7-navy);\r\n\r\n  color:\r\n    var(--kr7-gold-light) !important;\r\n\r\n  font-family:\r\n    var(--kr7-font);\r\n\r\n  font-size:\r\n    10px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  letter-spacing:\r\n    2px;\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n  text-decoration:\r\n    none !important;\r\n\r\n  transition:\r\n    transform .18s ease,\r\n    background .18s ease,\r\n    box-shadow .18s ease;\r\n}\r\n\r\n\r\n.kr7-button:hover,\r\n.kr7-button:focus-visible {\r\n  background:\r\n    var(--kr7-navy-light);\r\n\r\n  transform:\r\n    translateY(-1px);\r\n\r\n  box-shadow:\r\n    0 10px 25px rgba(7, 27, 45, .18);\r\n\r\n  outline:\r\n    none;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   PREIS\r\n===================================================== *\/\r\n\r\n.kr7-price {\r\n  margin-top:\r\n    13px;\r\n\r\n  padding:\r\n    24px 20px 27px;\r\n\r\n  text-align:\r\n    center;\r\n}\r\n\r\n\r\n.kr7-price__overline {\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    8px;\r\n\r\n  font-family:\r\n    var(--kr7-font);\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  letter-spacing:\r\n    2.5px;\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n  color:\r\n    var(--kr7-gold);\r\n}\r\n\r\n\r\n.kr7-price h3 {\r\n  margin:\r\n    0 0 13px;\r\n\r\n  font-family:\r\n    var(--kr7-serif);\r\n\r\n  font-size:\r\n    23px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  color:\r\n    var(--kr7-navy);\r\n}\r\n\r\n\r\n.kr7-price p {\r\n  margin:\r\n    0;\r\n\r\n  font-family:\r\n    var(--kr7-serif);\r\n\r\n  font-size:\r\n    clamp(32px, 4vw, 50px);\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  line-height:\r\n    1;\r\n\r\n  color:\r\n    var(--kr7-gold);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ALLGEMEINES MODAL-PORTAL\r\n===================================================== *\/\r\n\r\n.kr7-modal-portal {\r\n  position:\r\n    fixed !important;\r\n\r\n  inset:\r\n    0 !important;\r\n\r\n  z-index:\r\n    999999 !important;\r\n\r\n  display:\r\n    grid;\r\n\r\n  place-items:\r\n    center;\r\n\r\n  padding:\r\n    clamp(9px, 2vw, 24px);\r\n\r\n  background:\r\n    rgba(7, 27, 45, .78);\r\n\r\n  backdrop-filter:\r\n    blur(7px);\r\n\r\n  animation:\r\n    kr7-modal-fade .22s ease-out;\r\n}\r\n\r\n\r\n.kr7-modal-portal\r\n.kr7-modal {\r\n  display:\r\n    block;\r\n\r\n  width:\r\n    100%;\r\n}\r\n\r\n\r\n\/* BODY BEI GE\u00d6FFNETEM MODAL *\/\r\n\r\nbody.kr7-modal-open {\r\n  overflow:\r\n    hidden !important;\r\n}\r\n\r\n\r\n\/* ELEMENTOR-KORREKTUREN *\/\r\n\r\nbody.kr7-modal-open .elementor,\r\nbody.kr7-modal-open .elementor-section,\r\nbody.kr7-modal-open .elementor-container,\r\nbody.kr7-modal-open .elementor-widget-wrap,\r\nbody.kr7-modal-open [class*=\"elementor-sticky--active\"] {\r\n  transform:\r\n    none !important;\r\n\r\n  overflow:\r\n    visible !important;\r\n}\r\n\r\n\r\nbody.kr7-modal-open\r\n.kr7-boat__column--sticky {\r\n  position:\r\n    static !important;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ALLGEMEINE MODALBOX\r\n===================================================== *\/\r\n\r\n.kr7-modal__box {\r\n  width:\r\n    min(1150px, 96vw);\r\n\r\n  max-height:\r\n    min(93svh, 1000px);\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  overflow-x:\r\n    hidden;\r\n\r\n  overflow-y:\r\n    auto;\r\n\r\n  background:\r\n    var(--kr7-background);\r\n\r\n  border:\r\n    1px solid rgba(255, 255, 255, .55);\r\n\r\n  border-radius:\r\n    21px;\r\n\r\n  box-shadow:\r\n    var(--kr7-shadow-large);\r\n\r\n  animation:\r\n    kr7-modal-pop .23s ease-out;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MODAL SCHLIESSEN\r\n===================================================== *\/\r\n\r\n.kr7-modal__close {\r\n  position:\r\n    fixed;\r\n\r\n  top:\r\n    18px;\r\n\r\n  right:\r\n    18px;\r\n\r\n  z-index:\r\n    1000000;\r\n\r\n  width:\r\n    48px;\r\n\r\n  height:\r\n    48px;\r\n\r\n  padding:\r\n    0;\r\n\r\n  border:\r\n    1px solid rgba(164, 123, 55, .70);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n    var(--kr7-background);\r\n\r\n  color:\r\n    var(--kr7-navy);\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  box-shadow:\r\n    0 10px 28px rgba(0, 0, 0, .20);\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    background .2s ease;\r\n}\r\n\r\n\r\n.kr7-modal__close::before,\r\n.kr7-modal__close::after {\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    50%;\r\n\r\n  left:\r\n    50%;\r\n\r\n  width:\r\n    20px;\r\n\r\n  height:\r\n    2px;\r\n\r\n  background:\r\n    currentColor;\r\n\r\n  transform:\r\n    translate(-50%, -50%)\r\n    rotate(45deg);\r\n}\r\n\r\n\r\n.kr7-modal__close::after {\r\n  transform:\r\n    translate(-50%, -50%)\r\n    rotate(-45deg);\r\n}\r\n\r\n\r\n.kr7-modal__close:hover,\r\n.kr7-modal__close:focus-visible {\r\n  background:\r\n    #ffffff;\r\n\r\n  color:\r\n    var(--kr7-gold);\r\n\r\n  transform:\r\n    scale(1.04);\r\n\r\n  outline:\r\n    none;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   AUSSTATTUNGS-MODAL\r\n===================================================== *\/\r\n\r\n.kr7-modal__titlebar {\r\n  position:\r\n    sticky;\r\n\r\n  top:\r\n    0;\r\n\r\n  z-index:\r\n    4;\r\n\r\n  padding:\r\n    20px 24px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--kr7-navy),\r\n      var(--kr7-navy-light)\r\n    );\r\n\r\n  border-bottom:\r\n    1px solid rgba(255, 255, 255, .14);\r\n\r\n  color:\r\n    #ffffff;\r\n}\r\n\r\n\r\n.kr7-modal__overline {\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    5px;\r\n\r\n  font-family:\r\n    var(--kr7-font);\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  letter-spacing:\r\n    2.5px;\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n  color:\r\n    var(--kr7-gold-light);\r\n}\r\n\r\n\r\n.kr7-modal__titlebar h3 {\r\n  margin:\r\n    0;\r\n\r\n  font-family:\r\n    var(--kr7-serif);\r\n\r\n  font-size:\r\n    clamp(28px, 3vw, 40px);\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  line-height:\r\n    1.05;\r\n}\r\n\r\n\r\n.kr7-modal__titlebar h3 span {\r\n  margin-left:\r\n    8px;\r\n\r\n  opacity:\r\n    .78;\r\n\r\n  font-size:\r\n    .7em;\r\n\r\n  font-weight:\r\n    500;\r\n}\r\n\r\n\r\n.kr7-modal__content {\r\n  padding:\r\n    25px 25px 30px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at top left,\r\n      rgba(164, 123, 55, .08),\r\n      transparent 36%\r\n    ),\r\n    var(--kr7-background);\r\n}\r\n\r\n\r\n.kr7-equipment-group +\r\n.kr7-equipment-group {\r\n  margin-top:\r\n    27px;\r\n}\r\n\r\n\r\n.kr7-equipment-group h4 {\r\n  position:\r\n    relative;\r\n\r\n  margin:\r\n    0 0 15px;\r\n\r\n  padding-bottom:\r\n    9px;\r\n\r\n  font-family:\r\n    var(--kr7-serif);\r\n\r\n  font-size:\r\n    clamp(23px, 2.2vw, 31px);\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  line-height:\r\n    1.1;\r\n\r\n  color:\r\n    var(--kr7-navy);\r\n}\r\n\r\n\r\n.kr7-equipment-group h4::after {\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  bottom:\r\n    0;\r\n\r\n  left:\r\n    0;\r\n\r\n  width:\r\n    58px;\r\n\r\n  height:\r\n    2px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--kr7-gold),\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n\/* AUSSTATTUNGSKACHELN *\/\r\n\r\n.kr7-tile-grid {\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    repeat(\r\n      auto-fit,\r\n      minmax(220px, 1fr)\r\n    );\r\n\r\n  gap:\r\n    12px;\r\n\r\n  margin:\r\n    0;\r\n\r\n  padding:\r\n    0;\r\n\r\n  list-style:\r\n    none;\r\n}\r\n\r\n\r\n.kr7-tile-grid li {\r\n  min-height:\r\n    70px;\r\n\r\n  padding:\r\n    14px 15px;\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  border:\r\n    1px solid var(--kr7-border);\r\n\r\n  border-radius:\r\n    var(--kr7-radius-small);\r\n\r\n  background:\r\n    rgba(255, 255, 255, .72);\r\n\r\n  color:\r\n    var(--kr7-muted);\r\n\r\n  font-family:\r\n    var(--kr7-font);\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  line-height:\r\n    1.5;\r\n\r\n  box-shadow:\r\n    0 5px 18px rgba(7, 27, 45, .06);\r\n\r\n  transition:\r\n    transform .18s ease,\r\n    box-shadow .18s ease,\r\n    border-color .18s ease;\r\n}\r\n\r\n\r\n.kr7-tile-grid li:hover {\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  border-color:\r\n    rgba(164, 123, 55, .50);\r\n\r\n  box-shadow:\r\n    0 12px 28px rgba(7, 27, 45, .11);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HISTORIE-MODAL\r\n===================================================== *\/\r\n\r\n.kr7-modal__box--history {\r\n  width:\r\n    min(1380px, 96vw);\r\n\r\n  max-height:\r\n    min(94svh, 1060px);\r\n}\r\n\r\n\r\n.kr7-history {\r\n  width:\r\n    100%;\r\n\r\n  padding:\r\n    clamp(70px, 7vw, 105px)\r\n    clamp(22px, 5vw, 65px);\r\n\r\n  background:\r\n    var(--kr7-background);\r\n}\r\n\r\n\r\n.kr7-history__inner {\r\n  width:\r\n    min(1220px, 100%);\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.05fr)\r\n    minmax(320px, .95fr);\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    clamp(55px, 7vw, 110px);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HISTORISCHE BILDER-COLLAGE\r\n===================================================== *\/\r\n\r\n.kr7-history__collage {\r\n  position:\r\n    relative;\r\n\r\n  width:\r\n    100%;\r\n\r\n  min-height:\r\n    690px;\r\n}\r\n\r\n\r\n.kr7-history__image {\r\n  position:\r\n    absolute;\r\n\r\n  margin:\r\n    0;\r\n\r\n  padding:\r\n    10px;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  background:\r\n    #ffffff;\r\n\r\n  box-shadow:\r\n    0 20px 45px rgba(0, 0, 0, .18),\r\n    0 4px 12px rgba(0, 0, 0, .10);\r\n\r\n  transition:\r\n    transform .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n\r\n.kr7-history__image img {\r\n  display:\r\n    block;\r\n\r\n  width:\r\n    100%;\r\n\r\n  height:\r\n    100%;\r\n\r\n  object-fit:\r\n    cover;\r\n\r\n  filter:\r\n    sepia(.25)\r\n    saturate(.72)\r\n    contrast(1.05);\r\n}\r\n\r\n\r\n\/* OBERES BILD *\/\r\n\r\n.kr7-history__image--top {\r\n  z-index:\r\n    3;\r\n\r\n  top:\r\n    0;\r\n\r\n  left:\r\n    0;\r\n\r\n  width:\r\n    80%;\r\n\r\n  aspect-ratio:\r\n    4 \/ 2.65;\r\n\r\n  transform:\r\n    rotate(-1deg);\r\n}\r\n\r\n\r\n\/* MITTLERES BILD *\/\r\n\r\n.kr7-history__image--middle {\r\n  z-index:\r\n    2;\r\n\r\n  top:\r\n    180px;\r\n\r\n  right:\r\n    0;\r\n\r\n  width:\r\n    82%;\r\n\r\n  aspect-ratio:\r\n    4 \/ 2.7;\r\n\r\n  transform:\r\n    rotate(.8deg);\r\n}\r\n\r\n\r\n\/* UNTERES BILD *\/\r\n\r\n.kr7-history__image--bottom {\r\n  z-index:\r\n    1;\r\n\r\n  top:\r\n    365px;\r\n\r\n  left:\r\n    7%;\r\n\r\n  width:\r\n    76%;\r\n\r\n  aspect-ratio:\r\n    4 \/ 2.65;\r\n\r\n  transform:\r\n    rotate(-.6deg);\r\n}\r\n\r\n\r\n\/* BILDER-HOVER *\/\r\n\r\n@media (hover: hover) {\r\n\r\n  .kr7-history__image:hover {\r\n    z-index:\r\n      5;\r\n\r\n    box-shadow:\r\n      0 28px 60px rgba(0, 0, 0, .24),\r\n      0 5px 15px rgba(0, 0, 0, .12);\r\n  }\r\n\r\n\r\n  .kr7-history__image--top:hover {\r\n    transform:\r\n      rotate(-1deg)\r\n      translateY(-5px);\r\n  }\r\n\r\n\r\n  .kr7-history__image--middle:hover {\r\n    transform:\r\n      rotate(.8deg)\r\n      translateY(-5px);\r\n  }\r\n\r\n\r\n  .kr7-history__image--bottom:hover {\r\n    transform:\r\n      rotate(-.6deg)\r\n      translateY(-5px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HISTORIENTEXT\r\n===================================================== *\/\r\n\r\n.kr7-history__text {\r\n  position:\r\n    relative;\r\n\r\n  z-index:\r\n    4;\r\n\r\n  color:\r\n    var(--kr7-navy);\r\n}\r\n\r\n\r\n.kr7-history__overline {\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    18px;\r\n\r\n  font-family:\r\n    var(--kr7-font);\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  letter-spacing:\r\n    4px;\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n  color:\r\n    var(--kr7-gold);\r\n}\r\n\r\n\r\n.kr7-history__text h2 {\r\n  margin:\r\n    0;\r\n\r\n  font-family:\r\n    var(--kr7-serif);\r\n\r\n  font-size:\r\n    clamp(44px, 5vw, 70px);\r\n\r\n  font-weight:\r\n    500;\r\n\r\n  line-height:\r\n    .98;\r\n\r\n  letter-spacing:\r\n    -1.5px;\r\n\r\n  color:\r\n    var(--kr7-navy);\r\n}\r\n\r\n\r\n.kr7-history__gold-line {\r\n  width:\r\n    110px;\r\n\r\n  height:\r\n    2px;\r\n\r\n  margin:\r\n    32px 0 30px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--kr7-gold),\r\n      rgba(164, 123, 55, .15)\r\n    );\r\n}\r\n\r\n\r\n.kr7-history__text p {\r\n  max-width:\r\n    560px;\r\n\r\n  margin:\r\n    0 0 18px;\r\n\r\n  font-family:\r\n    var(--kr7-serif);\r\n\r\n  font-size:\r\n    21px;\r\n\r\n  font-weight:\r\n    400;\r\n\r\n  line-height:\r\n    1.65;\r\n\r\n  color:\r\n    #253746;\r\n}\r\n\r\n\r\n.kr7-history__text p:last-child {\r\n  margin-bottom:\r\n    0;\r\n}\r\n\r\n\r\n.kr7-history__text strong {\r\n  font-weight:\r\n    600;\r\n\r\n  color:\r\n    var(--kr7-navy);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  .kr7-boat {\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n\r\n  .kr7-boat__column--sticky {\r\n    position:\r\n      static;\r\n  }\r\n\r\n\r\n  .kr7-history__inner {\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap:\r\n      65px;\r\n  }\r\n\r\n\r\n  .kr7-history__collage {\r\n    width:\r\n      min(680px, 100%);\r\n\r\n    min-height:\r\n      700px;\r\n\r\n    margin:\r\n      0 auto;\r\n  }\r\n\r\n\r\n  .kr7-history__text {\r\n    width:\r\n      min(680px, 100%);\r\n\r\n    margin:\r\n      0 auto;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SMARTPHONE\r\n===================================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .kr7-boat-section {\r\n    padding:\r\n      45px\r\n      18px\r\n      60px;\r\n  }\r\n\r\n\r\n  .kr7-specification {\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap:\r\n      4px;\r\n  }\r\n\r\n\r\n  .kr7-specification dd {\r\n    text-align:\r\n      left;\r\n  }\r\n\r\n\r\n  .kr7-card__header,\r\n  .kr7-card__body,\r\n  .kr7-accordion__trigger,\r\n  .kr7-price {\r\n    padding-left:\r\n      16px;\r\n\r\n    padding-right:\r\n      16px;\r\n  }\r\n\r\n\r\n  .kr7-modal-portal {\r\n    padding:\r\n      6px;\r\n  }\r\n\r\n\r\n  .kr7-modal__box {\r\n    width:\r\n      100%;\r\n\r\n    max-height:\r\n      97svh;\r\n\r\n    border-radius:\r\n      14px;\r\n  }\r\n\r\n\r\n  .kr7-modal__close {\r\n    top:\r\n      10px;\r\n\r\n    right:\r\n      10px;\r\n\r\n    width:\r\n      42px;\r\n\r\n    height:\r\n      42px;\r\n  }\r\n\r\n\r\n  .kr7-modal__titlebar,\r\n  .kr7-modal__content {\r\n    padding-left:\r\n      17px;\r\n\r\n    padding-right:\r\n      17px;\r\n  }\r\n\r\n\r\n  .kr7-tile-grid {\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n\r\n  .kr7-history {\r\n    padding:\r\n      58px\r\n      18px\r\n      65px;\r\n  }\r\n\r\n\r\n  .kr7-history__inner {\r\n    gap:\r\n      48px;\r\n  }\r\n\r\n\r\n  .kr7-history__collage {\r\n    min-height:\r\n      525px;\r\n  }\r\n\r\n\r\n  .kr7-history__image {\r\n    padding:\r\n      6px;\r\n  }\r\n\r\n\r\n  .kr7-history__image--top {\r\n    width:\r\n      88%;\r\n\r\n    transform:\r\n      rotate(-.7deg);\r\n  }\r\n\r\n\r\n  .kr7-history__image--middle {\r\n    top:\r\n      135px;\r\n\r\n    width:\r\n      88%;\r\n\r\n    transform:\r\n      rotate(.6deg);\r\n  }\r\n\r\n\r\n  .kr7-history__image--bottom {\r\n    top:\r\n      270px;\r\n\r\n    left:\r\n      6%;\r\n\r\n    width:\r\n      84%;\r\n\r\n    transform:\r\n      rotate(-.5deg);\r\n  }\r\n\r\n\r\n  .kr7-history__overline {\r\n    font-size:\r\n      10px;\r\n\r\n    letter-spacing:\r\n      2.5px;\r\n  }\r\n\r\n\r\n  .kr7-history__text h2 {\r\n    font-size:\r\n      42px;\r\n\r\n    line-height:\r\n      1.03;\r\n\r\n    letter-spacing:\r\n      -1px;\r\n  }\r\n\r\n\r\n  .kr7-history__text p {\r\n    font-size:\r\n      19px;\r\n\r\n    line-height:\r\n      1.55;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   KLEINE SMARTPHONES\r\n===================================================== *\/\r\n\r\n@media (max-width: 400px) {\r\n\r\n  .kr7-history__collage {\r\n    min-height:\r\n      465px;\r\n  }\r\n\r\n\r\n  .kr7-history__image--middle {\r\n    top:\r\n      118px;\r\n  }\r\n\r\n\r\n  .kr7-history__image--bottom {\r\n    top:\r\n      235px;\r\n  }\r\n\r\n\r\n  .kr7-history__text h2 {\r\n    font-size:\r\n      37px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ANIMATIONEN\r\n===================================================== *\/\r\n\r\n@keyframes kr7-modal-fade {\r\n\r\n  from {\r\n    opacity:\r\n      0;\r\n  }\r\n\r\n  to {\r\n    opacity:\r\n      1;\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes kr7-modal-pop {\r\n\r\n  from {\r\n    opacity:\r\n      0;\r\n\r\n    transform:\r\n      translateY(10px)\r\n      scale(.985);\r\n  }\r\n\r\n  to {\r\n    opacity:\r\n      1;\r\n\r\n    transform:\r\n      none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* REDUZIERTE BEWEGUNG *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .kr7-accordion__icon::before,\r\n  .kr7-accordion__icon::after,\r\n  .kr7-button,\r\n  .kr7-tile-grid li,\r\n  .kr7-modal-portal,\r\n  .kr7-modal__box,\r\n  .kr7-history__image {\r\n    animation:\r\n      none !important;\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n\r\n}\r\n\/* \u00dcberschrift \u201eAusstattung Circe\u201c wei\u00df *\/\r\n\r\n.kr7-modal__titlebar h3,\r\n.kr7-modal__titlebar h3 span {\r\n  color: #ffffff !important;\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   HISTORIENBILDER AUF TOUCH-GER\u00c4TEN\r\n   Antippen hebt ein Bild hervor\r\n===================================================== *\/\r\n\r\n@media (hover: none), (pointer: coarse) {\r\n\r\n  .kr7-history__image {\r\n    cursor: pointer;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  .kr7-history__image.is-active {\r\n    z-index: 6;\r\n\r\n    box-shadow:\r\n      0 28px 60px rgba(0, 0, 0, .24),\r\n      0 5px 15px rgba(0, 0, 0, .12);\r\n  }\r\n\r\n  .kr7-history__image--top.is-active {\r\n    transform:\r\n      rotate(-.7deg)\r\n      translateY(-8px)\r\n      scale(1.02);\r\n  }\r\n\r\n  .kr7-history__image--middle.is-active {\r\n    transform:\r\n      rotate(.6deg)\r\n      translateY(-8px)\r\n      scale(1.02);\r\n  }\r\n\r\n  .kr7-history__image--bottom.is-active {\r\n    transform:\r\n      rotate(-.5deg)\r\n      translateY(-8px)\r\n      scale(1.02);\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n  const boatSection =\r\n    document.getElementById(\"kr7-boat-section\");\r\n\r\n\r\n  if (!boatSection) {\r\n    return;\r\n  }\r\n\r\n\r\n  const modalDetails =\r\n    boatSection.querySelectorAll(\r\n      \".kr7-accordion--modal\"\r\n    );\r\n\r\n\r\n  \/*\r\n   * Pr\u00fcfen, ob bereits ein anderes Modal ge\u00f6ffnet ist.\r\n   *\/\r\n\r\n  function closeOtherModals(currentDetails) {\r\n\r\n    modalDetails.forEach(function (details) {\r\n\r\n      if (\r\n        details !== currentDetails &&\r\n        details.open\r\n      ) {\r\n\r\n        details.open = false;\r\n\r\n      }\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  modalDetails.forEach(function (details) {\r\n\r\n    const panel =\r\n      Array.from(details.children).find(\r\n        function (element) {\r\n\r\n          return element.classList.contains(\r\n            \"kr7-modal\"\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n    if (!panel) {\r\n      return;\r\n    }\r\n\r\n\r\n    const closeButton =\r\n      panel.querySelector(\r\n        \".kr7-modal__close\"\r\n      );\r\n\r\n\r\n    const summary =\r\n      details.querySelector(\r\n        \"summary\"\r\n      );\r\n\r\n\r\n    const originalParent =\r\n      panel.parentNode;\r\n\r\n\r\n    let portal =\r\n      null;\r\n\r\n\r\n    let lastFocusedElement =\r\n      null;\r\n\r\n\r\n    let modalIsOpen =\r\n      false;\r\n\r\n\r\n    \/* ===============================================\r\n       FOKUSSIERBARE ELEMENTE\r\n    =============================================== *\/\r\n\r\n    function getFocusableElements() {\r\n\r\n      return Array.from(\r\n        panel.querySelectorAll(\r\n          [\r\n            \"a[href]\",\r\n            \"button:not([disabled])\",\r\n            \"input:not([disabled])\",\r\n            \"select:not([disabled])\",\r\n            \"textarea:not([disabled])\",\r\n            \"[tabindex]:not([tabindex='-1'])\"\r\n          ].join(\",\")\r\n        )\r\n      ).filter(function (element) {\r\n\r\n        return (\r\n          element.offsetWidth > 0 ||\r\n          element.offsetHeight > 0\r\n        );\r\n\r\n      });\r\n\r\n    }\r\n\r\n\r\n    \/* ===============================================\r\n       MODAL \u00d6FFNEN\r\n    =============================================== *\/\r\n\r\n    function openModal() {\r\n\r\n      if (modalIsOpen) {\r\n        return;\r\n      }\r\n\r\n\r\n      closeOtherModals(details);\r\n\r\n\r\n      modalIsOpen =\r\n        true;\r\n\r\n\r\n      lastFocusedElement =\r\n        document.activeElement;\r\n\r\n\r\n      portal =\r\n        document.createElement(\"div\");\r\n\r\n\r\n      portal.className =\r\n        \"kr7-modal-portal\";\r\n\r\n\r\n      portal.appendChild(panel);\r\n\r\n\r\n      document.body.appendChild(portal);\r\n\r\n\r\n      document.body.classList.add(\r\n        \"kr7-modal-open\"\r\n      );\r\n\r\n\r\n      panel.setAttribute(\r\n        \"aria-hidden\",\r\n        \"false\"\r\n      );\r\n\r\n\r\n      window.setTimeout(function () {\r\n\r\n        if (closeButton) {\r\n\r\n          closeButton.focus({\r\n            preventScroll: true\r\n          });\r\n\r\n        }\r\n\r\n      }, 0);\r\n\r\n    }\r\n\r\n\r\n    \/* ===============================================\r\n       MODAL SCHLIESSEN\r\n    =============================================== *\/\r\n\r\n    function closeModal() {\r\n\r\n      if (!modalIsOpen) {\r\n        return;\r\n      }\r\n\r\n\r\n      modalIsOpen =\r\n        false;\r\n\r\n\r\n      originalParent.appendChild(panel);\r\n\r\n\r\n      panel.setAttribute(\r\n        \"aria-hidden\",\r\n        \"true\"\r\n      );\r\n\r\n\r\n      if (\r\n        portal &&\r\n        portal.parentNode\r\n      ) {\r\n\r\n        portal.parentNode.removeChild(\r\n          portal\r\n        );\r\n\r\n      }\r\n\r\n\r\n      portal =\r\n        null;\r\n\r\n\r\n      if (\r\n        !document.querySelector(\r\n          \".kr7-modal-portal\"\r\n        )\r\n      ) {\r\n\r\n        document.body.classList.remove(\r\n          \"kr7-modal-open\"\r\n        );\r\n\r\n      }\r\n\r\n\r\n      if (details.open) {\r\n\r\n        details.open =\r\n          false;\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        lastFocusedElement &&\r\n        typeof lastFocusedElement.focus ===\r\n          \"function\"\r\n      ) {\r\n\r\n        lastFocusedElement.focus({\r\n          preventScroll: true\r\n        });\r\n\r\n      } else if (summary) {\r\n\r\n        summary.focus({\r\n          preventScroll: true\r\n        });\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* ===============================================\r\n       DETAILS-SCHALTER\r\n    =============================================== *\/\r\n\r\n    details.addEventListener(\r\n      \"toggle\",\r\n      function () {\r\n\r\n        if (details.open) {\r\n\r\n          openModal();\r\n\r\n        } else {\r\n\r\n          closeModal();\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* ===============================================\r\n       SCHLIESSEN-BUTTON\r\n    =============================================== *\/\r\n\r\n    if (closeButton) {\r\n\r\n      closeButton.addEventListener(\r\n        \"click\",\r\n        closeModal\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* ===============================================\r\n       KLICK AUF DEN DUNKLEN AUSSENBEREICH\r\n    =============================================== *\/\r\n\r\n    document.addEventListener(\r\n      \"click\",\r\n      function (event) {\r\n\r\n        if (\r\n          !modalIsOpen ||\r\n          !portal\r\n        ) {\r\n          return;\r\n        }\r\n\r\n\r\n        if (event.target === portal) {\r\n\r\n          closeModal();\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* ===============================================\r\n       TASTATURSTEUERUNG\r\n    =============================================== *\/\r\n\r\n    document.addEventListener(\r\n      \"keydown\",\r\n      function (event) {\r\n\r\n        if (!modalIsOpen) {\r\n          return;\r\n        }\r\n\r\n\r\n        \/* ESC-TASTE *\/\r\n\r\n        if (event.key === \"Escape\") {\r\n\r\n          event.preventDefault();\r\n\r\n          closeModal();\r\n\r\n          return;\r\n        }\r\n\r\n\r\n        \/* FOKUS IM MODAL HALTEN *\/\r\n\r\n        if (event.key === \"Tab\") {\r\n\r\n          const focusableElements =\r\n            getFocusableElements();\r\n\r\n\r\n          if (!focusableElements.length) {\r\n            return;\r\n          }\r\n\r\n\r\n          const firstElement =\r\n            focusableElements[0];\r\n\r\n\r\n          const lastElement =\r\n            focusableElements[\r\n              focusableElements.length - 1\r\n            ];\r\n\r\n\r\n          if (\r\n            event.shiftKey &&\r\n            document.activeElement ===\r\n              firstElement\r\n          ) {\r\n\r\n            event.preventDefault();\r\n\r\n            lastElement.focus();\r\n\r\n          } else if (\r\n            !event.shiftKey &&\r\n            document.activeElement ===\r\n              lastElement\r\n          ) {\r\n\r\n            event.preventDefault();\r\n\r\n            firstElement.focus();\r\n\r\n          }\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/*\r\n     * Falls das Details-Element bereits ge\u00f6ffnet\r\n     * im HTML geladen wird.\r\n     *\/\r\n\r\n    if (details.open) {\r\n\r\n      openModal();\r\n\r\n    } else {\r\n\r\n      panel.setAttribute(\r\n        \"aria-hidden\",\r\n        \"true\"\r\n      );\r\n\r\n    }\r\n\r\n  });\r\n\r\n\r\n\r\n  \/* ===============================================\r\n     HISTORIENBILDER AUF MOBILGER\u00c4TEN BEWEGEN\r\n  =============================================== *\/\r\n\r\n  const historyImages =\r\n    document.querySelectorAll(\r\n      \".kr7-history__image\"\r\n    );\r\n\r\n\r\n  historyImages.forEach(function (image) {\r\n\r\n    image.addEventListener(\r\n      \"click\",\r\n      function () {\r\n\r\n        if (\r\n          !window.matchMedia(\r\n            \"(hover: none), (pointer: coarse)\"\r\n          ).matches\r\n        ) {\r\n          return;\r\n        }\r\n\r\n\r\n        const wasActive =\r\n          image.classList.contains(\r\n            \"is-active\"\r\n          );\r\n\r\n\r\n        historyImages.forEach(\r\n          function (otherImage) {\r\n\r\n            otherImage.classList.remove(\r\n              \"is-active\"\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n\r\n        if (!wasActive) {\r\n\r\n          image.classList.add(\r\n            \"is-active\"\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\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-84357d7 e-flex e-con-boxed e-con e-parent\" data-id=\"84357d7\" 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-3323be8 elementor-widget elementor-widget-html\" data-id=\"3323be8\" 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     SCHRIFTEN\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;700&family=Inter:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<!-- =====================================================\r\n     ZWEI BLICKWINKEL AUF DIE CIRCE\r\n===================================================== -->\r\n\r\n<section\r\n  class=\"kr7-perspective-section\"\r\n  id=\"kr7-perspective-section\"\r\n>\r\n\r\n  <div class=\"kr7-perspective\">\r\n\r\n    <header class=\"kr7-perspective__heading\">\r\n\r\n      <span class=\"kr7-perspective__overline\">\r\n        Zwei pers\u00f6nliche Einsch\u00e4tzungen\r\n      <\/span>\r\n\r\n      <h2>\r\n        Zwei Blickwinkel auf die Circe\r\n      <\/h2>\r\n\r\n\r\n\r\n      <div class=\"kr7-perspective__gold-line\"><\/div>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"kr7-perspective__cards\">\r\n\r\n\r\n      <!-- =================================================\r\n           MAKLEREINSCH\u00c4TZUNG\r\n      ================================================== -->\r\n\r\n      <article\r\n        class=\"kr7-perspective__card active\"\r\n        tabindex=\"0\"\r\n        aria-labelledby=\"kr7-broker-title\"\r\n        aria-label=\"Maklereinsch\u00e4tzung vollst\u00e4ndig \u00f6ffnen\"\r\n      >\r\n\r\n        <button\r\n          class=\"kr7-perspective__close\"\r\n          type=\"button\"\r\n          aria-label=\"Maklereinsch\u00e4tzung schlie\u00dfen\"\r\n        ><\/button>\r\n\r\n\r\n        <h3 id=\"kr7-broker-title\">\r\n          Makler-Einsch\u00e4tzung\r\n        <\/h3>\r\n\r\n\r\n        <span class=\"kr7-perspective__hint\">\r\n          Zum vollst\u00e4ndigen Lesen klicken\r\n        <\/span>\r\n\r\n\r\n        <div class=\"kr7-perspective__content\">\r\n\r\n         <p>\r\n  Bevor ich die <strong>Circe<\/strong> kennengelernt habe, hatte ich\r\n  mich mit klassischen Kreuzern dieser Art und insbesondere mit der\r\n  7-KR-Klasse kaum besch\u00e4ftigt. Umso st\u00e4rker war der erste Eindruck.\r\n  Die Formensprache ist eindeutig auf Geschwindigkeit ausgelegt.\r\n  Der lange, schlanke Rumpf verleiht dem Boot eine sehr elegante\r\n  Erscheinung.\r\n<\/p>\r\n\r\n<p>\r\n  Mit einer Verdr\u00e4ngung von rund 7&nbsp;Tonnen steht die Circe stabil\r\n  und massiv im Wasser, ohne dabei schwerf\u00e4llig zu wirken. Im Gegenteil,\r\n  ihre Linien lassen erkennen, dass dieses Boot zum schnellen Segeln\r\n  gebaut wurde. Wer bei ihrem Anblick keine Lust bekommt, die Leinen\r\n  loszuwerfen, wird sich vermutlich nur schwer f\u00fcr klassische Boote\r\n  begeistern k\u00f6nnen.\r\n<\/p>\r\n\r\n<p>\r\n  Das Boot wurde \u00fcber viele Jahre gepflegt und technisch in einem guten\r\n  Zustand gehalten. Aktuell sind einige \u00fcberschaubare Arbeiten\r\n  erforderlich, darunter das Schleifen und \u00dcberarbeiten des Teakdecks\r\n  sowie kleinere Holz-, Lack- und Pflegearbeiten an verschiedenen\r\n  Stellen.\r\n<\/p>\r\n\r\n<p>\r\n  Unter Deck zeigt sich die Circe wohnlich, funktional und angenehm\r\n  zur\u00fcckhaltend. Der Ausbau wirkt nicht verspielt, sondern entspricht\r\n  dem sachlichen Charakter eines klassischen Seebootes. Es gibt keinen\r\n  unangenehmen Geruch, die Bilge ist trocken, und man f\u00fchlt sich bewusst\r\n  in eine andere Zeit zur\u00fcckversetzt.\r\n<\/p>\r\n\r\n<p>\r\n  Die technischen Instrumente funktionieren, der Beta Marine Motor\r\n  springt zuverl\u00e4ssig an, und das Boot ist fahrbereit und segelbereit.\r\n  Auch im pers\u00f6nlichen Umgang mit dem Eigner wird deutlich, mit wie viel\r\n  Verbundenheit und Aufmerksamkeit dieses Boot \u00fcber die Jahre begleitet\r\n  wurde.\r\n<\/p>\r\n\r\n<p>\r\n  Die Circe bietet damit nicht nur klassische Bootsbaugeschichte,\r\n  sondern auch ein sehr authentisches Gesamtbild aus Technik,\r\n  Segeleigenschaften und langj\u00e4hriger Eignerpflege. Wer ein klassisches\r\n  Holzboot sucht, wird an diesem Boot viel Freude haben.\r\n<\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =================================================\r\n           EIGNER-EINSCH\u00c4TZUNG\r\n      ================================================== -->\r\n\r\n      <article\r\n        class=\"kr7-perspective__card\"\r\n        tabindex=\"0\"\r\n        aria-labelledby=\"kr7-owner-title\"\r\n        aria-label=\"Eignereinsch\u00e4tzung vollst\u00e4ndig \u00f6ffnen\"\r\n      >\r\n\r\n        <button\r\n          class=\"kr7-perspective__close\"\r\n          type=\"button\"\r\n          aria-label=\"Eignereinsch\u00e4tzung schlie\u00dfen\"\r\n        ><\/button>\r\n\r\n\r\n        <h3 id=\"kr7-owner-title\">\r\n          Der Eigner sagt\r\n        <\/h3>\r\n\r\n\r\n        <span class=\"kr7-perspective__hint\">\r\n          Zum vollst\u00e4ndigen Lesen klicken\r\n        <\/span>\r\n\r\n\r\n        <div class=\"kr7-perspective__content\">\r\n\r\n          <p>\r\n  Die <strong>Circe<\/strong> war f\u00fcr mich immer ein Boot, auf das ich\r\n  mich verlassen konnte. Selbst bei rauer See blieb sie gutm\u00fctig und\r\n  angenehm zu segeln. Am Wind hat sie mir oft gezeigt, was in ihr steckt,\r\n  und nicht selten haben wir dabei andere Boote hinter uns gelassen.\r\n<\/p>\r\n\r\n<p>\r\n  Wenn der Wind aus der richtigen Richtung kam und die Circe richtig\r\n  Fahrt aufnahm, fiel es mir manchmal schwer, \u00fcberhaupt umzudrehen und\r\n  wieder den Heimathafen anzusteuern. Es gab viele dieser Momente, in\r\n  denen man einfach weitersegeln wollte.\r\n<\/p>\r\n\r\n<p>\r\n  Gemeinsam haben wir sch\u00f6ne Orte erreicht und spannende Abenteuer\r\n  erlebt. Genauso wertvoll waren aber auch die ruhigen Stunden unter\r\n  Deck, wenn wir im Salon sa\u00dfen, zur Ruhe kamen und einfach das Leben\r\n  an Bord genossen haben.\r\n<\/p>\r\n\r\n<p>\r\n  Gepflegt habe ich die Circe immer gern. Es war f\u00fcr mich nie nur eine\r\n  Pflicht, sondern der Wunsch, ihr etwas Gutes zu tun und sie in einem\r\n  Zustand zu erhalten, der diesem besonderen Boot gerecht wird.\r\n<\/p>\r\n\r\n<p>\r\n  Nun suchen wir jemanden, der die Circe zu sch\u00e4tzen wei\u00df, ihre\r\n  Geschichte versteht und bereit ist, diesen Weg weiterzugehen. Ich\r\n  w\u00fcnsche mir f\u00fcr sie einen neuen Eigner, der sie nicht nur besitzt,\r\n  sondern mit derselben Freude segelt, pflegt und bewahrt.\r\n<\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   GRUNDEINSTELLUNGEN\r\n===================================================== *\/\r\n\r\n.kr7-perspective-section,\r\n.kr7-perspective-section *,\r\n.kr7-perspective-overlay,\r\n.kr7-perspective-overlay * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   GESAMTER ALTWEISSER BEREICH\r\n===================================================== *\/\r\n\r\n.kr7-perspective-section {\r\n  --kr7-perspective-navy: #071b2d;\r\n  --kr7-perspective-navy-light: #12354d;\r\n\r\n  --kr7-perspective-gold: #a47b37;\r\n  --kr7-perspective-gold-light: #d5bb84;\r\n\r\n  --kr7-perspective-background: #f6f3ed;\r\n  --kr7-perspective-paper: #ffffff;\r\n\r\n  --kr7-perspective-text: #253746;\r\n  --kr7-perspective-muted: #59656d;\r\n\r\n  position: relative;\r\n\r\n  width: 100vw;\r\n\r\n  margin-left:\r\n    calc(50% - 50vw);\r\n\r\n  padding:\r\n    clamp(65px, 8vw, 110px)\r\n    clamp(20px, 5vw, 70px);\r\n\r\n  background:\r\n    var(--kr7-perspective-background);\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   INNERER BEREICH\r\n===================================================== *\/\r\n\r\n.kr7-perspective {\r\n  width:\r\n    min(1160px, 100%);\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  color:\r\n    var(--kr7-perspective-text);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   \u00dcBERSCHRIFT\r\n===================================================== *\/\r\n\r\n.kr7-perspective__heading {\r\n  max-width:\r\n    760px;\r\n\r\n  margin:\r\n    0 auto 48px;\r\n\r\n  text-align:\r\n    center;\r\n}\r\n\r\n\r\n.kr7-perspective__overline {\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    15px;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    10px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  letter-spacing:\r\n    4px;\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n  color:\r\n    var(--kr7-perspective-gold);\r\n}\r\n\r\n\r\n.kr7-perspective__heading h2 {\r\n  margin:\r\n    0 0 17px;\r\n\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(46px, 6vw, 75px);\r\n\r\n  font-weight:\r\n    500;\r\n\r\n  line-height:\r\n    .98;\r\n\r\n  letter-spacing:\r\n    -1.5px;\r\n\r\n  color:\r\n    var(--kr7-perspective-navy);\r\n}\r\n\r\n\r\n.kr7-perspective__heading p {\r\n  max-width:\r\n    620px;\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    21px;\r\n\r\n  line-height:\r\n    1.55;\r\n\r\n  color:\r\n    var(--kr7-perspective-muted);\r\n}\r\n\r\n\r\n.kr7-perspective__gold-line {\r\n  width:\r\n    115px;\r\n\r\n  height:\r\n    2px;\r\n\r\n  margin:\r\n    28px auto 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--kr7-perspective-gold),\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   KARTENLAYOUT\r\n===================================================== *\/\r\n\r\n.kr7-perspective__cards {\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2, minmax(0, 1fr));\r\n\r\n  align-items:\r\n    stretch;\r\n\r\n  gap:\r\n    22px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   EINZELNE KARTE\r\n===================================================== *\/\r\n\r\n.kr7-perspective__card {\r\n  position:\r\n    relative;\r\n\r\n  min-width:\r\n    0;\r\n\r\n  height:\r\n    500px;\r\n\r\n  padding:\r\n    27px 27px 35px;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  border:\r\n    1px solid rgba(164, 123, 55, .22);\r\n\r\n  border-radius:\r\n    17px;\r\n\r\n  background:\r\n    rgba(255, 255, 255, .72);\r\n\r\n  box-shadow:\r\n    0 12px 35px rgba(7, 27, 45, .08);\r\n\r\n  color:\r\n    var(--kr7-perspective-muted);\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  opacity:\r\n    .88;\r\n\r\n  transform:\r\n    translateY(2px)\r\n    scale(.99);\r\n\r\n  transition:\r\n    opacity .45s ease,\r\n    transform .45s ease,\r\n    box-shadow .35s ease,\r\n    border-color .35s ease;\r\n}\r\n\r\n\r\n\/* WEICHER VERLAUF AM KARTENENDE *\/\r\n\r\n.kr7-perspective__card::after {\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  right:\r\n    0;\r\n\r\n  bottom:\r\n    0;\r\n\r\n  left:\r\n    0;\r\n\r\n  height:\r\n    120px;\r\n\r\n  pointer-events:\r\n    none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      transparent,\r\n      rgba(246, 243, 237, .95) 78%\r\n    );\r\n}\r\n\r\n\r\n.kr7-perspective__card:hover,\r\n.kr7-perspective__card:focus-visible,\r\n.kr7-perspective__card.active {\r\n  opacity:\r\n    1;\r\n\r\n  transform:\r\n    translateY(-3px)\r\n    scale(1);\r\n\r\n  border-color:\r\n    rgba(164, 123, 55, .58);\r\n\r\n  box-shadow:\r\n    0 20px 48px rgba(7, 27, 45, .14);\r\n\r\n  outline:\r\n    none;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   KARTEN\u00dcBERSCHRIFT\r\n===================================================== *\/\r\n\r\n.kr7-perspective__card h3 {\r\n  margin:\r\n    0 0 12px;\r\n\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(27px, 2.5vw, 36px);\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  line-height:\r\n    1.05;\r\n\r\n  color:\r\n    var(--kr7-perspective-navy);\r\n}\r\n\r\n\r\n.kr7-perspective__card h3::after {\r\n  content:\r\n    \"\";\r\n\r\n  display:\r\n    block;\r\n\r\n  width:\r\n    58px;\r\n\r\n  height:\r\n    2px;\r\n\r\n  margin-top:\r\n    11px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--kr7-perspective-gold),\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HINWEIS\r\n===================================================== *\/\r\n\r\n.kr7-perspective__hint {\r\n  display:\r\n    inline-flex;\r\n\r\n  margin:\r\n    0 0 20px;\r\n\r\n  padding:\r\n    6px 11px;\r\n\r\n  border:\r\n    1px solid rgba(164, 123, 55, .40);\r\n\r\n  border-radius:\r\n    999px;\r\n\r\n  background:\r\n    rgba(246, 243, 237, .78);\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    600;\r\n\r\n  letter-spacing:\r\n    1.5px;\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n  color:\r\n    var(--kr7-perspective-gold);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TEXT\r\n===================================================== *\/\r\n\r\n.kr7-perspective__content p {\r\n  margin:\r\n    0 0 15px;\r\n\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    18px;\r\n\r\n  font-weight:\r\n    400;\r\n\r\n  line-height:\r\n    1.65;\r\n\r\n  color:\r\n    var(--kr7-perspective-text);\r\n}\r\n\r\n\r\n.kr7-perspective__content p:last-child {\r\n  margin-bottom:\r\n    0;\r\n}\r\n\r\n\r\n.kr7-perspective__content strong {\r\n  font-weight:\r\n    600;\r\n\r\n  color:\r\n    var(--kr7-perspective-navy);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SCHLIESSEN-BUTTON\r\n===================================================== *\/\r\n\r\n.kr7-perspective__close {\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    17px;\r\n\r\n  right:\r\n    17px;\r\n\r\n  z-index:\r\n    15;\r\n\r\n  width:\r\n    44px;\r\n\r\n  height:\r\n    44px;\r\n\r\n  padding:\r\n    0;\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  border:\r\n    1px solid rgba(164, 123, 55, .55);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n    var(--kr7-perspective-navy);\r\n\r\n  color:\r\n    var(--kr7-perspective-gold-light);\r\n\r\n  cursor:\r\n    pointer;\r\n\r\n  opacity:\r\n    0;\r\n\r\n  pointer-events:\r\n    none;\r\n\r\n  transform:\r\n    scale(.85);\r\n\r\n  transition:\r\n    opacity .2s ease,\r\n    transform .2s ease,\r\n    background .2s ease;\r\n}\r\n\r\n\r\n.kr7-perspective__close::before,\r\n.kr7-perspective__close::after {\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  width:\r\n    18px;\r\n\r\n  height:\r\n    2px;\r\n\r\n  background:\r\n    currentColor;\r\n\r\n  transform:\r\n    rotate(45deg);\r\n}\r\n\r\n\r\n.kr7-perspective__close::after {\r\n  transform:\r\n    rotate(-45deg);\r\n}\r\n\r\n\r\n.kr7-perspective__close:hover,\r\n.kr7-perspective__close:focus-visible {\r\n  background:\r\n    var(--kr7-perspective-navy-light);\r\n\r\n  transform:\r\n    scale(1.05);\r\n\r\n  outline:\r\n    none;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   VORDERGRUNDFENSTER\r\n===================================================== *\/\r\n\r\n.kr7-perspective-overlay {\r\n  position:\r\n    fixed;\r\n\r\n  inset:\r\n    0;\r\n\r\n  z-index:\r\n    999999;\r\n\r\n  display:\r\n    grid;\r\n\r\n  place-items:\r\n    center;\r\n\r\n  padding:\r\n    clamp(10px, 3vw, 36px);\r\n\r\n  background:\r\n    rgba(7, 27, 45, .78);\r\n\r\n  backdrop-filter:\r\n    blur(7px);\r\n\r\n  animation:\r\n    kr7PerspectiveFade .22s ease-out;\r\n}\r\n\r\n\r\n\/* GE\u00d6FFNETE KARTE *\/\r\n\r\n.kr7-perspective-overlay\r\n.kr7-perspective__card.expanded {\r\n  width:\r\n    min(940px, 96vw);\r\n\r\n  height:\r\n    auto;\r\n\r\n  max-height:\r\n    91svh;\r\n\r\n  padding:\r\n    clamp(28px, 4vw, 48px);\r\n\r\n  overflow-x:\r\n    hidden;\r\n\r\n  overflow-y:\r\n    auto;\r\n\r\n  border:\r\n    1px solid rgba(164, 123, 55, .48);\r\n\r\n  border-radius:\r\n    22px;\r\n\r\n  background:\r\n    var(--kr7-perspective-background);\r\n\r\n  box-shadow:\r\n    0 40px 120px rgba(0, 0, 0, .42);\r\n\r\n  opacity:\r\n    1;\r\n\r\n  cursor:\r\n    default;\r\n\r\n  transform:\r\n    none;\r\n\r\n  animation:\r\n    kr7PerspectiveOpen .28s ease-out;\r\n}\r\n\r\n\r\n\/* Verlauf im ge\u00f6ffneten Fenster entfernen *\/\r\n\r\n.kr7-perspective-overlay\r\n.kr7-perspective__card.expanded::after {\r\n  display:\r\n    none;\r\n}\r\n\r\n\r\n\/* Hinweis im ge\u00f6ffneten Fenster ausblenden *\/\r\n\r\n.kr7-perspective-overlay\r\n.kr7-perspective__card.expanded\r\n.kr7-perspective__hint {\r\n  display:\r\n    none;\r\n}\r\n\r\n\r\n\/* Schlie\u00dfen sichtbar *\/\r\n\r\n.kr7-perspective-overlay\r\n.kr7-perspective__card.expanded\r\n.kr7-perspective__close {\r\n  position:\r\n    sticky;\r\n\r\n  top:\r\n    0;\r\n\r\n  float:\r\n    right;\r\n\r\n  margin:\r\n    -8px -8px 5px 20px;\r\n\r\n  opacity:\r\n    1;\r\n\r\n  pointer-events:\r\n    auto;\r\n\r\n  transform:\r\n    scale(1);\r\n}\r\n\r\n\r\n\/* Gr\u00f6\u00dferer Text im Vordergrundfenster *\/\r\n\r\n.kr7-perspective-overlay\r\n.kr7-perspective__card.expanded\r\nh3 {\r\n  padding-right:\r\n    60px;\r\n\r\n  font-size:\r\n    clamp(34px, 4vw, 48px);\r\n}\r\n\r\n\r\n.kr7-perspective-overlay\r\n.kr7-perspective__card.expanded\r\n.kr7-perspective__content p {\r\n  font-size:\r\n    clamp(18px, 1.6vw, 21px);\r\n\r\n  line-height:\r\n    1.7;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   PLATZHALTER BEIM \u00d6FFNEN\r\n===================================================== *\/\r\n\r\n.kr7-perspective__placeholder {\r\n  min-height:\r\n    500px;\r\n\r\n  border:\r\n    1px dashed rgba(164, 123, 55, .16);\r\n\r\n  border-radius:\r\n    17px;\r\n\r\n  background:\r\n    rgba(255, 255, 255, .18);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BODY BEI GE\u00d6FFNETEM FENSTER\r\n===================================================== *\/\r\n\r\nbody.kr7-perspective-open {\r\n  overflow:\r\n    hidden !important;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .kr7-perspective__cards {\r\n    grid-template-columns:\r\n      1fr;\r\n  }\r\n\r\n\r\n  .kr7-perspective__card {\r\n    width:\r\n      min(700px, 100%);\r\n\r\n    height:\r\n      440px;\r\n\r\n    margin:\r\n      0 auto;\r\n  }\r\n\r\n\r\n  .kr7-perspective__placeholder {\r\n    min-height:\r\n      440px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SMARTPHONE\r\n===================================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .kr7-perspective-section {\r\n    padding:\r\n      58px\r\n      18px\r\n      68px;\r\n  }\r\n\r\n\r\n  .kr7-perspective__heading {\r\n    margin-bottom:\r\n      35px;\r\n  }\r\n\r\n\r\n  .kr7-perspective__heading h2 {\r\n    font-size:\r\n      42px;\r\n  }\r\n\r\n\r\n  .kr7-perspective__heading p {\r\n    font-size:\r\n      19px;\r\n  }\r\n\r\n\r\n  .kr7-perspective__card {\r\n    height:\r\n      410px;\r\n\r\n    padding:\r\n      22px\r\n      20px\r\n      30px;\r\n  }\r\n\r\n\r\n  .kr7-perspective__placeholder {\r\n    min-height:\r\n      410px;\r\n  }\r\n\r\n\r\n  .kr7-perspective__content p {\r\n    font-size:\r\n      17px;\r\n\r\n    line-height:\r\n      1.6;\r\n  }\r\n\r\n\r\n  .kr7-perspective-overlay {\r\n    padding:\r\n      7px;\r\n  }\r\n\r\n\r\n  .kr7-perspective-overlay\r\n  .kr7-perspective__card.expanded {\r\n    width:\r\n      100%;\r\n\r\n    max-height:\r\n      97svh;\r\n\r\n    padding:\r\n      25px\r\n      20px\r\n      32px;\r\n\r\n    border-radius:\r\n      15px;\r\n  }\r\n\r\n\r\n  .kr7-perspective-overlay\r\n  .kr7-perspective__card.expanded\r\n  h3 {\r\n    font-size:\r\n      34px;\r\n  }\r\n\r\n\r\n  .kr7-perspective-overlay\r\n  .kr7-perspective__card.expanded\r\n  .kr7-perspective__content p {\r\n    font-size:\r\n      18px;\r\n\r\n    line-height:\r\n      1.62;\r\n  }\r\n\r\n\r\n  .kr7-perspective-overlay\r\n  .kr7-perspective__card.expanded\r\n  .kr7-perspective__close {\r\n    width:\r\n      42px;\r\n\r\n    height:\r\n      42px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ANIMATIONEN\r\n===================================================== *\/\r\n\r\n@keyframes kr7PerspectiveFade {\r\n\r\n  from {\r\n    opacity:\r\n      0;\r\n  }\r\n\r\n  to {\r\n    opacity:\r\n      1;\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes kr7PerspectiveOpen {\r\n\r\n  from {\r\n    opacity:\r\n      .75;\r\n\r\n    transform:\r\n      translateY(12px)\r\n      scale(.975);\r\n  }\r\n\r\n  to {\r\n    opacity:\r\n      1;\r\n\r\n    transform:\r\n      none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   REDUZIERTE BEWEGUNG\r\n===================================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .kr7-perspective__card,\r\n  .kr7-perspective__close,\r\n  .kr7-perspective-overlay {\r\n    animation:\r\n      none !important;\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n\r\n}\r\n\r\n\/* =====================================================\r\n   GE\u00d6FFNETES TEXTFENSTER ALTWEISS\r\n===================================================== *\/\r\n\r\n\/* Farbvariablen auch im Vordergrundfenster verf\u00fcgbar machen *\/\r\n\r\n.kr7-perspective-overlay {\r\n  --kr7-perspective-navy: #071b2d;\r\n  --kr7-perspective-navy-light: #12354d;\r\n  --kr7-perspective-gold: #a47b37;\r\n  --kr7-perspective-gold-light: #d5bb84;\r\n  --kr7-perspective-background: #f6f3ed;\r\n  --kr7-perspective-paper: #ffffff;\r\n  --kr7-perspective-text: #253746;\r\n  --kr7-perspective-muted: #59656d;\r\n}\r\n\r\n\r\n\/* Nur die ge\u00f6ffnete Textkarte altwei\u00df darstellen *\/\r\n\r\n.kr7-perspective-overlay\r\n.kr7-perspective__card.expanded {\r\n  background: #f6f3ed !important;\r\n  color: #253746 !important;\r\n}\r\n\r\n\r\n\/* \u00dcberschrift im ge\u00f6ffneten Fenster *\/\r\n\r\n.kr7-perspective-overlay\r\n.kr7-perspective__card.expanded h3 {\r\n  color: #071b2d !important;\r\n}\r\n\r\n\r\n\/* Flie\u00dftext im ge\u00f6ffneten Fenster *\/\r\n\r\n.kr7-perspective-overlay\r\n.kr7-perspective__card.expanded\r\n.kr7-perspective__content p {\r\n  color: #253746 !important;\r\n}\r\n\r\n\r\n\/* Hervorgehobener Text *\/\r\n\r\n.kr7-perspective-overlay\r\n.kr7-perspective__card.expanded\r\n.kr7-perspective__content strong {\r\n  color: #071b2d !important;\r\n}\r\n\r\n\r\n\/* Der blaue Hintergrund au\u00dfen bleibt bestehen *\/\r\n\r\n.kr7-perspective-overlay {\r\n  background: rgba(7, 27, 45, .78) !important;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n  function initializeKr7Perspective() {\r\n\r\n    const section =\r\n      document.getElementById(\r\n        \"kr7-perspective-section\"\r\n      );\r\n\r\n\r\n    if (!section) {\r\n      return;\r\n    }\r\n\r\n\r\n    if (\r\n      section.dataset.initialized ===\r\n      \"true\"\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    section.dataset.initialized =\r\n      \"true\";\r\n\r\n\r\n    const cards =\r\n      Array.from(\r\n        section.querySelectorAll(\r\n          \".kr7-perspective__card\"\r\n        )\r\n      );\r\n\r\n\r\n    let activeCard =\r\n      null;\r\n\r\n\r\n    let activeOverlay =\r\n      null;\r\n\r\n\r\n    let activePlaceholder =\r\n      null;\r\n\r\n\r\n    let previousFocusedElement =\r\n      null;\r\n\r\n\r\n    \/* ===============================================\r\n       KARTE \u00d6FFNEN\r\n    =============================================== *\/\r\n\r\n    function openCard(card) {\r\n\r\n      if (\r\n        activeCard ||\r\n        card.classList.contains(\"expanded\")\r\n      ) {\r\n        return;\r\n      }\r\n\r\n\r\n      previousFocusedElement =\r\n        document.activeElement;\r\n\r\n\r\n      cards.forEach(function (currentCard) {\r\n\r\n        currentCard.classList.remove(\r\n          \"active\"\r\n        );\r\n\r\n      });\r\n\r\n\r\n      card.classList.add(\r\n        \"active\"\r\n      );\r\n\r\n\r\n      activePlaceholder =\r\n        document.createElement(\"div\");\r\n\r\n\r\n      activePlaceholder.className =\r\n        \"kr7-perspective__placeholder\";\r\n\r\n\r\n      const cardHeight =\r\n        card.getBoundingClientRect().height;\r\n\r\n\r\n      activePlaceholder.style.minHeight =\r\n        cardHeight + \"px\";\r\n\r\n\r\n      card.parentNode.insertBefore(\r\n        activePlaceholder,\r\n        card\r\n      );\r\n\r\n\r\n      activeOverlay =\r\n        document.createElement(\"div\");\r\n\r\n\r\n      activeOverlay.className =\r\n        \"kr7-perspective-overlay\";\r\n\r\n\r\n      activeOverlay.setAttribute(\r\n        \"role\",\r\n        \"presentation\"\r\n      );\r\n\r\n\r\n      activeOverlay.appendChild(card);\r\n\r\n\r\n      document.body.appendChild(\r\n        activeOverlay\r\n      );\r\n\r\n\r\n      card.classList.add(\r\n        \"expanded\"\r\n      );\r\n\r\n\r\n      card.setAttribute(\r\n        \"aria-modal\",\r\n        \"true\"\r\n      );\r\n\r\n\r\n      document.body.classList.add(\r\n        \"kr7-perspective-open\"\r\n      );\r\n\r\n\r\n      activeCard =\r\n        card;\r\n\r\n\r\n      card.scrollTop =\r\n        0;\r\n\r\n\r\n      const closeButton =\r\n        card.querySelector(\r\n          \".kr7-perspective__close\"\r\n        );\r\n\r\n\r\n      window.setTimeout(function () {\r\n\r\n        if (closeButton) {\r\n\r\n          closeButton.focus({\r\n            preventScroll: true\r\n          });\r\n\r\n        }\r\n\r\n      }, 0);\r\n\r\n    }\r\n\r\n\r\n    \/* ===============================================\r\n       KARTE SCHLIESSEN\r\n    =============================================== *\/\r\n\r\n    function closeCard() {\r\n\r\n      if (!activeCard) {\r\n        return;\r\n      }\r\n\r\n\r\n      const cardToClose =\r\n        activeCard;\r\n\r\n\r\n      cardToClose.classList.remove(\r\n        \"expanded\"\r\n      );\r\n\r\n\r\n      cardToClose.removeAttribute(\r\n        \"aria-modal\"\r\n      );\r\n\r\n\r\n      if (\r\n        activePlaceholder &&\r\n        activePlaceholder.parentNode\r\n      ) {\r\n\r\n        activePlaceholder.replaceWith(\r\n          cardToClose\r\n        );\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        activeOverlay &&\r\n        activeOverlay.parentNode\r\n      ) {\r\n\r\n        activeOverlay.parentNode.removeChild(\r\n          activeOverlay\r\n        );\r\n\r\n      }\r\n\r\n\r\n      document.body.classList.remove(\r\n        \"kr7-perspective-open\"\r\n      );\r\n\r\n\r\n      activeCard =\r\n        null;\r\n\r\n\r\n      activeOverlay =\r\n        null;\r\n\r\n\r\n      activePlaceholder =\r\n        null;\r\n\r\n\r\n      if (\r\n        previousFocusedElement &&\r\n        typeof previousFocusedElement.focus ===\r\n          \"function\"\r\n      ) {\r\n\r\n        previousFocusedElement.focus({\r\n          preventScroll: true\r\n        });\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* ===============================================\r\n       KARTENEREIGNISSE\r\n    =============================================== *\/\r\n\r\n    cards.forEach(function (card) {\r\n\r\n      const closeButton =\r\n        card.querySelector(\r\n          \".kr7-perspective__close\"\r\n        );\r\n\r\n\r\n      card.addEventListener(\r\n        \"click\",\r\n        function (event) {\r\n\r\n          if (\r\n            event.target.closest(\r\n              \".kr7-perspective__close\"\r\n            )\r\n          ) {\r\n            return;\r\n          }\r\n\r\n\r\n          if (\r\n            !card.classList.contains(\r\n              \"expanded\"\r\n            )\r\n          ) {\r\n\r\n            openCard(card);\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n\r\n      card.addEventListener(\r\n        \"keydown\",\r\n        function (event) {\r\n\r\n          if (\r\n            card.classList.contains(\r\n              \"expanded\"\r\n            )\r\n          ) {\r\n            return;\r\n          }\r\n\r\n\r\n          if (\r\n            event.key === \"Enter\" ||\r\n            event.key === \" \"\r\n          ) {\r\n\r\n            event.preventDefault();\r\n\r\n            openCard(card);\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n\r\n      if (closeButton) {\r\n\r\n        closeButton.addEventListener(\r\n          \"click\",\r\n          function (event) {\r\n\r\n            event.preventDefault();\r\n\r\n            event.stopPropagation();\r\n\r\n            closeCard();\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n\r\n    });\r\n\r\n\r\n    \/* ===============================================\r\n       KLICK AUSSERHALB\r\n    =============================================== *\/\r\n\r\n    document.addEventListener(\r\n      \"click\",\r\n      function (event) {\r\n\r\n        if (\r\n          activeOverlay &&\r\n          event.target === activeOverlay\r\n        ) {\r\n\r\n          closeCard();\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* ===============================================\r\n       ESC-TASTE\r\n    =============================================== *\/\r\n\r\n    document.addEventListener(\r\n      \"keydown\",\r\n      function (event) {\r\n\r\n        if (\r\n          event.key === \"Escape\" &&\r\n          activeCard\r\n        ) {\r\n\r\n          event.preventDefault();\r\n\r\n          closeCard();\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  if (\r\n    document.readyState === \"loading\"\r\n  ) {\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initializeKr7Perspective\r\n    );\r\n\r\n  } else {\r\n\r\n    initializeKr7Perspective();\r\n\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-a3d7bcd e-flex e-con-boxed e-con e-parent\" data-id=\"a3d7bcd\" 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-d850c53 elementor-widget elementor-widget-text-editor\" data-id=\"d850c53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u201eIrrt\u00fcmer, \u00c4nderungen und Zwischenverkauf vorbehalten. Alle Angaben laut Eigner.\u201c<\/p><p>\u201eDie hier gemachten Angaben basieren auf Informationen des Eigent\u00fcmers. Eine Gew\u00e4hr f\u00fcr Vollst\u00e4ndigkeit und Richtigkeit wird nicht \u00fcbernommen.\u201c<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SEEKREUZER KR7 Seekreuzer KR 7 B\u00d6BSWERFT HISTORISCHE WERFTBAUKUNST CIRCE Historischer 7-KR-Seekreuzer \u00b7 Baujahr 1939 Gebaut bei der B\u00f6bs-Werft in Travem\u00fcnde Baujahr 1939 L\u00e4nge 10,97 m Breite 2,75 m Tiefgang 1,80 m Verdr\u00e4ngung ca. 7.000 kg Bauwerft B\u00f6bs-Werft Galerie Charakter in Bildern Aufnahmen, Details und Eindr\u00fccke an Bord des 7-KR-Seekreuzers Circe. Bildergalerie Weitere Aufnahmen folgen \u2715 [&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-7028","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/soul-boats.de\/en\/wp-json\/wp\/v2\/pages\/7028","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=7028"}],"version-history":[{"count":167,"href":"https:\/\/soul-boats.de\/en\/wp-json\/wp\/v2\/pages\/7028\/revisions"}],"predecessor-version":[{"id":7411,"href":"https:\/\/soul-boats.de\/en\/wp-json\/wp\/v2\/pages\/7028\/revisions\/7411"}],"wp:attachment":[{"href":"https:\/\/soul-boats.de\/en\/wp-json\/wp\/v2\/media?parent=7028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}