frontend/src/lib/components/StammbaumSidePanel.svelte

@@ -208,15 +208,15 @@ const topDerived = $derived(
 					<form onsubmit={submitAdd} class="mt-3 flex flex-col gap-2">
 						<select
 							bind:value={addType}
-							aria-label="Typ"
+							aria-label={m.relation_form_field_type()}
 							class="h-8 rounded-sm border border-line bg-surface px-2 font-sans text-xs text-ink focus:border-primary focus:outline-none"
 						>
-							<optgroup label="Familie">
+							<optgroup label={m.relation_form_group_family()}>
 								<option value="PARENT_OF">{m.relation_parent_of()}</option>
 								<option value="SPOUSE_OF">{m.relation_spouse_of()}</option>
 								<option value="SIBLING_OF">{m.relation_sibling_of()}</option>
 							</optgroup>
-							<optgroup label="Sozial">
+							<optgroup label={m.relation_form_group_social()}>
 								<option value="FRIEND">{m.relation_friend()}</option>
 								<option value="COLLEAGUE">{m.relation_colleague()}</option>
 								<option value="EMPLOYER">{m.relation_employer()}</option>
@@ -239,7 +239,7 @@ const topDerived = $derived(
 								type="text"
 								inputmode="numeric"
 								pattern="[0-9]*"
-								placeholder="Von Jahr"
+								placeholder={m.relation_form_field_from_year()}
 								bind:value={addFromYear}
 								class="h-8 min-w-0 flex-1 rounded-sm border border-line bg-surface px-2 font-sans text-xs text-ink focus:border-primary focus:outline-none"
 							/>
@@ -247,7 +247,7 @@ const topDerived = $derived(
 								type="text"
 								inputmode="numeric"
 								pattern="[0-9]*"
-								placeholder="Bis Jahr"
+								placeholder={m.relation_form_field_to_year()}
 								bind:value={addToYear}
 								class="h-8 min-w-0 flex-1 rounded-sm border border-line bg-surface px-2 font-sans text-xs text-ink focus:border-primary focus:outline-none"
 							/>