added translations for form validation tooltips

assets/js/bestellformular.js

@@ -25,6 +25,27 @@ document.addEventListener('DOMContentLoaded', function () {
     range: 'Veuillez saisir au moins {0} et au plus {1} caractères',
   }
 
+  // custom Validation rules
+  // determine which language depending on html lang attribute
+  const lang = document.documentElement.lang
+  console.log('lang', lang)
+  const messages = lang === 'de-DE' ? messagesGerman : messagesFrench
+  // set custom validation messages for each validator
+  console.log('messages', messages)
+
+  let textInputs = document.querySelectorAll('input[type="text"]')
+  const emailInput = document.getElementById('email')
+
+  Array.from(textInputs).forEach(function (input) {
+    input.addEventListener('invalid', function () {
+      this.setCustomValidity(messages['required'])
+    })
+  })
+
+  emailInput.addEventListener('invalid', function () {
+    this.setCustomValidity(messages['email'])
+  })
+
   // initieiere Zeitmessung zur Botprevention
   var startTime = Date.now()
 
@@ -72,7 +93,7 @@ document.addEventListener('DOMContentLoaded', function () {
       // Display error message for invalid zsr_nummer
       zsrTooltip.className = 'input-tooltip'
       // Scroll to the tooltip element
-      zsrTooltip.scrollIntoView({behavior: 'smooth', block: 'center', inline: 'nearest'})
+      zsrTooltip.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'nearest' })
       return
     }
 
@@ -106,13 +127,13 @@ document.addEventListener('DOMContentLoaded', function () {
       mode: 'cors',
       body: data,
     })
-      .then(response => {
+      .then((response) => {
         if (!response.ok) {
           throw new Error('Network response was not ok')
         }
         return response.json()
       })
-      .then(data => {
+      .then((data) => {
         // Erfolgsnachricht anzeigen
         // TODO Nachricht anpassen wenn französische Version
         notification.textContent = 'Bestellformular erfolgreich gesendet!'
@@ -128,7 +149,7 @@ document.addEventListener('DOMContentLoaded', function () {
         }, 1000)
         // setTimeout(() => notification.className = 'bg-green-500 text-white px-4 py-2 rounded hidden', 5000); // Benachrichtigung nach 5 Sekunden ausblenden
       })
-      .catch(error => {
+      .catch((error) => {
         // Fehlermeldung anzeigen
         notification.textContent = 'Fehler beim Senden der Nachricht.'
         console.log(error)

assets/js/kontaktformular.js

@@ -1,49 +1,88 @@
 window.onload = function () {
+  const FORMDEBUG = false
+  const btn = document.getElementById('kontaktformular-btn')
+  const kontaktformular = document.getElementById('kontaktformular')
+
+  // custom Validation messages
+  const messagesGerman = {
+    required: 'Bitte füllen Sie dieses Feld aus',
+    email: 'Bitte geben Sie eine gültige E-Mail-Adresse ein',
+    minlength: 'Bitte geben Sie mindestens {0} Zeichen ein',
+    maxlength: 'Bitte geben Sie maximal {0} Zeichen ein',
+    min: 'Bitte geben Sie mindestens {0} ein',
+    max: 'Bitte geben Sie maximal {0} ein',
+    range: 'Bitte geben Sie zwischen {0} und {1} ein',
+  }
+  const messagesFrench = {
+    required: 'Veuillez remplir ce champ',
+    email: 'Veuillez saisir une adresse email valide',
+    minlength: 'Veuillez saisir au moins {0} caractères',
+    maxlength: 'Veuillez saisir au plus {0} caractères',
+    min: 'Veuillez saisir au moins {0} caractères',
+    max: 'Veuillez saisir au plus {0} caractères',
+    range: 'Veuillez saisir au moins {0} et au plus {1} caractères',
+  }
+
+  // custom Validation rules
+  // determine which language depending on html lang attribute
+  const lang = document.documentElement.lang
+  console.log('lang', lang)
+  const messages = lang === 'de-DE' ? messagesGerman : messagesFrench
+  // set custom validation messages for each validator
+  console.log('messages', messages)
+
+  let textInputs = document.querySelectorAll('input[type="text"]')
+  const emailInput = document.getElementById('email')
+
+  Array.from(textInputs).forEach(function (input) {
+    input.addEventListener('invalid', function () {
+      this.setCustomValidity(messages['required'])
+    })
+  })
+
+  emailInput.addEventListener('invalid', function () {
+    this.setCustomValidity(messages['email'])
+  })
+
   
-  const FORMDEBUG = false;
-  const btn = document.getElementById('kontaktformular-btn');
-  const kontaktformular = document.getElementById('kontaktformular');
   // initieiere Zeitmessung zur Botprevention
-  var startTime = Date.now();
+  var startTime = Date.now()
 
   // Messe ob mit der Seite agiert wird
-  var userInteracted = false;
+  var userInteracted = false
 
   function setUserInteracted() {
-    var timeSpent = (Date.now() - startTime) / 1000; // Zeit in Sekunden
+    var timeSpent = (Date.now() - startTime) / 1000 // Zeit in Sekunden
     if (timeSpent > 5) {
-      btn.disabled = false;
+      btn.disabled = false
     }
-    userInteracted = true;
+    userInteracted = true
   }
   setTimeout(function () {
     if (userInteracted) {
-      btn.disabled = false;
+      btn.disabled = false
     }
-  }, 5000);
+  }, 5000)
   // Eventlistener für Interaktionen - setzt userInteracted auf true bei Interaktion
-  document.addEventListener("mousedown", setUserInteracted);
+  document.addEventListener('mousedown', setUserInteracted)
-  document.addEventListener("touchstart", setUserInteracted);
+  document.addEventListener('touchstart', setUserInteracted)
-  document.addEventListener("keydown", setUserInteracted);
+  document.addEventListener('keydown', setUserInteracted)
 
   kontaktformular.addEventListener('submit', function (e) {
+    e.preventDefault()
 
-    e.preventDefault();
+    const form = e.target
-
+    const notification = document.getElementById('notification')
-    const form = e.target;
+    const zsrTooltip = document.getElementById('zsr-tooltip')
-    const notification = document.getElementById('notification');
-    const zsrTooltip = document.getElementById('zsr-tooltip');
 
     // Spinner und button disabled anzeigen
 
-
+    var endTime = Date.now()
-
+    var timeSpent = (endTime - startTime) / 1000 // Zeit in Sekunden
-    var endTime = Date.now();
-    var timeSpent = (endTime - startTime) / 1000; // Zeit in Sekunden
 
     // Setze die Werte für die Botvalidierung zum Auswerten in PHP
-    document.getElementById("age").value = timeSpent;
+    document.getElementById('age').value = timeSpent
-    document.getElementById("hobbies").value = userInteracted ? "true" : "false";
+    document.getElementById('hobbies').value = userInteracted ? 'true' : 'false'
 
     btn.innerHTML = ` 
         <svg class="text-gray-300 animate-spin mx-auto" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"
@@ -58,19 +97,19 @@ window.onload = function () {
         </svg>
         `
 
-    btn.disabled = true;
+    btn.disabled = true
 
     if (FORMDEBUG) {
-      console.log("userInteracted: " + userInteracted);
+      console.log('userInteracted: ' + userInteracted)
-      console.log("timeSpent: " + timeSpent);
+      console.log('timeSpent: ' + timeSpent)
-      console.log("hobbies: " + document.getElementById("hobbies").value);
+      console.log('hobbies: ' + document.getElementById('hobbies').value)
-      console.log("age: " + document.getElementById("age").value);
+      console.log('age: ' + document.getElementById('age').value)
-      console.log("verify_email(honeypot): " + document.getElementById("verify_email").value);
+      console.log('verify_email(honeypot): ' + document.getElementById('verify_email').value)
     }
 
     // Konvertiere das JSON-Objekt in einen String, um es zu senden
-    const formData = new FormData(form);
+    const formData = new FormData(form)
-    const formDataEncoded = new URLSearchParams(formData).toString();
+    const formDataEncoded = new URLSearchParams(formData).toString()
     const formURL = form.action + '.json'
 
     fetch(formURL, {
@@ -80,35 +119,34 @@ window.onload = function () {
       },
       body: formDataEncoded,
     })
-      .then(response => {
+      .then((response) => {
         if (!response.ok) {
-          throw new Error('Network response was not ok');
+          throw new Error('Network response was not ok')
         }
-        return response.json();
+        return response.json()
       })
-      .then(data => {
+      .then((data) => {
         // Erfolgsnachricht anzeigen
         // TODO Nachricht anpassen wenn französische Version
-        notification.textContent = 'Anfrage erfolgreich versendet.';
+        notification.textContent = 'Anfrage erfolgreich versendet.'
-        btn.className = 'submitbutton text-white mx-auto submit-after-valid-captchaaaa fadeOut';
+        btn.className = 'submitbutton text-white mx-auto submit-after-valid-captchaaaa fadeOut'
         setTimeout(() => {
-          btn.style.visibility = 'hidden';
+          btn.style.visibility = 'hidden'
-          btn.style.display = 'none';
+          btn.style.display = 'none'
-          notification.style.visibility = 'visible';
+          notification.style.visibility = 'visible'
-          notification.style.display = 'block';
+          notification.style.display = 'block'
-          notification.classList.remove('fadeIn'); // Remove fadeIn class
+          notification.classList.remove('fadeIn') // Remove fadeIn class
-          void notification.offsetWidth;
+          void notification.offsetWidth
-          notification.className = 'bg-green-500 text-white px-4 py-2 rounded block fadeIn';
+          notification.className = 'bg-green-500 text-white px-4 py-2 rounded block fadeIn'
-        }, 1000);
+        }, 1000)
         // setTimeout(() => notification.className = 'bg-green-500 text-white px-4 py-2 rounded hidden', 5000); // Benachrichtigung nach 5 Sekunden ausblenden
       })
       .catch((error) => {
         // Fehlermeldung anzeigen
-        notification.textContent = 'Fehler beim Senden der Nachricht.';
+        notification.textContent = 'Fehler beim Senden der Nachricht.'
-        console.log(error);
+        console.log(error)
-        notification.className = 'bg-red-500 text-white px-4 py-2 rounded block';
+        notification.className = 'bg-red-500 text-white px-4 py-2 rounded block'
         // setTimeout(() => notification.className = 'bg-red-500 text-white px-4 py-2 rounded hidden', 5000); // Benachrichtigung nach 5 Sekunden ausblenden
-      });
       })
-  
+  })
 }

content/french/_index.md

@@ -26,7 +26,7 @@ keyfeatures:
     textcolor: "black"
     title:    "**Facturations cantonaux**"
     content: "Nous sommes à vos côtés dans la diversité des lois et règlements cantonaux.<br><br>Nous mettons en œuvre les spécifications cantonales pour vous et vous aidons avec diverses fonctions d'exportation et analyses.<br><br>
-    [EN SAVOIR PLUS ...](/prestation-des-services/specifications-cantonales/)"
+    [EN SAVOIR PLUS ...](/fr/prestation-des-services/specifications-cantonales/)"
 
 ---
 
@@ -171,7 +171,6 @@ Nous actualisons l'application pour vous à tout moment et nous vous fournissons
 {{% aligncenter %}}
 &nbsp;
 &nbsp;
-{{< button label="En Savoir Plus" link="/" style="solid" >}}
 
 {{% /aligncenter %}}
 {{% /section %}}

content/french/commande/version-de-demonstration.md

@@ -37,8 +37,8 @@ pour obtenir des informations supplémentaires.
 ### Professionnel indépendant
 
 VVous avez le choix entre deux versions :  
-<a href="https://demo.verua.ch/?db=fpp">VeruA ** Facturation et Administration version standard</a>  
+<a target="_blank" href="https://demo-fr.verua.ch/?db=fpp">VeruA ** Facturation et Administration version standard</a>  
-<a href="https://demo.verua.ch/?db=wbett">VeruA ** Facturation et Administration version post-partum</a>
+<a target="_blank" href="https://demo-fr.verua.ch/?db=wbett">VeruA ** Facturation et Administration version post-partum</a>
 
 **Veuillez vous connecter avec les données suivantes :**
 

content/french/contact.md

@@ -58,8 +58,8 @@ Nous vous contacterons dans les plus brefs délais.
             <input type="text" id="telefon" name="telefon" required >
         </div>
         <div>
-            <label for="mail">Email</label>
+           <label for="email">Email</label>
-            <input type="mail" id="mail" name="mail" required >
+            <input type="email" id="email" name="email" required >
         </div>
         <div>
             <label for="subject">Objet</label>

content/french/liste-de-prix/_index.md

@@ -24,14 +24,14 @@ Découvrez ici quels coûts sont associés à l'application VeruA \*\* Gestion e
 
 ## Professionnel indepéndant
 
-Les tarifs applicables aux professionnels de santé libéraux [sont disponibles ici](/liste-de-prix/infirmier-independant.html)
+Les tarifs applicables aux professionnels de santé libéraux [sont disponibles ici](/fr/liste-de-prix/infirmier-independant)
 
 ## Organisations Spitex
 
-Les tarifs applicables aux organisations Spitex [sont disponibles ici](/liste-de-prix/organisations-spitex.html)
+Les tarifs applicables aux organisations Spitex [sont disponibles ici](/fr/liste-de-prix/organisations-spitex)
 
 ## Autres services
 
-Nos tarifs pour **d'autres services** [sont disponibles ici](/liste-de-prix/autres-services.html)
+Nos tarifs pour **d'autres services** [sont disponibles ici](/fr/liste-de-prix/autres-services)
 
 {{% /section %}}

content/french/prestation-des-services/facturation-electronique.md

@@ -107,7 +107,7 @@ Nous travaillons en étroite collaboration avec BillCare AG. Qu'il s'agisse de l
 Facturation électronique pour  
 l'assurance maladie et Bâle-Ville.
 
-<a href="https://www.billcare.ch/">OUVRIR LE SITE INTERNET</a>
+<a target="_blank" href="https://www.billcare.ch/">OUVRIR LE SITE INTERNET</a>
 
 {{% /card %}}
 
@@ -121,7 +121,7 @@ l'assurance maladie et Bâle-Ville.
 Facturation électronique pour  
 l'assurance maladie et Bâle-Ville.
 
-<a href="https://www.asela.ch/">OUVRIR LE SITE INTERNET</a>
+<a target="_blank" href="https://www.asela.ch/">OUVRIR LE SITE INTERNET</a>
 
 {{% /card %}}
 
@@ -134,7 +134,7 @@ l'assurance maladie et Bâle-Ville.
 
 Envoi électronique des factures
 
-<a href="https://www.aerztekasse.ch/">OUVRIR LE SITE INTERNET</a>
+<a target="_blank" href="https://www.aerztekasse.ch/">OUVRIR LE SITE INTERNET</a>
 
 {{% /card %}}
 

content/french/prestation-des-services/soins-independants.md

@@ -8,7 +8,9 @@ translationKey= 'ambulante-pflege'
 {{% section background-image="../images/ambulante-pflege-header-slide-1.png" background-color="rgba(255,255,255,0.9)" %}}
 
 {{% aligncenter %}}
+
 #### Flexible et simple
+
 # VeruA pour les soins ambulatoires
 
 ---
@@ -18,19 +20,22 @@ translationKey= 'ambulante-pflege'
 Le programme qui vous soutient dans vos activités des soins ambulatoires.
 {{% /aligncenter %}}
 
-
 {{% columns %}}
 
 {{% card %}}
 {{% icon size="5xl" name="address-card" %}}
+
 ### Gérer les données de base
+
 Saisissez les contacts pour les clients, l'assurance maladie, le médecin traitant, et plus encore.{{% /card %}}
 
 ..column..
 
 {{% card %}}
 {{% icon size="5xl" name="calendar" %}}
+
 ### Planification
+
 Aide à la documentation, à l'anamnèse, à la planification des objectifs et des mesures de prise en charge.
 {{% /card %}}
 
@@ -38,7 +43,9 @@ Aide à la documentation, à l'anamnèse, à la planification des objectifs et d
 
 {{% card %}}
 {{% icon size="5xl" name="database" %}}
+
 ### Facturation
+
 Créez pour tous les clients avec un max. de 4 factures responsables des coûts par client en quelques clics seulement.
 {{% /card %}}
 
@@ -48,7 +55,9 @@ Créez pour tous les clients avec un max. de 4 factures responsables des coûts
 
 {{% card %}}
 {{% icon size="5xl" name="paste" %}}
+
 ### Prescription
+
 ECréez et gérez les prescriptions pour vos clients. Afficher la validité dans la vue principale.
 {{% /card %}}
 
@@ -56,7 +65,9 @@ ECréez et gérez les prescriptions pour vos clients. Afficher la validité dans
 
 {{% card %}}
 {{% icon size="5xl" name="list" %}}
+
 ### Documentation
+
 La gestion quotidienne des prestations est considérablement simplifiée par des prescriptions et des documentations planifiés
 
 {{% /card %}}
@@ -65,7 +76,9 @@ La gestion quotidienne des prestations est considérablement simplifiée par des
 
 {{% card %}}
 {{% icon size="5xl" name="bar-chart" %}}
+
 ### Statistique
+
 Générez des statistiques pour l'Office fédéral de la statistique en quelques clics et gardez un aperçu de vos données à tout moment.
 
 {{% /card %}}
@@ -79,8 +92,8 @@ Générez des statistiques pour l'Office fédéral de la statistique en quelques
 {{% aligncenter %}}
 
 #### Encore plus de fonctionnalités
-# VeruA et Perigon
 
+# VeruA et Perigon
 
 ---
 
@@ -100,25 +113,30 @@ Vous pouvez commander le module via nos formulaires de commande.
 Les prix sont disponibles sur notre **liste de prix** dans le menu **Commande**.
 <br>
 <br>
+
 ### Qu'est-ce que l'interface fait?
+
 {{% /aligncenter %}}
 
 <br>
 
-
 {{% columns %}}
 
 {{% card %}}
 {{% icon size="5xl" name="address-card" %}}
+
 ### Gérer les données de base dans VeruA
-Vous saisissez toutes les données des clients comme d'habitude dans **VeruA**. Les informations nécessaires sont transmises à *Perigon* via l'interface.
+
+Vous saisissez toutes les données des clients comme d'habitude dans **VeruA**. Les informations nécessaires sont transmises à _Perigon_ via l'interface.
 {{% /card %}}
 
 ..column..
 
 {{% card %}}
 {{% icon size="5xl" name="file-text" %}}
+
 ### Planifier et évaluer dans Perigon
+
 Créez avec Perigon RAI les évaluations des besoins de vos clients ou planifiez les interventions avec Perigon Dispo.
 
 {{% /card %}}
@@ -127,6 +145,7 @@ Créez avec Perigon RAI les évaluations des besoins de vos clients ou planifiez
 
 {{% card %}}
 {{% icon size="5xl" name="calendar" %}}
+
 ### Prescription dans VeruA
 
 Créez la planification des soins et la prescription pour vos clients sur la base de l'évaluation des besoins de Perigon RAI à nouveau dans VeruA.
@@ -142,13 +161,17 @@ Créez la planification des soins et la prescription pour vos clients sur la bas
 ..column..
 
 #### Parés pour l'avenir
+
 ## Envoi électronique des factures
-___
+
+---
 
 Les factures pour les caisses maladie et le canton de Bâle-Ville peuvent être exportées pour l'envoi électronique en quelques clics à peine.
 
-<!-- {{< button label="Mehr erfahren" link="/" style="solid" >}} -->
+{{< button label="En savoir plus" link="/fr/prestation-des-services/facturation-electronique/" style="solid" >}}
+
 <!-- TODO Implement Link! ? Link auf Originalseite auch defekt -->
+
 {{% /columns %}}
 {{% /section %}}
 
@@ -160,7 +183,9 @@ Les factures pour les caisses maladie et le canton de Bâle-Ville peuvent être
 ..column..
 
 #### Support personnel
+
 ## Nous sommes là pour vous
+
 rapide et sans complications
 
 ---
@@ -169,8 +194,7 @@ Nous maintenons notre application à jour pour vous à tout moment et nous vous
 
 En cas de problèmes ou de questions, le personnel expérimenté de notre hotline se tient à votre disposition pour vous aider et vous conseiller. Car en tant que client, vous êtes toujours au centre de notre attention.
 
-{{< button label="Vers L'Espace client" link="/" style="solid" >}}
+<!-- TODO Button Link Kundenbereich? -->
-<!-- TODO Button Link! -->
 
 {{% /columns %}}
 {{% /section %}}

content/german/_index.md

@@ -28,7 +28,7 @@ keyfeatures:
     textcolor: "black"
     title:    "**Kantonale Abrechnung**"
     content: "In der Vielfalt der kantonalen Abrechnungen und Bestimmungen stehen wir Ihnen zur Seite.  <br><br>Wir setzen die kantonalen Vorgaben für Sie um und unterstützen Sie mit diversen Export-Funktionen und Auswertungen.  <br><br>
-    [ERFAHREN SIE MEHR ...](/#)"
+    [ERFAHREN SIE MEHR ...](/dienstleistung/kantonale-vorgaben/)"
 
 ---
 
@@ -173,7 +173,6 @@ Wir halten die Applikation jederzeit für Sie auf dem neuesten Stand und versorg
 {{% aligncenter %}}
 &nbsp;
 &nbsp;
-{{< button label="Mehr erfahren" link="/" style="solid" >}}
 
 {{% /aligncenter %}}
 {{% /section %}}

content/german/bestellung/online-testversion.md

@@ -32,8 +32,8 @@ Und wenn noch Fragen offen sind, dann stehen wir Ihnen gerne zur Klärung zur Ve
 ### Freiberufliche
 
 Ihnen stehen zwei Versionen der Applikation VeruA \*\* Verwaltung und Abrechnung zur Auswahl:  
-<a href="https://demo.verua.ch/?db=fpp">Standard-Version Freiberufliche Pflegefachpersonen</a>  
+<a target="_blank" href="https://demo.verua.ch/?db=fpp">Standard-Version Freiberufliche Pflegefachpersonen</a>  
-<a href="https://demo.verua.ch/?db=wbett">Wochenbett-Version Freiberufliche Pflegefachpersonen</a>
+<a target="_blank" href="https://demo.verua.ch/?db=wbett">Wochenbett-Version Freiberufliche Pflegefachpersonen</a>
 
 **Bitte melden Sie sich jeweils mit folgenden Daten an:**
 

content/german/dienstleistung/ambulante-pflege.md

@@ -44,7 +44,7 @@ Unterstützung bei der Informationssammlung, Anamnese und Planung der Pflegeziel
 {{% card %}}
 {{% icon size="5xl" name="database" %}}
 
-### Rechnungs-<wbr>stellung
+### Rechnungs<wbr>stellung
 
 Erstellen Sie mit wenigen Klicks die Rechnungen aller Klienten mit bis zu vier Kostenträgern pro Klient.
 {{% /card %}}
@@ -168,7 +168,7 @@ Erstellen Sie auf Grundlage der Bedarfsermittlung aus dem Perigon RAI die Pflege
 
 Rechnungen an die Krankerversicherungen und den Kanton Basel-Stadt können mit wenigen Klicks für den elektronischen Versand exportiert werden.
 
-{{< button label="Mehr erfahren" link="/" style="solid" >}}
+{{< button label="Mehr erfahren" link="/dienstleistung/elektronische-abrechnung/" style="solid" >}}
 
 <!-- TODO Implement Link!  -->
 
@@ -193,7 +193,7 @@ Wir halten unsere Applikation jederzeit für Sie auf dem neuesten Stand und vers
 
 Sollte trotzdem mal etwas haken oder Fragen offen sein, stehen Ihnen die erfahrenen Mitarbeiter unserer Hotline stets mit Rat und Tat zur Seite. Denn Sie als Kunde stehen bei uns stets im Mittelpunkt.
 
-{{< button label="Zum Kundenbereich" link="/" style="solid" >}}
+<!-- {{< button label="Zum Kundenbereich" link="/" style="solid" >}} -->
 
 <!-- TODO Button Link! -->
 

content/german/dienstleistung/elektronische-abrechnung.md

@@ -103,7 +103,7 @@ Wir arbeiten eng mit BillCare AG zusammen. Egal ob Rechnungsversand oder die Bea
 
 Elektronischer Rechnungsversand Krankenversicherung und Basel-Stadt.
 
-<a href="https://www.billcare.ch/">Webseite Öffnen</a>
+<a target="_blank" href="https://www.billcare.ch/">Webseite Öffnen</a>
 
 {{% /card %}}
 
@@ -116,7 +116,7 @@ Elektronischer Rechnungsversand Krankenversicherung und Basel-Stadt.
 
 Elektronischer Rechnungsversand Krankenversicherung und Basel-Stadt.
 
-<a href="https://www.asela.ch/">Webseite Öffnen</a>
+<a target="_blank" href="https://www.asela.ch/">Webseite Öffnen</a>
 
 {{% /card %}}
 
@@ -129,7 +129,7 @@ Elektronischer Rechnungsversand Krankenversicherung und Basel-Stadt.
 
 Elektronischer Rechnungsversand Krankenversicherung
 
-<a href="https://www.aerztekasse.ch/">Webseite Öffnen</a>
+<a target="_blank" href="https://www.aerztekasse.ch/">Webseite Öffnen</a>
 
 {{% /card %}}
 

content/german/kontakt.md

@@ -8,8 +8,11 @@ kontaktformular = true
 
 {{% section %}}
 {{% aligncenter %}}
+
 #### Kontakt
-## VeruA ** Verwaltung und Abrechnung  
+
+## VeruA \*\* Verwaltung und Abrechnung
+
 ### Nehmen Sie Kontakt mit uns auf!
 
 <br>
@@ -25,7 +28,6 @@ Wir nehmen zeitnah Kontakt zu Ihnen auf.
 
 {{% /aligncenter %}}
 
-
 <form action="https://rabeweb.plan.io/helpdesk" method="POST" id="kontaktformular">
 <div id="formPartOne">
 <input type="hidden" name="formularart" value="Kontaktformular Deutsch">
@@ -56,8 +58,8 @@ Wir nehmen zeitnah Kontakt zu Ihnen auf.
             <input type="text" id="telefon" name="telefon" required >
         </div>
         <div>
-            <label for="mail">Email</label>
+           <label for="email">Email</label>
-            <input type="mail" id="mail" name="mail" required >
+            <input type="email" id="email" name="email" required >
         </div>
         <div>
             <label for="subject">Betreff</label>

content/german/preisliste/_index.md

@@ -24,14 +24,14 @@ Erfahren Sie hier, welche Kosten für die Applikation VeruA \*\* Verwaltung und
 
 ## Freiberufliche Pflegefachperson
 
-Die für Freiberufliche Pflegefachpersonen geltenden [Preise finden Sie hier](/preisliste/freiberufliche.html)
+Die für Freiberufliche Pflegefachpersonen geltenden [Preise finden Sie hier](/preisliste/freiberufliche)
 
 ## Spitex-Organisationen
 
-Die für Spitex-Organisationen geltenden [Preise finden Sie hier](/preisliste/organisationen.html)
+Die für Spitex-Organisationen geltenden [Preise finden Sie hier](/preisliste/organisationen)
 
 ## Weitere Dienstleistungen
 
-Unsere Preise für **weitere Dienstleistungen** [finden Sie hier](/preisliste/weitere-dienstleistungen.html)
+Unsere Preise für **weitere Dienstleistungen** [finden Sie hier](/preisliste/weitere-dienstleistungen)
 
 {{% /section %}}

themes/hugoplate/layouts/_default/baseof.html

@@ -15,7 +15,7 @@ itemtype="http://schema.org/WebPage">
 {{ partialCached "essentials/style.html" . }}
 </head>
 
-<body>
+<body class="{{ if eq .Site.Params.environment "development" }}env-development{{ end }}">
 <!-- cache partial only in production -->
 {{ if hugo.IsProduction }}
 {{ partialCached "preloader.html" . }}

themes/hugoplate/layouts/index.html

@@ -1,7 +1,6 @@
 {{/*  Home Template File  */}}
 {{ define "main" }}
-{{ if eq .Site.Language.Lang "fr" }}
+{{/*  {{ if eq .Site.Language.Lang "fr" }}
-  <!-- Dein spezifischer Inhalt für Französisch -->
   <div class="container">
     <div class="bg-white  my-5 text-slate-900 px-4 py-3 " role="alert">
       <div class="flex">
@@ -16,7 +15,7 @@
       </div>
     </div>
   </div>
-{{ end }}
+{{ end }}  */}}
   <!-- Hero Slider -->
     <section class="hero-slider h-screen md:h-1/4">
       <div class="verua-slider-wrapper">