feat: add topic selector to contact form

assets/sass/fonts.scss

@@ -122,10 +122,15 @@
 }
 
 body,
-button {
+input,
+textarea,
+select,
+.a-button {
   font-family: "Roboto", Arial, Helvetica, sans-serif;
   word-wrap: break-word;
   hyphens: auto;
+  font-size: 1.8rem;
+  line-height: 1.5;
 }
 
 .material-symbols-rounded::before {

assets/sass/form.scss

@@ -2,9 +2,10 @@
   margin-bottom: 1.6rem;
   margin-left: 0;
   margin-right: 0;
+  width: 100%;
 
-  @media (max-width: #{$breakpoint-md}) {
-    max-width: fit-content;
+  @media (min-width: #{$breakpoint-md}) {
+    width: 66%;
   }
 
   label {
@@ -24,13 +25,18 @@
     background-color: var(--bg-neutral);
     color: var(--body-color);
     resize: vertical;
-
-    @media (min-width: #{$breakpoint-md}) {
-      width: 50%;
-    }
+    text-overflow: ellipsis;
 
     @include focus-indicator(0.2rem);
   }
+
+  select {
+    height: 5.5rem;
+  }
+
+  .a-button {
+    border: 0.2rem solid var(--link-default);
+  }
 }
 
 #success {
@@ -40,4 +46,5 @@
   background-color: green;
   color: white;
   text-align: left;
+  width: fit-content;
 }

assets/sass/styles.scss

@@ -7,10 +7,8 @@ html {
 body {
   color: var(--color-body);
   background-color: var(--bg-neutral);
-  font-size: 1.8rem;
   overflow-x: hidden;
   margin: 0;
-  line-height: 1.5;
 
   @media print {
     print-color-adjust: exact;

content/contact/index.de.md

@@ -18,5 +18,3 @@ Die FIP Guide Community ist über die Online-Plattform _Discord_ erreichbar und
 Kontaktiere das Team hinter dem FIP Guide – wir sind für Fragen und Anmerkungen erreichbar und freuen uns auf deinen Inhaltsbeitrag.
 
 {{< contact-form >}}
-
-Oder schreibe uns eine Mail: [nextstop@fipguide.org](mailto:nextstop@fipguide.org)

content/contact/index.en.md

@@ -18,5 +18,3 @@ The FIP Guide Community is available on the online platform _Discord_ and suppor
 Contact the team behind the FIP Guide – we are here for questions and comments and look forward to your content contribution.
 
 {{< contact-form >}}
-
-Or write us an email: [nextstop@fipguide.org](mailto:nextstop@fipguide.org)

content/contact/index.fr.md

@@ -18,5 +18,3 @@ La communauté FIP Guide est accessible via la plateforme en ligne _Discord_ et
 Contactez l'équipe derrière le FIP Guide – nous sommes à votre disposition pour vos questions, remarques ou contributions de contenu.
 
 {{< contact-form >}}
-
-Ou écrivez-nous un e-mail : [nextstop@fipguide.org](mailto:nextstop@fipguide.org)

i18n/de.yaml

@@ -16,15 +16,75 @@ booking:
   visit-additional-information-website: Weitere Informationen
   visit-booking-website: Zur Buchungsseite
 contact:
+  accessibility:
+    label: 'Feedback zur Website: Barrierefreiheit'
+    message: 'Beschreibe bitte, wie wir uns verbessern können:'
+    webpage: Betroffene Seite (URL)
+  content:
+    label: 'Feedback zur Website: Inhaltliche Ergänzung oder Korrektur'
   emailLabel: 'E-Mail-Adresse:'
   emailSubject: Neue Nachricht vom FIP Guide
+  empty: Bitte wählen …
+  feedback:
+    label: 'Feedback zur Website: Lob und Kritik'
+    note: >-
+      Wir freuen uns über jedes Feedback, um die Website für unsere Kolleginnen
+      und Kollegen der FIP-Mitglieder zu verbessern.
+  fipcard:
+    label: Beantragung von FIP Ausweis und FIP Freifahrtschein
+    note: >-
+      Leider können wir in diesem Fall nicht weiterhelfen. Wir sind ein
+      unabhängiges Community-Projekt und können daher die Ausstellung von FIP
+      Ausweisen und Freifahrtscheinen nicht beeinflussen.
+
+
+      Bitte wende dich an deine zuständige Personalabteilung.
   formAriaLabel: Kontaktformular
+  general:
+    label: Allgemeine Frage zur FIP-Nutzung
+    note: >-
+      Allgemeine Fragen beantworten wir auf der Seite [Übergreifende
+      Informationen](/generalinformation). Nutze auch gern die Suche für
+      konkrete Suchbegriffe.
+
+      Detaillierte Informationen sind auf [Landesseiten](/country) und
+      [Betreiberseiten](/operator) zu finden.
+
+
+      Konkrete Fragen beantwortet die Community und das FIP Guide Team auf
+      [Discord](https://discord.gg/5nWS9Eu9zz).
   messageLabel: 'Nachricht:'
   nameLabel: 'Name:'
+  others:
+    label: Sonstiges
+    topicLabel: 'Zusammenfassung:'
+  routes:
+    label: Frage zu Reiserouten und Zügen
+    note: >-
+      Nutze die Suche, um passende Informationen zu deiner Reise zu finden.
+
+      Detaillierte Informationen sind auf [Landesseiten](/country) und
+      [Betreiberseiten](/operator) zu lesen.
+
+
+      Konkrete Fragen beantwortet die Community und das FIP Guide Team auf
+      [Discord](https://discord.gg/5nWS9Eu9zz).
   submitButton: Absenden
   successMessage: >-
     Vielen Dank! Deine Nachricht wurde erfolgreich gesendet. Wir melden uns
     schnellstmöglich zurück.
+  tickets:
+    label: Frage zum Ticketkauf und zu Reservierungen
+    note: >-
+      Wir können keine Tickets und Reservierungen für Züge verkaufen.
+
+      Informationen zu den Buchungsmöglichkeiten findest du auf der
+      [Betreiberseite](/operator) des jeweiligen Unternehmens.
+
+
+      Konkrete Fragen beantwortet die Community und das FIP Guide Team auf
+      [Discord](https://discord.gg/5nWS9Eu9zz).
+  topicLabel: 'Kategorie:'
 contentNavigation:
   button: Inhaltsübersicht öffnen und schließen
   relatedCountries: Länder, in den der Betreibers aktiv ist

i18n/en.yaml

@@ -16,15 +16,74 @@ booking:
   visit-additional-information-website: Additional Information
   visit-booking-website: To Booking Website
 contact:
+  accessibility:
+    label: 'Website Feedback: Accessibility'
+    message: 'Please describe how we can improve:'
+    webpage: Affected page (URL)
+  content:
+    label: 'Website Feedback: Content Addition or Correction'
   emailLabel: 'Email:'
   emailSubject: New Message from FIP Guide
+  empty: Please select …
+  feedback:
+    label: 'Website Feedback: Praise and Criticism'
+    note: >-
+      We welcome any feedback to improve the website for our colleagues who are
+      FIP members.
+  fipcard:
+    label: Application for FIP Card and FIP Coupon
+    note: >-
+      Unfortunately, we are unable to help in this case. We are an independent
+      community project and therefore cannot influence the issuance of FIP Cards
+      and FIP Coupons.
+
+      Please contact your responsible HR department.
   formAriaLabel: Contact Form
+  general:
+    label: General question about using FIP
+    note: >-
+      We answer general questions on the [General
+      Information](/generalinformation) page. Feel free to use the search for
+      specific terms.
+
+      Detailed information can be found on [country pages](/country) and
+      [operator pages](/operator).
+
+
+      Specific questions are answered by the community and the FIP Guide team on
+      [Discord](https://discord.gg/5nWS9Eu9zz).
   messageLabel: 'Message:'
   nameLabel: 'Name:'
+  others:
+    label: Other
+    topicLabel: 'Summary:'
+  routes:
+    label: Question about travel routes and trains
+    note: >-
+      Use the search to find relevant information for your journey.
+
+      Detailed information can be found on [country pages](/country) and
+      [operator pages](/operator).
+
+
+      Specific questions are answered by the community and the FIP Guide team on
+      [Discord](https://discord.gg/5nWS9Eu9zz).
   submitButton: Submit
   successMessage: >-
     Thank you! Your message has been sent successfully. We'll get back to you as
     soon as possible.
+  tickets:
+    label: Question about ticket purchase and reservations
+    note: >-
+      We cannot sell tickets and reservations for trains.
+
+      Information on booking options can be found on the [operator
+      page](/operator) of the respective company.
+
+
+      Specific questions are answered by the community and the FIP Guide team on
+      [Discord](https://discord.gg/5nWS9Eu9zz).
+  topicLabel: 'Category:'
 contentNavigation:
   button: Open and close content overview
   relatedCountries: Countries in which the operator is active

i18n/fr.yaml

@@ -16,15 +16,75 @@ booking:
   visit-additional-information-website: Informations complémentaires
   visit-booking-website: Aller sur le site de réservation
 contact:
+  accessibility:
+    label: 'Retour sur le site Web : Accessibilité'
+    message: 'Veuillez décrire comment nous pouvons nous améliorer :'
+    webpage: Page concernée (URL)
+  content:
+    label: 'Retour sur le site Web : Ajout ou correction de contenu'
   emailLabel: 'E-mail :'
   emailSubject: Nouveau message depuis FIP Guide
+  empty: Veuillez sélectionner …
+  feedback:
+    label: 'Retour sur le site Web : Éloges et critiques'
+    note: >-
+      Nous accueillons tous les retours pour améliorer le site Web pour nos
+      collègues membres FIP.
+  fipcard:
+    label: Demande de Carte FIP et de Coupon FIP
+    note: >-
+      Malheureusement, nous ne pouvons pas vous aider dans ce cas. Nous sommes
+      un projet communautaire indépendant et ne pouvons donc pas influencer la
+      délivrance des Cartes FIP et Coupons FIP.
+
+      Veuillez contacter votre service des ressources humaines compétent.
   formAriaLabel: Formulaire de contact
+  general:
+    label: Question générale sur l'utilisation du FIP
+    note: >-
+      Nous répondons aux questions générales sur la page [Informations
+      générales](/generalinformation). N'hésitez pas à utiliser la recherche
+      pour des termes spécifiques.
+
+      Des informations détaillées se trouvent sur les [pages des pays](/country)
+      et les [pages des opérateurs](/operator).
+
+
+      Les questions spécifiques sont répondues par la communauté et l'équipe FIP
+      Guide sur [Discord](https://discord.gg/5nWS9Eu9zz).
   messageLabel: 'Message :'
   nameLabel: 'Nom :'
+  others:
+    label: Autre
+    topicLabel: 'Résumé :'
+  routes:
+    label: Question sur les itinéraires et les trains
+    note: >-
+      Utilisez la recherche pour trouver des informations pertinentes pour votre
+      voyage.
+
+      Des informations détaillées se trouvent sur les [pages des pays](/country)
+      et les [pages des opérateurs](/operator).
+
+
+      Les questions spécifiques sont répondues par la communauté et l'équipe FIP
+      Guide sur [Discord](https://discord.gg/5nWS9Eu9zz).
   submitButton: Envoyer
   successMessage: >-
     Merci ! Votre message a été envoyé avec succès. Nous vous répondrons dès que
     possible.
+  tickets:
+    label: Question sur l'achat de billets et les réservations
+    note: >-
+      Nous ne pouvons pas vendre de billets et de réservations pour les trains.
+
+      Des informations sur les possibilités de réservation se trouvent sur la
+      [page de l'opérateur](/operator) de l'entreprise concernée.
+
+
+      Les questions spécifiques sont répondues par la communauté et l'équipe FIP
+      Guide sur [Discord](https://discord.gg/5nWS9Eu9zz).
+  topicLabel: 'Catégorie :'
 contentNavigation:
   button: Ouvrir et fermer l’aperçu du contenu
   relatedCountries: Pays dans lesquels l'opérateur est actif
@@ -91,6 +151,7 @@ fipValidity:
 footer-love:
   aria-label: Fait avec amour en Europe
   text: Fait avec ♥️ en Europe
+general: Général
 highlight:
   confusion: Risque de confusion
   important: Informations importantes