chore(de): translate diff [cebc05cfe5]

Machine translation from English using gpt-4o-2024-08-06.

Source: mdn/content@cebc05c

System prompt:

```md
You are tasked with translating MDN Web Docs content from English to German.

Ensure that the translation is accurate, preserves technical terminology, and follows the rules provided below.

# Rules for Translation

1. Format:

   - The input is a Markdown file.
   - The output should be a Markdown file.
   - Return the raw output, without wrapping it in a Markdown code block.
   - Keep GFM alert syntax untranslated, such as `> [!NOTE]`, `> [!WARNING]`, and `> [!CALLOUT]`.
   - If the input contains HTML tags wrapped in backticks (e.g. `<video>`), make sure they are wrapped in the output.
   - If the input contains HTML tags escaped with a slash (e.g. `\<length>`), make sure they are escaped in the output.

2. Language:

   - Prefer formal language ("Sie") over informal language ("du").

3. Code blocks:

   - Do not translate code blocks.
   - Do not translate terms wrapped in backticks.

4. Macro calls:

   - MDN uses macros for dynamic content insertion. These macros must remain **unchanged** and not translated.
   - Macro calls start with `{{`, followed by the macro name, optional parameters, and end with `}}`.
   - Avoid invalid macro calls by ensuring curly braces, parentheses, and quotes are closed properly.

5. Technical terms and code snippets in text:

   - Keep technical terms like element names, attributes, and method names in **English**. Only translate the surrounding descriptive text.

6. Links and References:

   - Translate link descriptions, but keep the URLs and their structure intact.
   - Do not change the locale in URLs.

7. Glossary:

   - "Browser compatibility" => "Browser-Kompatibilität"
   - "Guide" => "Leitfaden"
   - "How to" => "Anleitung"

# Translation Scope

Translate the following Markdown content from **English** to **German** while adhering to the rules above.
```

files/de/web/css/@font-palette-values/index.md

@@ -2,12 +2,12 @@
 title: "@font-palette-values"
 slug: Web/CSS/@font-palette-values
 l10n:
-  sourceCommit: 3ee9f29834b30a6865d75db0feff7c61af14e8dd
+  sourceCommit: 19e70cf926d456d6ce51df56c2f88c60080058ec
 ---
 
 {{CSSRef}}
 
-Die **`@font-palette-values`** [CSS](/de/docs/Web/CSS) [At-Regel](/de/docs/Web/CSS/At-rule) ermöglicht es Ihnen, die Standardwerte von [font-palette](/de/docs/Web/CSS/font-palette) anzupassen, die vom Schriftartenhersteller erstellt wurden.
+Die **`@font-palette-values`** [CSS](/de/docs/Web/CSS) [At-Regel](/de/docs/Web/CSS/At-rule) ermöglicht es Ihnen, die Standardwerte der vom Schriftartenersteller erstellten [font-palette](/de/docs/Web/CSS/font-palette) anzupassen.
 
 ## Syntax
 
@@ -20,14 +20,14 @@ Die **`@font-palette-values`** [CSS](/de/docs/Web/CSS) [At-Regel](/de/docs/Web/C
 }
 ```
 
-Das [<dashed-ident>](/de/docs/Web/CSS/dashed-ident) ist ein benutzerdefinierter Bezeichner, der zwar wie eine [CSS-Custom-Property](/de/docs/Web/CSS/Using_CSS_custom_properties) aussieht, sich jedoch anders verhält und nicht in eine [CSS `var()` Funktion](/de/docs/Web/CSS/var) eingeschlossen ist.
+Das [<dashed-ident>](/de/docs/Web/CSS/dashed-ident) ist ein benutzerdefinierter Bezeichner, der, obwohl er wie eine [CSS Custom Property](/de/docs/Web/CSS/Using_CSS_custom_properties) aussieht, anders funktioniert und nicht in einer [CSS var() Funktion](/de/docs/Web/CSS/var) eingeschlossen ist.
 
 ### Deskriptoren
 
 - {{cssxref("@font-palette-values/base-palette", "base-palette")}}
-  - : Gibt den Namen oder Index der vom Schriftartenhersteller erstellten Basis-Palette an, die verwendet werden soll.
+  - : Spezifiziert den Namen oder Index der vom Schriftartenersteller erstellten Basis-Palette, die verwendet werden soll.
 - {{cssxref("@font-palette-values/font-family", "font-family")}}
-  - : Gibt den Namen der Schriftfamilie an, auf die diese Palette angewendet werden kann.
+  - : Gibt den Namen der Schriftfamilie an, auf die diese Palette angewendet werden kann. Ein `font-family`-Name ist erforderlich, damit die `@font-palette-values`-Regel gültig ist.
 - {{cssxref("@font-palette-values/override-colors", "override-colors")}}
   - : Gibt die Farben in der Basis-Palette an, die überschrieben werden sollen.
 
@@ -39,7 +39,7 @@ Das [<dashed-ident>](/de/docs/Web/CSS/dashed-ident) ist ein benutzerdefini
 
 ### Farben in einer vorhandenen Palette überschreiben
 
-Dieses Beispiel zeigt, wie Sie einige oder alle Farben in einer Farbenschriftart ändern können.
+Dieses Beispiel zeigt, wie Sie einige oder alle Farben in einer Farb-Schriftart ändern können.
 
 #### HTML
 
@@ -69,7 +69,7 @@ p {
 
 #### Ergebnis
 
-Beim Überschreiben der Farben der normalen oder Basis-Palette am Index 0 müssen Sie nicht deklarieren, welche Basis-Palette verwendet werden soll. Dies sollte nur erfolgen, wenn eine andere Basis-Palette überschrieben wird. Wenn Sie alle Farben überschreiben, besteht ebenfalls keine Notwendigkeit, die zu verwendende Basis-Palette anzugeben.
+Beim Überschreiben von Farben der normalen oder der Basis-Palette an Index 0 müssen Sie nicht angeben, welche Basis-Palette verwendet werden soll. Dies sollte nur geschehen, wenn eine andere Basis-Palette überschrieben wird. Wenn Sie alle Farben überschreiben, ist es auch nicht notwendig, die zu verwendende Basis-Palette anzugeben.
 
 {{EmbedLiveSample("Overriding colors in an existing palette")}}
 

files/de/web/css/_colon_target/index.md

@@ -2,30 +2,30 @@
 title: ":target"
 slug: Web/CSS/:target
 l10n:
-  sourceCommit: 92447fec056cc89b7f28445851bea0c981fcbc12
+  sourceCommit: 5bcc3c7f96984e42dd8bb61ff97b7c5d64dd3e95
 ---
 
 {{CSSRef}}
 
-Die **`:target`** [CSS](/de/docs/Web/CSS) [Pseudoklasse](/de/docs/Web/CSS/Pseudo-classes) repräsentiert ein einzigartiges Element (das _Zielelement_) mit einer [`id`](/de/docs/Web/HTML/Global_attributes/id), die mit dem Fragment der URL übereinstimmt.
+Die **`:target`** [CSS](/de/docs/Web/CSS) [Pseudoklasse](/de/docs/Web/CSS/Pseudo-classes) wählt das _Zielelement des Dokuments_ aus. Wenn das Dokument geladen wird, wird das Zielelement mit Hilfe des [URL-Fragmentbezeichners](/de/docs/Web/URI/Fragment#fragment) des Dokuments ermittelt.
 
 ```css
-/* Selects an element with an ID matching the current URL's fragment */
+/* Selects document's target element */
 :target {
   border: 2px solid black;
 }
 ```
 
-Zum Beispiel hat die folgende URL ein Fragment (gekennzeichnet durch das _#_-Zeichen), das auf ein Element mit dem Namen `section2` verweist:
+Zum Beispiel enthält die folgende URL einen Fragmentbezeichner (gekennzeichnet durch das _#_-Zeichen), der das Element mit der [`id`](/de/docs/Web/HTML/Global_attributes/id) von `setup` als Zielelement des Dokuments markiert:
 
 ```url
-http://www.example.com/index.html#section2
+http://www.example.com/help/#setup
 ```
 
-Das folgende Element würde durch einen `:target`-Selektor ausgewählt werden, wenn die aktuelle URL der obigen entspricht:
+Das folgende Element würde durch einen `:target`-Selektor ausgewählt, wenn die aktuelle URL der obigen entspricht:
 
 ```html
-<section id="section2">Example</section>
+<section id="setup">Installation instructions</section>
 ```
 
 ## Syntax
@@ -36,14 +36,20 @@ Das folgende Element würde durch einen `:target`-Selektor ausgewählt werden, w
 }
 ```
 
+## Beschreibung
+
+Wenn ein HTML-Dokument geladen wird, legt der Browser sein Zielelement fest. Das Element wird mithilfe des URL-Fragmentbezeichners identifiziert. Ohne den URL-Fragmentbezeichner hat das Dokument kein Zielelement. Die `:target`-Pseudoklasse erlaubt es, das Zielelement des Dokuments zu stylen. Das Element könnte fokussiert, hervorgehoben, animiert usw. werden.
+
+Das Zielelement wird beim Laden des Dokuments sowie bei Aufrufen der Methoden [`history.back()`](/de/docs/Web/API/History/back), [`history.forward()`](/de/docs/Web/API/History/forward) und [`history.go()`](/de/docs/Web/API/History/forward) festgelegt. Es wird jedoch _nicht_ geändert, wenn die Methoden [`history.pushState()`](/de/docs/Web/API/History/pushState) und [`history.replaceState()`](/de/docs/Web/API/History/replaceState) aufgerufen werden.
+
 > [!NOTE]
-> Aufgrund [eines möglichen Fehlers in der CSS-Spezifikation](https://discourse.wicg.io/t/target-css-does-not-work-because-shadowroot-does-not-set-a-target-element/2070/) funktioniert `:target` nicht innerhalb eines [Web Components](/de/docs/Web/API/Web_components), weil die [Shadow-Root](/de/docs/Web/API/ShadowRoot) das Zielelement nicht in den Shadow-Baum weitergibt.
+> Aufgrund [eines möglichen Fehlers in der CSS-Spezifikation](https://discourse.wicg.io/t/target-css-does-not-work-because-shadowroot-does-not-set-a-target-element/2070/) funktioniert `:target` nicht innerhalb eines [Web-Komponents](/de/docs/Web/API/Web_components), da die [Shadow-Wurzel](/de/docs/Web/API/ShadowRoot) das Zielelement nicht in den Shadow-Baum hinunterreicht.
 
 ## Beispiele
 
 ### Ein Inhaltsverzeichnis
 
-Die `:target`-Pseudoklasse kann verwendet werden, um den Teil einer Seite, auf den von einem Inhaltsverzeichnis aus verwiesen wurde, hervorzuheben.
+Die `:target`-Pseudoklasse kann verwendet werden, um den Teil einer Seite hervorzuheben, der von einem Inhaltsverzeichnis aus verlinkt wurde.
 
 #### HTML
 
@@ -61,12 +67,12 @@ Die `:target`-Pseudoklasse kann verwendet werden, um den Teil einer Seite, auf d
 
 <h3>My Fun Article</h3>
 <p id="p1">
-  You can target <i>this paragraph</i> using a URL fragment. Click on the link
-  above to try out!
+  You can target <i>this paragraph</i> using a URL fragment. Click on the first
+  link above to try out!
 </p>
 <p id="p2">
-  This is <i>another paragraph</i>, also accessible from the links above. Isn't
-  that delightful?
+  This is <i>another paragraph</i>, also accessible from the second link above.
+  Isn't that delightful?
 </p>
 ```
 

files/de/web/css/css_selectors/using_the__colon_target_pseudo-class_in_selectors/index.md

@@ -1,37 +1,37 @@
 ---
-title: Verwendung der :target Pseudo-Klasse in Selektoren
+title: Verwenden der :target-Pseudoklasse in Selektoren
 slug: Web/CSS/CSS_selectors/Using_the_:target_pseudo-class_in_selectors
 l10n:
-  sourceCommit: 28bd7cc707ccf880a46be1ae53041fee47a705a8
+  sourceCommit: 5bcc3c7f96984e42dd8bb61ff97b7c5d64dd3e95
 ---
 
 {{CSSRef}}
 
-Wenn eine URL auf einen bestimmten Teil eines Dokuments verweist, kann es für den Nutzer schwierig sein, diesen zu bemerken. Erfahren Sie, wie Sie mit einfachem CSS die Aufmerksamkeit auf das Ziel einer URL lenken und die Benutzererfahrung verbessern können.
+Wenn eine URL mit einem [URL-Fragmentbezeichner](/de/docs/Web/URI/Fragment#fragment) auf ein bestimmtes Stück eines Dokuments zeigt, kann es für den Benutzer schwierig sein, dies zu bemerken. Dieser Leitfaden behandelt die Verwendung von CSS, um die Aufmerksamkeit auf das Ziel einer URL zu lenken und die Benutzerfreundlichkeit zu verbessern.
 
 ## Auswahl eines Ziels
 
-Die [Pseudo-Klasse](/de/docs/Web/CSS/Pseudo-classes) {{cssxref(":target")}} wird verwendet, um das Zielelement einer URL mit einem Fragmentbezeichner zu stylen. Zum Beispiel enthält die URL `https://developer.mozilla.org/de/docs/Web/CSS#reference` den Fragmentbezeichner `#reference`. In HTML werden Bezeichner als Werte der Attribute `id` oder `name` gefunden, da beide denselben Namespace teilen. Somit würde die Beispiel-URL auf die Überschrift "reference" in diesem Dokument verweisen.
+Die [Pseudoklasse](/de/docs/Web/CSS/Pseudo-classes) {{cssxref(":target")}} wird verwendet, um das Zielelement des Dokuments zu stylen, das mit dem URL-Fragmentbezeichner identifiziert wird. Zum Beispiel enthält die URL `https://developer.mozilla.org/de/docs/Web/CSS#reference` den Fragmentbezeichner `#reference`. In HTML werden Bezeichner als Werte der `id`- oder `name`-Attribute gefunden, da beide denselben Namensraum teilen. Daher würde die Beispiel-URL auf das Element verweisen, das in diesem Dokument die id `reference` hat.
 
-Angenommen, Sie möchten ein `h2`-Element stylen, das das Ziel einer URL ist, aber kein anderes Element soll einen Zielstil erhalten. Dies ist einfach:
+Angenommen, Sie möchten jedes `h2`-Element stylen, das das Ziel einer URL ist, aber kein anderes Element soll diesen Zielstil erhalten. Dies ist einfach genug:
 
 ```css
 h2:target {
   outline: 2px solid;
 }
 ```
 
-Es ist auch möglich, Stile zu erstellen, die sich auf ein bestimmtes Fragment des Dokuments beziehen. Dies geschieht mit dem gleichen Identifikationswert, der in der URI gefunden wird. Um also einer Hintergrundfarbe zum `#reference` Fragment hinzuzufügen, würden wir schreiben:
+Es ist auch möglich, Stile zu erstellen, die spezifisch für einen bestimmten Fragmentteil des Dokuments sind. Dies geschieht mit dem gleichen Identifikationswert, der in der URI gefunden wird. Um also eine Hintergrundfarbe zum Fragment `#reference` hinzuzufügen, würden wir schreiben:
 
 ```css
 #reference:target {
   background-color: yellow;
 }
 ```
 
-## Alle Elemente anvisieren
+## Zielrichtung aller Elemente
 
-Wenn beabsichtigt ist, einen "flächendeckenden" Stil zu erstellen, der für alle anvisierten Elemente gilt, ist der Universalselektor nützlich:
+Wenn die Absicht besteht, einen "pauschalen" Stil zu erstellen, der auf alle anvisierten Elemente angewendet wird, dann ist der Universalselektor hilfreich:
 
 ```css
 :target {
@@ -41,7 +41,7 @@ Wenn beabsichtigt ist, einen "flächendeckenden" Stil zu erstellen, der für all
 
 ## Beispiel
 
-Im folgenden Beispiel gibt es fünf Links, die auf Elemente im selben Dokument verweisen. Die Auswahl des Links "First" führt dazu, dass `<h1 id="one">` zum Zielelement wird. Beachten Sie, dass das Dokument möglicherweise zu einer neuen Scroll-Position springt, da Zielelemente, wenn möglich, oben im Browserfenster platziert werden.
+Im folgenden Beispiel gibt es fünf Links, die auf Elemente im selben Dokument verweisen. Wenn Sie beispielsweise den Link "First" auswählen, wird `<h1 id="one">` zum Zielelement. Beachten Sie, dass das Dokument möglicherweise zu einer neuen Scrollposition springt, da Zielelemente, wenn möglich, am oberen Rand des Browserfensters platziert werden.
 
 ```html
 <h4 id="one">…</h4>
@@ -58,7 +58,7 @@ Im folgenden Beispiel gibt es fünf Links, die auf Elemente im selben Dokument v
 
 ## Fazit
 
-In Fällen, in denen ein Fragmentbezeichner auf einen Teil des Dokuments verweist, könnten Leser verwirrt darüber sein, welchen Teil des Dokuments sie lesen sollen. Indem Sie das Ziel einer URI stylen, kann die Verwirrung der Leser verringert oder beseitigt werden.
+In Fällen, in denen ein Fragmentbezeichner auf einen Teil des Dokuments verweist, können Leser verwirrt darüber sein, welchen Teil des Dokuments sie lesen sollen. Indem das Ziel einer URI gestylt wird, kann die Verwirrung der Leser verringert oder beseitigt werden.
 
 ## Siehe auch
 

files/de/web/css/page-break-after/index.md

@@ -2,15 +2,15 @@
 title: page-break-after
 slug: Web/CSS/page-break-after
 l10n:
-  sourceCommit: fc1cc5684c98d19816d5cc81702d70f2a0debbad
+  sourceCommit: cebc05cfe508d5cd8c6a98359a3913cf19a707d3
 ---
 
-{{CSSRef}}
+{{CSSRef}}{{deprecated_header}}
 
 > [!WARNING]
-> Diese Eigenschaft wurde durch die {{cssxref("break-after")}} Eigenschaft ersetzt.
+> Diese Eigenschaft wurde durch die Eigenschaft {{cssxref("break-after")}} ersetzt.
 
-Die **`page-break-after`** [CSS](/de/docs/Web/CSS) Eigenschaft regelt Seitenumbrüche _nach_ dem aktuellen Element.
+Die **`page-break-after`** [CSS](/de/docs/Web/CSS) Eigenschaft passt Seitenumbrüche _nach_ dem aktuellen Element an.
 
 {{EmbedInteractiveExample("pages/css/page-break-after.html")}}
 
@@ -34,30 +34,30 @@ page-break-after: revert-layer;
 page-break-after: unset;
 ```
 
-Diese Eigenschaft gilt für Block-Elemente, die eine Box generieren. Sie wird nicht auf einen leeren {{HTMLElement("div")}} angewendet, der keine Box generiert.
+Diese Eigenschaft gilt für Blockelemente, die ein Kästchen erzeugen. Sie gilt nicht für ein leeres {{HTMLElement("div")}}, das kein Kästchen erzeugen wird.
 
 ### Werte
 
 - `auto`
-  - : Standardwert. Automatische Seitenumbrüche (weder erzwungen noch verboten).
+  - : Anfangswert. Automatische Seitenumbrüche (weder erzwungen noch verhindert).
 - `always`
-  - : Erzwingen Sie immer Seitenumbrüche nach dem Element.
+  - : Erzwingt immer einen Seitenumbruch nach dem Element.
 - `avoid`
-  - : Vermeiden Sie Seitenumbrüche nach dem Element.
+  - : Vermeidet Seitenumbrüche nach dem Element.
 - `left`
-  - : Erzwingen Sie Seitenumbrüche nach dem Element, sodass die nächste Seite als linke Seite formatiert wird. Dies ist die Seite, die auf der linken Seite des Buchrückens platziert wird oder die Rückseite der Seite beim Duplexdruck.
+  - : Erzwingt Seitenumbrüche nach dem Element, sodass die nächste Seite als linke Seite formatiert wird. Es ist die Seite, die auf der linken Seite des Buchrückens oder auf der Rückseite der Seite im Duplexdruck platziert wird.
 - `right`
-  - : Erzwingen Sie Seitenumbrüche nach dem Element, sodass die nächste Seite als rechte Seite formatiert wird. Dies ist die Seite, die auf der rechten Seite des Buchrückens platziert wird oder die Vorderseite der Seite beim Duplexdruck.
+  - : Erzwingt Seitenumbrüche nach dem Element, sodass die nächste Seite als rechte Seite formatiert wird. Es ist die Seite, die auf der rechten Seite des Buchrückens oder auf der Vorderseite der Seite im Duplexdruck platziert wird.
 - `recto`
-  - : Wenn die Seiten von links nach rechts verlaufen, wirkt dies wie `right`. Wenn die Seiten von rechts nach links verlaufen, wirkt dies wie `left`.
+  - : Wenn die Seiten von links nach rechts verlaufen, verhält sich dies wie `right`. Wenn die Seiten von rechts nach links verlaufen, verhält sich dies wie `left`.
 - `verso`
-  - : Wenn die Seiten von links nach rechts verlaufen, wirkt dies wie `left`. Wenn die Seiten von rechts nach links verlaufen, wirkt dies wie `right`.
+  - : Wenn die Seiten von links nach rechts verlaufen, verhält sich dies wie `left`. Wenn die Seiten von rechts nach links verlaufen, verhält sich dies wie `right`.
 
-## Seitenumbruch Aliasse
+## Seitenumbruch-Aliase
 
-Die `page-break-after` Eigenschaft ist jetzt eine veraltete Eigenschaft, die durch {{cssxref("break-after")}} ersetzt wurde.
+Die Eigenschaft `page-break-after` ist jetzt eine veraltete Eigenschaft und wurde durch {{cssxref("break-after")}} ersetzt.
 
-Aus Kompatibilitätsgründen sollte `page-break-after` von Browsern als Alias für `break-after` behandelt werden. Dies stellt sicher, dass Websites, die `page-break-after` verwenden, weiterhin wie vorgesehen funktionieren. Ein Teil der Werte sollte wie folgt als Aliasse behandelt werden:
+Aus Kompatibilitätsgründen sollte `page-break-after` von Browsern als Alias von `break-after` behandelt werden. Dies stellt sicher, dass Websites, die `page-break-after` verwenden, weiterhin wie vorgesehen funktionieren. Ein Teil der Werte sollte wie folgt als Aliase behandelt werden:
 
 | page-break-after | break-after |
 | ---------------- | ----------- |