/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("3b739d24-b1a3-4dae-868f-fe18e3fdc99e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("eeaa2a4f-380a-487c-80fa-c0e7d0c720f9.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("111aa177-f99a-461a-95e2-750bb8a50d1c.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("3b739d24-b1a3-4dae-868f-fe18e3fdc99e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("eeaa2a4f-380a-487c-80fa-c0e7d0c720f9.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("111aa177-f99a-461a-95e2-750bb8a50d1c.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("3b739d24-b1a3-4dae-868f-fe18e3fdc99e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("eeaa2a4f-380a-487c-80fa-c0e7d0c720f9.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("111aa177-f99a-461a-95e2-750bb8a50d1c.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("3b739d24-b1a3-4dae-868f-fe18e3fdc99e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("eeaa2a4f-380a-487c-80fa-c0e7d0c720f9.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("111aa177-f99a-461a-95e2-750bb8a50d1c.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
<\u002Fstyle>
<style>
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0;}
  img{display:block;}
  a{color:inherit;}
  @keyframes fg-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(7px);}}
<\u002Fstyle>

<\u002Fhead>
<body>
<div style="font-family:'Jost',sans-serif;color:#2A2722;">
<div data-screen-label="Variante A · bildlastig" style="background:#E5E1D7;">

    <!-- HERO -->
    <section style="position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;">
      <img src="634a15b4-733e-46a0-a4a7-0ee359d8a75d" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;">
      <div style="position:absolute;inset:0;background:linear-gradient(95deg,rgba(14,21,28,.72) 0%,rgba(14,21,28,.4) 46%,rgba(14,21,28,.05) 78%),linear-gradient(180deg,rgba(14,21,28,.34),rgba(14,21,28,0) 32%,rgba(14,21,28,.42));"><\u002Fdiv>

      <!-- top bar -->
      <div style="position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:24px clamp(20px,5vw,64px);">
        <div style="background:rgba(251,249,244,.94);border-radius:14px;padding:12px 20px;box-shadow:0 8px 26px rgba(20,28,36,.22);">
          <img src="047e6d0b-98aa-4cc8-8368-915a76a54523" style="height:34px;width:auto;">
        <\u002Fdiv>
        <a href="https://flutgold-dangast.holiduhost.com" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:999px;border:1.5px solid rgba(255,255,255,.55);background:rgba(255,255,255,.1);backdrop-filter:blur(6px);color:#fff;font:600 13.5px/1 'Jost';letter-spacing:.04em;text-decoration:none;" style-hover="background:rgba(255,255,255,.2);">Direkt buchen →<\u002Fa>
      <\u002Fdiv>

      <!-- hero copy -->
      <div style="position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,64px);padding-bottom:clamp(56px,9vw,110px);max-width:1180px;">
        <div style="font:500 clamp(11px,1.4vw,13px)/1 'Jost';letter-spacing:.34em;text-transform:uppercase;color:rgba(255,255,255,.92);text-shadow:0 1px 12px rgba(0,0,0,.4);">Ferienapartments · Dangast / Nordsee<\u002Fdiv>
        <h1 style="font:300 clamp(33px,7vw,82px)/1.06 'Jost';color:#fff;margin:18px 0 0;letter-spacing:.01em;max-width:16ch;text-shadow:0 2px 24px rgba(0,0,0,.32);">Ankommen, wo die Nordsee beginnt.<\u002Fh1>
        <p style="font:400 clamp(16px,1.9vw,21px)/1.6 'Jost';color:rgba(255,255,255,.92);margin:26px 0 0;max-width:44ch;text-shadow:0 1px 14px rgba(0,0,0,.35);">Sieben moderne Apartments direkt am Deich von Dangast — mit Herz gestaltet und von uns persönlich für Sie.<\u002Fp>
        <div style="margin-top:38px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;">
          <a href="https://flutgold-dangast.holiduhost.com" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:11px;padding:18px 34px;border-radius:999px;background:#B0883C;color:#FBF9F4;font:600 16px/1 'Jost';letter-spacing:.03em;text-decoration:none;box-shadow:0 14px 38px rgba(176,136,60,.45);transition:transform .2s,box-shadow .2s;" style-hover="transform:translateY(-2px);box-shadow:0 18px 44px rgba(176,136,60,.55);">Jetzt direkt buchen<\u002Fa>
          <a href="#mehr-a" style="display:inline-flex;align-items:center;gap:9px;color:#fff;font:500 15px/1 'Jost';letter-spacing:.03em;text-decoration:none;opacity:.92;">Mehr erfahren <span style="display:inline-block;animation:fg-bob 1.8s ease-in-out infinite;">↓<\u002Fspan><\u002Fa>
        <\u002Fdiv>
      <\u002Fdiv>
    <\u002Fsection>

    <!-- INTRO + HIGHLIGHTS -->
    <section id="mehr-a" style="padding:clamp(60px,9vw,120px) clamp(20px,5vw,64px);max-width:1280px;margin:0 auto;">
      <div style="max-width:760px;">
        <div style="font:600 clamp(11px,1.3vw,12.5px)/1 'Jost';letter-spacing:.32em;text-transform:uppercase;color:#B0883C;">Herzlich willkommen<\u002Fdiv>
        <h2 style="font:300 clamp(28px,4vw,46px)/1.12 'Jost';color:#2A2722;margin:18px 0 0;">Ein Zuhause auf Zeit an der Küste<\u002Fh2>
        <div style="width:52px;height:2px;background:#B0883C;margin:24px 0;"><\u002Fdiv>
        <p style="font:400 clamp(16px,1.7vw,19px)/1.68 'Jost';color:#544F47;margin:0;">Schön, dass Sie hier sind. Flutgold Dangast — das sind sieben individuell gestaltete Ferienapartments, direkt am Deich der Nordsee. Modern, lichtdurchflutet und mit Liebe zum Detail. Buchen Sie Ihre Auszeit ganz unkompliziert direkt bei uns.<\u002Fp>
      <\u002Fdiv>

      <div style="margin-top:clamp(40px,6vw,72px);display:flex;flex-wrap:wrap;gap:28px;">
        <article style="flex:1 1 280px;background:#FBF9F4;border-radius:22px;overflow:hidden;box-shadow:0 16px 46px rgba(40,38,32,.09);display:flex;flex-direction:column;">
          <div style="height:210px;overflow:hidden;"><img src="f6323884-ef60-484b-bdb4-01f3b08ca6d8" style="width:100%;height:100%;object-fit:cover;object-position:center 66%;"><\u002Fdiv>
          <div style="padding:28px 28px 32px;">
            <div style="font:600 11px/1 'Jost';letter-spacing:.28em;text-transform:uppercase;color:#B0883C;">Das Haus &amp; die Lage<\u002Fdiv>
            <h3 style="font:400 22px/1.25 'Jost';color:#2A2722;margin:13px 0 10px;">Direkt am Deich<\u002Fh3>
            <p style="font:400 15px/1.62 'Jost';color:#5C574E;margin:0;">Das Wattenmeer-Weltnaturerbe liegt vor der Tür, Strand und Kurort Dangast sind bequem zu Fuß erreichbar — mit eigenem, kostenfreiem Parkplatz.<\u002Fp>
          <\u002Fdiv>
        <\u002Farticle>
        <article style="flex:1 1 280px;background:#FBF9F4;border-radius:22px;overflow:hidden;box-shadow:0 16px 46px rgba(40,38,32,.09);display:flex;flex-direction:column;">
          <div style="height:210px;overflow:hidden;"><img src="3c2a273f-b4d2-448a-8be5-82fc3d3bd587" style="width:100%;height:100%;object-fit:cover;object-position:center 38%;"><\u002Fdiv>
          <div style="padding:28px 28px 32px;">
            <div style="font:600 11px/1 'Jost';letter-spacing:.28em;text-transform:uppercase;color:#B0883C;">Ihre Gastgeber<\u002Fdiv>
            <h3 style="font:400 22px/1.25 'Jost';color:#2A2722;margin:13px 0 10px;">Familie Raßmann<\u002Fh3>
            <p style="font:400 15px/1.62 'Jost';color:#5C574E;margin:0;">Wir haben Flutgold mit viel Herz erbaut und begrüßen Sie gern persönlich. Sieben Apartments, jedes mit eigenem Charakter und eigener Farbwelt.<\u002Fp>
          <\u002Fdiv>
        <\u002Farticle>
        <article style="flex:1 1 280px;background:#FBF9F4;border-radius:22px;overflow:hidden;box-shadow:0 16px 46px rgba(40,38,32,.09);display:flex;flex-direction:column;">
          <div style="height:210px;overflow:hidden;"><img src="f3588dd6-0cf8-46b5-9ec4-7ec252f46fc4" style="width:100%;height:100%;object-fit:cover;object-position:center 50%;"><\u002Fdiv>
          <div style="padding:28px 28px 32px;">
            <div style="font:600 11px/1 'Jost';letter-spacing:.28em;text-transform:uppercase;color:#B0883C;">Nordsee &amp; Dangast<\u002Fdiv>
            <h3 style="font:400 22px/1.25 'Jost';color:#2A2722;margin:13px 0 10px;">Licht, Weite, Ruhe<\u002Fh3>
            <p style="font:400 15px/1.62 'Jost';color:#5C574E;margin:0;">Die salzige Luft, das Wasser und die Weite machen Dangast am Jadebusen zum idealen Ort, um durchzuatmen und anzukommen.<\u002Fp>
          <\u002Fdiv>
        <\u002Farticle>
      <\u002Fdiv>
    <\u002Fsection>

    <!-- CTA BAND -->
    <section style="position:relative;overflow:hidden;">
      <img src="e17738c5-d71d-4ed4-8e6b-24ac19955471" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;">
      <div style="position:absolute;inset:0;background:linear-gradient(100deg,rgba(16,24,32,.74),rgba(16,24,32,.4) 46%,rgba(16,24,32,.1));"><\u002Fdiv>
      <div style="position:relative;z-index:2;padding:clamp(56px,8vw,104px) clamp(20px,5vw,64px);max-width:760px;">
        <div style="font:600 11px/1 'Jost';letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.85);">Ihre Auszeit wartet<\u002Fdiv>
        <h2 style="font:300 clamp(28px,4.2vw,48px)/1.12 'Jost';color:#fff;margin:18px 0 26px;text-shadow:0 2px 20px rgba(0,0,0,.3);">Buchen Sie unkompliziert direkt bei uns<\u002Fh2>
        <a href="https://flutgold-dangast.holiduhost.com" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:11px;padding:18px 36px;border-radius:999px;background:#B0883C;color:#FBF9F4;font:600 16px/1 'Jost';letter-spacing:.03em;text-decoration:none;box-shadow:0 14px 38px rgba(176,136,60,.5);transition:transform .2s;" style-hover="transform:translateY(-2px);">Jetzt direkt buchen<\u002Fa>
      <\u002Fdiv>
    <\u002Fsection>

    <footer style="background:#2A2722;color:#F1ECE2;font-family:'Jost',sans-serif;padding:clamp(48px,7vw,80px) clamp(20px,5vw,72px) 34px;">
  <div style="max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,72px);justify-content:space-between;">

    <div style="flex:1 1 300px;max-width:420px;">
      <div style="display:inline-block;background:#FBF9F4;border-radius:14px;padding:14px 22px;">
        <img src="047e6d0b-98aa-4cc8-8368-915a76a54523" style="height:40px;width:auto;display:block;">
      <\u002Fdiv>
      <p style="font:400 15.5px/1.66 'Jost';color:#C7C1B4;margin:24px 0 0;max-width:38ch;">Sieben moderne Ferienapartments direkt am Deich von Dangast. Wir freuen uns darauf, Sie persönlich an der Nordsee zu begrüßen.<\u002Fp>
      <div style="font:500 14px/1.5 'Jost';color:#9C9588;margin-top:22px;">Herzlichst,<br><span style="color:#C49A4E;">Familie Raßmann · Ihre Gastgeber<\u002Fspan><\u002Fdiv>
    <\u002Fdiv>

    <div style="flex:1 1 240px;">
      <div style="font:600 11px/1 'Jost';letter-spacing:.28em;text-transform:uppercase;color:#C49A4E;">Kontakt<\u002Fdiv>
      <div style="margin-top:20px;display:flex;flex-direction:column;gap:15px;">
        <a href="tel:015903768638" style="font:400 16px/1.3 'Jost';color:#F1ECE2;text-decoration:none;">0159 03768638<\u002Fa>
        <a href="mailto:fewo.rassmann@gmail.com" style="font:400 16px/1.3 'Jost';color:#F1ECE2;text-decoration:none;word-break:break-word;">fewo.rassmann@gmail.com<\u002Fa>
        <a href="https://www.instagram.com/flutgold" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:11px;font:400 16px/1 'Jost';color:#F1ECE2;text-decoration:none;margin-top:2px;">
          <span style="width:22px;height:22px;border-radius:7px;border:1.6px solid #C49A4E;position:relative;flex:none;display:inline-block;">
            <span style="position:absolute;top:50%;left:50%;width:9px;height:9px;border:1.6px solid #C49A4E;border-radius:50%;transform:translate(-50%,-50%);"><\u002Fspan>
            <span style="position:absolute;top:3.5px;right:3.5px;width:2.6px;height:2.6px;border-radius:50%;background:#C49A4E;"><\u002Fspan>
          <\u002Fspan>
          @flutgold
        <\u002Fa>
        <div style="font:400 14.5px/1.6 'Jost';color:#9C9588;margin-top:6px;">Schmidt-Rottluff-Straße 37 e–g<br>26316 Varel / Dangast<\u002Fdiv>
      <\u002Fdiv>
    <\u002Fdiv>

    <div style="flex:1 1 240px;">
      <div style="font:600 11px/1 'Jost';letter-spacing:.28em;text-transform:uppercase;color:#C49A4E;">Buchen<\u002Fdiv>
      <p style="font:400 15px/1.6 'Jost';color:#C7C1B4;margin:18px 0 22px;max-width:30ch;">Prüfen Sie Verfügbarkeit und buchen Sie unkompliziert direkt bei uns.<\u002Fp>
      <a href="https://flutgold-dangast.holiduhost.com" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:11px;padding:16px 30px;border-radius:999px;background:#B0883C;color:#FBF9F4;font:600 15px/1 'Jost';letter-spacing:.03em;text-decoration:none;box-shadow:0 12px 30px rgba(176,136,60,.3);transition:transform .2s;" style-hover="transform:translateY(-2px);">Zur Buchung →<\u002Fa>
    <\u002Fdiv>

  <\u002Fdiv>

  <div style="max-width:1280px;margin:clamp(40px,6vw,64px) auto 0;padding-top:24px;border-top:1px solid rgba(241,236,226,.14);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;">
    <span style="font:400 12.5px/1.4 'Jost';color:#7E776B;">© Flutgold Dangast · Familie Raßmann<\u002Fspan>
    <span style="display:flex;gap:20px;align-items:center;flex-wrap:wrap;"><a href="impressum.html" style="font:400 12.5px/1.4 'Jost';color:#9C9588;text-decoration:none;" style-hover="color:#F1ECE2;">Impressum<\u002Fa><span style="font:400 12.5px/1.4 'Jost';color:#7E776B;">www.flutgold-dangast.de<\u002Fspan><\u002Fspan>
  <\u002Fdiv>
<\u002Ffooter>

  <\u002Fdiv>
<\u002Fdiv>
<script>
document.querySelectorAll('[style-hover]').forEach(function(el){
  var hv = el.getAttribute('style-hover');
  var base = el.getAttribute('style') || '';
  el.addEventListener('mouseenter', function(){ el.setAttribute('style', base + ';' + hv); });
  el.addEventListener('mouseleave', function(){ el.setAttribute('style', base); });
});
<\u002Fscript>

<\u002Fbody><\u002Fhtml>"
  </script>
</body>
</html