Barmer Fractal

Agencysearch 

<div class="application">
    <div class="intro richtext-vision">
        <h1>
            Geschäftsstellensuche
        </h1>
        <p>Gerne beraten wir Sie persönlich in unseren Geschäftsstellen. Hierzu können Sie vorher einen Termin vereinbaren, über die Service-Hotline <a href="tel:+498003331010" target="_self" class="bm-richtext-link">0800 3331010</a> oder unser <a href="/formClient/barmer-de/persoenliche-beratung/4432/termin-vor-ort-vereinbaren" target="_self" class="bm-richtext-link">Kontaktformular</a>. </p>
        <p></p>
    </div>
    <div class="application">
        <div class="agencysearch" data-skip-link-text="Karte überspringen">
            <form id="gssuchekompakt" class="form" action="https://preview-sandbox.barmer.de/formClient/barmer-de/unsere-leistungen/online-services/spezialsuchen/5306/geschaeftsstellen,step=process.html" method="post" accept-charset="UTF-8">
                <fieldset>
                    <p>Geben Sie einfach den gesuchten Ort oder die Postleitzahl ein.</p>
                    <div class="row">
                        <p class="sizeS">
                            <label for="plz">
                                <span><abbr title="Postleitzahl">PLZ</abbr>:</span>
                            </label>
                            <input id="plz" name="postalCodeEntered" class="text sizeS" type="text" value="22335" size="5" maxlength="5" autocomplete="postal-code" />
                        </p>
                        <p class=" sizeL ">
                            <label for="city">
                                <span>oder Ort</span>
                            </label>
                            <input id="city" name="city" class="text sizeL" type="text" value="" maxlength="50" autocomplete="address-level2" />
                        </p>
                    </div>
                </fieldset>
                <p class="button">
                    <input class="submit form-focus" type="submit" title="Geschäftsstelle finden" value="Geschäftsstelle finden" />
                </p>
            </form>
        </div>
        <div class="application">
            <div class="agencysearch" data-skip-link-text="Karte überspringen">
                <script type="text/javascript">
                    var locations = [];
                    locations.push({
                        id: '60110',
                        name: 'Norderstedt',
                        icon: 'barmer',
                        city: 'Norderstedt',
                        zipcode: '22850',
                        street: 'Europaallee 1',
                        distance: '5,6',
                        link: '/geschaeftsstellen/60110',
                        telephone: '0800 333 10 10',
                        lat: '53.681748',
                        lng: '9.987178',
                        color: 'green',
                        scanzentrumAddress: {
                            zipcode: '42266',
                            city: 'Wuppertal',
                            name: "BARMER"
                        }
                    });
                    locations.push({
                        id: '60303',
                        name: 'Hamburg Wandsbek',
                        icon: 'barmer',
                        city: 'Hamburg',
                        zipcode: '22041',
                        street: 'Wandsbeker Königstr. 31-37',
                        distance: '7,9',
                        link: '/geschaeftsstellen/60303',
                        telephone: '0800 333 10 10',
                        lat: '53.573506',
                        lng: '10.063257',
                        color: 'green',
                        scanzentrumAddress: {
                            zipcode: '42266',
                            city: 'Wuppertal',
                            name: "BARMER"
                        }
                    });
                    locations.push({
                        id: '60301',
                        name: 'Hamburg Mitte',
                        icon: 'barmer',
                        city: 'Hamburg',
                        zipcode: '20457',
                        street: 'Brodschrangen 4',
                        distance: '9,2',
                        link: '/geschaeftsstellen/60301',
                        telephone: '0800 333 10 10',
                        lat: '53.548842',
                        lng: '9.993578',
                        color: 'green',
                        scanzentrumAddress: {
                            zipcode: '42266',
                            city: 'Wuppertal',
                            name: "BARMER"
                        }
                    });
                    locations.push({
                        id: '60302',
                        name: 'Hamburg Altona',
                        icon: 'barmer',
                        city: 'Hamburg',
                        zipcode: '22765',
                        street: 'Bahrenfelder Str. 138',
                        distance: '9,7',
                        link: '/geschaeftsstellen/60302',
                        telephone: '0800 333 10 10',
                        lat: '53.553338',
                        lng: '9.929491',
                        color: 'green',
                        scanzentrumAddress: {
                            zipcode: '42266',
                            city: 'Wuppertal',
                            name: "BARMER"
                        }
                    });
                    locations.push({
                        id: '60111',
                        name: 'Pinneberg',
                        icon: 'barmer',
                        city: 'Pinneberg',
                        zipcode: '25421',
                        street: 'Damm 1',
                        distance: '13,2',
                        link: '/geschaeftsstellen/60111',
                        telephone: '0800 333 10 10',
                        lat: '53.66106',
                        lng: '9.79962',
                        color: 'green',
                        scanzentrumAddress: {
                            zipcode: '42266',
                            city: 'Wuppertal',
                            name: "BARMER"
                        }
                    });
                    locations.push({
                        id: '60304',
                        name: 'Hamburg Harburg',
                        icon: 'barmer',
                        city: 'Hamburg',
                        zipcode: '21079',
                        street: 'Schellerdamm 3',
                        distance: '18,5',
                        link: '/geschaeftsstellen/60304',
                        telephone: '0800 333 10 10',
                        lat: '53.465506',
                        lng: '9.98696',
                        color: 'green',
                        scanzentrumAddress: {
                            zipcode: '42266',
                            city: 'Wuppertal',
                            name: "BARMER"
                        }
                    });
                    if (typeof ui !== 'undefined') {
                        ui.set('agencylocations', false, {
                            lang: "de",
                            lang_distance: "Entfernung (Luftlinie):",
                            lang_link: "zur Geschäftsstelle",
                            lang_link_with_agency: "true",
                            lang_telephone: "Tel:",
                            lang_telephone_Title_Suffix: "anrufen",
                            locations: locations,
                            build_type: 'ACCORDION'
                        });
                    } else {
                        var agencylocations = (function() {
                            return {
                                lang: "de",
                                lang_distance: "Entfernung (Luftlinie):",
                                lang_link: "zur Geschäftsstelle",
                                lang_link_with_agency: "true",
                                lang_telephone: "Tel:",
                                lang_telephone_Title_Suffix: "anrufen",
                                lang_postanschrift: "Postanschrift",
                                lang_listintro: "Ergebnisse in",
                                lang_listback: "zurück zur Liste",
                                locations: locations,
                                build_type: 'ACCORDION'
                            }
                        })();
                    }
                </script>
                <div class="result">
                    <h3>Ergebnisse für Ihre Suchanfrage:</h3>
                    <div class="richtext">
                        <p style="margin-bottom:15px"><strong>Leider befindet sich in Ihrem gewünschten Ort keine BARMER Geschäftsstelle.</strong><br>Die unten genannte BARMER Geschäftsstelle liegt ganz in der Nähe.</p>
                    </div>
                    <div class="richtext agency-display-wrapper">
                        <div class="google_maps agency-map"></div>
                    </div>
                </div>
                <div id="agency60110" class="result">
                    <h3>Adresse der Geschäftsstelle</h3>
                    <div class="richtext">
                        <p>
                            Entfernung:
                            5,6
                            km
                        </p>
                        <address>
                            Europaallee 1<br />
                            22850
                            Norderstedt<br />
                            Telefon:
                            <a href="tel:0800 333 10 10" title="0800 333 10 10 anrufen" class="phone-link">
                                0800 333 10 10
                            </a><br />
                        </address>
                    </div>
                </div>
                <div id="agency60303" class="result">
                    <h3>Adresse der Geschäftsstelle</h3>
                    <div class="richtext">
                        <p>
                            Entfernung:
                            7,9
                            km
                        </p>
                        <address>
                            Wandsbeker Königstr. 31-37<br />
                            22041
                            Hamburg<br />
                            Telefon:
                            <a href="tel:0800 333 10 10" title="0800 333 10 10 anrufen" class="phone-link">
                                0800 333 10 10
                            </a><br />
                        </address>
                    </div>
                </div>
                <div id="agency60301" class="result">
                    <h3>Adresse der Geschäftsstelle</h3>
                    <div class="richtext">
                        <p>
                            Entfernung:
                            9,2
                            km
                        </p>
                        <address>
                            Brodschrangen 4<br />
                            20457
                            Hamburg<br />
                            Telefon:
                            <a href="tel:0800 333 10 10" title="0800 333 10 10 anrufen" class="phone-link">
                                0800 333 10 10
                            </a><br />
                        </address>
                    </div>
                </div>
                <div id="agency60302" class="result">
                    <h3>Adresse der Geschäftsstelle</h3>
                    <div class="richtext">
                        <p>
                            Entfernung:
                            9,7
                            km
                        </p>
                        <address>
                            Bahrenfelder Str. 138<br />
                            22765
                            Hamburg<br />
                            Telefon:
                            <a href="tel:0800 333 10 10" title="0800 333 10 10 anrufen" class="phone-link">
                                0800 333 10 10
                            </a><br />
                        </address>
                    </div>
                </div>
                <div id="agency60111" class="result">
                    <h3>Adresse der Geschäftsstelle</h3>
                    <div class="richtext">
                        <p>
                            Entfernung:
                            13,2
                            km
                        </p>
                        <address>
                            Damm 1<br />
                            25421
                            Pinneberg<br />
                            Telefon:
                            <a href="tel:0800 333 10 10" title="0800 333 10 10 anrufen" class="phone-link">
                                0800 333 10 10
                            </a><br />
                        </address>
                    </div>
                </div>
                <div id="agency60304" class="result">
                    <h3>Adresse der Geschäftsstelle</h3>
                    <div class="richtext">
                        <p>
                            Entfernung:
                            18,5
                            km
                        </p>
                        <address>
                            Schellerdamm 3<br />
                            21079
                            Hamburg<br />
                            Telefon:
                            <a href="tel:0800 333 10 10" title="0800 333 10 10 anrufen" class="phone-link">
                                0800 333 10 10
                            </a><br />
                        </address>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <template class="consent-toggle__template consent-toggle__template--agency-initiator">
        <div class="m-consent a-richtext richtext--article consent--with-background-color js-consent-target is-hidden">
            <h2>Externe Inhalte anzeigen</h2>
            <p>Sie können sich an dieser Stelle externe Inhalte anzeigen lassen.</p>
            <p>Ich bin damit einverstanden, dass personenbezogene Daten an Drittplattform übermittelt werden. Mehr dazu in unserer <a class="bm-richtext-link" href="#">Datenschutzerklärung</a>.</p>

            <label class="a-toggle js-consent-toggle" for="toggle-checkbox-1">
                <span class="toggle__text-label">Externe Inhalte zulassen</span>
                <input class="toggle__checkbox" type="checkbox" id="toggle-checkbox-1" />
                <span class="toggle__slider" data-text-enabled="ja" data-text-disabled="nein">
                    <span class="toggle__indicator"></span>
                </span>
                <span class="sr-only toggle__alert" aria-live="polite" data-text-checked="Externe Inhalte sind jetzt zugelassen" data-text-unchecked="Externe Inhalte sind jetzt geblockt"></span>
            </label>

        </div>

        <div class="formelement-toggle-wrapper is-hidden js-consent-target">
            <label class="a-toggle js-consent-toggle" for="toggle-checkbox">
                <span class="toggle__text-label">Externe Inhalte zulassen</span>
                <input class="toggle__checkbox" type="checkbox" id="toggle-checkbox" />
                <span class="toggle__slider" data-text-enabled="ja" data-text-disabled="nein">
                    <span class="toggle__indicator"></span>
                </span>
                <span class="sr-only toggle__alert" aria-live="polite" data-text-checked="Externe Inhalte sind jetzt zugelassen" data-text-unchecked="Externe Inhalte sind jetzt geblockt"></span>
            </label>

        </div>
    </template>
    <div class="richtext">
        <h2>Sie möchten, dass Ihre Briefsendung die Barmer schnell erreicht? </h2>
        <p>Dann nutzen Sie für Ihr Schreiben unsere <a href="/persoenliche-beratung/zentrale-postanschriften-5304" target="_self" class="bm-richtext-link">zentrale Postanschrift</a> und wir bearbeiten Ihr Anliegen so schnell wie möglich. </p>
    </div>
</div>
 
<div class="application">
  <div class="intro richtext-vision">
    <h1>
      Geschäftsstellensuche
    </h1>
    <p>Gerne beraten wir Sie persönlich in unseren Geschäftsstellen. Hierzu können Sie vorher einen Termin vereinbaren, über die Service-Hotline <a href="tel:+498003331010" target="_self" class="bm-richtext-link">0800 3331010</a> oder unser <a href="/formClient/barmer-de/persoenliche-beratung/4432/termin-vor-ort-vereinbaren" target="_self" class="bm-richtext-link">Kontaktformular</a>. </p><p></p>
  </div>
  <div class="application">
    <div class="agencysearch" data-skip-link-text="Karte überspringen">
      <form id="gssuchekompakt" class="form" action="https://preview-sandbox.barmer.de/formClient/barmer-de/unsere-leistungen/online-services/spezialsuchen/5306/geschaeftsstellen,step=process.html" method="post" accept-charset="UTF-8">
        <fieldset>
          <p>Geben Sie einfach den gesuchten Ort oder die Postleitzahl ein.</p>
          <div class="row">
            <p class="sizeS">
              <label for="plz">
                <span><abbr title="Postleitzahl">PLZ</abbr>:</span>
              </label>
              <input id="plz" name="postalCodeEntered" class="text sizeS" type="text" value="22335" size="5" maxlength="5" autocomplete="postal-code"/>
            </p>
            <p class=" sizeL ">
              <label for="city">
                <span>oder Ort</span>
              </label>
              <input id="city" name="city" class="text sizeL" type="text" value="" maxlength="50" autocomplete="address-level2"/>
            </p>
          </div>
        </fieldset>
        <p class="button">
          <input class="submit form-focus" type="submit" title="Geschäftsstelle finden" value="Geschäftsstelle finden"/>
        </p>
      </form>
    </div>
    <div class="application">
      <div class="agencysearch" data-skip-link-text="Karte überspringen">
        <script type="text/javascript">
          var locations = [];
          locations.push({
            id: '60110',
            name: 'Norderstedt',
            icon: 'barmer',
            city: 'Norderstedt',
            zipcode: '22850',
            street: 'Europaallee 1',
            distance: '5,6',
            link: '/geschaeftsstellen/60110',
            telephone: '0800 333 10 10',
            lat: '53.681748',
            lng: '9.987178',
            color: 'green',
            scanzentrumAddress: {
              zipcode: '42266',
              city: 'Wuppertal',
              name: "BARMER"
            }
          });
          locations.push({
            id: '60303',
            name: 'Hamburg Wandsbek',
            icon: 'barmer',
            city: 'Hamburg',
            zipcode: '22041',
            street: 'Wandsbeker Königstr. 31-37',
            distance: '7,9',
            link: '/geschaeftsstellen/60303',
            telephone: '0800 333 10 10',
            lat: '53.573506',
            lng: '10.063257',
            color: 'green',
            scanzentrumAddress: {
              zipcode: '42266',
              city: 'Wuppertal',
              name: "BARMER"
            }
          });
          locations.push({
            id: '60301',
            name: 'Hamburg Mitte',
            icon: 'barmer',
            city: 'Hamburg',
            zipcode: '20457',
            street: 'Brodschrangen 4',
            distance: '9,2',
            link: '/geschaeftsstellen/60301',
            telephone: '0800 333 10 10',
            lat: '53.548842',
            lng: '9.993578',
            color: 'green',
            scanzentrumAddress: {
              zipcode: '42266',
              city: 'Wuppertal',
              name: "BARMER"
            }
          });
          locations.push({
            id: '60302',
            name: 'Hamburg Altona',
            icon: 'barmer',
            city: 'Hamburg',
            zipcode: '22765',
            street: 'Bahrenfelder Str. 138',
            distance: '9,7',
            link: '/geschaeftsstellen/60302',
            telephone: '0800 333 10 10',
            lat: '53.553338',
            lng: '9.929491',
            color: 'green',
            scanzentrumAddress: {
              zipcode: '42266',
              city: 'Wuppertal',
              name: "BARMER"
            }
          });
          locations.push({
            id: '60111',
            name: 'Pinneberg',
            icon: 'barmer',
            city: 'Pinneberg',
            zipcode: '25421',
            street: 'Damm 1',
            distance: '13,2',
            link: '/geschaeftsstellen/60111',
            telephone: '0800 333 10 10',
            lat: '53.66106',
            lng: '9.79962',
            color: 'green',
            scanzentrumAddress: {
              zipcode: '42266',
              city: 'Wuppertal',
              name: "BARMER"
            }
          });
          locations.push({
            id: '60304',
            name: 'Hamburg Harburg',
            icon: 'barmer',
            city: 'Hamburg',
            zipcode: '21079',
            street: 'Schellerdamm 3',
            distance: '18,5',
            link: '/geschaeftsstellen/60304',
            telephone: '0800 333 10 10',
            lat: '53.465506',
            lng: '9.98696',
            color: 'green',
            scanzentrumAddress: {
              zipcode: '42266',
              city: 'Wuppertal',
              name: "BARMER"
            }
          });
          if (typeof ui !== 'undefined') {
            ui.set('agencylocations', false, {
              lang: "de",
              lang_distance: "Entfernung (Luftlinie):",
              lang_link: "zur Geschäftsstelle",
              lang_link_with_agency: "true",
              lang_telephone: "Tel:",
              lang_telephone_Title_Suffix: "anrufen",
              locations: locations,
              build_type: 'ACCORDION'
            });
          } else {
            var agencylocations = (function() {
              return {
                lang: "de",
                lang_distance: "Entfernung (Luftlinie):",
                lang_link: "zur Geschäftsstelle",
                lang_link_with_agency: "true",
                lang_telephone: "Tel:",
                lang_telephone_Title_Suffix: "anrufen",
                lang_postanschrift : "Postanschrift",
                lang_listintro: "Ergebnisse in",
                lang_listback: "zurück zur Liste",
                locations: locations,
                build_type: 'ACCORDION'
              }
            })();
          }
        </script>
        <div class="result">
          <h3>Ergebnisse für Ihre Suchanfrage:</h3>
          <div class="richtext">
            <p style="margin-bottom:15px"><strong>Leider befindet sich in Ihrem gewünschten Ort keine BARMER Geschäftsstelle.</strong><br>Die unten genannte BARMER Geschäftsstelle liegt ganz in der Nähe.</p>
          </div>
          <div class="richtext agency-display-wrapper">
            <div class="google_maps agency-map"></div>
          </div>
        </div>
        <div id="agency60110" class="result">
          <h3>Adresse der Geschäftsstelle</h3>
          <div class="richtext">
            <p>
              Entfernung:
              5,6
              km
            </p>
            <address>
              Europaallee 1<br/>
              22850
              Norderstedt<br/>
              Telefon:
              <a href="tel:0800 333 10 10"
                 title="0800 333 10 10 anrufen"
                 class="phone-link">
                0800 333 10 10
              </a><br/>
            </address>
          </div>
        </div>
        <div id="agency60303" class="result">
          <h3>Adresse der Geschäftsstelle</h3>
          <div class="richtext">
            <p>
              Entfernung:
              7,9
              km
            </p>
            <address>
              Wandsbeker Königstr. 31-37<br/>
              22041
              Hamburg<br/>
              Telefon:
              <a href="tel:0800 333 10 10"
                 title="0800 333 10 10 anrufen"
                 class="phone-link">
                0800 333 10 10
              </a><br/>
            </address>
          </div>
        </div>
        <div id="agency60301" class="result">
          <h3>Adresse der Geschäftsstelle</h3>
          <div class="richtext">
            <p>
              Entfernung:
              9,2
              km
            </p>
            <address>
              Brodschrangen 4<br/>
              20457
              Hamburg<br/>
              Telefon:
              <a href="tel:0800 333 10 10"
                 title="0800 333 10 10 anrufen"
                 class="phone-link">
                0800 333 10 10
              </a><br/>
            </address>
          </div>
        </div>
        <div id="agency60302" class="result">
          <h3>Adresse der Geschäftsstelle</h3>
          <div class="richtext">
            <p>
              Entfernung:
              9,7
              km
            </p>
            <address>
              Bahrenfelder Str. 138<br/>
              22765
              Hamburg<br/>
              Telefon:
              <a href="tel:0800 333 10 10"
                 title="0800 333 10 10 anrufen"
                 class="phone-link">
                0800 333 10 10
              </a><br/>
            </address>
          </div>
        </div>
        <div id="agency60111" class="result">
          <h3>Adresse der Geschäftsstelle</h3>
          <div class="richtext">
            <p>
              Entfernung:
              13,2
              km
            </p>
            <address>
              Damm 1<br/>
              25421
              Pinneberg<br/>
              Telefon:
              <a href="tel:0800 333 10 10"
                 title="0800 333 10 10 anrufen"
                 class="phone-link">
                0800 333 10 10
              </a><br/>
            </address>
          </div>
        </div>
        <div id="agency60304" class="result">
          <h3>Adresse der Geschäftsstelle</h3>
          <div class="richtext">
            <p>
              Entfernung:
              18,5
              km
            </p>
            <address>
              Schellerdamm 3<br/>
              21079
              Hamburg<br/>
              Telefon:
              <a href="tel:0800 333 10 10"
                 title="0800 333 10 10 anrufen"
                 class="phone-link">
                0800 333 10 10
              </a><br/>
            </address>
          </div>
        </div>
      </div>
    </div>
  </div>
  <template  class="consent-toggle__template consent-toggle__template--agency-initiator">
    {{ render '@consent' partials.consent merge=true}}
    <div class="formelement-toggle-wrapper is-hidden js-consent-target">
     {{render '@formelement-toggle--third-party-consent-manager' partials.toggle merge=true}}
    </div>
  </template>
  <div class="richtext">
    <h2>Sie möchten, dass Ihre Briefsendung die Barmer schnell erreicht? </h2><p>Dann nutzen Sie für Ihr Schreiben unsere <a href="/persoenliche-beratung/zentrale-postanschriften-5304" target="_self" class="bm-richtext-link">zentrale Postanschrift</a> und wir bearbeiten Ihr Anliegen so schnell wie möglich. </p>
  </div>
</div>
 
{
  "switches": {
    "hasContactFlyout": "true"
  },
  "content": {
    "alertText": "Die Sitzung wurde erfolgreich verlängert"
  },
  "partials": {
    "sessionMetadata": {
      "content": {
        "expiredDialogId": "bm-dialog-session-expired",
        "expiringDialogId": "bm-dialog-session-expiring"
      }
    },
    "expiring": {
      "switches": {
        "hidden": true,
        "secondaryButton": true
      },
      "content": {
        "id": "bm-dialog-session-expiring",
        "text": "In <span class=\"js-session-timer\">5</span> Minuten endet ihre Sitzung und Sie werden automatisch ausgeloggt."
      },
      "partials": {
        "primaryButton": {
          "content": {
            "label": "Login verlängern"
          }
        },
        "secondaryButton": {
          "content": {
            "label": "Logout"
          }
        }
      }
    },
    "expired": {
      "switches": {
        "hidden": true
      },
      "content": {
        "id": "bm-dialog-session-expired"
      }
    },
    "modalVideo": {
      "switches": {
        "hidden": true
      },
      "content": {
        "id": "bm-video"
      },
      "viewtypes": {
        "specifier": "modal--video"
      },
      "partials": {
        "consent": {
          "viewtypes": {
            "specifier": "consent--in-modal"
          }
        },
        "videoFigure": {
          "switches": {
            "hasHeadline": false,
            "hasFigcaption": false,
            "hasVideo": false
          }
        }
      }
    },
    "consent": {
      "viewtypes": {
        "specifier": "consent--with-background-color js-consent-target is-hidden"
      }
    }
  }
}

Bereich BAS in Fractal Pages

Dieser Bereich benötigt CSS und JS aus dem Barmer-Bas-Legacy-Theme, da u.a. in der Geschäftsstellensuche JS aus dem Barmer-Bas-Legacy-Theme zur korrekten Initialisierung der Google-Maps benötigt wird.

Um CSS und JS im Barmer-Bas-Legacy-Theme bauen zu können, wechselt man in das Verzeichnis frontend/themes/barmer-bas-legacy-theme und führt dort pnpm run buildAll aus.

Danach wechselt man zurück in das Verzeichnis frontend/themes/barmer-fractal-theme und führt pnpm run copyBas aus.