<p class="LexT__paragraph" dir="ltr"><span style="white-space: pre-wrap;">Wir haben das Farbschema der App überarbeitet und an die aktualisierte Website angepasst. Durch die höheren Kontraste verbessert sich nun vor allem die Lesbarkeit deutlich.</span></p>

Wir haben das Farbschema der App überarbeitet und an die aktualisierte Website angepasst. Durch die höheren Kontraste verbessert sich nun vor allem die Lesbarkeit deutlich.

Mehr Kontrast durch neue Farben

Bottithek

<script type="text/javascript">
  var _iub = _iub || [];
  _iub.csConfiguration = { "askConsentAtCookiePolicyUpdate": true, "countryDetection": true, "enableFadp": true, "floatingPreferencesButtonCaptionColor": "#102B21", "floatingPreferencesButtonColor": "#FFFFFF", "floatingPreferencesButtonDisplay": "bottom-right", "lang": "de", "perPurposeConsent": true, "promptToAcceptOnBlockedElements": true, "siteId": 3286936, "storage": { "useSiteId": true }, "cookiePolicyId": 85036809, "banner": { "acceptButtonColor": "#33C4BD", "acceptButtonDisplay": true, "backgroundColor": "#FFFFFF", "backgroundOverlay": true, "closeButtonDisplay": false, "customizeButtonCaptionColor": "#2D2D2D", "customizeButtonColor": "#D5D5D5", "customizeButtonDisplay": true, "explicitWithdrawal": true, "listPurposes": true, "linksColor": "#33C4BD", "position": "float-top-center", "rejectButtonColor": "#33C4BD", "rejectButtonDisplay": true, "textColor": "#333333" } };
</script>
<script type="text/javascript" src="https://cs.iubenda.com/autoblocking/3286936.js"></script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>


<script>
  /* ======================================================================
  Print functionality  
  ----------------------------------------------------------------------
  Just place a link anywhere in an article like that: <a href="#print">🖨️ Drucken</a>
  ====================================================================== */

  // Funktion, um allen passenden Links den Event Listener hinzuzufügen
  function attachPrintListeners() {
    document.querySelectorAll('a[href="#print"]').forEach(function (link) {
      if (!link.dataset.printBound) {
        link.addEventListener("click", function (e) {
          e.preventDefault();

          const baseUrl = window.location.origin + window.location.pathname;
          const queryParams = "?nonav=1&embed=1";
          const hash = "#print";

          const printUrl = baseUrl + queryParams + hash;
          window.open(printUrl);
        });

        // Markiere den Link als verarbeitet
        link.dataset.printBound = "true";
      }
    });
  }

  // Direkt nach DOM load aufrufen
  document.addEventListener("DOMContentLoaded", attachPrintListeners);

  // Hook in pushState / replaceState
  const originalPushState = history.pushState;
  const originalReplaceState = history.replaceState;

  history.pushState = function () {
    originalPushState.apply(this, arguments);
    setTimeout(attachPrintListeners, 0);
  };

  history.replaceState = function () {
    originalReplaceState.apply(this, arguments);
    setTimeout(attachPrintListeners, 0);
  };

  // Auch bei Vor-/Zurück-Buttons
  window.addEventListener("popstate", function () {
    setTimeout(attachPrintListeners, 0);
  });

  // Ruft automatisch den Druck-Dialog auf, wenn die URL den Hash #print hat.
  window.addEventListener("load", function () {
    if (window.location.hash === "#print") {
      window.print();

      // Optional: Schließe das Tab automatisch nach dem Drucken
      window.onafterprint = function () {
        window.close();
      };
    }
  });

  /* ======================================================================
  Global App‑Deeplink‑Router
  ----------------------------------------------------------------------
  Autoren verlinken so:
  href="/app-deeplink/<pfad?query#hash>"

  Das Skript …
  1) ersetzt diese Platzhalter‑Links global durch
      /<lang>/article/app-deeplink?nonav=1#to=<URL‑encoded‑pfad>
  → öffnet sie im **neuen Tab**.
  2) läuft im Deeplink‑Artikel selbst, dekodiert #to=…, ersetzt
  #app-deeplink‑Platzhalter → App öffnet **im selben Tab**.
  3) funktioniert in jeder Sprachversion (beliebiges Prefix),
  History‑ und Mutation‑safe (SPA‑Support).
  ====================================================================== */
  (function () {
    /* ---------------- Sprache dynamisch aus erstem Pfadsegment --------- */
    const LANG = (location.pathname.match(/^\/(\w{2})\//) || [, "de"])[1];
    const HELP_ARTICLE_BASE = `/${LANG}/article/app-deeplink?nonav=1`;

    /* ---------------- Konstanten --------------------------------------- */
    const PLACEHOLDER_PREFIX = "app-deeplink"; // Autoren‑Prefix
    const HASH_PARAM_PREFIX = "#to=";                  // Übergabe im Deeplink‑Artikel
    const LINK_HASH_TOKEN = "#app-deeplink";         // Platzhalter in App‑URLs

    /* ---------- 1) Platzhalter‑Links → Deeplink‑Artikel ---------------- */
    function convertAppLinks(root = document) {
      root.querySelectorAll("a[href]").forEach(a => {
        if (a.dataset.dlDone) return;

        const href = a.getAttribute("href") || "";
        const match = href.match(new RegExp(`^/?${PLACEHOLDER_PREFIX}(/.*)?`, 'i'));
        if (!match) return;

        const encodedPath = encodeURIComponent(match[1] || "/");
        a.href = `${HELP_ARTICLE_BASE}${HASH_PARAM_PREFIX}${encodedPath}`;
        a.target = "_blank";                     // Deeplink‑Artikel -> neuer Tab
        a.dataset.dlDone = "true";
      });
    }

    /* ---------- 2) Deeplink‑Artikel selbst patchen --------------------- */
    function patchDeeplinkArticle() {
      if (!location.pathname.includes("/article/app-deeplink")) return;

      const hashData = location.hash.startsWith(HASH_PARAM_PREFIX)
        ? location.hash.slice(HASH_PARAM_PREFIX.length)
        : null;
      if (!hashData) return;

      const decoded = decodeURIComponent(hashData);
      const path = decoded.startsWith("/") ? decoded : "/" + decoded;

      document.querySelectorAll(`a[href*="${LINK_HASH_TOKEN}"]`).forEach(a => {
        if (a.dataset.dlPatched) return;

        const base = a.href.split(LINK_HASH_TOKEN)[0].replace(/\/$/, "");
        a.href = base + path;              // finaler Deeplink, gleicher Tab
        a.removeAttribute("target");
        a.dataset.dlPatched = "true";
      });
    }

    /* ---------- 3) Initialisierung & SPA‑Support ----------------------- */
    function init(ctx) {
      convertAppLinks(ctx);
      patchDeeplinkArticle();
    }

    document.addEventListener("DOMContentLoaded", () => init(document));

    /* MutationObserver: dynamischer Content */
    new MutationObserver(muts => {
      muts.forEach(m => m.addedNodes.forEach(n =>
        n.nodeType === 1 && init(n)
      ));
    }).observe(document.documentElement, { childList: true, subtree: true });

    /* History‑API‑Hooks für SPAs */
    ["pushState", "replaceState"].forEach(fn => {
      const orig = history[fn];
      history[fn] = function () {
        const res = orig.apply(this, arguments);
        init(document);
        return res;
      };
    });
    window.addEventListener("popstate", () => init(document));
  })();
</script>

War dieser Artikel hilfreich?

You recently requested to reset your password for your account. Use the button below to reset it. This password reset is only valid for the next 24 hours.

If you’re having trouble with the button above, copy and paste the URL below into your web browser.

Please check your email for instructions to reset your password.

Check your email

Enter your email address and we will send you instructions to reset your password.

Please enter a new password below.

Set your password

Leider nichts gefunden. Versuchen Sie einen ähnlichen oder einen allgemeineren Suchbegriff.

Sie stellen hier die Frage, wir liefern die Antwort