info.zsg-bewerben.ch Open in urlscan Pro
2a06:98c1:3120::3  Public Scan

URL: https://info.zsg-bewerben.ch/
Submission: On June 12 via api from US — Scanned from CH

Form analysis 1 forms found in the DOM

POST

<form method="POST" data-id="heyflow-form" id="z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer" novalidate="">
  <section id="id-ee32b02e" name="start" data-type="user" class=" visible" data-header="header" data-footer="footer">
    <div class="block  " style=" background-color:var(--primary);" data-blocktype="elements-v2">
      <div class="block-content elements-container elements-v2-container inner-full" data-type="nested-blocks">
        <div class="container-style-plain" style="margin-right:10px; margin-bottom:10px; margin-left:10px; padding-top:10px; padding-bottom:10px; ">
          <div class="elements-container-inner inner-narrow" style="justify-content:normal;align-items:center;flex-direction:row;margin-left:auto;margin-right:auto;">
            <div class="block  " style=" " data-blocktype="rich-text">
              <div class="block-content text-block align-center inner-mid" id="text-block-id-3e62f182">
                <div class="rich-text" style="">
                  <p><span style="color: white">Finde in wenigen Sekunden heraus, ob sich ein Wechsel zu uns für dich lohnt!</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="block show_all " style=" background-color:var(--secondary);background-size:cover;background-position:top;background-blend-mode:overlay;" data-blocktype="elements-v2">
      <div class="block-content elements-container elements-v2-container inner-full" data-type="nested-blocks">
        <div class="container-style-plain" style="margin-right:0px; margin-bottom:0px; margin-left:0px; ">
          <div class="elements-container-inner inner-full" style="justify-content:normal;align-items:center; flex-direction:column;margin-left:auto;margin-right:auto;">
            <div class="block  " style=" " data-blocktype="rich-text">
              <div class="block-content text-block align-center inner-mid" id="text-block-id-e579588c">
                <div class="rich-text" style="padding-top:11px; padding-bottom:8px; ">
                  <h4><span style="color: black">Du möchtest wissen, welche Vorteile dich als</span></h4>
                </div>
              </div>
            </div>
            <div class="block  " style=" background-color:var(--secondary);" data-blocktype="rich-text">
              <div class="block-content text-block inner-mid align-center" id="text-block-id-eb818cb6">
                <div class="rich-text" style="padding-right:40px; padding-left:40px; ">
                  <h3><span style="color: black"><strong>Metallbauer/in - Mechaniker/in</strong></span></h3>
                  <h4>(im Winter)</h4>
                  <h4><span style="color: black"><strong>&amp;</strong></span></h4>
                  <h3><span style="color: black"><strong>Matros/in</strong></span>&nbsp;</h3>
                  <h4>(im Sommer)&nbsp;</h4>
                </div>
              </div>
            </div>
            <div class="block  " style=" " data-blocktype="rich-text">
              <div class="block-content text-block align-center inner-mid" id="text-block-id-f6ef2fda">
                <div class="rich-text" style="padding-top:10px; padding-right:0px; padding-bottom:0px; padding-left:0px; ">
                  <h4><span style="color: black">(m/w/d)</span></h4>
                  <h4><span style="color: black">&nbsp;</span></h4>
                  <h4><span style="color: black">bei uns erwarten?&nbsp;</span></h4>
                  <h4><br></h4>
                  <h4><span style="color: black"><strong>📍 Standort: Wollishofen&nbsp;</strong></span></h4>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="block  " style=" background-color:var(--secondary);" data-blocktype="multiple-choice">
      <div class="block-content multiple-choice-block inner-wide" id="multiple-choice-block-id-24d10944" data-align-siblings="false">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <div class="multiple-choice mc-smart-flex picture">
            <div class="multiple-choice-inner" style="justify-content:center;">
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">1</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('next','');" type="radio" id="id-bb10477e" data-tracking="false"
                      data-event-name="" data-type="multiple-choice" data-label="id-24d10944" name="id-24d10944" data-variable="" value="id-bb10477e" data-conditional="true" data-answer="Jetzt bewerben!" data-destination="next" data-priority="0">
                    <div class="option-content picture">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="image-container">
                        <picture>
                          <img onerror="onImageLoadError(this)" loading="eager"
                            src="https://storage.googleapis.com/builder.zenflow.de/z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer/www/assets/843e9204-8b33-4ba9-9f51-9b0914c5cbf5.jpeg"
                            alt="id-bb10477e" id="id-bb10477e">
                        </picture>
                      </div>
                      <div class="label-container">
                        <div class="label">Jetzt bewerben!</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">2</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('next','');" type="radio" id="id-c682766a" data-tracking="false"
                      data-event-name="" data-type="multiple-choice" data-label="id-24d10944" name="id-24d10944" data-variable="" value="id-c682766a" data-conditional="true" data-answer="Zu den Vorteilen!" data-destination="next" data-priority="0">
                    <div class="option-content picture">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="image-container">
                        <picture>
                          <img onerror="onImageLoadError(this)" loading="eager"
                            src="https://storage.googleapis.com/builder.zenflow.de/z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer/www/assets/a3c7588e-0bb3-4cb7-a250-45e5e70b174b.jpeg"
                            alt="id-c682766a" id="id-c682766a">
                        </picture>
                      </div>
                      <div class="label-container">
                        <div class="label">Zu den Vorteilen!</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="block show_all " style=" background-color:var(--primary);" data-blocktype="elements-v2">
      <div class="block-content elements-container elements-v2-container inner-full" data-type="nested-blocks">
        <div class="container-style-plain" style="margin-right:10px; margin-bottom:10px; margin-left:10px; padding-top:10px; padding-bottom:10px; ">
          <div class="elements-container-inner inner-narrow" style="justify-content:normal;align-items:center;flex-direction:row;margin-left:auto;margin-right:auto;">
            <div class="block  " style=" background-color:var(--primary);" data-blocktype="rich-text">
              <div class="block-content text-block align-center inner-mid" id="text-block-id-e110cc52">
                <div class="rich-text" style="padding-top:5px; padding-bottom:5px; ">
                  <h3><span style="color: white">Hallo, wir sind die Zürichsee-Schifffahrtsgesellschaft</span></h3>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-a10d01f1">
        <div class="rich-text" style="padding-top:20px; ">
          <h2>Warum sich eine Bewerbung bei uns lohnt?</h2>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-list-v2">
      <div class="block-content rich-list-v2-block inner-mid" id="rich-list-v2-block-id-712d955c" data-is-animated="" data-animation-timeout="" data-animation-mode="" data-action=""
        data-options="{&quot;columnsMobile&quot;:1,&quot;paddingBottom&quot;:20,&quot;containerClass&quot;:&quot;inner-mid&quot;,&quot;columns&quot;:2,&quot;paddingRight&quot;:&quot;21&quot;,&quot;name&quot;:&quot;rich-list-v2&quot;,&quot;options&quot;:[{&quot;image&quot;:&quot;ee7c9cfd-0fe4-4da9-9bf1-ffd6ee06128a&quot;,&quot;svg&quot;:null,&quot;icon&quot;:null,&quot;text&quot;:&quot;...&amp;nbsp;ein&amp;nbsp;perfekt&amp;nbsp;organisiertes,&amp;nbsp;modernes&amp;nbsp;Unternehmen,&amp;nbsp;in&amp;nbsp;dem&amp;nbsp;Vertrauen,&amp;nbsp;Respekt&amp;nbsp;und&amp;nbsp;Verst&amp;auml;ndnis&amp;nbsp;gelebt&amp;nbsp;werden.&quot;,&quot;label&quot;:&quot;Dich&amp;nbsp;erwartet&quot;,&quot;id&quot;:&quot;id-6bda7333&quot;},{&quot;image&quot;:&quot;9e0dd2b6-9daa-42c4-9e14-31c10737e589&quot;,&quot;svg&quot;:null,&quot;icon&quot;:null,&quot;label&quot;:&quot;Tolle&amp;nbsp;Fringe&amp;nbsp;Benefits&quot;,&quot;id&quot;:&quot;id-6faa3fed&quot;,&quot;text&quot;:&quot;&amp;nbsp;&amp;hellip;&amp;nbsp;wie&amp;nbsp;ein&amp;nbsp;kostenloses&amp;nbsp;GA,&amp;nbsp;Gratiseintritt&amp;nbsp;ins&amp;nbsp;Alpamare,&amp;nbsp;Verg&amp;uuml;nstigungen&amp;nbsp;bei&amp;nbsp;Mobility&amp;nbsp;Car&amp;nbsp;Sharing&amp;nbsp;und&amp;nbsp;vieles&amp;nbsp;mehr.&quot;},{&quot;image&quot;:&quot;0c55cd11-e355-442b-9a64-e99673c3e168&quot;,&quot;svg&quot;:null,&quot;icon&quot;:null,&quot;id&quot;:&quot;id-6af6444a&quot;,&quot;label&quot;:&quot;Wertsch&amp;auml;tzung&amp;nbsp;und&amp;nbsp;Respekt&quot;,&quot;text&quot;:&quot;Wir&amp;nbsp;sind&amp;nbsp;f&amp;uuml;r&amp;nbsp;ein&amp;nbsp;faires&amp;nbsp;Miteinander,&amp;nbsp;wo&amp;nbsp;man&amp;nbsp;sich&amp;nbsp;auf&amp;nbsp;Augenh&amp;ouml;he&amp;nbsp;begegnet.&quot;},{&quot;image&quot;:&quot;db17f51a-b4cf-4ac5-a568-f2b9b840b386&quot;,&quot;filename&quot;:null,&quot;svg&quot;:null,&quot;icon&quot;:null,&quot;id&quot;:&quot;id-323ef111&quot;,&quot;label&quot;:&quot;Klicke&amp;nbsp;auf&amp;nbsp;den&amp;nbsp;Button&quot;,&quot;text&quot;:&quot;...&amp;nbsp;und&amp;nbsp;&amp;uuml;berzeuge&amp;nbsp;dich&amp;nbsp;von&amp;nbsp;deinen&amp;nbsp;Vorteilen&amp;nbsp;bei&amp;nbsp;uns!&quot;}],&quot;paddingTop&quot;:20,&quot;id&quot;:&quot;id-712d955c&quot;,&quot;type&quot;:&quot;rich-list-v2&quot;,&quot;paddingLeft&quot;:&quot;43&quot;}">
        <div style="padding-top:20px; padding-right:21px; padding-bottom:20px; padding-left:43px; ">
          <div class="rich-list-v2 ">
            <div class="rich-list-v2-options grid-cols-2 rich-list-v2-mobile-grid-cols-1">
              <div>
                <div id="id-6bda7333" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <picture>
                      <img onerror="onImageLoadError(this)" loading="eager"
                        src="https://storage.googleapis.com/builder.zenflow.de/z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer/www/assets/ee7c9cfd-0fe4-4da9-9bf1-ffd6ee06128a" alt="id-6bda7333"
                        id="id-6bda7333">
                    </picture>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Dich erwartet</div>
                    <div class="text">... ein perfekt organisiertes, modernes Unternehmen, in dem Vertrauen, Respekt und Verständnis gelebt werden.</div>
                  </div>
                </div>
              </div>
              <div>
                <div id="id-6faa3fed" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <picture>
                      <img onerror="onImageLoadError(this)" loading="eager"
                        src="https://storage.googleapis.com/builder.zenflow.de/z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer/www/assets/9e0dd2b6-9daa-42c4-9e14-31c10737e589" alt="id-6faa3fed"
                        id="id-6faa3fed">
                    </picture>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Tolle Fringe Benefits</div>
                    <div class="text"> … wie ein kostenloses GA, Gratiseintritt ins Alpamare, Vergünstigungen bei Mobility Car Sharing und vieles mehr.</div>
                  </div>
                </div>
              </div>
              <div>
                <div id="id-6af6444a" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <picture>
                      <img onerror="onImageLoadError(this)" loading="eager"
                        src="https://storage.googleapis.com/builder.zenflow.de/z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer/www/assets/0c55cd11-e355-442b-9a64-e99673c3e168" alt="id-6af6444a"
                        id="id-6af6444a">
                    </picture>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Wertschätzung und Respekt</div>
                    <div class="text">Wir sind für ein faires Miteinander, wo man sich auf Augenhöhe begegnet.</div>
                  </div>
                </div>
              </div>
              <div>
                <div id="id-323ef111" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <picture>
                      <img onerror="onImageLoadError(this)" loading="eager"
                        src="https://storage.googleapis.com/builder.zenflow.de/z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer/www/assets/db17f51a-b4cf-4ac5-a568-f2b9b840b386" alt="id-323ef111"
                        id="id-323ef111">
                    </picture>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Klicke auf den Button</div>
                    <div class="text">... und überzeuge dich von deinen Vorteilen bei uns!</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block inner-mid align-center" id="text-block-id-231ef285">
        <div class="rich-text" style="padding-top:20px; padding-bottom:20px; padding-left:0px; ">
          <h4><span style="color: black">Bewirb dich mit nur wenigen Klicks – ohne Anschreiben oder Lebenslauf.</span></h4>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="generic-button">
      <div class="block-content generic-button-block inner-narrow" id="generic-button-block-id-4d233047">
        <div style="padding-bottom:20px; ">
          <button id="id-4d233047" class="generic-button continue large"
            onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].buttonClick(this, 'next', '', '{&quot;paddingBottom&quot;:20,&quot;containerClass&quot;:&quot;inner-narrow&quot;,&quot;name&quot;:&quot;button-continue&quot;,&quot;action&quot;:&quot;next&quot;,&quot;contentClass&quot;:&quot;align-center&quot;,&quot;paddingTop&quot;:&quot;&quot;,&quot;id&quot;:&quot;id-4d233047&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;label&quot;:&quot;Was&amp;nbsp;sind&amp;nbsp;meine&amp;nbsp;Vorteile?&quot;,&quot;type&quot;:&quot;generic-button&quot;,&quot;class&quot;:&quot;continue&amp;nbsp;large&quot;}')">
            <div class="status-indicator">
              <div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg></div>
              <div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
                  </line>
                  <line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                </svg></div>
              <div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"
                  xml:space="preserve">
                  <path opacity="0.3" fill="currentColor"
                    d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                  </path>
                  <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
                    <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
                  </path>
                </svg></div>
            </div>
            <div class="content align-center">
              <div class="label-container ">
                <span class="label">Was sind meine Vorteile?</span>
              </div>
              <span class="graphic">
                <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                  <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg>
              </span>
            </div>
          </button>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-0e9ddc4b">
        <div class="rich-text" style="padding-top:20px; padding-bottom:20px; ">
          <h4><span style="color: var(--off-black)"><strong>Ein paar Worte zur</strong></span></h4>
          <h2><span style="color: var(--off-black)"><strong>Zürichsee-Schifffahrtsgesellschaft</strong></span></h2>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="image">
      <div class="block-content image-block inner-mid" style="" id="image-block-id-ad7af76a">
        <div style="">
          <picture>
            <img onerror="onImageLoadError(this)" loading="eager"
              src="https://storage.googleapis.com/builder.zenflow.de/z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer/www/assets/093a9418-a0c7-45fa-81ef-6e4f8effd78d.jpeg" alt="Eigenes"
              class="needs-eager">
          </picture>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-c8b4fbfd">
        <div class="rich-text" style="padding-bottom:20px; ">
          <h4><br></h4>
          <h4><span style="color: black">Wir sind ein </span><span style="color: black"><strong>Team</strong></span><span style="color: black"> von über </span><span style="color: black"><strong>100 Mitarbeitern</strong></span><span
              style="color: black"> und betreiben eine </span><span style="color: black"><strong>Flotte von 17</strong></span><span style="color: black"> </span><span style="color: black"><strong>Schiffen</strong></span><span style="color: black">,
              die jedes Jahr </span><span style="color: black"><strong>360'000 km</strong></span><span style="color: black"> auf dem Zürichsee zurücklegen und rund </span><span style="color: black"><strong>1,7 Millionen </strong></span><span
              style="color: black">Fahrgästen ein </span><span style="color: black"><strong>Top-Erlebnis</strong></span><span style="color: black"> bieten.</span></h4>
          <h4><br></h4>
          <h4><span style="color: black">Bei uns kannst </span><span style="color: black"><strong>du </strong></span><span style="color: black">Teil eines einzigartigen </span><span style="color: black"><strong>Erlebnisses</strong></span><span
              style="color: black"> werden, das nicht nur </span><span style="color: black"><strong>Entspannung</strong></span><span style="color: black">, sondern auch eine </span><span style="color: black"><strong>Flucht</strong></span><span
              style="color: black"> aus der </span><span style="color: black"><strong>Hektik</strong></span><span style="color: black"> des </span><span style="color: black"><strong>Alltags</strong></span><span style="color: black"> bietet. Mit uns
              kannst du in eine Welt voller Ruhe, </span><span style="color: black"><strong>Frische</strong></span><span style="color: black"> und Raum eintauchen von </span><span style="color: black"><strong>100 auf 0</strong></span><span
              style="color: black"> in kürzester Zeit.</span></h4>
          <h4><br></h4>
          <h4><span style="color: black">Möchtest </span><span style="color: black"><strong>du </strong></span><span style="color: black">Teil unseres </span><span style="color: black"><strong>Teams</strong></span><span style="color: black"> werden
              und dazu beitragen, </span><span style="color: black"><strong>unvergessliche</strong></span><span style="color: black"> Momente für unsere </span><span style="color: black"><strong>Fahrgäste</strong></span><span style="color: black"> zu
              schaffen?&nbsp;</span></h4>
          <h4><br></h4>
          <h4><span style="color: black">Dann </span><span style="color: black"><strong>bewirb dich </strong></span><span style="color: black">jetzt und werde Teil der </span><span
              style="color: black"><strong>Zürichsee-Schifffahrtsgesellschaft</strong></span><span style="color: black">!</span></h4>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="generic-button">
      <div class="block-content generic-button-block inner-narrow" id="generic-button-block-id-00e5bba6">
        <div style="padding-top:25px; ">
          <button id="id-00e5bba6" class="generic-button universal large"
            onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].buttonClick(this, 'next', '', '{&quot;paddingBottom&quot;:0,&quot;containerClass&quot;:&quot;inner-narrow&quot;,&quot;name&quot;:&quot;button-universal&quot;,&quot;contentClass&quot;:&quot;align-center&quot;,&quot;action&quot;:&quot;next&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;id&quot;:&quot;id-00e5bba6&quot;,&quot;label&quot;:&quot;Z&amp;ouml;gere&amp;nbsp;nicht&amp;nbsp;&amp;amp;&amp;nbsp;lerne&amp;nbsp;uns&amp;nbsp;kennen!&quot;,&quot;paddingTop&quot;:25,&quot;type&quot;:&quot;generic-button&quot;,&quot;class&quot;:&quot;universal&amp;nbsp;large&quot;}')">
            <div class="status-indicator">
              <div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg></div>
              <div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
                  </line>
                  <line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                </svg></div>
              <div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"
                  xml:space="preserve">
                  <path opacity="0.3" fill="currentColor"
                    d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                  </path>
                  <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
                    <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
                  </path>
                </svg></div>
            </div>
            <div class="content align-center">
              <div class="label-container ">
                <span class="label">Zögere nicht &amp; lerne uns kennen!</span>
              </div>
            </div>
          </button>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-b3e5a3c9">
        <div class="rich-text" style="padding-top:0px; padding-bottom:20px; ">
          <h2><br></h2>
          <h2><span style="color: black"><strong>Wir freuen uns dich kennenzulernen!</strong></span></h2>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-6201b2c1">
        <div class="rich-text" style="padding-top:20px; padding-bottom:20px; ">
          <p>📞 &nbsp;+41 44 487 13 49</p>
          <p>✉️ bewerbung<span class="variable-replace" data-variable="zsg">@zsg</span>.ch</p>
          <p>📍Mythenquai 333, 8038 Zürich</p>
        </div>
      </div>
    </div>
  </section>
  <section id="id-8cfee62d" name="vorteile" data-type="user" data-header="header" data-footer="footer">
    <div class="block  " style=" background-color:var(--primary);" data-blocktype="elements-v2">
      <div class="block-content elements-container elements-v2-container inner-full" data-type="nested-blocks">
        <div class="container-style-plain" style="margin-right:10px; margin-bottom:10px; margin-left:10px; padding-top:10px; padding-bottom:10px; ">
          <div class="elements-container-inner inner-narrow" style="justify-content:normal;align-items:center;flex-direction:row;margin-left:auto;margin-right:auto;">
            <div class="block  " style=" " data-blocktype="rich-text">
              <div class="block-content text-block align-center inner-mid" id="text-block-id-6e003487">
                <div class="rich-text" style="padding-top:5px; padding-bottom:5px; ">
                  <h2><span style="color: white">Auf diese Vorteile kannst du dich freuen:</span></h2>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="generic-button">
      <div class="block-content generic-button-block inner-narrow" id="generic-button-block-id-119c3d15">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <button id="id-119c3d15" class="generic-button continue large"
            onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].buttonClick(this, 'next', '', '{&quot;paddingBottom&quot;:20,&quot;containerClass&quot;:&quot;inner-narrow&quot;,&quot;name&quot;:&quot;button-continue&quot;,&quot;contentClass&quot;:&quot;align-center&quot;,&quot;action&quot;:&quot;next&quot;,&quot;id&quot;:&quot;id-119c3d15&quot;,&quot;paddingTop&quot;:20,&quot;nextAction&quot;:&quot;next&quot;,&quot;label&quot;:&quot;Jetzt&amp;nbsp;weiter&amp;nbsp;zur&amp;nbsp;Bewerbung&quot;,&quot;type&quot;:&quot;generic-button&quot;,&quot;class&quot;:&quot;continue&amp;nbsp;large&quot;}')">
            <div class="status-indicator">
              <div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg></div>
              <div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
                  </line>
                  <line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                </svg></div>
              <div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"
                  xml:space="preserve">
                  <path opacity="0.3" fill="currentColor"
                    d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                  </path>
                  <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
                    <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
                  </path>
                </svg></div>
            </div>
            <div class="content align-center">
              <div class="label-container ">
                <span class="label">Jetzt weiter zur Bewerbung</span>
              </div>
              <span class="graphic">
                <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                  <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg>
              </span>
            </div>
          </button>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-list-v2">
      <div class="block-content rich-list-v2-block inner-wide" id="rich-list-v2-block-id-1354d0ce" data-is-animated="" data-animation-timeout="" data-animation-mode="" data-action=""
        data-options="{&quot;columnsMobile&quot;:1,&quot;paddingBottom&quot;:20,&quot;containerClass&quot;:&quot;inner-wide&quot;,&quot;columns&quot;:2,&quot;paddingRight&quot;:&quot;16&quot;,&quot;name&quot;:&quot;rich-list-v2&quot;,&quot;options&quot;:[{&quot;image&quot;:null,&quot;filename&quot;:null,&quot;emoji&quot;:&quot;&amp;#55357;&amp;#56520;&quot;,&quot;svg&quot;:null,&quot;icon&quot;:null,&quot;id&quot;:&quot;option-tGvYws_3c64cejuETzqQ9&quot;,&quot;label&quot;:&quot;Aufstiegsm&amp;ouml;glichkeiten&quot;,&quot;text&quot;:&quot;Nutze&amp;nbsp;unsere&amp;nbsp;vielf&amp;auml;ltigen&amp;nbsp;Entwicklungschancen&amp;nbsp;und&amp;nbsp;gestalte&amp;nbsp;deine&amp;nbsp;Karriere&amp;nbsp;nach&amp;nbsp;deinen&amp;nbsp;Vorstellungen.&quot;},{&quot;image&quot;:null,&quot;filename&quot;:null,&quot;emoji&quot;:&quot;&amp;#55357;&amp;#56966;&quot;,&quot;svg&quot;:null,&quot;icon&quot;:null,&quot;id&quot;:&quot;option-9C1ShI7fiqI-jKwEy7Bz7&quot;,&quot;label&quot;:&quot;GA&amp;nbsp;2.&amp;nbsp;Klasse&quot;,&quot;text&quot;:&quot;Nutze&amp;nbsp;die&amp;nbsp;M&amp;ouml;glichkeit,&amp;nbsp;mit&amp;nbsp;einem&amp;nbsp;Generalabonnement&amp;nbsp;der&amp;nbsp;2.&amp;nbsp;Klasse&amp;nbsp;bequem&amp;nbsp;und&amp;nbsp;kosteng&amp;uuml;nstig&amp;nbsp;durch&amp;nbsp;das&amp;nbsp;Land&amp;nbsp;zu&amp;nbsp;reisen.&quot;},{&quot;image&quot;:null,&quot;filename&quot;:null,&quot;emoji&quot;:&quot;&amp;#55358;&amp;#56605;&quot;,&quot;svg&quot;:null,&quot;icon&quot;:null,&quot;id&quot;:&quot;option-a-gcyavAeCgrhsnlL04Lk&quot;,&quot;label&quot;:&quot;Sicherer&amp;nbsp;Arbeitsplatz&quot;,&quot;text&quot;:&quot;Vertraue&amp;nbsp;auf&amp;nbsp;langfristige&amp;nbsp;Besch&amp;auml;ftigungsperspektiven&amp;nbsp;und&amp;nbsp;Stabilit&amp;auml;t&amp;nbsp;in&amp;nbsp;einem&amp;nbsp;sicheren&amp;nbsp;Arbeitsumfeld.&quot;},{&quot;image&quot;:null,&quot;filename&quot;:null,&quot;emoji&quot;:&quot;&amp;#55356;&amp;#57213;&amp;#65039;&quot;,&quot;svg&quot;:null,&quot;icon&quot;:null,&quot;id&quot;:&quot;option-R8j5tsuROvorvj157TZDJ&quot;,&quot;label&quot;:&quot;Essenszusch&amp;uuml;sse&quot;,&quot;text&quot;:&quot;Profitiere&amp;nbsp;von&amp;nbsp;finanziellen&amp;nbsp;Verg&amp;uuml;nstigungen&amp;nbsp;f&amp;uuml;r&amp;nbsp;deine&amp;nbsp;Mahlzeiten&amp;nbsp;und&amp;nbsp;geniesse&amp;nbsp;leckeres&amp;nbsp;Essen&amp;nbsp;w&amp;auml;hrend&amp;nbsp;der&amp;nbsp;Arbeitszeit.&quot;},{&quot;image&quot;:null,&quot;filename&quot;:null,&quot;emoji&quot;:&quot;&amp;#55356;&amp;#57225;&quot;,&quot;svg&quot;:null,&quot;icon&quot;:null,&quot;id&quot;:&quot;option-JnD_jIbY0-miBxE5XTmZv&quot;,&quot;label&quot;:&quot;Team&amp;nbsp;Events&quot;,&quot;text&quot;:&quot;St&amp;auml;rke&amp;nbsp;den&amp;nbsp;Teamgeist&amp;nbsp;und&amp;nbsp;baue&amp;nbsp;Beziehungen&amp;nbsp;zu&amp;nbsp;deinen&amp;nbsp;Kollegen&amp;nbsp;bei&amp;nbsp;unseren&amp;nbsp;regelm&amp;auml;ssigen&amp;nbsp;Team&amp;nbsp;Events&amp;nbsp;wie&amp;nbsp;das&amp;nbsp;Jahresessen.&quot;}],&quot;paddingTop&quot;:20,&quot;id&quot;:&quot;id-1354d0ce&quot;,&quot;type&quot;:&quot;rich-list-v2&quot;,&quot;paddingLeft&quot;:&quot;34&quot;}">
        <div style="padding-top:20px; padding-right:16px; padding-bottom:20px; padding-left:34px; ">
          <div class="rich-list-v2 ">
            <div class="rich-list-v2-options grid-cols-2 rich-list-v2-mobile-grid-cols-1">
              <div>
                <div id="option-tGvYws_3c64cejuETzqQ9" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <div class="emoji">📈</div>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Aufstiegsmöglichkeiten</div>
                    <div class="text">Nutze unsere vielfältigen Entwicklungschancen und gestalte deine Karriere nach deinen Vorstellungen.</div>
                  </div>
                </div>
              </div>
              <div>
                <div id="option-9C1ShI7fiqI-jKwEy7Bz7" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <div class="emoji">🚆</div>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">GA 2. Klasse</div>
                    <div class="text">Nutze die Möglichkeit, mit einem Generalabonnement der 2. Klasse bequem und kostengünstig durch das Land zu reisen.</div>
                  </div>
                </div>
              </div>
              <div>
                <div id="option-a-gcyavAeCgrhsnlL04Lk" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <div class="emoji">🤝</div>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Sicherer Arbeitsplatz</div>
                    <div class="text">Vertraue auf langfristige Beschäftigungsperspektiven und Stabilität in einem sicheren Arbeitsumfeld.</div>
                  </div>
                </div>
              </div>
              <div>
                <div id="option-R8j5tsuROvorvj157TZDJ" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <div class="emoji">🍽️</div>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Essenszuschüsse</div>
                    <div class="text">Profitiere von finanziellen Vergünstigungen für deine Mahlzeiten und geniesse leckeres Essen während der Arbeitszeit.</div>
                  </div>
                </div>
              </div>
              <div>
                <div id="option-JnD_jIbY0-miBxE5XTmZv" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <div class="emoji">🎉</div>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Team Events</div>
                    <div class="text">Stärke den Teamgeist und baue Beziehungen zu deinen Kollegen bei unseren regelmässigen Team Events wie das Jahresessen.</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="generic-button">
      <div class="block-content generic-button-block inner-narrow" id="generic-button-block-id-9d9fb704">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <button id="id-9d9fb704" class="generic-button continue large"
            onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].buttonClick(this, 'next', '', '{&quot;paddingBottom&quot;:20,&quot;containerClass&quot;:&quot;inner-narrow&quot;,&quot;name&quot;:&quot;button-continue&quot;,&quot;action&quot;:&quot;next&quot;,&quot;contentClass&quot;:&quot;align-center&quot;,&quot;label&quot;:&quot;Jetzt&amp;nbsp;weiter&amp;nbsp;zur&amp;nbsp;Bewerbung&quot;,&quot;id&quot;:&quot;id-9d9fb704&quot;,&quot;paddingTop&quot;:20,&quot;nextAction&quot;:&quot;next&quot;,&quot;type&quot;:&quot;generic-button&quot;,&quot;class&quot;:&quot;continue&amp;nbsp;large&quot;}')">
            <div class="status-indicator">
              <div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg></div>
              <div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
                  </line>
                  <line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                </svg></div>
              <div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"
                  xml:space="preserve">
                  <path opacity="0.3" fill="currentColor"
                    d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                  </path>
                  <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
                    <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
                  </path>
                </svg></div>
            </div>
            <div class="content align-center">
              <div class="label-container ">
                <span class="label">Jetzt weiter zur Bewerbung</span>
              </div>
              <span class="graphic">
                <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                  <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg>
              </span>
            </div>
          </button>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-list-v2">
      <div class="block-content rich-list-v2-block inner-wide" id="rich-list-v2-block-id-f21e38dc" data-is-animated="" data-animation-timeout="" data-animation-mode="" data-action=""
        data-options="{&quot;columnsMobile&quot;:1,&quot;paddingBottom&quot;:20,&quot;containerClass&quot;:&quot;inner-wide&quot;,&quot;columns&quot;:2,&quot;paddingRight&quot;:&quot;16&quot;,&quot;name&quot;:&quot;rich-list-v2&quot;,&quot;options&quot;:[{&quot;image&quot;:null,&quot;filename&quot;:null,&quot;emoji&quot;:&quot;&amp;#55357;&amp;#56424;&amp;zwj;&amp;#55357;&amp;#56425;&amp;zwj;&amp;#55357;&amp;#56422;&quot;,&quot;svg&quot;:null,&quot;icon&quot;:null,&quot;id&quot;:&quot;option-J1jx_knB1aF1J2zIsJbOu&quot;,&quot;label&quot;:&quot;Famili&amp;auml;res&amp;nbsp;und&amp;nbsp;herzliches&amp;nbsp;Klima&quot;,&quot;text&quot;:&quot;F&amp;uuml;hle&amp;nbsp;dich&amp;nbsp;wie&amp;nbsp;Teil&amp;nbsp;einer&amp;nbsp;grossen&amp;nbsp;Familie&amp;nbsp;in&amp;nbsp;einem&amp;nbsp;unterst&amp;uuml;tzenden&amp;nbsp;und&amp;nbsp;einladenden&amp;nbsp;Arbeitsumfeld.&quot;},{&quot;image&quot;:null,&quot;filename&quot;:null,&quot;emoji&quot;:&quot;&amp;#55356;&amp;#57314;&quot;,&quot;svg&quot;:null,&quot;icon&quot;:null,&quot;id&quot;:&quot;option-h1boajZqjM79zj7-ltv_v&quot;,&quot;label&quot;:&quot;Moderne&amp;nbsp;Aufenthaltsr&amp;auml;ume&quot;,&quot;text&quot;:&quot;Entspanne&amp;nbsp;dich&amp;nbsp;in&amp;nbsp;unseren&amp;nbsp;modernen&amp;nbsp;Aufenthaltsr&amp;auml;umen&amp;nbsp;mit&amp;nbsp;Ausblick&amp;nbsp;&amp;nbsp;direkt&amp;nbsp;am&amp;nbsp;See.&quot;},{&quot;image&quot;:null,&quot;filename&quot;:null,&quot;emoji&quot;:&quot;&amp;#55357;&amp;#56538;&quot;,&quot;svg&quot;:null,&quot;icon&quot;:null,&quot;id&quot;:&quot;option-eG8Wt_sI_i5-yN_t6EHW5&quot;,&quot;label&quot;:&quot;Bezahlte&amp;nbsp;Weiterbildungen&quot;,&quot;text&quot;:&quot;Investiere&amp;nbsp;in&amp;nbsp;deine&amp;nbsp;berufliche&amp;nbsp;Entwicklung&amp;nbsp;mit&amp;nbsp;unserer&amp;nbsp;Unterst&amp;uuml;tzung&amp;nbsp;durch&amp;nbsp;bezahlte&amp;nbsp;Weiterbildungsangebote.&quot;},{&quot;image&quot;:null,&quot;filename&quot;:null,&quot;emoji&quot;:&quot;&amp;#55357;&amp;#56613;&quot;,&quot;svg&quot;:null,&quot;icon&quot;:null,&quot;id&quot;:&quot;option-7BwYieslbLE04k2HqoJEf&quot;,&quot;label&quot;:&quot;Spannende&amp;nbsp;Projekte&quot;,&quot;text&quot;:&quot;Tauche&amp;nbsp;ein&amp;nbsp;in&amp;nbsp;herausfordernde&amp;nbsp;und&amp;nbsp;spannende&amp;nbsp;Projekte,&amp;nbsp;die&amp;nbsp;deine&amp;nbsp;F&amp;auml;higkeiten&amp;nbsp;und&amp;nbsp;Kreativit&amp;auml;t&amp;nbsp;herausfordern.&quot;}],&quot;id&quot;:&quot;id-f21e38dc&quot;,&quot;paddingTop&quot;:20,&quot;type&quot;:&quot;rich-list-v2&quot;,&quot;paddingLeft&quot;:&quot;34&quot;}">
        <div style="padding-top:20px; padding-right:16px; padding-bottom:20px; padding-left:34px; ">
          <div class="rich-list-v2 ">
            <div class="rich-list-v2-options grid-cols-2 rich-list-v2-mobile-grid-cols-1">
              <div>
                <div id="option-J1jx_knB1aF1J2zIsJbOu" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <div class="emoji">👨‍👩‍👦</div>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Familiäres und herzliches Klima</div>
                    <div class="text">Fühle dich wie Teil einer grossen Familie in einem unterstützenden und einladenden Arbeitsumfeld.</div>
                  </div>
                </div>
              </div>
              <div>
                <div id="option-h1boajZqjM79zj7-ltv_v" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <div class="emoji">🏢</div>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Moderne Aufenthaltsräume</div>
                    <div class="text">Entspanne dich in unseren modernen Aufenthaltsräumen mit Ausblick direkt am See.</div>
                  </div>
                </div>
              </div>
              <div>
                <div id="option-eG8Wt_sI_i5-yN_t6EHW5" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <div class="emoji">📚</div>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Bezahlte Weiterbildungen</div>
                    <div class="text">Investiere in deine berufliche Entwicklung mit unserer Unterstützung durch bezahlte Weiterbildungsangebote.</div>
                  </div>
                </div>
              </div>
              <div>
                <div id="option-7BwYieslbLE04k2HqoJEf" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <div class="emoji">🔥</div>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Spannende Projekte</div>
                    <div class="text">Tauche ein in herausfordernde und spannende Projekte, die deine Fähigkeiten und Kreativität herausfordern.</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="generic-button">
      <div class="block-content generic-button-block inner-narrow" id="generic-button-block-id-71caacfa">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <button id="id-71caacfa" class="generic-button continue large"
            onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].buttonClick(this, 'next', '', '{&quot;paddingBottom&quot;:20,&quot;containerClass&quot;:&quot;inner-narrow&quot;,&quot;name&quot;:&quot;button-continue&quot;,&quot;contentClass&quot;:&quot;align-center&quot;,&quot;action&quot;:&quot;next&quot;,&quot;paddingTop&quot;:20,&quot;label&quot;:&quot;Jetzt&amp;nbsp;weiter&amp;nbsp;zur&amp;nbsp;Bewerbung&quot;,&quot;id&quot;:&quot;id-71caacfa&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;type&quot;:&quot;generic-button&quot;,&quot;class&quot;:&quot;continue&amp;nbsp;large&quot;}')">
            <div class="status-indicator">
              <div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg></div>
              <div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
                  </line>
                  <line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                </svg></div>
              <div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"
                  xml:space="preserve">
                  <path opacity="0.3" fill="currentColor"
                    d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                  </path>
                  <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
                    <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
                  </path>
                </svg></div>
            </div>
            <div class="content align-center">
              <div class="label-container ">
                <span class="label">Jetzt weiter zur Bewerbung</span>
              </div>
              <span class="graphic">
                <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                  <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg>
              </span>
            </div>
          </button>
        </div>
      </div>
    </div>
  </section>
  <section id="id-c2372bc6" name="aufgaben" data-type="user" data-header="header" data-footer="footer">
    <div class="block  " style=" background-color:var(--primary);" data-blocktype="elements-v2">
      <div class="block-content elements-container elements-v2-container inner-full" data-type="nested-blocks">
        <div class="container-style-plain" style="margin-right:10px; margin-bottom:10px; margin-left:10px; padding-top:10px; padding-bottom:10px; ">
          <div class="elements-container-inner inner-narrow" style="justify-content:normal;align-items:center;flex-direction:row;margin-left:auto;margin-right:auto;">
            <div class="block  " style=" " data-blocktype="rich-text">
              <div class="block-content text-block align-center inner-mid" id="text-block-id-cc978e17">
                <div class="rich-text" style="padding-top:5px; padding-bottom:5px; ">
                  <h2><span style="color: white">Deine Rolle im Team:</span></h2>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-rich-text-de225ab4">
        <div class="rich-text" style="padding-top:20px; padding-bottom:20px; ">
          <p><strong>Zwei Jobs in einem</strong>:&nbsp;</p>
          <p>Im <strong>Sommer </strong>bist du als Teil unserer nautischen Crew auf dem See unterwegs.&nbsp;</p>
          <p>Im <strong>Winter </strong>bringst du deine Leidenschaft als <strong>Handwerker </strong>in die <strong>Wartung </strong>unserer <strong>Schiffsflotte </strong>ein.</p>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-list-v2">
      <div class="block-content rich-list-v2-block inner-mid" id="rich-list-v2-block-id-b42960a4" data-is-animated="false" data-animation-timeout="500" data-animation-mode="all" data-action="next"
        data-options="{&quot;columnsMobile&quot;:1,&quot;containerClass&quot;:&quot;inner-mid&quot;,&quot;withAction&quot;:false,&quot;columns&quot;:2,&quot;animationMode&quot;:&quot;all&quot;,&quot;animationTimeoutInMs&quot;:500,&quot;type&quot;:&quot;rich-list-v2&quot;,&quot;paddingBottom&quot;:20,&quot;name&quot;:&quot;rich-list-v2&quot;,&quot;options&quot;:[{&quot;image&quot;:null,&quot;filename&quot;:null,&quot;emoji&quot;:null,&quot;svg&quot;:&quot;&amp;lt;svg&amp;nbsp;xmlns=&amp;quot;http://www.w3.org/2000/svg&amp;quot;&amp;nbsp;viewBox=&amp;quot;0&amp;nbsp;0&amp;nbsp;24&amp;nbsp;24&amp;quot;&amp;gt;&amp;lt;defs/&amp;gt;&amp;lt;title&amp;gt;keyboard-arrow-right&amp;lt;/title&amp;gt;&amp;lt;line&amp;nbsp;x1=&amp;quot;23.25&amp;quot;&amp;nbsp;y1=&amp;quot;12.497&amp;quot;&amp;nbsp;x2=&amp;quot;0.75&amp;quot;&amp;nbsp;y2=&amp;quot;12.497&amp;quot;&amp;nbsp;style=&amp;quot;fill:&amp;nbsp;none;&amp;nbsp;stroke:&amp;nbsp;currentColor;&amp;nbsp;stroke-linecap:&amp;nbsp;round;&amp;nbsp;stroke-linejoin:&amp;nbsp;round;&amp;nbsp;stroke-width:&amp;nbsp;1.5px;&amp;quot;/&amp;gt;&amp;lt;polyline&amp;nbsp;points=&amp;quot;19.5&amp;nbsp;16.247&amp;nbsp;23.25&amp;nbsp;12.497&amp;nbsp;19.5&amp;nbsp;8.747&amp;quot;&amp;nbsp;style=&amp;quot;fill:&amp;nbsp;none;&amp;nbsp;stroke:&amp;nbsp;currentColor;&amp;nbsp;stroke-linecap:&amp;nbsp;round;&amp;nbsp;stroke-linejoin:&amp;nbsp;round;&amp;nbsp;stroke-width:&amp;nbsp;1.5px;&amp;quot;/&amp;gt;&amp;lt;/svg&amp;gt;&quot;,&quot;icon&quot;:null,&quot;id&quot;:&quot;id-621989bb&quot;,&quot;label&quot;:&quot;Sicherheits-&amp;nbsp;und&amp;nbsp;Sauberkeitsmanagement&quot;,&quot;text&quot;:&quot;Gew&amp;auml;hrleistung&amp;nbsp;von&amp;nbsp;Ordnung&amp;nbsp;und&amp;nbsp;Sicherheit&amp;nbsp;an&amp;nbsp;Bord.&quot;},{&quot;image&quot;:null,&quot;filename&quot;:null,&quot;emoji&quot;:null,&quot;svg&quot;:&quot;&amp;lt;svg&amp;nbsp;xmlns=&amp;quot;http://www.w3.org/2000/svg&amp;quot;&amp;nbsp;viewBox=&amp;quot;0&amp;nbsp;0&amp;nbsp;24&amp;nbsp;24&amp;quot;&amp;gt;&amp;lt;defs/&amp;gt;&amp;lt;title&amp;gt;keyboard-arrow-right&amp;lt;/title&amp;gt;&amp;lt;line&amp;nbsp;x1=&amp;quot;23.25&amp;quot;&amp;nbsp;y1=&amp;quot;12.497&amp;quot;&amp;nbsp;x2=&amp;quot;0.75&amp;quot;&amp;nbsp;y2=&amp;quot;12.497&amp;quot;&amp;nbsp;style=&amp;quot;fill:&amp;nbsp;none;&amp;nbsp;stroke:&amp;nbsp;currentColor;&amp;nbsp;stroke-linecap:&amp;nbsp;round;&amp;nbsp;stroke-linejoin:&amp;nbsp;round;&amp;nbsp;stroke-width:&amp;nbsp;1.5px;&amp;quot;/&amp;gt;&amp;lt;polyline&amp;nbsp;points=&amp;quot;19.5&amp;nbsp;16.247&amp;nbsp;23.25&amp;nbsp;12.497&amp;nbsp;19.5&amp;nbsp;8.747&amp;quot;&amp;nbsp;style=&amp;quot;fill:&amp;nbsp;none;&amp;nbsp;stroke:&amp;nbsp;currentColor;&amp;nbsp;stroke-linecap:&amp;nbsp;round;&amp;nbsp;stroke-linejoin:&amp;nbsp;round;&amp;nbsp;stroke-width:&amp;nbsp;1.5px;&amp;quot;/&amp;gt;&amp;lt;/svg&amp;gt;&quot;,&quot;icon&quot;:null,&quot;id&quot;:&quot;id-183c7bb2&quot;,&quot;label&quot;:&quot;Tauwerk-Expertise&quot;,&quot;text&quot;:&quot;Fachgerechte&amp;nbsp;Handhabung&amp;nbsp;von&amp;nbsp;Seilen&amp;nbsp;und&amp;nbsp;Tauwerk.&quot;},{&quot;image&quot;:null,&quot;filename&quot;:null,&quot;emoji&quot;:null,&quot;svg&quot;:&quot;&amp;lt;svg&amp;nbsp;xmlns=&amp;quot;http://www.w3.org/2000/svg&amp;quot;&amp;nbsp;viewBox=&amp;quot;0&amp;nbsp;0&amp;nbsp;24&amp;nbsp;24&amp;quot;&amp;gt;&amp;lt;defs/&amp;gt;&amp;lt;title&amp;gt;keyboard-arrow-right&amp;lt;/title&amp;gt;&amp;lt;line&amp;nbsp;x1=&amp;quot;23.25&amp;quot;&amp;nbsp;y1=&amp;quot;12.497&amp;quot;&amp;nbsp;x2=&amp;quot;0.75&amp;quot;&amp;nbsp;y2=&amp;quot;12.497&amp;quot;&amp;nbsp;style=&amp;quot;fill:&amp;nbsp;none;&amp;nbsp;stroke:&amp;nbsp;currentColor;&amp;nbsp;stroke-linecap:&amp;nbsp;round;&amp;nbsp;stroke-linejoin:&amp;nbsp;round;&amp;nbsp;stroke-width:&amp;nbsp;1.5px;&amp;quot;/&amp;gt;&amp;lt;polyline&amp;nbsp;points=&amp;quot;19.5&amp;nbsp;16.247&amp;nbsp;23.25&amp;nbsp;12.497&amp;nbsp;19.5&amp;nbsp;8.747&amp;quot;&amp;nbsp;style=&amp;quot;fill:&amp;nbsp;none;&amp;nbsp;stroke:&amp;nbsp;currentColor;&amp;nbsp;stroke-linecap:&amp;nbsp;round;&amp;nbsp;stroke-linejoin:&amp;nbsp;round;&amp;nbsp;stroke-width:&amp;nbsp;1.5px;&amp;quot;/&amp;gt;&amp;lt;/svg&amp;gt;&quot;,&quot;icon&quot;:null,&quot;id&quot;:&quot;id-83bbda2b&quot;,&quot;label&quot;:&quot;Kundenservice&quot;,&quot;text&quot;:&quot;Betreuung&amp;nbsp;von&amp;nbsp;Fahrg&amp;auml;sten&amp;nbsp;und&amp;nbsp;&amp;Uuml;berpr&amp;uuml;fung&amp;nbsp;von&amp;nbsp;Fahrscheinen.&quot;},{&quot;image&quot;:null,&quot;filename&quot;:null,&quot;emoji&quot;:null,&quot;svg&quot;:&quot;&amp;lt;svg&amp;nbsp;xmlns=&amp;quot;http://www.w3.org/2000/svg&amp;quot;&amp;nbsp;viewBox=&amp;quot;0&amp;nbsp;0&amp;nbsp;24&amp;nbsp;24&amp;quot;&amp;gt;&amp;lt;defs/&amp;gt;&amp;lt;title&amp;gt;keyboard-arrow-right&amp;lt;/title&amp;gt;&amp;lt;line&amp;nbsp;x1=&amp;quot;23.25&amp;quot;&amp;nbsp;y1=&amp;quot;12.497&amp;quot;&amp;nbsp;x2=&amp;quot;0.75&amp;quot;&amp;nbsp;y2=&amp;quot;12.497&amp;quot;&amp;nbsp;style=&amp;quot;fill:&amp;nbsp;none;&amp;nbsp;stroke:&amp;nbsp;currentColor;&amp;nbsp;stroke-linecap:&amp;nbsp;round;&amp;nbsp;stroke-linejoin:&amp;nbsp;round;&amp;nbsp;stroke-width:&amp;nbsp;1.5px;&amp;quot;/&amp;gt;&amp;lt;polyline&amp;nbsp;points=&amp;quot;19.5&amp;nbsp;16.247&amp;nbsp;23.25&amp;nbsp;12.497&amp;nbsp;19.5&amp;nbsp;8.747&amp;quot;&amp;nbsp;style=&amp;quot;fill:&amp;nbsp;none;&amp;nbsp;stroke:&amp;nbsp;currentColor;&amp;nbsp;stroke-linecap:&amp;nbsp;round;&amp;nbsp;stroke-linejoin:&amp;nbsp;round;&amp;nbsp;stroke-width:&amp;nbsp;1.5px;&amp;quot;/&amp;gt;&amp;lt;/svg&amp;gt;&quot;,&quot;icon&quot;:null,&quot;id&quot;:&quot;id-8695a5c6&quot;,&quot;label&quot;:&quot;Schiffsunterhalt&quot;,&quot;text&quot;:&quot;Mitwirkung&amp;nbsp;bei&amp;nbsp;Wartung,&amp;nbsp;&amp;Uuml;berholung&amp;nbsp;und&amp;nbsp;Reparaturen.&quot;},{&quot;image&quot;:null,&quot;filename&quot;:null,&quot;emoji&quot;:null,&quot;svg&quot;:&quot;&amp;lt;svg&amp;nbsp;xmlns=&amp;quot;http://www.w3.org/2000/svg&amp;quot;&amp;nbsp;viewBox=&amp;quot;0&amp;nbsp;0&amp;nbsp;24&amp;nbsp;24&amp;quot;&amp;gt;&amp;lt;defs/&amp;gt;&amp;lt;title&amp;gt;keyboard-arrow-right&amp;lt;/title&amp;gt;&amp;lt;line&amp;nbsp;x1=&amp;quot;23.25&amp;quot;&amp;nbsp;y1=&amp;quot;12.497&amp;quot;&amp;nbsp;x2=&amp;quot;0.75&amp;quot;&amp;nbsp;y2=&amp;quot;12.497&amp;quot;&amp;nbsp;style=&amp;quot;fill:&amp;nbsp;none;&amp;nbsp;stroke:&amp;nbsp;currentColor;&amp;nbsp;stroke-linecap:&amp;nbsp;round;&amp;nbsp;stroke-linejoin:&amp;nbsp;round;&amp;nbsp;stroke-width:&amp;nbsp;1.5px;&amp;quot;/&amp;gt;&amp;lt;polyline&amp;nbsp;points=&amp;quot;19.5&amp;nbsp;16.247&amp;nbsp;23.25&amp;nbsp;12.497&amp;nbsp;19.5&amp;nbsp;8.747&amp;quot;&amp;nbsp;style=&amp;quot;fill:&amp;nbsp;none;&amp;nbsp;stroke:&amp;nbsp;currentColor;&amp;nbsp;stroke-linecap:&amp;nbsp;round;&amp;nbsp;stroke-linejoin:&amp;nbsp;round;&amp;nbsp;stroke-width:&amp;nbsp;1.5px;&amp;quot;/&amp;gt;&amp;lt;/svg&amp;gt;&quot;,&quot;icon&quot;:null,&quot;id&quot;:&quot;id-11b863ef&quot;,&quot;label&quot;:&quot;Innovationsf&amp;ouml;rderung&quot;,&quot;text&quot;:&quot;Aktive&amp;nbsp;Beteiligung&amp;nbsp;an&amp;nbsp;Flottenmodernisierung&amp;nbsp;und&amp;nbsp;-optimierung.&quot;}],&quot;action&quot;:&quot;next&quot;,&quot;id&quot;:&quot;id-b42960a4&quot;,&quot;paddingTop&quot;:20,&quot;isAnimated&quot;:false}">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <div class="rich-list-v2 ">
            <div class="rich-list-v2-options grid-cols-2 rich-list-v2-mobile-grid-cols-1">
              <div>
                <div id="id-621989bb" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                      <defs></defs>
                      <title>keyboard-arrow-right</title>
                      <line x1="23.25" y1="12.497" x2="0.75" y2="12.497" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                      <polyline points="19.5 16.247 23.25 12.497 19.5 8.747" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></polyline>
                    </svg>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Sicherheits- und Sauberkeitsmanagement</div>
                    <div class="text">Gewährleistung von Ordnung und Sicherheit an Bord.</div>
                  </div>
                </div>
              </div>
              <div>
                <div id="id-183c7bb2" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                      <defs></defs>
                      <title>keyboard-arrow-right</title>
                      <line x1="23.25" y1="12.497" x2="0.75" y2="12.497" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                      <polyline points="19.5 16.247 23.25 12.497 19.5 8.747" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></polyline>
                    </svg>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Tauwerk-Expertise</div>
                    <div class="text">Fachgerechte Handhabung von Seilen und Tauwerk.</div>
                  </div>
                </div>
              </div>
              <div>
                <div id="id-83bbda2b" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                      <defs></defs>
                      <title>keyboard-arrow-right</title>
                      <line x1="23.25" y1="12.497" x2="0.75" y2="12.497" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                      <polyline points="19.5 16.247 23.25 12.497 19.5 8.747" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></polyline>
                    </svg>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Kundenservice</div>
                    <div class="text">Betreuung von Fahrgästen und Überprüfung von Fahrscheinen.</div>
                  </div>
                </div>
              </div>
              <div>
                <div id="id-8695a5c6" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                      <defs></defs>
                      <title>keyboard-arrow-right</title>
                      <line x1="23.25" y1="12.497" x2="0.75" y2="12.497" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                      <polyline points="19.5 16.247 23.25 12.497 19.5 8.747" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></polyline>
                    </svg>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Schiffsunterhalt</div>
                    <div class="text">Mitwirkung bei Wartung, Überholung und Reparaturen.</div>
                  </div>
                </div>
              </div>
              <div>
                <div id="id-11b863ef" class="rich-list-v2-option ">
                  <div class="loader"></div>
                  <div class="graphics-container graphics-container-hidden">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                      <defs></defs>
                      <title>keyboard-arrow-right</title>
                      <line x1="23.25" y1="12.497" x2="0.75" y2="12.497" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                      <polyline points="19.5 16.247 23.25 12.497 19.5 8.747" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></polyline>
                    </svg>
                  </div>
                  <div class="text-container text-container-hidden">
                    <div class="label">Innovationsförderung</div>
                    <div class="text">Aktive Beteiligung an Flottenmodernisierung und -optimierung.</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="generic-button">
      <div class="block-content generic-button-block inner-narrow" id="generic-button-block-id-7cd9048d">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <button id="id-7cd9048d" class="generic-button continue large"
            onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].buttonClick(this, 'next', '', '{&quot;paddingBottom&quot;:20,&quot;containerClass&quot;:&quot;inner-narrow&quot;,&quot;name&quot;:&quot;button-continue&quot;,&quot;contentClass&quot;:&quot;align-center&quot;,&quot;action&quot;:&quot;next&quot;,&quot;id&quot;:&quot;id-7cd9048d&quot;,&quot;paddingTop&quot;:20,&quot;nextAction&quot;:&quot;next&quot;,&quot;label&quot;:&quot;Jetzt&amp;nbsp;weiter&amp;nbsp;zur&amp;nbsp;Bewerbung&quot;,&quot;type&quot;:&quot;generic-button&quot;,&quot;class&quot;:&quot;continue&amp;nbsp;large&quot;}')">
            <div class="status-indicator">
              <div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg></div>
              <div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
                  </line>
                  <line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                </svg></div>
              <div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"
                  xml:space="preserve">
                  <path opacity="0.3" fill="currentColor"
                    d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                  </path>
                  <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
                    <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
                  </path>
                </svg></div>
            </div>
            <div class="content align-center">
              <div class="label-container ">
                <span class="label">Jetzt weiter zur Bewerbung</span>
              </div>
              <span class="graphic">
                <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                  <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg>
              </span>
            </div>
          </button>
        </div>
      </div>
    </div>
  </section>
  <section id="screen-a22ca513" name="ausbildung" data-type="user" data-header="header">
    <div class="block  " style=" " data-blocktype="progress">
      <div class="block-content progress-block inner-narrow progress-items-rect" id="id-1ddbefc1">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <span class="progress-item filled"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-headline-de508600">
        <div class="rich-text" style="padding-top:20px; padding-bottom:20px; ">
          <h3><span style="color: black">Hast du eine</span><span style="color: black"><strong> abgeschlossene Berufsausbildung zum</strong></span><span style="color: black">...</span></h3>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="multiple-choice">
      <div class="block-content multiple-choice-block inner-narrow" id="multiple-choice-block-id-ad53a37a" data-align-siblings="" data-multiselect="">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <div class="multiple-choice-label" style="justify-content:center;">
            <label class="block-label">Bitte wähle eine oder mehrere Optionen aus</label>
          </div>
          <div class="multiple-choice mc-collapse-list">
            <div class="multiple-choice-inner" style="justify-content:center;">
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="false">
                  <label>
                    <div class="option-counter">1</div>
                    <input type="checkbox" id="option-FJYeN6FAgVkS868MUtDH2" data-tracking="true" data-event-name="" data-type="multiple-choice" data-label="Hast du eine abgeschlossene Berufsausbildung zum..." name="id-ad53a37a" data-variable=""
                      value="option-FJYeN6FAgVkS868MUtDH2" data-answer="Sanitärinstallateur/in" required="" data-destination="next" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container checkbox-selector">
                        <span class="checkbox ">
                          <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                            <rect width="256" height="256" fill="none"></rect>
                            <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                          </svg> </span>
                      </div>
                      <div class="label-container">
                        <div class="label">Sanitärinstallateur/in</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="false">
                  <label>
                    <div class="option-counter">2</div>
                    <input type="checkbox" id="option-gPEha9dkaJQZgm5WitEwm" data-tracking="true" data-event-name="" data-type="multiple-choice" data-label="Hast du eine abgeschlossene Berufsausbildung zum..." name="id-ad53a37a" data-variable=""
                      value="option-gPEha9dkaJQZgm5WitEwm" data-answer="Rohrschlosser/in " required="" data-destination="next" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container checkbox-selector">
                        <span class="checkbox ">
                          <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                            <rect width="256" height="256" fill="none"></rect>
                            <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                          </svg> </span>
                      </div>
                      <div class="label-container">
                        <div class="label">Rohrschlosser/in </div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="false">
                  <label>
                    <div class="option-counter">3</div>
                    <input type="checkbox" id="option-d-t0A2gLwO-nbSIIoHVVT" data-tracking="true" data-event-name="" data-type="multiple-choice" data-label="Hast du eine abgeschlossene Berufsausbildung zum..." name="id-ad53a37a" data-variable=""
                      value="option-d-t0A2gLwO-nbSIIoHVVT" data-answer=" Metallbauer/in" required="" data-destination="next" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container checkbox-selector">
                        <span class="checkbox ">
                          <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                            <rect width="256" height="256" fill="none"></rect>
                            <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                          </svg> </span>
                      </div>
                      <div class="label-container">
                        <div class="label"> Metallbauer/in</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="false">
                  <label>
                    <div class="option-counter">4</div>
                    <input type="checkbox" id="option-0CsIuDuuZVGT2Sw52edK5" data-tracking="true" data-event-name="" data-type="multiple-choice" data-label="Hast du eine abgeschlossene Berufsausbildung zum..." name="id-ad53a37a" data-variable=""
                      value="option-0CsIuDuuZVGT2Sw52edK5" data-answer="Landmaschinen- oder Baumaschinenmechaniker/in" required="" data-destination="next" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container checkbox-selector">
                        <span class="checkbox ">
                          <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                            <rect width="256" height="256" fill="none"></rect>
                            <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                          </svg> </span>
                      </div>
                      <div class="label-container">
                        <div class="label">Landmaschinen- oder Baumaschinenmechaniker/in</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="false">
                  <label>
                    <div class="option-counter">5</div>
                    <input type="checkbox" id="option-58TkTcfzZ6-PR_MTke-x4" data-tracking="true" data-event-name="" data-type="multiple-choice" data-label="Hast du eine abgeschlossene Berufsausbildung zum..." name="id-ad53a37a" data-variable=""
                      value="option-58TkTcfzZ6-PR_MTke-x4" data-answer="Automobil-Mechatroniker/in" required="" data-destination="next" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container checkbox-selector">
                        <span class="checkbox ">
                          <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                            <rect width="256" height="256" fill="none"></rect>
                            <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                          </svg> </span>
                      </div>
                      <div class="label-container">
                        <div class="label">Automobil-Mechatroniker/in</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="false">
                  <label>
                    <div class="option-counter">6</div>
                    <input type="checkbox" id="option-t9ID8aCmcCZ7QugIYdN3O" data-tracking="true" data-event-name="" data-type="multiple-choice" data-label="Hast du eine abgeschlossene Berufsausbildung zum..." name="id-ad53a37a" data-variable=""
                      value="option-t9ID8aCmcCZ7QugIYdN3O" data-answer="Automobil Fachmann/Frau" required="" data-destination="next" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container checkbox-selector">
                        <span class="checkbox ">
                          <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                            <rect width="256" height="256" fill="none"></rect>
                            <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                          </svg> </span>
                      </div>
                      <div class="label-container">
                        <div class="label">Automobil Fachmann/Frau</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="false">
                  <label>
                    <div class="option-counter">7</div>
                    <input type="checkbox" id="option-ufnp2fZPMCp7dPKlJNVQ0" data-tracking="true" data-event-name="" data-type="multiple-choice" data-label="Hast du eine abgeschlossene Berufsausbildung zum..." name="id-ad53a37a" data-variable=""
                      value="option-ufnp2fZPMCp7dPKlJNVQ0" data-answer="Mechatroniker EFZ Nutzfahrzeuge " required="" data-destination="next" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container checkbox-selector">
                        <span class="checkbox ">
                          <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                            <rect width="256" height="256" fill="none"></rect>
                            <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                          </svg> </span>
                      </div>
                      <div class="label-container">
                        <div class="label">Mechatroniker EFZ Nutzfahrzeuge </div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option multiple-choice-option-is-input" hey-nextscreen="" hey-important="" hey-autoredirect="false">
                  <label>
                    <div class="option-counter">8</div>
                    <input type="checkbox" id="option-si3b4VsL_wizWBX3B2pAd" data-tracking="true" data-event-name="" data-type="multiple-choice" data-label="Hast du eine abgeschlossene Berufsausbildung zum..." name="id-ad53a37a" data-variable=""
                      value="option-si3b4VsL_wizWBX3B2pAd" data-answer="etwas anderes..." required="" data-destination="next" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container checkbox-selector">
                        <span class="checkbox ">
                          <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                            <rect width="256" height="256" fill="none"></rect>
                            <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                          </svg> </span>
                      </div>
                      <div class="input-container">
                        <div class="input">
                          <input onfocus="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].flowQuery('#option-si3b4VsL_wizWBX3B2pAd').checked = true;"
                            class="multiple-choice-option-input" type="text" data-related-element="option-si3b4VsL_wizWBX3B2pAd" id="option-si3b4VsL_wizWBX3B2pAd-input" data-type="input" name="option-si3b4VsL_wizWBX3B2pAd-input"
                            placeholder="etwas anderes..." data-label="Hast du eine abgeschlossene Berufsausbildung zum... [etwas anderes...]">
                        </div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="generic-button">
      <div class="block-content generic-button-block inner-narrow" id="generic-button-block-button-4943207b">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <button id="button-4943207b" class="generic-button continue medium"
            onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].buttonClick(this, 'next', '', '{&quot;containerClass&quot;:&quot;inner-narrow&quot;,&quot;label&quot;:&quot;Weiter&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;type&quot;:&quot;generic-button&quot;,&quot;tracking&quot;:true,&quot;paddingBottom&quot;:20,&quot;name&quot;:&quot;button-continue&quot;,&quot;contentClass&quot;:&quot;align-space-between&quot;,&quot;action&quot;:&quot;next&quot;,&quot;id&quot;:&quot;button-4943207b&quot;,&quot;paddingTop&quot;:20,&quot;class&quot;:&quot;continue&amp;nbsp;medium&quot;}')">
            <div class="status-indicator">
              <div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg></div>
              <div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
                  </line>
                  <line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                </svg></div>
              <div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"
                  xml:space="preserve">
                  <path opacity="0.3" fill="currentColor"
                    d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                  </path>
                  <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
                    <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
                  </path>
                </svg></div>
            </div>
            <div class="content align-space-between">
              <div class="label-container ">
                <span class="label">Weiter</span>
              </div>
              <span class="graphic">
                <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                  <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg>
              </span>
            </div>
          </button>
        </div>
      </div>
    </div>
  </section>
  <section id="id-1944efe6" name="berufserfahrung" data-type="user" data-header="header" data-footer="footer">
    <div class="block  " style=" " data-blocktype="progress">
      <div class="block-content progress-block inner-narrow progress-items-rect" id="id-94ffee50">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-b26cf976">
        <div class="rich-text" style="padding-top:40px; padding-bottom:20px; ">
          <h3><span style="color: black">Wie viel </span><span style="color: black"><strong>Berufserfahrung</strong></span><span style="color: black"> hast du?</span></h3>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="multiple-choice">
      <div class="block-content multiple-choice-block inner-mid" id="multiple-choice-block-id-0ffb50f6" data-align-siblings="false">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <div class="multiple-choice-label" style="justify-content:center;">
            <label class="block-label">Bitte wähle eine Option</label>
          </div>
          <div class="multiple-choice mc-smart-flex picture">
            <div class="multiple-choice-inner" style="">
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-8428d6ec" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">1</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-8428d6ec');" type="radio" id="id-22b4e979" data-tracking="false"
                      data-event-name="" data-type="multiple-choice" data-label="Wie viel Berufserfahrung hast du?" name="id-0ffb50f6" data-variable="Berufserfahrung" value="id-22b4e979" data-conditional="true"
                      data-answer="Absolvent/ Berufseinsteiger" data-destination="id-8428d6ec" data-priority="0">
                    <div class="option-content picture">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="image-container">
                        <div class="svg-container">
                          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <defs></defs>
                            <title>common-file-award</title>
                            <path d="M14.96,17.22l-.633,5.241a.666.666,0,0,0,1.127.591l1.823-1.822L19.1,23.052a.667.667,0,0,0,1.128-.591l-.641-5.277"
                              style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <circle cx="17.25" cy="14.25" r="3.75" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></circle>
                            <path d="M10.5,20.25h-6A1.5,1.5,0,0,1,3,18.75V2.25A1.5,1.5,0,0,1,4.5.75H15.129a1.5,1.5,0,0,1,1.06.439l2.872,2.872a1.5,1.5,0,0,1,.439,1.06V8.25"
                              style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                          </svg>
                        </div>
                      </div>
                      <div class="label-container">
                        <div class="label">Absolvent/ Berufseinsteiger</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-8428d6ec" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">2</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-8428d6ec');" type="radio" id="id-e1e00100" data-tracking="false"
                      data-event-name="" data-type="multiple-choice" data-label="Wie viel Berufserfahrung hast du?" name="id-0ffb50f6" data-variable="Berufserfahrung" value="id-e1e00100" data-conditional="true" data-answer="Unter 2 Jahren"
                      data-destination="id-8428d6ec" data-priority="0">
                    <div class="option-content picture">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="image-container">
                        <div class="svg-container">
                          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <defs></defs>
                            <title>award-medal-2</title>
                            <path
                              d="M12.7,12.434l1.665,3.319h2.85a.775.775,0,0,1,.544,1.328L15.326,18.75l1.266,3.393a.788.788,0,0,1-1.11,1L12,21.184,8.509,23.145a.789.789,0,0,1-1.11-1L9,18.75,6.24,17.091a.781.781,0,0,1,.548-1.338H9.623l1.665-3.319A.793.793,0,0,1,12.7,12.434Z"
                              style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <line x1="9.75" y1="0.75" x2="9.75" y2="6.75" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                            <line x1="14.25" y1="0.75" x2="14.25" y2="6.75" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                            <polyline points="17.25 11.25 18.75 0.75 5.25 0.75 6.75 11.25" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></polyline>
                          </svg>
                        </div>
                      </div>
                      <div class="label-container">
                        <div class="label">Unter 2 Jahren</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-8428d6ec" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">3</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-8428d6ec');" type="radio" id="id-c2b9598d" data-tracking="false"
                      data-event-name="" data-type="multiple-choice" data-label="Wie viel Berufserfahrung hast du?" name="id-0ffb50f6" data-variable="Berufserfahrung" value="id-c2b9598d" data-conditional="true" data-answer="Zwischen 2-4 Jahren"
                      data-destination="id-8428d6ec" data-priority="0">
                    <div class="option-content picture">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="image-container">
                        <div class="svg-container">
                          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <defs></defs>
                            <title>award-medal</title>
                            <circle cx="12" cy="15" r="8.25" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></circle>
                            <path
                              d="M12.531,10.292l1.248,2.458h2.127a.582.582,0,0,1,.419,1l-1.953,1.922,1.082,2.485a.589.589,0,0,1-.839.737L12,17.419,9.385,18.89a.589.589,0,0,1-.839-.737l1.082-2.485L7.675,13.746a.582.582,0,0,1,.419-1h2.127l1.249-2.458A.6.6,0,0,1,12.531,10.292Z"
                              style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <line x1="8.25" y1="0.75" x2="9.944" y2="7.008" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                            <line x1="4.807" y1="10.958" x2="0.75" y2="0.75" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                            <line x1="15.75" y1="0.75" x2="14.056" y2="7.008" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                            <line x1="19.193" y1="10.958" x2="23.25" y2="0.75" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                          </svg>
                        </div>
                      </div>
                      <div class="label-container">
                        <div class="label">Zwischen 2-4 Jahren</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-8428d6ec" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">4</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-8428d6ec');" type="radio" id="id-c9eca3d6" data-tracking="false"
                      data-event-name="" data-type="multiple-choice" data-label="Wie viel Berufserfahrung hast du?" name="id-0ffb50f6" data-variable="Berufserfahrung" value="id-c9eca3d6" data-conditional="true" data-answer="Über 4 Jahre"
                      data-destination="id-8428d6ec" data-priority="0">
                    <div class="option-content picture">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="image-container">
                        <div class="svg-container">
                          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <defs></defs>
                            <title>paralympics-race-1</title>
                            <path d="M13.412,21.75a1.5,1.5,0,0,1-3,0V16.5a1.5,1.5,0,0,1,3,0Z" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <path d="M5.689,19.714a1.5,1.5,0,0,1-2.934-.626l.94-4.4a1.5,1.5,0,1,1,2.934.627Z" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <line x1="6.055" y1="18" x2="10.412" y2="18" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                            <path d="M18.139,19.714a1.5,1.5,0,1,0,2.934-.626l-.939-4.4a1.5,1.5,0,1,0-2.934.627Z" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <line x1="17.773" y1="18" x2="13.416" y2="18" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                            <circle cx="11.914" cy="3.375" r="2.625" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></circle>
                            <path d="M6.881,6.646a11.254,11.254,0,0,1-2.17-1.419,1.5,1.5,0,0,0-1.922,2.3A14.229,14.229,0,0,0,8.913,10.5v3" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;">
                            </path>
                            <path d="M14.913,13.5v-3a14.277,14.277,0,0,0,5.9-2.789A1.5,1.5,0,0,0,18.941,5.37a11.391,11.391,0,0,1-2,1.282" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;">
                            </path>
                            <circle cx="11.912" cy="11.25" r="1.5" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></circle>
                            <polyline points="9.662 7.5 11.912 9.75 14.162 7.5" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></polyline>
                          </svg>
                        </div>
                      </div>
                      <div class="label-container">
                        <div class="label">Über 4 Jahre</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="id-b533a1ee" name="absage" data-type="user" data-header="header" data-footer="footer">
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-e22256d5">
        <div class="rich-text" style="padding-top:40px; ">
          <p><br></p>
          <h3><span style="color: black"><strong>Leider entsprechen Deine Angaben nicht unserem Anforderungsprofil.</strong></span></h3>
          <h4><br></h4>
          <h4><span style="color: black">Falls Du jemanden kennst, für den diese Stelle interessant sein könnte, dann würden wir uns freuen, wenn Du ihm von uns erzählst, damit er sich bei uns bewerben kann.</span></h4>
        </div>
      </div>
    </div>
  </section>
  <section id="id-8428d6ec" name="erfahrungen" data-type="user" data-header="header" data-footer="footer">
    <div class="block  " style=" " data-blocktype="progress">
      <div class="block-content progress-block inner-narrow progress-items-rect" id="id-6b931d2f">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-e96e6754">
        <div class="rich-text" style="padding-top:40px; padding-bottom:20px; ">
          <h3><span style="color: black">Hast du </span><span style="color: black"><strong>Erfahrung/ Kenntnisse </strong></span><span style="color: black">in folgenden Bereichen?</span></h3>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="multiple-choice">
      <div class="block-content multiple-choice-block inner-narrow" id="multiple-choice-block-id-d7246f28" data-align-siblings="" data-multiselect="">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <div class="multiple-choice-label" style="justify-content:center;">
            <label class="block-label">Bitte wähle eine oder mehrere Optionen aus:</label>
          </div>
          <div class="multiple-choice mc-list">
            <div class="multiple-choice-inner" style="justify-content:center;">
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="false">
                  <label>
                    <div class="option-counter">1</div>
                    <input type="checkbox" id="id-a7b9f6d1" data-tracking="false" data-event-name="" data-type="multiple-choice" data-label="Hast du Erfahrung/ Kenntnisse in folgenden Bereichen?" name="id-d7246f28" data-variable="Erfahrungen"
                      value="id-a7b9f6d1" data-answer="...Erfahrung im Kundenkontakt" required="" data-destination="next" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container checkbox-selector">
                        <span class="checkbox ">
                          <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                            <rect width="256" height="256" fill="none"></rect>
                            <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                          </svg> </span>
                      </div>
                      <div class="label-container">
                        <div class="label">...Erfahrung im Kundenkontakt</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="false">
                  <label>
                    <div class="option-counter">2</div>
                    <input type="checkbox" id="option-n8SnxmQIBPrfKyA23d2hC" data-tracking="false" data-event-name="" data-type="multiple-choice" data-label="Hast du Erfahrung/ Kenntnisse in folgenden Bereichen?" name="id-d7246f28"
                      data-variable="Erfahrungen" value="option-n8SnxmQIBPrfKyA23d2hC" data-answer="...Erfahrung im  Metallbau" required="" data-destination="next" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container checkbox-selector">
                        <span class="checkbox ">
                          <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                            <rect width="256" height="256" fill="none"></rect>
                            <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                          </svg> </span>
                      </div>
                      <div class="label-container">
                        <div class="label">...Erfahrung im Metallbau</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="false">
                  <label>
                    <div class="option-counter">3</div>
                    <input type="checkbox" id="option-Jsw1FrE5T-Xn81SvzUu4Z" data-tracking="false" data-event-name="" data-type="multiple-choice" data-label="Hast du Erfahrung/ Kenntnisse in folgenden Bereichen?" name="id-d7246f28"
                      data-variable="Erfahrungen" value="option-Jsw1FrE5T-Xn81SvzUu4Z" data-answer="...Erfahrung mit Baumaschinen" required="" data-destination="next" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container checkbox-selector">
                        <span class="checkbox ">
                          <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                            <rect width="256" height="256" fill="none"></rect>
                            <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                          </svg> </span>
                      </div>
                      <div class="label-container">
                        <div class="label">...Erfahrung mit Baumaschinen</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="false">
                  <label>
                    <div class="option-counter">4</div>
                    <input type="checkbox" id="option-NVYk7JBm2HJHttjXjp_tK" data-tracking="false" data-event-name="" data-type="multiple-choice" data-label="Hast du Erfahrung/ Kenntnisse in folgenden Bereichen?" name="id-d7246f28"
                      data-variable="Erfahrungen" value="option-NVYk7JBm2HJHttjXjp_tK" data-answer="...Erfahrung mit Nutzfahrzeugen" required="" data-destination="next" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container checkbox-selector">
                        <span class="checkbox ">
                          <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                            <rect width="256" height="256" fill="none"></rect>
                            <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                          </svg> </span>
                      </div>
                      <div class="label-container">
                        <div class="label">...Erfahrung mit Nutzfahrzeugen</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option multiple-choice-option-is-input" hey-nextscreen="" hey-important="" hey-autoredirect="false">
                  <label>
                    <div class="option-counter">5</div>
                    <input type="checkbox" id="option-64X06_2C_Hj72Au2KIRuZ" data-tracking="false" data-event-name="" data-type="multiple-choice" data-label="Hast du Erfahrung/ Kenntnisse in folgenden Bereichen?" name="id-d7246f28"
                      data-variable="Erfahrungen" value="option-64X06_2C_Hj72Au2KIRuZ" data-answer="weitere Kenntnisse/Erfahrungen" required="" data-destination="next" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container checkbox-selector">
                        <span class="checkbox ">
                          <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                            <rect width="256" height="256" fill="none"></rect>
                            <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                          </svg> </span>
                      </div>
                      <div class="input-container">
                        <div class="input">
                          <input onfocus="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].flowQuery('#option-64X06_2C_Hj72Au2KIRuZ').checked = true;"
                            class="multiple-choice-option-input" type="text" data-related-element="option-64X06_2C_Hj72Au2KIRuZ" id="option-64X06_2C_Hj72Au2KIRuZ-input" data-type="input" name="option-64X06_2C_Hj72Au2KIRuZ-input"
                            placeholder="weitere Kenntnisse/Erfahrungen" data-label="Hast du Erfahrung/ Kenntnisse in folgenden Bereichen? [weitere Kenntnisse/Erfahrungen]">
                        </div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="generic-button">
      <div class="block-content generic-button-block inner-narrow" id="generic-button-block-id-20bf51fb">
        <div style="padding-top:0px; padding-bottom:20px; ">
          <button id="id-20bf51fb" class="generic-button continue medium"
            onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].buttonClick(this, 'next', 'id-0d2d31f1', '{&quot;containerClass&quot;:&quot;inner-narrow&quot;,&quot;destination&quot;:&quot;id-0d2d31f1&quot;,&quot;label&quot;:&quot;Weiter&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;type&quot;:&quot;generic-button&quot;,&quot;tracking&quot;:true,&quot;paddingBottom&quot;:20,&quot;name&quot;:&quot;button-continue&quot;,&quot;contentClass&quot;:&quot;align-space-between&quot;,&quot;action&quot;:&quot;next&quot;,&quot;id&quot;:&quot;id-20bf51fb&quot;,&quot;paddingTop&quot;:&quot;0&quot;,&quot;class&quot;:&quot;continue&amp;nbsp;medium&quot;}')">
            <div class="status-indicator">
              <div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg></div>
              <div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
                  </line>
                  <line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                </svg></div>
              <div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"
                  xml:space="preserve">
                  <path opacity="0.3" fill="currentColor"
                    d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                  </path>
                  <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
                    <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
                  </path>
                </svg></div>
            </div>
            <div class="content align-space-between">
              <div class="label-container ">
                <span class="label">Weiter</span>
              </div>
              <span class="graphic">
                <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                  <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg>
              </span>
            </div>
          </button>
        </div>
      </div>
    </div>
  </section>
  <section id="id-ea897bc0" name="wochenendarbeit" data-type="user" data-header="header" data-footer="footer">
    <div class="block  " style=" " data-blocktype="progress">
      <div class="block-content progress-block inner-narrow progress-items-rect" id="id-85c2443a">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-436dcf65">
        <div class="rich-text" style="padding-top:40px; padding-bottom:20px; ">
          <h4><span style="color: var(--off-black)">Du wirst regelmässig am Wochenende und bis spätabends arbeiten.</span></h4>
          <h3><span style="color: var(--off-black)"><strong>Bist du dazu bereit</strong></span><span style="color: var(--off-black)">?</span></h3>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="multiple-choice">
      <div class="block-content multiple-choice-block inner-mid" id="multiple-choice-block-id-40af3028" data-align-siblings="false">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <div class="multiple-choice-label" style="justify-content:center;">
            <label class="block-label">Bitte wähle eine Option</label>
          </div>
          <div class="multiple-choice mc-smart-flex picture">
            <div class="multiple-choice-inner" style="">
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-1d2720c9" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">1</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-1d2720c9');" type="radio" id="id-13c8d4b3" data-tracking="true"
                      data-event-name="" data-type="multiple-choice" data-label="Du wirst regelmässig am Wochenende und bis spätabends arbeiten. Bist du dazu bereit?" name="id-40af3028" data-variable="" value="id-13c8d4b3" data-conditional="true"
                      data-answer="Ja" data-destination="id-1d2720c9" data-priority="0">
                    <div class="option-content picture">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="image-container">
                        <div class="emoji">👍</div>
                      </div>
                      <div class="label-container">
                        <div class="label">Ja</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-b533a1ee" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">2</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-b533a1ee');" type="radio" id="id-a12781b3" data-tracking="true"
                      data-event-name="" data-type="multiple-choice" data-label="Du wirst regelmässig am Wochenende und bis spätabends arbeiten. Bist du dazu bereit?" name="id-40af3028" data-variable="" value="id-a12781b3" data-conditional="true"
                      data-answer="Nein " data-destination="id-b533a1ee" data-priority="0">
                    <div class="option-content picture">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="image-container">
                        <div class="emoji">👎</div>
                      </div>
                      <div class="label-container">
                        <div class="label">Nein </div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="id-1d2720c9" name="deutsch" data-type="user" data-header="header" data-footer="footer">
    <div class="block  " style=" " data-blocktype="progress">
      <div class="block-content progress-block inner-narrow progress-items-rect" id="id-0ae62663">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-108b18fe">
        <div class="rich-text" style="padding-top:40px; padding-bottom:20px; ">
          <h3><span style="color: black">Wie gut sind deine </span><span style="color: black"><strong>Deutschkenntnisse ? </strong></span><span style="color: black">(Wort und Schrift)</span></h3>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="multiple-choice">
      <div class="block-content multiple-choice-block inner-narrow" id="multiple-choice-block-id-02dd41a9" data-align-siblings="">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <div class="multiple-choice-label" style="justify-content:center;">
            <label class="block-label">Bitte wähle eine Option</label>
          </div>
          <div class="multiple-choice mc-list">
            <div class="multiple-choice-inner" style="justify-content:center;">
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-b533a1ee" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">1</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-b533a1ee');" type="radio" id="id-9d88b3d8" data-tracking="false"
                      data-event-name="" data-type="multiple-choice" data-label="Wie gut sind deine Deutschkenntnisse ? (Wort und Schrift)" name="id-02dd41a9" data-variable="" value="id-9d88b3d8" data-conditional="true"
                      data-answer="Deutsch - Grundkenntnisse " required="" data-destination="id-b533a1ee" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="label-container">
                        <div class="label">Deutsch - Grundkenntnisse </div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-1691c1e5" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">2</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-1691c1e5');" type="radio" id="id-85c8af22" data-tracking="false"
                      data-event-name="" data-type="multiple-choice" data-label="Wie gut sind deine Deutschkenntnisse ? (Wort und Schrift)" name="id-02dd41a9" data-variable="" value="id-85c8af22" data-conditional="true"
                      data-answer="Deutsch - Fortgeschritten" required="" data-destination="id-1691c1e5" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="label-container">
                        <div class="label">Deutsch - Fortgeschritten</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-1691c1e5" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">3</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-1691c1e5');" type="radio" id="id-47cd834d" data-tracking="false"
                      data-event-name="" data-type="multiple-choice" data-label="Wie gut sind deine Deutschkenntnisse ? (Wort und Schrift)" name="id-02dd41a9" data-variable="" value="id-47cd834d" data-conditional="true"
                      data-answer="Deutsch - Muttersprache" required="" data-destination="id-1691c1e5" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="label-container">
                        <div class="label">Deutsch - Muttersprache</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="id-1691c1e5" name="englisch" data-type="user" data-header="header" data-footer="footer">
    <div class="block  " style=" " data-blocktype="progress">
      <div class="block-content progress-block inner-narrow progress-items-rect" id="id-2c5c3ed6">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item"></span>
          <span class="progress-item"></span>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-8c07afe5">
        <div class="rich-text" style="padding-top:40px; padding-bottom:20px; ">
          <h3><span style="color: black">Wie gut sind deine </span><span style="color: black"><strong>Englischkenntnisse</strong></span><span style="color: black"> (Wort und Schrift)</span></h3>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="multiple-choice">
      <div class="block-content multiple-choice-block inner-narrow" id="multiple-choice-block-id-96e7ddad" data-align-siblings="" data-multiselect="">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <div class="multiple-choice-label" style="justify-content:center;">
            <label class="block-label">Bitte wähle eine Option</label>
          </div>
          <div class="multiple-choice mc-list">
            <div class="multiple-choice-inner" style="justify-content:center;">
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-0d2d31f1" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">1</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-0d2d31f1');" type="checkbox" id="option-UH0B4Y8d0RjR7GUciLFCC"
                      data-tracking="false" data-event-name="" data-type="multiple-choice" data-label="Wie gut sind deine Englischkenntnisse (Wort und Schrift)" name="id-96e7ddad" data-variable="" value="option-UH0B4Y8d0RjR7GUciLFCC"
                      data-conditional="true" data-answer="Englisch Grundkenntnisse " required="" data-destination="id-0d2d31f1" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container checkbox-selector">
                        <span class="checkbox ">
                          <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                            <rect width="256" height="256" fill="none"></rect>
                            <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                          </svg> </span>
                      </div>
                      <div class="label-container">
                        <div class="label">Englisch Grundkenntnisse </div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-0d2d31f1" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">2</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-0d2d31f1');" type="checkbox" id="option-EiOQKSp59Wfy7M-_iyOPB"
                      data-tracking="false" data-event-name="" data-type="multiple-choice" data-label="Wie gut sind deine Englischkenntnisse (Wort und Schrift)" name="id-96e7ddad" data-variable="" value="option-EiOQKSp59Wfy7M-_iyOPB"
                      data-conditional="true" data-answer="Englisch Fortgeschritten " required="" data-destination="id-0d2d31f1" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container checkbox-selector">
                        <span class="checkbox ">
                          <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                            <rect width="256" height="256" fill="none"></rect>
                            <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                          </svg> </span>
                      </div>
                      <div class="label-container">
                        <div class="label">Englisch Fortgeschritten </div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-0d2d31f1" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">3</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-0d2d31f1');" type="checkbox" id="option-L1pei0JBRkqWpSPFxX1tw"
                      data-tracking="false" data-event-name="" data-type="multiple-choice" data-label="Wie gut sind deine Englischkenntnisse (Wort und Schrift)" name="id-96e7ddad" data-variable="" value="option-L1pei0JBRkqWpSPFxX1tw"
                      data-conditional="true" data-answer="Englisch Muttersprache " required="" data-destination="id-0d2d31f1" data-priority="0">
                    <div class="option-content ">
                      <div class="selector-container checkbox-selector">
                        <span class="checkbox ">
                          <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                            <rect width="256" height="256" fill="none"></rect>
                            <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                          </svg> </span>
                      </div>
                      <div class="label-container">
                        <div class="label">Englisch Muttersprache </div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="id-0d2d31f1" name="wechselgrund" data-type="user" data-header="header" data-footer="footer">
    <div class="block  " style=" " data-blocktype="progress">
      <div class="block-content progress-block inner-narrow progress-items-rect" id="id-4c4b3259">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item"></span>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-df4fea78">
        <div class="rich-text" style="padding-top:40px; padding-bottom:20px; ">
          <h3><span style="color: var(--off-black)">Was ist dir bei deinem neuen Job </span><span style="color: var(--off-black)"><strong>besonders wichtig?</strong></span></h3>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="multiple-choice">
      <div class="block-content multiple-choice-block inner-mid" id="multiple-choice-block-id-b663050b" data-align-siblings="false">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <div class="multiple-choice-label" style="justify-content:center;">
            <label class="block-label">Bitte wähle eine Option</label>
          </div>
          <div class="multiple-choice mc-smart-flex picture">
            <div class="multiple-choice-inner" style="">
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-1587ba25" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">1</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-1587ba25');" type="radio" id="id-bd0902f9" data-tracking="false"
                      data-event-name="" data-type="multiple-choice" data-label="Was ist dir bei deinem neuen Job besonders wichtig?" name="id-b663050b" data-variable="" value="id-bd0902f9" data-conditional="true" data-answer="Bessere Bezahlung"
                      data-destination="id-1587ba25" data-priority="0">
                    <div class="option-content picture">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="image-container">
                        <div class="svg-container">
                          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <defs></defs>
                            <title>database-cash</title>
                            <path d="M12,9.751C5.787,9.751.75,7.736.75,5.251S5.787.751,12,.751s11.25,2.014,11.25,4.5c0,1.182-1.14,2.258-3,3.061"
                              style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <line x1="23.25" y1="9.751" x2="23.25" y2="5.251" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                            <path d="M.75,5.251v6c0,1.96,3.132,3.627,7.5,4.244" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <path d="M.75,11.251v6c0,2.065,3.479,3.806,8.221,4.335" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <path d="M18.75,14.251H16.717a1.342,1.342,0,0,0-.5,2.587l2.064.825a1.342,1.342,0,0,1-.5,2.588H15.75" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <line x1="17.25" y1="14.251" x2="17.25" y2="13.501" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                            <line x1="17.25" y1="21.001" x2="17.25" y2="20.251" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                            <circle cx="17.25" cy="17.251" r="6" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></circle>
                          </svg>
                        </div>
                      </div>
                      <div class="label-container">
                        <div class="label">Bessere Bezahlung</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-1587ba25" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">2</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-1587ba25');" type="radio" id="id-9b270aba" data-tracking="false"
                      data-event-name="" data-type="multiple-choice" data-label="Was ist dir bei deinem neuen Job besonders wichtig?" name="id-b663050b" data-variable="" value="id-9b270aba" data-conditional="true" data-answer="Mehr Freizeit"
                      data-destination="id-1587ba25" data-priority="0">
                    <div class="option-content picture">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="image-container">
                        <div class="svg-container">
                          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <defs></defs>
                            <title>time-clock-hand</title>
                            <circle cx="16.5" cy="6.75" r="6" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></circle>
                            <polyline points="16.5 5.016 16.5 7.078 18.422 9" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></polyline>
                            <line x1="1.5" y1="14.25" x2="1.5" y2="23.25" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                            <path d="M1.5,21.75H18a3,3,0,0,0-3-3H11.25a3,3,0,0,0-3-3H1.5" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <line x1="7.5" y1="18.75" x2="11.25" y2="18.75" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></line>
                          </svg>
                        </div>
                      </div>
                      <div class="label-container">
                        <div class="label">Mehr Freizeit</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-1587ba25" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">3</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-1587ba25');" type="radio" id="id-3f62913c" data-tracking="false"
                      data-event-name="" data-type="multiple-choice" data-label="Was ist dir bei deinem neuen Job besonders wichtig?" name="id-b663050b" data-variable="" value="id-3f62913c" data-conditional="true" data-answer="Spannendere Projekte"
                      data-destination="id-1587ba25" data-priority="0">
                    <div class="option-content picture">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="image-container">
                        <div class="svg-container">
                          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <defs></defs>
                            <title>space-rocket-earth</title>
                            <path d="M5.33,17.848A9.545,9.545,0,0,1,16.466,2.488" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <path d="M1.982,17.78C.769,19.905.363,21.554,1.048,22.24c1.04,1.039,4.294-.43,8.062-3.418" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <path d="M13.423,18.067l-3.58-3.58L17.8,6.53A5.054,5.054,0,0,1,20.153,5.2L22.2,4.686a.844.844,0,0,1,1.023,1.023l-.512,2.048a5.059,5.059,0,0,1-1.332,2.352Z"
                              style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <path d="M9.843,14.487,6.911,13.51a.422.422,0,0,1-.165-.7l1.022-1.022a3.383,3.383,0,0,1,3.462-.817l1.6.532Z" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;">
                            </path>
                            <path d="M13.423,18.067,14.4,21a.422.422,0,0,0,.7.165l1.022-1.022a3.383,3.383,0,0,0,.817-3.462l-.532-1.6Z" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;">
                            </path>
                          </svg>
                        </div>
                      </div>
                      <div class="label-container">
                        <div class="label">Spannendere Projekte</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-1587ba25" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">4</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-1587ba25');" type="radio" id="id-795eef78" data-tracking="false"
                      data-event-name="" data-type="multiple-choice" data-label="Was ist dir bei deinem neuen Job besonders wichtig?" name="id-b663050b" data-variable="" value="id-795eef78" data-conditional="true" data-answer="Besseres Arbeitsklima"
                      data-destination="id-1587ba25" data-priority="0">
                    <div class="option-content picture">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="image-container">
                        <div class="svg-container">
                          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <defs></defs>
                            <title>single-woman-actions-check-1</title>
                            <circle cx="17.25" cy="17.247" r="6" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></circle>
                            <path d="M19.924,15.5l-2.905,3.874a.751.751,0,0,1-1.131.08l-1.5-1.5" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <path d="M3.376,4.989v1a5.906,5.906,0,0,1-.859,3.272" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <path d="M11.623,4.989v1a5.905,5.905,0,0,0,.86,3.272" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <path d="M3.388,5.207A5.486,5.486,0,0,0,7.5,3.308a5.486,5.486,0,0,0,4.112,1.9" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                            <circle cx="7.5" cy="4.878" r="4.125" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></circle>
                            <path d="M.75,17.253a6.753,6.753,0,0,1,9.4-6.208" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                          </svg>
                        </div>
                      </div>
                      <div class="label-container">
                        <div class="label">Besseres Arbeitsklima</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="id-1587ba25" name="hast-du-einen-cv" data-type="user" data-header="header" data-footer="footer">
    <div class="block  " style=" " data-blocktype="progress">
      <div class="block-content progress-block inner-narrow progress-items-rect" id="id-27fceabd">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
          <span class="progress-item filled"></span>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-f343053c">
        <div class="rich-text" style="padding-top:40px; padding-bottom:20px; ">
          <h3><span style="color: var(--off-black)">Hast du einen </span><span style="color: var(--off-black)"><strong>Lebenslauf,</strong></span><span style="color: var(--off-black)"> den du anschliessend hochladen kannst?</span></h3>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="multiple-choice">
      <div class="block-content multiple-choice-block inner-mid" id="multiple-choice-block-id-d6d9dca4" data-align-siblings="false">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <div class="multiple-choice-label" style="justify-content:center;">
            <label class="block-label">Bitte wähle eine Option</label>
          </div>
          <div class="multiple-choice mc-smart-flex picture">
            <div class="multiple-choice-inner" style="">
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">1</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('next','');" type="radio" id="id-a79e873d" data-tracking="true"
                      data-event-name="" data-type="multiple-choice" data-label="Hast du einen Lebenslauf, den du anschliessend hochladen kannst?" name="id-d6d9dca4" data-variable="" value="id-a79e873d" data-conditional="true" data-answer="Ja, klar!"
                      data-destination="next" data-priority="0">
                    <div class="option-content picture">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="image-container">
                        <div class="emoji">👍</div>
                      </div>
                      <div class="label-container">
                        <div class="label">Ja, klar!</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
              <div class="multiple-choice-option-container">
                <div class="multiple-choice-option " hey-nextscreen="id-77251d59" hey-important="" hey-autoredirect="true">
                  <label>
                    <div class="option-counter">2</div>
                    <input onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].navigation.navigate('go','id-77251d59');" type="radio" id="id-e7600bc6" data-tracking="true"
                      data-event-name="" data-type="multiple-choice" data-label="Hast du einen Lebenslauf, den du anschliessend hochladen kannst?" name="id-d6d9dca4" data-variable="" value="id-e7600bc6" data-conditional="true"
                      data-answer="Gerade nicht..." data-destination="id-77251d59" data-priority="0">
                    <div class="option-content picture">
                      <div class="selector-container radio-selector">
                        <span class="radio "></span>
                      </div>
                      <div class="image-container">
                        <div class="emoji">👎</div>
                      </div>
                      <div class="label-container">
                        <div class="label">Gerade nicht...</div>
                      </div>
                    </div>
                    <div></div>
                  </label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="id-cb685612" name="cv" data-type="user" data-header="header" data-footer="footer">
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-da73bd33">
        <div class="rich-text" style="padding-top:40px; padding-bottom:20px; ">
          <h2><span style="color: var(--off-black)">Grossartig!</span></h2>
          <h2><span style="color: var(--off-black)">🤩&nbsp;</span></h2>
          <h3><span style="color: var(--off-black)">Einfach die Datei hier platzieren und "weiter" klicken</span></h3>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="upload">
      <div class="block-content upload-block inner-narrow" id="id-aa7e96ee" data-label="Lebenslauf">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <input data-type="upload" type="file" name="id-aa7e96ee" accept="image/png, image/jpeg, application/pdf">
          <div class="upload-button">
            <div class="upload-button-icon">
              <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                <rect width="256" height="256" fill="none"></rect>
                <path d="M200,224.00005H55.99219a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8L152,32l56,56v128A8,8,0,0,1,200,224.00005Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16">
                </path>
                <polyline points="152 32 152 88 208.008 88" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline>
                <polyline points="100 148 128 120 156 148" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline>
                <line x1="128" y1="184" x2="128" y2="120" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16">
                </line>
              </svg>
            </div>
            <div class="upload-button-label">Platziere deine Datei hier oder klicke</div>
            <div class="upload-button-supports">Akzeptiert png, jpeg, pdf</div>
            <div class="upload-progress-indicator"></div>
          </div>
          <div class="upload-elements-list"></div>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="generic-button">
      <div class="block-content generic-button-block inner-narrow" id="generic-button-block-id-784a80c5">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <button id="id-784a80c5" class="generic-button continue medium"
            onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].buttonClick(this, 'next', '', '{&quot;redirectURL&quot;:&quot;https://heyflow.app&quot;,&quot;containerClass&quot;:&quot;inner-narrow&quot;,&quot;label&quot;:&quot;Weiter&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;type&quot;:&quot;generic-button&quot;,&quot;tracking&quot;:true,&quot;target&quot;:&quot;_self&quot;,&quot;paddingBottom&quot;:20,&quot;name&quot;:&quot;button-continue&quot;,&quot;contentClass&quot;:&quot;align-space-between&quot;,&quot;action&quot;:&quot;next&quot;,&quot;id&quot;:&quot;id-784a80c5&quot;,&quot;paddingTop&quot;:20,&quot;class&quot;:&quot;continue&amp;nbsp;medium&quot;}')">
            <div class="status-indicator">
              <div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg></div>
              <div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
                  </line>
                  <line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                </svg></div>
              <div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"
                  xml:space="preserve">
                  <path opacity="0.3" fill="currentColor"
                    d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                  </path>
                  <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
                    <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
                  </path>
                </svg></div>
            </div>
            <div class="content align-space-between">
              <div class="label-container ">
                <span class="label">Weiter</span>
              </div>
              <span class="graphic">
                <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                  <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg>
              </span>
            </div>
          </button>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="generic-button">
      <div class="block-content generic-button-block inner-narrow" id="generic-button-block-id-741593eb">
        <div style="padding-bottom:20px; ">
          <button id="id-741593eb" class="generic-button continue medium"
            onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].buttonClick(this, 'next', '', '{&quot;redirectURL&quot;:&quot;https://heyflow.app&quot;,&quot;containerClass&quot;:&quot;inner-narrow&quot;,&quot;label&quot;:&quot;Erstmal&amp;nbsp;ohne&amp;nbsp;Lebenslauf&amp;nbsp;fortsetzen&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;type&quot;:&quot;generic-button&quot;,&quot;tracking&quot;:true,&quot;target&quot;:&quot;_self&quot;,&quot;paddingBottom&quot;:20,&quot;name&quot;:&quot;button-continue&quot;,&quot;contentClass&quot;:&quot;align-space-between&quot;,&quot;action&quot;:&quot;next&quot;,&quot;id&quot;:&quot;id-741593eb&quot;,&quot;paddingTop&quot;:0,&quot;class&quot;:&quot;continue&amp;nbsp;medium&quot;}')">
            <div class="status-indicator">
              <div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg></div>
              <div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
                  </line>
                  <line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                </svg></div>
              <div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"
                  xml:space="preserve">
                  <path opacity="0.3" fill="currentColor"
                    d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                  </path>
                  <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
                    <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
                  </path>
                </svg></div>
            </div>
            <div class="content align-space-between">
              <div class="label-container ">
                <span class="label">Erstmal ohne Lebenslauf fortsetzen</span>
              </div>
              <span class="graphic">
                <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                  <rect width="256" height="256" fill="none"></rect>
                  <line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                  <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                </svg>
              </span>
            </div>
          </button>
        </div>
      </div>
    </div>
  </section>
  <section id="id-77251d59" name="ladescreen" data-type="user" data-header="header" data-footer="footer">
    <div class="block  " style=" " data-blocktype="loader">
      <div style="" class="block-content loader-block center inner-narrow" id="loader-block-loader-bc4df75f" data-id="loader-bc4df75f" data-timeout="2000" data-action="next"
        data-options="{&quot;paddingBottom&quot;:20,&quot;redirectURL&quot;:&quot;https://heyflow.app/&quot;,&quot;name&quot;:&quot;loader&quot;,&quot;action&quot;:&quot;next&quot;,&quot;disabled&quot;:false,&quot;id&quot;:&quot;loader-bc4df75f&quot;,&quot;paddingTop&quot;:20,&quot;type&quot;:&quot;loader&quot;,&quot;class&quot;:&quot;center&amp;nbsp;inner-narrow&quot;,&quot;timeout&quot;:2000,&quot;target&quot;:&quot;_self&quot;}">
        <div style="padding-top:20px; padding-bottom:20px; ">
          <div id="loader-bc4df75f" class="circle-loader">
            <div class="circle-loader-checkmark draw"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-2b8edac5">
        <div class="rich-text" style="padding-top:40px; padding-bottom:20px; ">
          <h3>Deine Daten werden geprüft...</h3>
        </div>
      </div>
    </div>
  </section>
  <section id="id-4782df91" name="kontakt" data-type="user" data-header="header" data-footer="footer">
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block inner-mid align-center" id="text-block-id-2fe7ff0c">
        <div class="rich-text" style="padding-top:36px; padding-bottom:0px; ">
          <h3><span style="color: var(--primary)"><strong>Grossartig, wir würden dich gerne näher kennenlernen!</strong></span></h3>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-b88bf7a4">
        <div class="rich-text" style="padding-top:20px; padding-bottom:20px; ">
          <h1>🤩</h1>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-2dcbd485">
        <div class="rich-text" style="padding-top:2px; padding-bottom:24px; ">
          <p><strong>Bitte füll noch das kurze Formular aus, damit wir dich kontaktieren können.</strong></p>
        </div>
      </div>
    </div>
    <div class="block  " style=" background-color:none;" data-blocktype="elements-v2">
      <div class="block-content elements-container elements-v2-container inner-full" data-type="nested-blocks">
        <div class="inner-mid container-style-plain" style="">
          <div class="elements-container-inner inner-narrow" style="justify-content:normal; flex-direction:column; align-items:stretch;margin-left:auto;margin-right:auto;">
            <div class="block  " style=" " data-blocktype="input">
              <div class="block-content input-box input-block inner-narrow show-error-on-nav" id="id-1e4b6939-container">
                <div style="padding-top:20px; padding-bottom:6px; ">
                  <div class="input  has-prefix">
                    <div class="input-inner">
                      <div class="input-decorator input-prefix input-prefix-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                          <defs></defs>
                          <title>people-man-1</title>
                          <circle cx="12" cy="6" r="5.25" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></circle>
                          <path d="M7.476,3.334A8.711,8.711,0,0,0,13.75,6,8.709,8.709,0,0,0,17.2,5.289" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                          <path d="M2.25,23.25a9.75,9.75,0,0,1,19.5,0" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                          <path d="M8.25,14.249V15a3.75,3.75,0,0,0,7.5,0v-.751" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px;"></path>
                        </svg></div>
                      <div style="flex:1;position:relative;">
                        <input type="text" id="id-1e4b6939" data-type="input" data-label="Name" data-variable="name" data-mask="" name="id-1e4b6939" placeholder="Vorname und Nachname" pattern="" maxlength="" data-trim="" required="required"
                          autofocus="" autocomplete="off" class="">
                        <div class="input-floating-label"><span></span></div>
                      </div>
                      <div class="status-indicator">
                        <div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" viewBox="0 0 256 256">
                            <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"></path>
                          </svg></div>
                        <div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" viewBox="0 0 256 256">
                            <path
                              d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z">
                            </path>
                          </svg></div>
                        <div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"
                            xml:space="preserve">
                            <path opacity="0.3" fill="currentColor"
                              d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                            </path>
                            <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
                              <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
                            </path>
                          </svg></div>
                      </div>
                    </div>
                    <datalist id="datalist-id-1e4b6939">
                      <option>Option 1</option>
                      <option>Option 2</option>
                    </datalist>
                    <div class="error-box">
                      <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                        <rect width="256" height="256" fill="none"></rect>
                        <line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
                        </line>
                        <line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                      </svg> <span class="text">Bitte gib deinen vollständigen Namen ein</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="block  " style=" " data-blocktype="input">
              <div class="block-content input-box input-block inner-narrow show-error-on-nav with-floating-label floating-label-inline" id="id-71f2fd17-container">
                <div style="padding-top:5px; padding-bottom:5px; ">
                  <label for="id-71f2fd17">E-Mail-Adresse</label>
                  <div class="input  has-prefix">
                    <div class="input-inner">
                      <div class="input-decorator input-prefix input-prefix-svg"><svg id="Raw" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
                          <rect width="256" height="256" fill="none"></rect>
                          <polyline points="224 56 128 144 32 56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline>
                          <path d="M32,56H224a0,0,0,0,1,0,0V192a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V56A0,0,0,0,1,32,56Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path>
                          <line x1="110.54541" y1="128.00013" x2="34.4668" y2="197.73926" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line>
                          <line x1="221.53418" y1="197.73926" x2="145.45424" y2="127.99964" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line>
                        </svg></div>
                      <div style="flex:1;position:relative;">
                        <input type="text" id="id-71f2fd17" data-type="input" data-label="E-Mail-Adresse" data-variable="email" data-mask="" name="id-71f2fd17" placeholder="adresse@mail.de" pattern="^\S+@\S+\.\S+$" maxlength="" data-trim=""
                          required="required" autocomplete="email" class="">
                        <div class="input-floating-label"><span>E-Mail-Adresse</span></div>
                      </div>
                      <div class="status-indicator">
                        <div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" viewBox="0 0 256 256">
                            <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"></path>
                          </svg></div>
                        <div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" viewBox="0 0 256 256">
                            <path
                              d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z">
                            </path>
                          </svg></div>
                        <div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"
                            xml:space="preserve">
                            <path opacity="0.3" fill="currentColor"
                              d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                            </path>
                            <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
                              <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
                            </path>
                          </svg></div>
                      </div>
                    </div>
                    <datalist id="datalist-id-71f2fd17">
                      <option>Option 1</option>
                      <option>Option 2</option>
                    </datalist>
                    <div class="error-box">
                      <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                        <rect width="256" height="256" fill="none"></rect>
                        <line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
                        </line>
                        <line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                      </svg> <span class="text">Bitte gib eine gültige E-Mail-Adresse ein</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="block  " style=" " data-blocktype="input">
              <div class="block-content input-box input-block inner-narrow show-error-on-nav with-floating-label floating-label-inline" id="id-9ea44563-container">
                <div style="padding-top:5px; padding-bottom:5px; ">
                  <label for="id-9ea44563">Telefonnummer</label>
                  <div class="input  has-prefix">
                    <div class="input-inner">
                      <div class="input-decorator input-prefix input-prefix-svg"><svg id="Raw" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
                          <rect width="256" height="256" fill="none"></rect>
                          <path
                            d="M92.47629,124.81528a84.34782,84.34782,0,0,0,39.05334,38.8759,7.92754,7.92754,0,0,0,7.8287-.59231L164.394,146.40453a8,8,0,0,1,7.58966-.69723l46.837,20.073A7.97345,7.97345,0,0,1,223.619,174.077,48.00882,48.00882,0,0,1,176,216,136,136,0,0,1,40,80,48.00882,48.00882,0,0,1,81.923,32.381a7.97345,7.97345,0,0,1,8.29668,4.79823L110.31019,84.0571a8,8,0,0,1-.65931,7.53226L93.01449,117.00909A7.9287,7.9287,0,0,0,92.47629,124.81528Z"
                            fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path>
                        </svg></div>
                      <div style="flex:1;position:relative;">
                        <input type="tel" id="id-9ea44563" data-type="input" data-label="Telefonnummer" data-variable="" data-mask="" name="id-9ea44563" placeholder="0172 12 34 56" pattern="" maxlength="" data-trim="" required="required"
                          autocomplete="tel" class="">
                        <div class="input-floating-label"><span>Telefonnummer</span></div>
                      </div>
                      <div class="status-indicator">
                        <div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" viewBox="0 0 256 256">
                            <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"></path>
                          </svg></div>
                        <div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" viewBox="0 0 256 256">
                            <path
                              d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z">
                            </path>
                          </svg></div>
                        <div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"
                            xml:space="preserve">
                            <path opacity="0.3" fill="currentColor"
                              d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                            </path>
                            <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
                              <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
                            </path>
                          </svg></div>
                      </div>
                    </div>
                    <datalist id="datalist-id-9ea44563">
                      <option>Option 1</option>
                      <option>Option 2</option>
                    </datalist>
                    <div class="error-box">
                      <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                        <rect width="256" height="256" fill="none"></rect>
                        <line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
                        </line>
                        <line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                      </svg> <span class="text">Please enter a valid phone number</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="block  " style=" background-color:#ffffff;" data-blocktype="simple-checkbox-v2">
              <div class="block-content simple-checkbox simple-checkbox-block inner-narrow" id="simple-checkbox-block-id-1b0fe554">
                <div style="padding-top:5px; padding-bottom:5px; ">
                  <label for="id-1b0fe554">
                    <input type="checkbox" hey-type="simple-checkbox" data-type="simple-checkbox" id="id-1b0fe554" name="id-1b0fe554" data-label="Nutzerzustimmung" data-answer="✔" value="✔">
                    <div class="simple-checkbox-content" style="display:flex;">
                      <span class="checkbox">
                        <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                          <rect width="256" height="256" fill="none"></rect>
                          <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                        </svg> </span>
                      <div class="label-container">
                        <span class="simple-checkbox-text rich-text">
                          <p>Ich bin mit der <a target="_blank" href="https://www.zsg.ch/de/datenschutz">Datenschutzerklärung</a> einverstanden.</p>
                        </span>
                      </div>
                    </div>
                  </label>
                </div>
              </div>
            </div>
            <div class="block  " style=" " data-blocktype="generic-button">
              <div class="block-content generic-button-block inner-narrow" id="generic-button-block-id-ed09a1e9">
                <div style="padding-top:11px; padding-bottom:5px; ">
                  <button id="id-ed09a1e9" class="generic-button submit medium"
                    onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].buttonClick(this, 'submit', '', '{&quot;paddingBottom&quot;:5,&quot;containerClass&quot;:&quot;inner-narrow&quot;,&quot;name&quot;:&quot;button-submit&quot;,&quot;contentClass&quot;:&quot;align-space-between&quot;,&quot;action&quot;:&quot;submit&quot;,&quot;label&quot;:&quot;Bewerbung&amp;nbsp;jetzt&amp;nbsp;absenden&quot;,&quot;paddingTop&quot;:&quot;11&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;id&quot;:&quot;id-ed09a1e9&quot;,&quot;type&quot;:&quot;generic-button&quot;,&quot;class&quot;:&quot;submit&amp;nbsp;medium&quot;}')">
                    <div class="status-indicator">
                      <div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                          <rect width="256" height="256" fill="none"></rect>
                          <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                        </svg></div>
                      <div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                          <rect width="256" height="256" fill="none"></rect>
                          <line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
                          </line>
                          <line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                        </svg></div>
                      <div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"
                          xml:space="preserve">
                          <path opacity="0.3" fill="currentColor"
                            d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                          </path>
                          <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
                            <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
                          </path>
                        </svg></div>
                    </div>
                    <div class="content align-space-between">
                      <div class="label-container ">
                        <span class="label">Bewerbung jetzt absenden</span>
                      </div>
                      <span class="graphic">
                        <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                          <rect width="256" height="256" fill="none"></rect>
                          <path d="M219.53563,121.02,50.62075,26.42762A8,8,0,0,0,39.178,36.09836l31.86106,89.211a8,8,0,0,1,0,5.38138L39.178,219.90164a8,8,0,0,0,11.44277,9.67074l168.91488-94.59233A8,8,0,0,0,219.53563,121.02Z" fill="none"
                            stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></path>
                          <line x1="72" y1="128" x2="136" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                        </svg>
                      </span>
                    </div>
                  </button>
                </div>
              </div>
            </div>
            <div class="block  " style=" " data-blocktype="rich-text">
              <div class="block-content text-block align-center inner-mid" id="text-block-id-b8b387b8">
                <div class="rich-text" style="padding-top:14px; padding-bottom:20px; ">
                  <p>🔐 Sichere Datenübertragung. deine Daten sind vertraulich und verschlüsselt.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="id-92ac7688" name="end" data-type="user" data-header="header" data-footer="footer">
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-a1986789">
        <div class="rich-text" style="padding-top:36px; padding-bottom:20px; ">
          <h1>Vielen Dank für deine Bewerbung!</h1>
        </div>
      </div>
    </div>
    <div class="block  " style=" background-color:var(--primary);" data-blocktype="separator">
      <div class="block-content separator-block inner-full" id="separator-block-id-0b6a6480">
        <div style="padding-top:2px; padding-bottom:00px;  ">
          <div class="show-line"></div>
        </div>
      </div>
    </div>
    <div class="block  " style=" background-color:var(--primary);" data-blocktype="separator">
      <div class="block-content separator-block inner-full" id="separator-block-id-52cfc575">
        <div style="padding-top:2px;  ">
          <div class="show-line"></div>
        </div>
      </div>
    </div>
    <div class="block  " style=" " data-blocktype="rich-text">
      <div class="block-content text-block align-center inner-mid" id="text-block-id-900a4bd2">
        <div class="rich-text" style="padding-top:31px; padding-bottom:37px; ">
          <h3><span style="color: black"><strong>Wie geht es nun weiter?</strong></span></h3>
          <p><span style="color: black">Um deine Bewerbung zu vervollständigen, bitten wir dich, uns deinen Lebenslauf an die folgende E-Mail-Adresse zu senden:</span></p>
          <p><span style="color: black"><strong>bewerbung<span class="variable-replace" data-variable="zsg">@zsg</span>.ch</strong></span></p>
          <p><span style="color: black">Sobald wir deinen Lebenslauf erhalten haben, werden wir uns baldmöglichst bei dir melden, um einen Vorstellungstermin zu vereinbaren und um festzustellen, ob du gerne bei uns im Team arbeiten würdest.</span>
          </p>
        </div>
      </div>
    </div>
    <div class="block  " style=" background-color:var(--light-grey);" data-blocktype="elements-v2">
      <div class="block-content elements-container elements-v2-container inner-full" data-type="nested-blocks">
        <div class="container-style-plain" style="margin-top:0px; margin-right:10px; margin-left:10px; padding-top:20px; padding-bottom:20px; ">
          <div class="elements-container-inner inner-full" style="justify-content:normal;align-items:center; flex-direction:column;gap:10px;margin-left:auto;margin-right:auto;">
            <div class="block  " style=" " data-blocktype="rich-text">
              <div class="block-content text-block align-center inner-mid" id="text-block-id-050d5113">
                <div class="rich-text" style="padding-top:20px; padding-right:0px; padding-bottom:20px; padding-left:0px; ">
                  <h3><span style="color: black"><strong>Du möchtest noch mehr Infos?</strong></span></h3>
                </div>
              </div>
            </div>
            <div class="block  " style="flex-grow:1; " data-blocktype="generic-button">
              <div class="block-content generic-button-block inner-narrow" id="generic-button-block-id-c42d11fb">
                <div style="padding-top:0px; padding-bottom:10px; ">
                  <button id="id-c42d11fb" class="generic-button universal medium"
                    onclick="window.heyflow['z_richsee-schifffahrtsgesellschaft-metallbauer_in-_-mechaniker_in-im-winter---matros_in-im-sommer'].buttonClick(this, 'redirect', '', '{&quot;redirectURL&quot;:&quot;https://www.zsg.ch/de/&quot;,&quot;containerClass&quot;:&quot;inner-narrow&quot;,&quot;label&quot;:&quot;Zur&amp;nbsp;Webseite&quot;,&quot;nextAction&quot;:&quot;next&quot;,&quot;type&quot;:&quot;generic-button&quot;,&quot;target&quot;:&quot;_blank&quot;,&quot;paddingBottom&quot;:&quot;10&quot;,&quot;name&quot;:&quot;button-universal&quot;,&quot;contentClass&quot;:&quot;align-center&quot;,&quot;action&quot;:&quot;redirect&quot;,&quot;paddingTop&quot;:&quot;0&quot;,&quot;id&quot;:&quot;id-c42d11fb&quot;,&quot;class&quot;:&quot;universal&amp;nbsp;medium&quot;}')">
                    <div class="status-indicator">
                      <div class="icon-check-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                          <rect width="256" height="256" fill="none"></rect>
                          <polyline points="216 72.005 104 184 48 128.005" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                        </svg></div>
                      <div class="icon-x-mark"><svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                          <rect width="256" height="256" fill="none"></rect>
                          <line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24">
                          </line>
                          <line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                        </svg></div>
                      <div class="icon-spinner"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40"
                          xml:space="preserve">
                          <path opacity="0.3" fill="currentColor"
                            d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
                          </path>
                          <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
                            <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
                          </path>
                        </svg></div>
                    </div>
                    <div class="content align-center">
                      <div class="label-container ">
                        <span class="label">Zur Webseite</span>
                      </div>
                      <span class="graphic">
                        <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="currentColor" viewBox="0 0 256 256">
                          <rect width="256" height="256" fill="none"></rect>
                          <line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></line>
                          <polyline points="144 56 216 128 144 200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"></polyline>
                        </svg>
                      </span>
                    </div>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="template-screen-header" name="template-screen-header" data-type="template" class="template" data-header="header">
  </section>
  <section id="template-screen-footer" name="template-screen-footer" data-type="template" class="template" data-footer="footer">
  </section>
  <section id="error" name="error" data-type="system">
    <div class="block  " style=" " data-blocktype="headline">
      <div class="headline inner-mid" id="headline-block-">
        <h2>Error</h2>
        <h4>Sorry, your response could not be sent. Please check your internet connection.</h4>
      </div>
    </div>
  </section>
  <input type="submit" style="display:none;">
</form>

Text Content

Finde in wenigen Sekunden heraus, ob sich ein Wechsel zu uns für dich lohnt!

DU MÖCHTEST WISSEN, WELCHE VORTEILE DICH ALS


METALLBAUER/IN - MECHANIKER/IN

(IM WINTER)

&


MATROS/IN 

(IM SOMMER) 

(M/W/D)

 

BEI UNS ERWARTEN? 




📍 STANDORT: WOLLISHOFEN 

1
Jetzt bewerben!

2
Zu den Vorteilen!



HALLO, WIR SIND DIE ZÜRICHSEE-SCHIFFFAHRTSGESELLSCHAFT


WARUM SICH EINE BEWERBUNG BEI UNS LOHNT?

Dich erwartet
... ein perfekt organisiertes, modernes Unternehmen, in dem Vertrauen, Respekt
und Verständnis gelebt werden.
Tolle Fringe Benefits
… wie ein kostenloses GA, Gratiseintritt ins Alpamare, Vergünstigungen bei
Mobility Car Sharing und vieles mehr.
Wertschätzung und Respekt
Wir sind für ein faires Miteinander, wo man sich auf Augenhöhe begegnet.
Klicke auf den Button
... und überzeuge dich von deinen Vorteilen bei uns!

BEWIRB DICH MIT NUR WENIGEN KLICKS – OHNE ANSCHREIBEN ODER LEBENSLAUF.

Was sind meine Vorteile?

EIN PAAR WORTE ZUR


ZÜRICHSEE-SCHIFFFAHRTSGESELLSCHAFT






WIR SIND EIN TEAM VON ÜBER 100 MITARBEITERN UND BETREIBEN EINE FLOTTE VON 17
SCHIFFEN, DIE JEDES JAHR 360'000 KM AUF DEM ZÜRICHSEE ZURÜCKLEGEN UND RUND 1,7
MILLIONEN FAHRGÄSTEN EIN TOP-ERLEBNIS BIETEN.




BEI UNS KANNST DU TEIL EINES EINZIGARTIGEN ERLEBNISSES WERDEN, DAS NICHT NUR
ENTSPANNUNG, SONDERN AUCH EINE FLUCHT AUS DER HEKTIK DES ALLTAGS BIETET. MIT UNS
KANNST DU IN EINE WELT VOLLER RUHE, FRISCHE UND RAUM EINTAUCHEN VON 100 AUF 0 IN
KÜRZESTER ZEIT.




MÖCHTEST DU TEIL UNSERES TEAMS WERDEN UND DAZU BEITRAGEN, UNVERGESSLICHE MOMENTE
FÜR UNSERE FAHRGÄSTE ZU SCHAFFEN? 




DANN BEWIRB DICH JETZT UND WERDE TEIL DER ZÜRICHSEE-SCHIFFFAHRTSGESELLSCHAFT!

Zögere nicht & lerne uns kennen!






WIR FREUEN UNS DICH KENNENZULERNEN!

📞  +41 44 487 13 49

✉️ bewerbung@zsg.ch

📍Mythenquai 333, 8038 Zürich


AUF DIESE VORTEILE KANNST DU DICH FREUEN:

Jetzt weiter zur Bewerbung
📈
Aufstiegsmöglichkeiten
Nutze unsere vielfältigen Entwicklungschancen und gestalte deine Karriere nach
deinen Vorstellungen.
🚆
GA 2. Klasse
Nutze die Möglichkeit, mit einem Generalabonnement der 2. Klasse bequem und
kostengünstig durch das Land zu reisen.
🤝
Sicherer Arbeitsplatz
Vertraue auf langfristige Beschäftigungsperspektiven und Stabilität in einem
sicheren Arbeitsumfeld.
🍽️
Essenszuschüsse
Profitiere von finanziellen Vergünstigungen für deine Mahlzeiten und geniesse
leckeres Essen während der Arbeitszeit.
🎉
Team Events
Stärke den Teamgeist und baue Beziehungen zu deinen Kollegen bei unseren
regelmässigen Team Events wie das Jahresessen.
Jetzt weiter zur Bewerbung
👨‍👩‍👦
Familiäres und herzliches Klima
Fühle dich wie Teil einer grossen Familie in einem unterstützenden und
einladenden Arbeitsumfeld.
🏢
Moderne Aufenthaltsräume
Entspanne dich in unseren modernen Aufenthaltsräumen mit Ausblick direkt am See.
📚
Bezahlte Weiterbildungen
Investiere in deine berufliche Entwicklung mit unserer Unterstützung durch
bezahlte Weiterbildungsangebote.
🔥
Spannende Projekte
Tauche ein in herausfordernde und spannende Projekte, die deine Fähigkeiten und
Kreativität herausfordern.
Jetzt weiter zur Bewerbung


DEINE ROLLE IM TEAM:

Zwei Jobs in einem: 

Im Sommer bist du als Teil unserer nautischen Crew auf dem See unterwegs. 

Im Winter bringst du deine Leidenschaft als Handwerker in die Wartung unserer
Schiffsflotte ein.

keyboard-arrow-right
Sicherheits- und Sauberkeitsmanagement
Gewährleistung von Ordnung und Sicherheit an Bord.
keyboard-arrow-right
Tauwerk-Expertise
Fachgerechte Handhabung von Seilen und Tauwerk.
keyboard-arrow-right
Kundenservice
Betreuung von Fahrgästen und Überprüfung von Fahrscheinen.
keyboard-arrow-right
Schiffsunterhalt
Mitwirkung bei Wartung, Überholung und Reparaturen.
keyboard-arrow-right
Innovationsförderung
Aktive Beteiligung an Flottenmodernisierung und -optimierung.
Jetzt weiter zur Bewerbung


HAST DU EINE ABGESCHLOSSENE BERUFSAUSBILDUNG ZUM...

Bitte wähle eine oder mehrere Optionen aus
1
Sanitärinstallateur/in

2
Rohrschlosser/in

3
Metallbauer/in

4
Landmaschinen- oder Baumaschinenmechaniker/in

5
Automobil-Mechatroniker/in

6
Automobil Fachmann/Frau

7
Mechatroniker EFZ Nutzfahrzeuge

8


Weiter


WIE VIEL BERUFSERFAHRUNG HAST DU?

Bitte wähle eine Option
1
common-file-award
Absolvent/ Berufseinsteiger

2
award-medal-2
Unter 2 Jahren

3
award-medal
Zwischen 2-4 Jahren

4
paralympics-race-1
Über 4 Jahre






LEIDER ENTSPRECHEN DEINE ANGABEN NICHT UNSEREM ANFORDERUNGSPROFIL.




FALLS DU JEMANDEN KENNST, FÜR DEN DIESE STELLE INTERESSANT SEIN KÖNNTE, DANN
WÜRDEN WIR UNS FREUEN, WENN DU IHM VON UNS ERZÄHLST, DAMIT ER SICH BEI UNS
BEWERBEN KANN.


HAST DU ERFAHRUNG/ KENNTNISSE IN FOLGENDEN BEREICHEN?

Bitte wähle eine oder mehrere Optionen aus:
1
...Erfahrung im Kundenkontakt

2
...Erfahrung im Metallbau

3
...Erfahrung mit Baumaschinen

4
...Erfahrung mit Nutzfahrzeugen

5


Weiter

DU WIRST REGELMÄSSIG AM WOCHENENDE UND BIS SPÄTABENDS ARBEITEN.


BIST DU DAZU BEREIT?

Bitte wähle eine Option
1
👍
Ja

2
👎
Nein



WIE GUT SIND DEINE DEUTSCHKENNTNISSE ? (WORT UND SCHRIFT)

Bitte wähle eine Option
1
Deutsch - Grundkenntnisse

2
Deutsch - Fortgeschritten

3
Deutsch - Muttersprache



WIE GUT SIND DEINE ENGLISCHKENNTNISSE (WORT UND SCHRIFT)

Bitte wähle eine Option
1
Englisch Grundkenntnisse

2
Englisch Fortgeschritten

3
Englisch Muttersprache



WAS IST DIR BEI DEINEM NEUEN JOB BESONDERS WICHTIG?

Bitte wähle eine Option
1
database-cash
Bessere Bezahlung

2
time-clock-hand
Mehr Freizeit

3
space-rocket-earth
Spannendere Projekte

4
single-woman-actions-check-1
Besseres Arbeitsklima



HAST DU EINEN LEBENSLAUF, DEN DU ANSCHLIESSEND HOCHLADEN KANNST?

Bitte wähle eine Option
1
👍
Ja, klar!

2
👎
Gerade nicht...



GROSSARTIG!


🤩 


EINFACH DIE DATEI HIER PLATZIEREN UND "WEITER" KLICKEN

Platziere deine Datei hier oder klicke
Akzeptiert png, jpeg, pdf


Weiter
Erstmal ohne Lebenslauf fortsetzen


DEINE DATEN WERDEN GEPRÜFT...


GROSSARTIG, WIR WÜRDEN DICH GERNE NÄHER KENNENLERNEN!


🤩

Bitte füll noch das kurze Formular aus, damit wir dich kontaktieren können.

people-man-1


Option 1 Option 2
Bitte gib deinen vollständigen Namen ein
E-Mail-Adresse
E-Mail-Adresse

Option 1 Option 2
Bitte gib eine gültige E-Mail-Adresse ein
Telefonnummer
Telefonnummer

Option 1 Option 2
Please enter a valid phone number

Ich bin mit der Datenschutzerklärung einverstanden.

Bewerbung jetzt absenden

🔐 Sichere Datenübertragung. deine Daten sind vertraulich und verschlüsselt.


VIELEN DANK FÜR DEINE BEWERBUNG!





WIE GEHT ES NUN WEITER?

Um deine Bewerbung zu vervollständigen, bitten wir dich, uns deinen Lebenslauf
an die folgende E-Mail-Adresse zu senden:

bewerbung@zsg.ch

Sobald wir deinen Lebenslauf erhalten haben, werden wir uns baldmöglichst bei
dir melden, um einen Vorstellungstermin zu vereinbaren und um festzustellen, ob
du gerne bei uns im Team arbeiten würdest.


DU MÖCHTEST NOCH MEHR INFOS?

Zur Webseite




ERROR

SORRY, YOUR RESPONSE COULD NOT BE SENT. PLEASE CHECK YOUR INTERNET CONNECTION.

Impressum - Datenschutz


AN ERROR OCCURRED.

Activate JavaScript if you have it deactivated in your browser.