Angelegt "Elektronische Abrechnung"

.vscode/verua-snippets.code-snippets

@@ -33,7 +33,7 @@
 			"{{% slide image=\"$1\" ${2:title=\"$3 \"} %}}",
 			"{{% /slider %}}",
 		],
-		"description": "Insert Shortcode Columns"
+		"description": "Insert Shortcode Slider"
 	},
 	"Insert Shortcode AclignCenter": {
 		"scope": "markdown, md",
@@ -43,7 +43,7 @@
 			"$1",
 			"{{% /aligncenter %}}",
 		],
-		"description": "Insert Shortcode Columns"
+		"description": "Insert Shortcode AlignCenter"
 	},
 	"Insert Shortcode Section": {
 		"scope": "markdown, md",
@@ -53,6 +53,24 @@
 			"$1",
 			"{{% /section %}}",
 		],
-		"description": "Insert Shortcode Columns"
+		"description": "Insert Shortcode Section"
+	},
+	"Insert Shortcode card": {
+		"scope": "markdown, md",
+		"prefix": "card",
+		"body": [
+			"{{% card %}}",
+			"$1",
+			"{{% /card %}}",
+		],
+		"description": "Insert Shortcode Card"
+	},
+	"Insert Shortcode icon": {
+		"scope": "markdown, md",
+		"prefix": "icon",
+		"body": [
+			"{{% icon name=\"$1\" %}}",
+		],
+		"description": "Insert Shortcode Icon"
 	},
 }

assets/scss/custom.scss

@@ -20,6 +20,9 @@ h1, h2, h3, h4, h5, h6 {
     font-weight:normal;
     margin-bottom: 16px;
 }
+h1, h2 {
+    font-weight:bold;
+}
 h3 {
     font-weight:500;
 }
@@ -43,6 +46,9 @@ p {
         line-height: 1.2em;
         margin-bottom: 16px;
     }
+    h2 {
+        font-size:22px;
+    }
     h3 {
         font-size:18px;
     }
@@ -61,11 +67,23 @@ footer, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer
     color:white;
 }
 
+.light-text, .light-text h1, .light-text h2, .light-text h3, .light-text h4, .light-text h5, .light-text h6, .light-text p, .light-text a {
+    color:white;
+}
+
 img {
     margin-bottom:16px;
 }
 
 hr {
+    width: 12%;
+    height: 2px;
+    background-color: #a9cd2e;
+    margin: 0!important;
+    display: block;
+}
+
+.aligncenter hr {
     width: 12%;
     height: 2px;
     background-color: #a9cd2e;
@@ -73,6 +91,13 @@ hr {
     display: block;
 }
 
+.light-text hr {
+    width: 12%;
+    height: 2px;
+    background-color: #fff;
+    margin: 0!important;
+    display: block;
+}
 @media (max-width: 770px) {
     .btn{
         display:block

content/german/_index.md

@@ -75,7 +75,7 @@ Fragen zur Applikation, Abrechnung oder kantonale Regelungen? Unser Support steh
 {{% /columns %}}
 {{% /section %}}
 
-{{% section background="startseite/bg_papier.png" %}}
+{{% section background-image="startseite/bg_papier.png" %}}
 {{% columns %}}
 
 #### Ihr Vorteil
@@ -113,7 +113,7 @@ Der Zugriff auf die Applikation VeruA ** Verwaltung und Abrechnung ist mit jedem
 
 {{% /section %}}
 
-{{% section background="startseite/achievement.jpg" fixed="true" %}}
+{{% section background-image="startseite/achievement.jpg" fixed="true" %}}
 
 {{% aligncenter %}}
 #### Unser Service

content/german/dienstleistung/ambulante-pflege.md

@@ -15,9 +15,163 @@ title = 'Ambulante Pflege'
 #### Flexibel und einfach
 # **Verua in der ambulanten Pflege**
 
+---
+
+<br>
+
 Das Werkzeug, das Sie in den Tätigkeiten rund um die ambulante Pflege unterstützt.
+{{% /aligncenter %}}
+
+
+{{% columns %}}
+        
+{{% card %}}
+{{% icon name="address-card" %}}
+### Stammdaten verwalten
+Erfassen Sie zum Klienten Kontakte, Krankenversicherung, verordnenden Arzt und vieles mehr.{{% /card %}}
+
+..column..
+
+{{% card %}}
+{{% icon name="calendar" %}}
+### Planung
+Unterstützung bei der Informationssammlung, Anamnese und Planung der Pflegeziele und Massnahmen.
+{{% /card %}}
+
+..column..
+
+{{% card %}}
+{{% icon name="database" %}}
+### Rechnungsstellung
+Erstellen Sie mit wenigen Klicks die Rechnungen aller Klienten mit bis zu vier Kostenträgern pro Klient.
+{{% /card %}}
+
+{{% /columns %}}
+
+{{% columns %}}
+        
+{{% card %}}
+{{% icon name="paste" %}}
+### Verordnung
+Erstellen und verwalten Sie die Verordnungen zu Ihren Klienten. Anzeige der Gültigkeit in der Hauptansicht.
+{{% /card %}}
+
+..column..
+
+{{% card %}}
+{{% icon name="list" %}}
+### Dokumentation
+Die tägliche Dokumentation der Pflege wird über geplante Aufgaben und Vorlagen erheblich vereinfacht.
+
+{{% /card %}}
+
+..column..
+
+{{% card %}}
+{{% icon name="bar-chart" %}}
+### Statistik
+Erzeugen Sie mit wenigen Klicks die Statistik für das Bundesamt für Statistik und haben Sie jederzeit Ihre Zahlen im Blick.
+
+{{% /card %}}
+
+{{% /columns %}}
+
+{{% /section %}}
+
+{{% section background-color="#f3f3f3" %}}
+
+{{% aligncenter %}}
+#### Noch mehr Funktionalität
+# **VeruA und Perigon**
 
 ---
 
+<br>
+
+Erstellen Sie künftig Ihre Bedarfsermittlung mit Perigon RAI der Firma root-service ag.
+
 {{% /aligncenter %}}
+
+<br>
+{{% aligncenter %}}
+
+Wir freuen uns, das **Modul Perigon** mit der Schnittstelle zum **Perigon interRAI Cloud** der Firma root-service ag anbieten zu können.
+
+Bestellen können Sie das Modul über unsere Bestellformulare.
+
+Die Preise finden Sie auf unserer **Preisliste** im Menü **Bestellung**.
+<br>
+<br>
+### Was macht die Schnittstelle?
+{{% /aligncenter %}}
+
+<br>
+
+
+{{% columns %}}
+        
+{{% card %}}
+{{% icon name="address-card" %}}
+### Stammdaten in VeruA verwalten
+Sie erfassen alle Klientendaten wie gewohnt in **VeruA**. Über die Schnittstelle werden die notwendigen Informationen ins *Perigon* übermittelt.
+{{% /card %}}
+
+..column..
+
+{{% card %}}
+{{% icon name="file-text" %}}
+### Planen und ermitteln in Perigon
+Erstellen Sie mit Perigon RAI die Bedarfsermittlungen für Ihre Klienten oder planen Sie mit Perigon Dispo die Einsätze.
+
+{{% /card %}}
+
+..column..
+
+{{% card %}}
+{{% icon name="calendar" %}}
+### Verordnung in VeruA
+
+Erstellen Sie auf Grundlage der Bedarfsermittlung aus dem Perigon RAI die Pflegeplanung und Verordnung für Ihre Klienten wieder in VeruA.
+{{% /card %}}
+
+{{% /columns %}}
+
 {{% /section %}}
+
+{{% section background-image="../dawn-190055_1280.jpg" light-text="true" fixed="true" %}}
+{{% columns %}}
+<br>
+..column..
+
+#### Für die zukunft gerüstet
+## **Elektronischer Rechnungsversand**
+___
+
+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" >}}
+<!-- TODO Implement Link!  -->
+{{% /columns %}}
+{{% /section %}}
+
+{{% section %}}
+{{% columns %}}
+
+![image](../Image.jpg)
+
+..column..
+
+#### Persönlicher Support
+## **Wir sind für Sie da - schnell und unkompliziert**
+
+---
+
+Wir halten unsere Applikation jederzeit für Sie auf dem neuesten Stand und versorgen Sie mit den Lösungen, die Sie benötigen.
+
+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" >}}
+<!-- TODO Button Link! -->
+
+{{% /columns %}}
+{{% /section %}}

content/german/dienstleistung/elektronische-abrechnung.md

@@ -0,0 +1,5 @@
++++
+date = '2024-02-20T14:50:15Z'
+draft = false
+title = 'Elektronische Abrechnung'
++++

themes/hugoplate/layouts/shortcodes/card.html

@@ -1,5 +1,5 @@
 <div class="relative flex flex-col mt-6 text-gray-700 bg-white shadow-md bg-clip-border rounded-xl w-96">
-<div class="p-6">
+<div class="p-10">
 {{ .Inner }}
 </div>
 </div>

themes/hugoplate/layouts/shortcodes/section.html

@@ -1,4 +1,4 @@
-<section class="bg-cover items-center pt-32 pb-32" style="{{ with .Get "fixed" }}background-attachment: fixed;{{ end }}background-image: url('{{ with .Get "background" }}{{ . }}{{ end }}');">
+<section class="bg-cover items-center pt-32 pb-32 {{ with .Get "light-text" }}light-text {{ end }}" style="{{ with .Get "fixed" }}background-attachment: fixed;{{ end }}background-image: url('{{ with .Get "background-image" }}{{ . }}{{ end }}');{{ with .Get "background-color" }}background-color: {{ . }}{{ end }};">
 <div class="container items-center" >    
 
 {{ .Inner }}