chore(i18n,learn): processed translations (#50480)

curriculum/challenges/german/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md

@@ -7,7 +7,7 @@ dashedName: step-41
 
 # --description--
 
-Do not forget to give your `form` a submit button with the text `Send`.
+Denke daran, deiner `form` einen Bestätigungsbutton mit dem Text `Send` zu geben.
 
 # --hints--
 
@@ -17,7 +17,7 @@ Du solltest entweder ein `button`- oder ein `input`-Element hinzufügen.
 assert.exists(document.querySelector('button') || document.querySelector('main > input') || document.querySelector('form > input'));
 ```
 
-You should place the submit button within the `form` element.
+Du solltest den Bestätigungsbutton innerhalb des `form`-Elements platzieren.
 
 ```js
 assert.exists(document.querySelector('form > button') || document.querySelector('form > input'));

curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866de7a5b784048f94b1.md

@@ -9,7 +9,7 @@ dashedName: step-36
 
 So in etwa ist es das, was du möchtest, aber jetzt wäre es noch schön, wenn die Sorte und der Preis sich in der gleichen Zeile befinden würden. `p`-Elemente sind <dfn>block-level</dfn>-Elemente, sie nehmen also die gesamte Breite des übergeordneten Elements in Anspruch.
 
-To get them on the same line, you need to apply some styling to the `p` elements so they behave more like <dfn>inline</dfn> elements. To do that, start by adding a `class` attribute with the value `item` to the first `article` element under the `Coffee` heading.
+Um sie auf die gleiche Zeile zu bringen, musst du die `p`-Elemente ein wenig gestalten, damit sie sich mehr wie <dfn>inline</dfn>-Elemente verhalten. To do that, start by adding a `class` attribute with the value `item` to the first `article` element under the `Coffee` heading.
 
 # --hints--
 

curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3ef6e0e9629bad967cd71e.md

@@ -7,7 +7,7 @@ dashedName: step-59
 
 # --description--
 
-You can add a <dfn>fallback</dfn> value for the font-family by adding another font name separated by a comma. Fallbacks werden in Instanzen verwendet, in denen der Start nicht gefunden wurde/verfügbar ist.
+Du kannst einen <dfn>fallback</dfn>-Wert für die Schriftfamilie hinzufügen, indem du einen weiteren durch ein Komma getrennten Schriftnamen hinzufügst. Fallbacks werden in Instanzen verwendet, in denen der Start nicht gefunden wurde/verfügbar ist.
 
 Füge die Fallback-Schriftart `serif` nach der `Impact`-Schriftart hinzu.
 

curriculum/challenges/german/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f45b4c81cea7763550e40df.md

@@ -7,7 +7,7 @@ dashedName: step-83
 
 # --description--
 
-To keep with the same color theme you have already been using (black and brown), change the color for when the link is visited to `black` and use `brown` for when the link is actually clicked.
+Um bei dem gleichen Farbschema zu bleiben, das du bereits verwendet hast (schwarz und braun), ändere die Farbe für den Fall, dass der Link besucht wird zu `black` und verwende `brown` für den Fall, dass der Link tatsächlich angeklickt wird.
 
 # --hints--
 

curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61764fdda535587e1fefb3aa.md

@@ -11,7 +11,7 @@ Add the class `two` to the second marker `div`, and add the class `three` to the
 
 # --hints--
 
-You should add the class `two` to the second marker `div` element in the `container` `div`.
+Du solltest die Klasse `two` zum zweiten `div`-Markierungselement in dem `container` `div` hinzufügen.
 
 ```js
 const containerSecondChild = [...document.querySelector('.container')?.children][1];

curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61b093179e7fc020b43b1bb3.md

@@ -7,11 +7,11 @@ dashedName: step-73
 
 # --description--
 
-<dfn>Opacity</dfn> describes how opaque, or non-transparent, something is. For example, a solid wall is opaque, and no light can pass through. But a drinking glass is much more transparent, and you can see through the glass to the other side.
+<dfn>Opacity</dfn> beschreibt, wie blickdicht oder undurchsichtig etwas ist. For example, a solid wall is opaque, and no light can pass through. But a drinking glass is much more transparent, and you can see through the glass to the other side.
 
 With the CSS `opacity` property, you can control how opaque or transparent an element is. With the value `0`, or 0%, the element will be completely transparent, and at `1.0`, or 100%, the element will be completely opaque like it is by default.
 
-In the `.sleeve` CSS rule, set the `opacity` property to `0.5`.
+Setze in der `.sleeve`-CSS-Regel die `opacity`-Eigenschaft auf `0.5`.
 
 # --hints--
 

curriculum/challenges/german/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bd62bbb8c83a5f1fc1b3.md

@@ -11,7 +11,7 @@ Create a `.hero-title` selector and give it a `text-align` property set to `cent
 
 # --hints--
 
-You should have a `.hero-title` selector.
+Du solltest einen `.hero-title`-Selektor haben.
 
 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.hero-title'));

curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfb6250eacea3f48c6300b2.md

@@ -17,7 +17,7 @@ And its `alt` attribute value to:
 
 # --hints--
 
-There should be an `img` element right after the closing `</ul>` tag.
+Es sollte ein `img`-Element direkt nach dem schließenden `</ul>`-Tag geben.
 
 ```js
 assert($('section')[1].lastElementChild.nodeName === 'IMG');
@@ -40,7 +40,7 @@ assert(
 );
 ```
 
-The new image does not have an `src` attribute. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names.
+Das neue Bild besitzt kein `src`-Attribut. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names.
 
 ```js
 assert($('section')[1].lastElementChild.hasAttribute('src'));

curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f05a1d8e233dff4a68508d8.md

@@ -7,7 +7,7 @@ dashedName: step-47
 
 # --description--
 
-Create another radio button below the first one. Nest it inside a `label` element with `Outdoor` as the `label` text. Give the radio button an `id` attribute with `outdoor` as the value.
+Erstelle einen weiteren Radio-Button unterhalb des ersten. Nest it inside a `label` element with `Outdoor` as the `label` text. Gib dem Radio-Button ein `id`-Attribut mit `outdoor` als Wert.
 
 # --hints--
 
@@ -17,7 +17,7 @@ Only the original `Indoor` radio button `input` should have an `id` set to `indo
 assert(document.querySelectorAll('#indoor').length < 2);
 ```
 
-You should not make any changes to the `Indoor` radio button. You can restart the step to get the original HTML back if needed.
+Du solltest keine Änderungen an dem `Indoor`-Radio-Button vornehmen. You can restart the step to get the original HTML back if needed.
 
 ```js
 const indoorInput = document.querySelectorAll('#indoor');
@@ -29,7 +29,7 @@ assert(
 );
 ```
 
-You should add exactly one new `input` element nested in a new `label` element. Make sure your new `label` has both an opening and closing tag.
+Du solltest genau ein neues `input`-Element hinzufügen, das in ein neues `label`-Element eingebettet ist. Make sure your new `label` has both an opening and closing tag.
 
 ```js
 assert(document.querySelectorAll('label input').length === 2);
@@ -75,7 +75,7 @@ The label text for your new radio button must be exactly `Outdoor`. This include
 assert(document.querySelector('label > input[id="outdoor"]')?.nextSibling?.nodeValue?.replace(/^\s+|\s+$/g, '') === 'Outdoor');
 ```
 
-Your new radio button and label should be immediately below/after the `Indoor` radio button and label. There should be no other tags between them.
+Your new radio button and label should be immediately below/after the `Indoor` radio button and label. Es sollte keine weiteren Tags zwischen ihnen geben.
 
 ```js
 assert(code.match(/<\/label>\s*<label\s*>\s*<input [^>]+>\s*Outdoor/i));

curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f07be6ef7412fbad0c5626b.md

@@ -13,7 +13,7 @@ Take your `h2`, comment, `p`, and anchor (`a`) elements and nest them in a `sect
 
 # --hints--
 
-Your `section` element should have an opening tag. Opening tags have the following syntax: `<elementName>`.
+Your `section` element should have an opening tag. Öffnende Tags haben die folgende Syntax: `<elementName>`.
 
 ```js
 assert(document.querySelector('section'));
@@ -41,7 +41,7 @@ const foundElements = childrenOfSection.filter((child) => {
 assert(foundElements.length === 3);
 ```
 
-The `h1` element should not be nested in the `section` element.
+Das `h1`-Element sollte nicht im `section`-Element verschachtelt werden.
 
 ```js
 const childrenOfSection = [...document.querySelector('section').childNodes];

curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md

@@ -7,11 +7,11 @@ dashedName: step-10
 
 # --description--
 
-That is better. Now, make the background easy on the eyes, by changing the `body` `background-color` to `#1b1b32`. Then, to see the text, change the `color` to `#f5f6f7`.
+Das ist besser. Now, make the background easy on the eyes, by changing the `body` `background-color` to `#1b1b32`. Ändere dann, um den Text zu sehen, die `color` auf `#f5f6f7`.
 
 # --hints--
 
-You should add the `background-color` within the `body` element selector.
+Du solltest innerhalb des `body`-Elementselektors die `background-color` hinzufügen.
 
 ```js
 assert.isNotEmpty(new __helpers.CSSHelp(document).getStyle('body')?.backgroundColor);
@@ -23,7 +23,7 @@ You should give the `background-color` a value of `#1b1b32`.
 assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.backgroundColor, 'rgb(27, 27, 50)');
 ```
 
-You should add the `color` within the `body` element selector.
+Du solltest die `color` innerhalb des `body`-Elementselektors hinzufügen.
 
 ```js
 assert.isNotEmpty(new __helpers.CSSHelp(document).getStyle('body')?.color);

curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md

@@ -7,9 +7,9 @@ dashedName: step-37
 
 # --description--
 
-The `textarea` element acts like an `input` element of type `text`, but comes with the added benefit of being able to receive multi-line text, and an initial number of text rows and columns.
+Das `textarea`-Element wirkt wie ein `input`-Element des Typs `text`, aber bietet den zusätzlichen Vorteil, dass du mehrzeiligen Text und eine ursprüngliche Anzahl an Textzeilen und Spalten empfangen kannst.
 
-Users will be able to register with a bio. Add a `label` with the text `Provide a bio:` at the end of the `fieldset`. Add a `textarea` element inside the `label` element. Note that the `textarea` requires a closing tag.
+Benutzer werden sich mit einer Bio registrieren können. Add a `label` with the text `Provide a bio:` at the end of the `fieldset`. Add a `textarea` element inside the `label` element. Note that the `textarea` requires a closing tag.
 
 # --hints--
 

curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md

@@ -11,7 +11,7 @@ Center the `h1` and `p` elements by giving them a `margin` of `1em auto`. Then,
 
 # --hints--
 
-You should use a comma-separated element selector to style the `h1` and `p` elements.
+Du solltest einen Elementselektor, der mit Kommas getrennt ist, verwenden, um die `h1`- und `p`-Elemente zu gestalten.
 
 ```js
 assert.exists(new __helpers.CSSHelp(document).getStyle('h1, p'));

curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md

@@ -7,13 +7,13 @@ dashedName: step-52
 
 # --description--
 
-If you look close enough, you will notice the `.inline` elements are too high on the line.
+Wenn du genau hinschaust, wirst du merken, dass die `.inline`-Elemente zu hoch angesetzt sind.
 
-To combat this, set the `vertical-align` property to `middle`.
+Setze die `vertical-align`-Eigenschaft auf `middle`, um dies zu lösen.
 
 # --hints--
 
-You should set the `vertical-align` property to `middle` for all `.inline` elements.
+Du solltest für alle `.inline`-Elemente die `vertical-align`-Eigenschaft auf `middle` setzen.
 
 ```js
 assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign, 'middle');

curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fd7648a7ba2e5882436831.md

@@ -7,7 +7,7 @@ dashedName: step-12
 
 # --description--
 
-Within your `tbody` element, add four `tr` elements. Give the first three a `class` attribute set to `data`, and the fourth a `class` attribute set to `total`.
+Füge innerhalb deines `tbody`-Elements vier `tr`-Elemente hinzu. Give the first three a `class` attribute set to `data`, and the fourth a `class` attribute set to `total`.
 
 # --hints--
 
@@ -19,7 +19,7 @@ assert(children?.length === 4);
 children.forEach(child => assert(child?.localName === 'tr'));
 ```
 
-Your first three `tr` elements should have the `class` attribute set to `data`.
+Deine ersten drei `tr`-Elemente sollten das `class`-Attribut auf `data` gesetzt haben.
 
 ```js
 const children = [...document.querySelector('tbody')?.children];
@@ -30,7 +30,7 @@ children.forEach((child, index) => {
 });
 ```
 
-Your fourth `tr` element should have the `class` attribute set to `total`.
+Dein viertes `tr`-Element sollte das `class`-Attribut auf `total` gesetzt haben.
 
 ```js
 const children = [...document.querySelector('tbody')?.children];

curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fd990577d8227dd93fbeeb.md

@@ -19,7 +19,7 @@ Your fourth `tr` should have a `th` element.
 assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelector('th'));
 ```
 
-Your `th` element should have the text `Total Liabilities`.
+Dein `th`-Element sollte den Text `Total Liabilities` enthalten.
 
 ```js
 assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelector('th')?.innerText === 'Total Liabilities');
@@ -31,37 +31,37 @@ You should wrap the text `Liabilities` in a `span` element.
 assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelector('th > span')?.textContent === 'Liabilities');
 ```
 
-Your `span` element should have the `class` attribute set to `sr-only`.
+Dein `span`-Element sollte das `class`-Attribut auf `sr-only` gesetzt haben.
 
 ```js
 assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelector('th > span')?.classList?.contains('sr-only'));
 ```
 
-You should have three `td` elements.
+Du solltest drei `td`-Elemente haben.
 
 ```js
 assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelectorAll('td').length === 3);
 ```
 
-Your first `td` element should have the text `$750`.
+Dein erstes `td`-Element sollte den Text `$750` enthalten.
 
 ```js
 assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelectorAll('td')?.[0]?.textContent === '$750');
 ```
 
-Your second `td` element should have the text `$600`.
+Dein zweites `td`-Element sollte den Text `$600` enthalten.
 
 ```js
 assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelectorAll('td')?.[1]?.textContent === '$600');
 ```
 
-Your third `td` element should have the text `$475`.
+Dein drittes `td`-Element sollte den Text `$475` enthalten.
 
 ```js
 assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelectorAll('td')?.[2]?.textContent === '$475');
 ```
 
-Your third `td` element should have the `class` set to `current`.
+Dein drittes `td`-Element sollte die `class` auf `current` gesetzt haben.
 
 ```js
 assert(document.querySelectorAll('table')?.[1]?.querySelector('tbody')?.querySelectorAll('tr')?.[3]?.querySelectorAll('td')?.[2]?.classList?.contains('current'));

curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612e7d1c29fb872d6384379c.md

@@ -11,7 +11,7 @@ Nest a second `div` within your existing `div`, and set the `class` to be `keys`
 
 # --hints--
 
-You should create a second `div` element.
+Du solltest ein zweites `div`-Element erstellen.
 
 ```js
 const divDiv = document.querySelectorAll('div');
@@ -26,7 +26,7 @@ assert(div?.children?.length === 1);
 assert(div?.children?.[0]?.localName === 'div');
 ```
 
-Your new `div` element should have the `class` set to `keys`.
+Dein neues `div`-Element sollte die `class` auf `keys` gesetzt haben.
 
 ```js
 const div = document.querySelector('div');

curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad69975.md

@@ -7,20 +7,20 @@ dashedName: step-12
 
 # --description--
 
-Write a new rule using the `.frame` class selector.
+Schreibe eine neue Regel, indem du den `.frame`-Klassenselektor verwendest.
 
-Use the `border` shorthand declaration to give the `.frame` element a solid, black border with a width of `50px`.
+Nutze die `border`-Kurzbezeichnung, um dem `.frame`-Element einen soliden, schwarzen Rand mit einer Breite von `50px` zu geben.
 
 # --hints--
 
-Your code should have a `.frame` selector.
+Dein Code sollte einen `.frame`-Selektor haben.
 
 ```js
 const hasFrame = new __helpers.CSSHelp(document).getStyle('.frame');
 assert(hasFrame);
 ```
 
-You should set the `border` property to `50px solid black`.
+Du solltest die `border`-Eigenschaft auf `50px solid black` setzen.
 
 ```js
 const hasBorder = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style.border === '50px solid black');

curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6998f.md

@@ -7,7 +7,7 @@ dashedName: step-37
 
 # --description--
 
-The rectangles are too small and their edges don't have the soft quality of a painting.
+Die Rechtecke sind zu klein und ihre Kanten haben keine weiche Qualität eines Bildes.
 
 Increase the area and soften the edges of `.one` by setting its `box-shadow` to `0 0 3px 3px #efb762`.
 

curriculum/challenges/german/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f575b50b91e72af079480.md

@@ -7,17 +7,17 @@ dashedName: step-35
 
 # --description--
 
-Create a new `.left-container p` selector setting the top and bottom margin to `-5px`, and the left and right margin to `-2px`. Also set the `font-size` to `2em` and `font-weight` to `700`.
+Create a new `.left-container p` selector setting the top and bottom margin to `-5px`, and the left and right margin to `-2px`. Setze auch die `font-size` auf `2em` und `font-weight` auf `700`.
 
 # --hints--
 
-You should have a new `.left-container p` selector.
+Du solltest einen neuen `.left-container p`-Selektor haben.
 
 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.left-container p'));
 ```
 
-Your new `.left-container p` selector should have a `margin` property set to `-5px -2px`.
+Dein neuer `.left-container p`-Selektor sollte eine `margin`-Eigenschaft auf `-5px -2px` gesetzt haben.
 
 ```js
 assert.equal(new __helpers.CSSHelp(document).getStyle('.left-container p')?.marginTop, '-5px');

curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/616965351e74d4689eb6de30.md

@@ -7,7 +7,7 @@ dashedName: step-5
 
 # --description--
 
-Você pode ter vários elementos `meta` de fechamento automático em uma página da web. Each `meta` element adds information about the page that cannot be expressed by other HTML elements.
+Você pode ter vários elementos `meta` de fechamento automático em uma página da web. Cada elemento `meta` adiciona informações sobre a página que não podem ser expressas por outros elementos do HTML.
 
 Adicione outro elemento `meta` de fechamento automático dentro do elemento `head`. Dê a ele o atributo `name` definido como `viewport` e o atributo `content` definido como `width=device-width, initial-scale=1.0` para que a página tenha a mesma aparência em todos os dispositivos.