Merge branch 'dev' into Datenbankintegrität-Speisekarte_fix2

2024-12-27 23:48:20 +01:00 · 2023-06-24 16:23:51 +02:00 · 2023-06-24 16:23:51 +02:00 · 8dcccae14a
commit 8dcccae14a
parent b242ea8c64 fced97beb0
45 changed files with 1426 additions and 86 deletions
--- a/6
+++ b/6
@ -0,0 +1,6 @@
+FROM mcr.microsoft.com/dotnet/sdk:7.0
+WORKDIR /App
+COPY . ./
+RUN dotnet restore
+EXPOSE 5248
+CMD /usr/bin/dotnet run --project /App/src/y4f/y4f.csproj
--- a/README.md
+++ b/README.md
@ -1 +1,47 @@
-# y4f
+# y4f
+
+## Description (German)
+
+Yummy4Friends ist eine benutzerfreundliche und visuell ansprechende Webapp zur Onlinebestellung von Speisen mit der dynamischen Einbindung einer Kunden- und Speisendatenbank unter Berücksichtigung von Sonderwünschen. Zur Kundenbindung wird auch die Verwaltung von Kundenrabatten, Vorbestellmöglichkeiten sowie konfigurierbare Abholtermine realisiert.
+
+## Description (English)
+
+Yummy4Friends is a user friendly and visually appealing WebApp for ordering food or other things online. Food or other stuff get dynamically fetched from a customer and food database while also taking into account special requests. To attract customers one can also offer limeted time sales/coupons, ordering in advance as well as being able to choosing their preferred pickup time.  
+
+## Tech Stack
+
+[Blazor WebAssembly](https://dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blazor)
+
+## Dependecies
+
+On Ubuntu our dependencies are:
+
+```bash
+nala install dotnet-sdk-7.0 docker-ce docker-ce-cli docker-buildx-plugin docker-compose-plugin
+```
+
+Dependency names will depend on your linux distribution.
+
+For this this project you also need Traefik. Or you can use your own reverse proxy and edit the docker-compose files to reflect that. 
+
+## Running it
+
+Clone the repo.
+
+```bash
+git clone https://github.com/yummy4friends/y4f.git && cd y4f
+```
+
+Start the website with docker-compose.
+
+```bash
+docker-compose up --build -d
+```
+
+Also start up the API.
+
+```bash
+cd src/WebApi/ && docker-compose up --build -d
+```
+
+This setup is for showcasing the project and is therefore not intended for production.
--- a/docker-compose.yml
+++ b/docker-compose.yml
@ -0,0 +1,22 @@
+version: "3.4"
+services:
+  y4f:
+    build: .
+    ports:
+      - "5248:5248"
+    labels:
+      - traefik.docker.network=traefik
+      - traefik.enable=true
+      - traefik.http.routers.y4f.entrypoints=web-secure
+      - traefik.http.routers.y4f.rule=Host(`y4f.hopeless-cloud.xyz`)
+      - traefik.http.routers.y4f.tls=true
+      - traefik.http.routers.y4f.tls.certResolver=default
+    networks:
+     - default
+     - traefik
+    restart: unless-stopped
+networks:
+  default:
+    name: y4f-default
+  traefik:
+    external: true
--- a/src/WebApi/Controllers/AdminsController.cs
+++ b/src/WebApi/Controllers/AdminsController.cs
@ -0,0 +1,124 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Http;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.EntityFrameworkCore;
+using WebApi.Data;
+using WebApi.Models;
+
+namespace WebApi.Controllers
+{
+    [Route("api/[controller]")]
+    [ApiController]
+    public class AdminsController : ControllerBase
+    {
+        private readonly WebApiContext _context;
+
+        public AdminsController(WebApiContext context)
+        {
+            _context = context;
+        }
+
+        // GET: api/Admins
+        [HttpGet]
+        public async Task<ActionResult<IEnumerable<Admin>>> GetAdmins()
+        {
+          if (_context.Admins == null)
+          {
+              return NotFound();
+          }
+            return await _context.Admins.ToListAsync();
+        }
+
+        // GET: api/Admins/5
+        [HttpGet("{id}")]
+        public async Task<ActionResult<Admin>> GetAdmin(int id)
+        {
+          if (_context.Admins == null)
+          {
+              return NotFound();
+          }
+            var admin = await _context.Admins.FindAsync(id);
+
+            if (admin == null)
+            {
+                return NotFound();
+            }
+
+            return admin;
+        }
+
+        // PUT: api/Admins/5
+        // To protect from overposting attacks, see https://go.microsoft.com/fwlink/?linkid=2123754
+        [HttpPut("{id}")]
+        public async Task<IActionResult> PutAdmin(int id, Admin admin)
+        {
+            if (id != admin.Id)
+            {
+                return BadRequest();
+            }
+
+            _context.Entry(admin).State = EntityState.Modified;
+
+            try
+            {
+                await _context.SaveChangesAsync();
+            }
+            catch (DbUpdateConcurrencyException)
+            {
+                if (!AdminExists(id))
+                {
+                    return NotFound();
+                }
+                else
+                {
+                    throw;
+                }
+            }
+
+            return NoContent();
+        }
+
+        // POST: api/Admins
+        // To protect from overposting attacks, see https://go.microsoft.com/fwlink/?linkid=2123754
+        [HttpPost]
+        public async Task<ActionResult<Admin>> PostAdmin(Admin admin)
+        {
+          if (_context.Admins == null)
+          {
+              return Problem("Entity set 'WebApiContext.Admins'  is null.");
+          }
+            _context.Admins.Add(admin);
+            await _context.SaveChangesAsync();
+
+            return CreatedAtAction("GetAdmin", new { id = admin.Id }, admin);
+        }
+
+        // DELETE: api/Admins/5
+        [HttpDelete("{id}")]
+        public async Task<IActionResult> DeleteAdmin(int id)
+        {
+            if (_context.Admins == null)
+            {
+                return NotFound();
+            }
+            var admin = await _context.Admins.FindAsync(id);
+            if (admin == null)
+            {
+                return NotFound();
+            }
+
+            _context.Admins.Remove(admin);
+            await _context.SaveChangesAsync();
+
+            return NoContent();
+        }
+
+        private bool AdminExists(int id)
+        {
+            return (_context.Admins?.Any(e => e.Id == id)).GetValueOrDefault();
+        }
+    }
+}
--- a/src/WebApi/Data/WebApiContext.cs
+++ b/src/WebApi/Data/WebApiContext.cs
@ -25,6 +25,9 @@ public partial class WebApiContext : DbContext
 	public virtual DbSet<Menuitemueberkategorie> Menuitemueberkategories { get; set; }

 	public virtual DbSet<Rabatt> Rabatts { get; set; }
+	public virtual DbSet<MenuitemHasAllergie> MenuitemHasAllergie { get; set; }
+
+	public virtual DbSet<Admin> Admins { get; set; }

 	protected override void OnModelCreating(ModelBuilder modelBuilder)
 	{
@ -144,32 +147,6 @@ public partial class WebApiContext : DbContext
 				.HasForeignKey(d => d.MenuItemKategorieIdmenuItemKategorie)
 				.OnDelete(DeleteBehavior.ClientSetNull)
 				.HasConstraintName("fk_MenuItem_MenuItemKategorie1");
-
-			//entity.HasMany(d => d.AllergieIdallergies).WithMany(p => p.MenuItemIdmenuItems)
-			//	.UsingEntity<Dictionary<string, object>>(
-			//		"MenuitemHasAllergie",
-			//		r => r.HasOne<Allergie>().WithMany()
-			//			.HasForeignKey("AllergieIdallergie")
-			//			.OnDelete(DeleteBehavior.ClientSetNull)
-			//			.HasConstraintName("fk_MenuItem_has_Allergie_Allergie1"),
-			//		l => l.HasOne<Menuitem>().WithMany()
-			//			.HasForeignKey("MenuItemIdmenuItem")
-			//			.OnDelete(DeleteBehavior.ClientSetNull)
-			//			.HasConstraintName("fk_MenuItem_has_Allergie_MenuItem1"),
-			//		j =>
-			//		{
-			//			j.HasKey("MenuItemIdmenuItem", "AllergieIdallergie")
-			//				.HasName("PRIMARY")
-			//				.HasAnnotation("MySql:IndexPrefixLength", new[] { 0, 0 });
-			//			j.ToTable("menuitem_has_allergie");
-			//			j.HasIndex(new[] { "AllergieIdallergie" }, "fk_MenuItem_has_Allergie_Allergie1");
-			//			j.IndexerProperty<int>("MenuItemIdmenuItem")
-			//				.HasColumnType("int(11)")
-			//				.HasColumnName("MenuItem_IDMenuItem");
-			//			j.IndexerProperty<int>("AllergieIdallergie")
-			//				.HasColumnType("int(11)")
-			//				.HasColumnName("Allergie_IDAllergie");
-			//		});
 		});

 		modelBuilder.Entity<Menuitemkategorie>(entity =>
@ -223,17 +200,17 @@ public partial class WebApiContext : DbContext
 			entity.Property(e => e.Prozent).HasPrecision(8, 2);
 		});

-		//modelBuilder.Entity<Admin>(entity =>
-		//{
-		//	entity.HasKey(e => e.Id).HasName("PRIMARY");
-		//	entity.ToTable("admin");
-		//	entity.Property(e => e.Id)
-		//		.ValueGeneratedNever()
-		//		.HasColumnType("int(11)")
-		//		.HasColumnName("Id");
-		//	entity.Property(e => e.Username).HasMaxLength(100);
-		//	entity.Property(e => e.Password).HasMaxLength(100);
-		//});
+		modelBuilder.Entity<Admin>(entity =>
+		{
+			entity.HasKey(e => e.Id).HasName("PRIMARY");
+			entity.ToTable("admin");
+			entity.Property(e => e.Id)
+				.ValueGeneratedNever()
+				.HasColumnType("int(11)")
+				.HasColumnName("Id");
+			entity.Property(e => e.Username).HasMaxLength(100);
+			entity.Property(e => e.Password).HasMaxLength(100);
+		});

 		//modelBuilder.Entity<BestellungspositionHasMenuitem>(entity =>
 		//{
@ -262,5 +239,5 @@ public partial class WebApiContext : DbContext

 	partial void OnModelCreatingPartial(ModelBuilder modelBuilder);

-	public DbSet<WebApi.Models.MenuitemHasAllergie> MenuitemHasAllergie { get; set; } = default!;
 }
+
--- a/src/WebApi/Dockerfile
+++ b/src/WebApi/Dockerfile
@ -0,0 +1,6 @@
+FROM mcr.microsoft.com/dotnet/sdk:7.0
+WORKDIR /App
+COPY . ./
+RUN dotnet restore
+EXPOSE 5226
+CMD /usr/bin/dotnet run --project /App/WebApi.csproj
--- a/src/WebApi/Models/Admin.cs
+++ b/src/WebApi/Models/Admin.cs
@ -0,0 +1,7 @@
+namespace WebApi.Models;
+public partial class Admin
+{
+	public int Id { get; set; }
+	public string Username { get; set; }
+	public string Password { get; set; }
+}
--- a/src/WebApi/Properties/launchSettings.json
+++ b/src/WebApi/Properties/launchSettings.json
@ -14,7 +14,7 @@
      "dotnetRunMessages": true,
      "launchBrowser": true,
      "launchUrl": "swagger",
-      "applicationUrl": "http://localhost:5226",
+      "applicationUrl": "http://0.0.0.0:5226",
      "environmentVariables": {
        "ASPNETCORE_ENVIRONMENT": "Development"
      }
--- a/src/WebApi/WebApi.csproj
+++ b/src/WebApi/WebApi.csproj
@ -8,6 +8,7 @@

 	<ItemGroup>
 		<PackageReference Include="Microsoft.AspNetCore.OpenApi" Version="7.0.8" />
+		<PackageReference Include="Microsoft.EntityFrameworkCore" Version="7.0.8" />
 		<PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="7.0.8">
 			<PrivateAssets>all</PrivateAssets>
 			<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
--- a/src/WebApi/docker-compose.yml
+++ b/src/WebApi/docker-compose.yml
@ -0,0 +1,22 @@
+version: "3.4"
+services:
+  y4f-webapi:
+    build: .
+    ports:
+      - "5226:5226"
+    labels:
+      - traefik.docker.network=traefik
+      - traefik.enable=true
+      - traefik.http.routers.y4f-webapi.entrypoints=web-secure
+      - traefik.http.routers.y4f-webapi.rule=Host(`api.y4f.hopeless-cloud.xyz`)
+      - traefik.http.routers.y4f-webapi.tls=true
+      - traefik.http.routers.y4f-webapi.tls.certResolver=default
+    networks:
+      - y4f-default
+      - traefik
+    restart: unless-stopped
+networks:
+  y4f-default:
+    external: true
+  traefik:
+    external: true
--- a/src/y4f/Pages/Cookies.razor
+++ b/src/y4f/Pages/Cookies.razor
@ -0,0 +1,97 @@
+@page "/cookies"
+
+<!DOCTYPE html>
+<html lang="">
+    <head>
+        <meta charset="utf-8"> 
+        <title></title>
+    </head>
+    <body>
+        <h2 id="cookies" class="adsimple-112506919">Cookies</h2>
+        <table border="1" cellpadding="15">
+        <tbody>
+        <tr>
+        <td>
+        <strong class="adsimple-112506919">Cookies Zusammenfassung</strong>
+        <br />
+        &#x1f465; Betroffene: Besucher der Website<br />
+        &#x1f91d; Zweck: abhängig vom jeweiligen Cookie. Mehr Details dazu finden Sie weiter unten bzw. beim Hersteller der Software, der das Cookie setzt.<br />
+        &#x1f4d3; Verarbeitete Daten: Abhängig vom jeweils eingesetzten Cookie. Mehr Details dazu finden Sie weiter unten bzw. beim Hersteller der Software, der das Cookie setzt.<br />
+        &#x1f4c5; Speicherdauer: abhängig vom jeweiligen Cookie, kann von Stunden bis hin zu Jahren variieren<br />
+        &#x2696;&#xfe0f; Rechtsgrundlagen: Art. 6 Abs. 1 lit. a DSGVO (Einwilligung), Art. 6 Abs. 1 lit.f DSGVO (Berechtigte Interessen)</td>
+        </tr>
+        </tbody>
+        </table>
+        <h3 class="adsimple-112506919">Was sind Cookies?</h3>
+        <p>Unsere Website verwendet HTTP-Cookies, um nutzerspezifische Daten zu speichern.<br />
+        Im Folgenden erklären wir, was Cookies sind und warum Sie genutzt werden, damit Sie die folgende Datenschutzerklärung besser verstehen.</p>
+        <p>Immer wenn Sie durch das Internet surfen, verwenden Sie einen Browser. Bekannte Browser sind beispielsweise Chrome, Safari, Firefox, Internet Explorer und Microsoft Edge. Die meisten Websites speichern kleine Text-Dateien in Ihrem Browser. Diese Dateien nennt man Cookies.</p>
+        <p>Eines ist nicht von der Hand zu weisen: Cookies sind echt nützliche Helferlein. Fast alle Websites verwenden Cookies. Genauer gesprochen sind es HTTP-Cookies, da es auch noch andere Cookies für andere Anwendungsbereiche gibt. HTTP-Cookies sind kleine Dateien, die von unserer Website auf Ihrem Computer gespeichert werden. Diese Cookie-Dateien werden automatisch im Cookie-Ordner, quasi dem &#8220;Hirn&#8221; Ihres Browsers, untergebracht. Ein Cookie besteht aus einem Namen und einem Wert. Bei der Definition eines Cookies müssen zusätzlich ein oder mehrere Attribute angegeben werden.</p>
+        <p>Cookies speichern gewisse Nutzerdaten von Ihnen, wie beispielsweise Sprache oder persönliche Seiteneinstellungen. Wenn Sie unsere Seite wieder aufrufen, übermittelt Ihr Browser die „userbezogenen“ Informationen an unsere Seite zurück. Dank der Cookies weiß unsere Website, wer Sie sind und bietet Ihnen die Einstellung, die Sie gewohnt sind. In einigen Browsern hat jedes Cookie eine eigene Datei, in anderen wie beispielsweise Firefox sind alle Cookies in einer einzigen Datei gespeichert.</p>
+        <p>Die folgende Grafik zeigt eine mögliche Interaktion zwischen einem Webbrowser wie z. B. Chrome und dem Webserver. Dabei fordert der Webbrowser eine Website an und erhält vom Server ein Cookie zurück, welches der Browser erneut verwendet, sobald eine andere Seite angefordert wird.</p>
+        <p>
+        <img role="img" src="https://www.adsimple.at/wp-content/uploads/2018/03/http-cookie-interaction.svg" alt="HTTP Cookie Interaktion zwischen Browser und Webserver" width="100%" />
+        </p>
+        <p>Es gibt sowohl Erstanbieter Cookies als auch Drittanbieter-Cookies. Erstanbieter-Cookies werden direkt von unserer Seite erstellt, Drittanbieter-Cookies werden von Partner-Websites (z.B. Google Analytics) erstellt. Jedes Cookie ist individuell zu bewerten, da jedes Cookie andere Daten speichert. Auch die Ablaufzeit eines Cookies variiert von ein paar Minuten bis hin zu ein paar Jahren. Cookies sind keine Software-Programme und enthalten keine Viren, Trojaner oder andere „Schädlinge“. Cookies können auch nicht auf Informationen Ihres PCs zugreifen.</p>
+        <p>So können zum Beispiel Cookie-Daten aussehen:</p>
+        <p>
+        <strong class="adsimple-112506919">Name:</strong> _ga<br />
+        <strong class="adsimple-112506919">Wert:</strong> GA1.2.1326744211.152112506919-9<br />
+        <strong class="adsimple-112506919">Verwendungszweck:</strong> Unterscheidung der Websitebesucher<br />
+        <strong class="adsimple-112506919">Ablaufdatum:</strong> nach 2 Jahren</p>
+        <p>Diese Mindestgrößen sollte ein Browser unterstützen können:</p>
+        <ul class="adsimple-112506919">
+        <li class="adsimple-112506919">Mindestens 4096 Bytes pro Cookie</li>
+        <li class="adsimple-112506919">Mindestens 50 Cookies pro Domain</li>
+        <li class="adsimple-112506919">Mindestens 3000 Cookies insgesamt</li>
+        </ul>
+        <h3 class="adsimple-112506919">Welche Arten von Cookies gibt es?</h3>
+        <p>Die Frage welche Cookies wir im Speziellen verwenden, hängt von den verwendeten Diensten ab und wird in den folgenden Abschnitten der Datenschutzerklärung geklärt. An dieser Stelle möchten wir kurz auf die verschiedenen Arten von HTTP-Cookies eingehen.</p>
+        <p>Man kann 4 Arten von Cookies unterscheiden:</p>
+        <p>
+        <strong class="adsimple-112506919">Unerlässliche Cookies<br />
+        </strong>Diese Cookies sind nötig, um grundlegende Funktionen der Website sicherzustellen. Zum Beispiel braucht es diese Cookies, wenn ein User ein Produkt in den Warenkorb legt, dann auf anderen Seiten weitersurft und später erst zur Kasse geht. Durch diese Cookies wird der Warenkorb nicht gelöscht, selbst wenn der User sein Browserfenster schließt.</p>
+        <p>
+        <strong class="adsimple-112506919">Zweckmäßige Cookies<br />
+        </strong>Diese Cookies sammeln Infos über das Userverhalten und ob der User etwaige Fehlermeldungen bekommt. Zudem werden mithilfe dieser Cookies auch die Ladezeit und das Verhalten der Website bei verschiedenen Browsern gemessen.</p>
+        <p>
+        <strong class="adsimple-112506919">Zielorientierte Cookies<br />
+        </strong>Diese Cookies sorgen für eine bessere Nutzerfreundlichkeit. Beispielsweise werden eingegebene Standorte, Schriftgrößen oder Formulardaten gespeichert.</p>
+        <p>
+        <strong class="adsimple-112506919">Werbe-Cookies<br />
+        </strong>Diese Cookies werden auch Targeting-Cookies genannt. Sie dienen dazu dem User individuell angepasste Werbung zu liefern. Das kann sehr praktisch, aber auch sehr nervig sein.</p>
+        <p>Üblicherweise werden Sie beim erstmaligen Besuch einer Website gefragt, welche dieser Cookiearten Sie zulassen möchten. Und natürlich wird diese Entscheidung auch in einem Cookie gespeichert.</p>
+        <p>Wenn Sie mehr über Cookies wissen möchten und technische Dokumentationen nicht scheuen, empfehlen wir <a class="adsimple-112506919" href="https://datatracker.ietf.org/doc/html/rfc6265">https://datatracker.ietf.org/doc/html/rfc6265</a>, dem Request for Comments der Internet Engineering Task Force (IETF) namens &#8220;HTTP State Management Mechanism&#8221;.</p>
+        <h3 class="adsimple-112506919">Zweck der Verarbeitung über Cookies</h3>
+        <p>Der Zweck ist letztendlich abhängig vom jeweiligen Cookie. Mehr Details dazu finden Sie weiter unten bzw. beim Hersteller der Software, die das Cookie setzt.</p>
+        <h3 class="adsimple-112506919">Welche Daten werden verarbeitet?</h3>
+        <p>Cookies sind kleine Gehilfen für eine viele verschiedene Aufgaben. Welche Daten in Cookies gespeichert werden, kann man leider nicht verallgemeinern, aber wir werden Sie im Rahmen der folgenden Datenschutzerklärung über die verarbeiteten bzw. gespeicherten Daten informieren.</p>
+        <h3 class="adsimple-112506919">Speicherdauer von Cookies</h3>
+        <p>Die Speicherdauer hängt vom jeweiligen Cookie ab und wird weiter unter präzisiert. Manche Cookies werden nach weniger als einer Stunde gelöscht, andere können mehrere Jahre auf einem Computer gespeichert bleiben.</p>
+        <p>Sie haben außerdem selbst Einfluss auf die Speicherdauer. Sie können über ihren Browser sämtliche Cookies jederzeit manuell löschen (siehe auch unten &#8220;Widerspruchsrecht&#8221;). Ferner werden Cookies, die auf einer Einwilligung beruhen, spätestens nach Widerruf Ihrer Einwilligung gelöscht, wobei die Rechtmäßigkeit der Speicherung bis dahin unberührt bleibt.</p>
+        <h3 class="adsimple-112506919">Widerspruchsrecht &#8211; wie kann ich Cookies löschen?</h3>
+        <p>Wie und ob Sie Cookies verwenden wollen, entscheiden Sie selbst. Unabhängig von welchem Service oder welcher Website die Cookies stammen, haben Sie immer die Möglichkeit Cookies zu löschen, zu deaktivieren oder nur teilweise zuzulassen. Zum Beispiel können Sie Cookies von Drittanbietern blockieren, aber alle anderen Cookies zulassen.</p>
+        <p>Wenn Sie feststellen möchten, welche Cookies in Ihrem Browser gespeichert wurden, wenn Sie Cookie-Einstellungen ändern oder löschen wollen, können Sie dies in Ihren Browser-Einstellungen finden:</p>
+        <p>
+        <a class="adsimple-112506919" href="https://support.google.com/chrome/answer/95647?tid=112506919" target="_blank" rel="noopener noreferrer">Chrome: Cookies in Chrome löschen, aktivieren und verwalten</a>
+        </p>
+        <p>
+        <a class="adsimple-112506919" href="https://support.apple.com/de-at/guide/safari/sfri11471/mac?tid=112506919" target="_blank" rel="noopener noreferrer">Safari: Verwalten von Cookies und Websitedaten mit Safari</a>
+        </p>
+        <p>
+        <a class="adsimple-112506919" href="https://support.mozilla.org/de/kb/cookies-und-website-daten-in-firefox-loschen?tid=112506919" target="_blank" rel="noopener noreferrer">Firefox: Cookies löschen, um Daten zu entfernen, die Websites auf Ihrem Computer abgelegt haben</a>
+        </p>
+        <p>
+        <a class="adsimple-112506919" href="https://support.microsoft.com/de-de/windows/l%C3%B6schen-und-verwalten-von-cookies-168dab11-0753-043d-7c16-ede5947fc64d?tid=112506919">Internet Explorer: Löschen und Verwalten von Cookies</a>
+        </p>
+        <p>
+        <a class="adsimple-112506919" href="https://support.microsoft.com/de-de/microsoft-edge/cookies-in-microsoft-edge-l%C3%B6schen-63947406-40ac-c3b8-57b9-2a946a29ae09?tid=112506919">Microsoft Edge: Löschen und Verwalten von Cookies</a>
+        </p>
+        <p>Falls Sie grundsätzlich keine Cookies haben wollen, können Sie Ihren Browser so einrichten, dass er Sie immer informiert, wenn ein Cookie gesetzt werden soll. So können Sie bei jedem einzelnen Cookie entscheiden, ob Sie das Cookie erlauben oder nicht. Die Vorgangsweise ist je nach Browser verschieden. Am besten Sie suchen die Anleitung in Google mit dem Suchbegriff “Cookies löschen Chrome” oder &#8220;Cookies deaktivieren Chrome&#8221; im Falle eines Chrome Browsers.</p>
+        <h3 class="adsimple-112506919">Rechtsgrundlage</h3>
+        <p>Seit 2009 gibt es die sogenannten „Cookie-Richtlinien“. Darin ist festgehalten, dass das Speichern von Cookies eine <strong class="adsimple-112506919">Einwilligung</strong> (Artikel 6 Abs. 1 lit. a DSGVO) von Ihnen verlangt. Innerhalb der EU-Länder gibt es allerdings noch sehr unterschiedliche Reaktionen auf diese Richtlinien. In Österreich erfolgte aber die Umsetzung dieser Richtlinie in § 96 Abs. 3 des Telekommunikationsgesetzes (TKG). In Deutschland wurden die Cookie-Richtlinien nicht als nationales Recht umgesetzt. Stattdessen erfolgte die Umsetzung dieser Richtlinie weitgehend in § 15 Abs.3 des Telemediengesetzes (TMG).</p>
+        <p>Für unbedingt notwendige Cookies, auch soweit keine Einwilligung vorliegt, bestehen <strong class="adsimple-112506919">berechtigte Interessen</strong> (Artikel 6 Abs. 1 lit. f DSGVO), die in den meisten Fällen wirtschaftlicher Natur sind. Wir möchten den Besuchern der Website eine angenehme Benutzererfahrung bescheren und dafür sind bestimmte Cookies oft unbedingt notwendig.</p>
+        <p>Soweit nicht unbedingt erforderliche Cookies zum Einsatz kommen, geschieht dies nur im Falle Ihrer Einwilligung. Rechtsgrundlage ist insoweit Art. 6 Abs. 1 lit. a DSGVO.</p>
+        <p>In den folgenden Abschnitten werden Sie genauer über den Einsatz von Cookies informiert, sofern eingesetzte Software Cookies verwendet.</p>
+  </body>
+</html>
--- a/src/y4f/Pages/Datenschutzerklärung.razor
+++ b/src/y4f/Pages/Datenschutzerklärung.razor
@ -0,0 +1,361 @@
+@page "/datenschutzerklärung"
+
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8"> 
+    <title></title>
+  </head>
+  <body>
+    <h1 class="adsimple-112506919">Datenschutzerklärung</h1>
+    
+    <h2 id="einleitung-ueberblick" class="adsimple-112506919">Einleitung und Überblick</h2>
+    <p>Wir haben diese Datenschutzerklärung (Fassung 19.05.2023-112506919) verfasst, um Ihnen gemäß der Vorgaben der <a class="adsimple-112506919" href="https://eur-lex.europa.eu/legal-content/DE/TXT/HTML/?uri=CELEX:32016R0679&amp;from=DE&amp;tid=112506919#d1e2269-1-1" target="_blank" rel="noopener">Datenschutz-Grundverordnung (EU) 2016/679</a> und anwendbaren nationalen Gesetzen zu erklären, welche personenbezogenen Daten (kurz Daten) wir als Verantwortliche &#8211; und die von uns beauftragten Auftragsverarbeiter (z. B. Provider) &#8211; verarbeiten, zukünftig verarbeiten werden und welche rechtmäßigen Möglichkeiten Sie haben. Die verwendeten Begriffe sind geschlechtsneutral zu verstehen.<br />
+    <strong class="adsimple-112506919">Kurz gesagt:</strong> Wir informieren Sie umfassend über Daten, die wir über Sie verarbeiten.</p>
+    <p>Datenschutzerklärungen klingen für gewöhnlich sehr technisch und verwenden juristische Fachbegriffe. Diese Datenschutzerklärung soll Ihnen hingegen die wichtigsten Dinge so einfach und transparent wie möglich beschreiben. Soweit es der Transparenz förderlich ist, werden technische <strong class="adsimple-112506919">Begriffe leserfreundlich erklärt</strong>, Links zu weiterführenden Informationen geboten und <strong class="adsimple-112506919">Grafiken</strong> zum Einsatz gebracht. Wir informieren damit in klarer und einfacher Sprache, dass wir im Rahmen unserer Geschäftstätigkeiten nur dann personenbezogene Daten verarbeiten, wenn eine entsprechende gesetzliche Grundlage gegeben ist. Das ist sicher nicht möglich, wenn man möglichst knappe, unklare und juristisch-technische Erklärungen abgibt, so wie sie im Internet oft Standard sind, wenn es um Datenschutz geht. Ich hoffe, Sie finden die folgenden Erläuterungen interessant und informativ und vielleicht ist die eine oder andere Information dabei, die Sie noch nicht kannten.<br />
+    Wenn trotzdem Fragen bleiben, möchten wir Sie bitten, sich an die unten bzw. im Impressum genannte verantwortliche Stelle zu wenden, den vorhandenen Links zu folgen und sich weitere Informationen auf Drittseiten anzusehen. Unsere Kontaktdaten finden Sie selbstverständlich auch im Impressum.</p>
+    <h2 id="anwendungsbereich" class="adsimple-112506919">Anwendungsbereich</h2>
+    <p>Diese Datenschutzerklärung gilt für alle von uns im Unternehmen verarbeiteten personenbezogenen Daten und für alle personenbezogenen Daten, die von uns beauftragte Firmen (Auftragsverarbeiter) verarbeiten. Mit personenbezogenen Daten meinen wir Informationen im Sinne des Art. 4 Nr. 1 DSGVO wie zum Beispiel Name, E-Mail-Adresse und postalische Anschrift einer Person. Die Verarbeitung personenbezogener Daten sorgt dafür, dass wir unsere Dienstleistungen und Produkte anbieten und abrechnen können, sei es online oder offline. Der Anwendungsbereich dieser Datenschutzerklärung umfasst:</p>
+    <ul class="adsimple-112506919">
+    <li class="adsimple-112506919">alle Onlineauftritte (Websites, Onlineshops), die wir betreiben</li>
+    <li class="adsimple-112506919">Social Media Auftritte und E-Mail-Kommunikation</li>
+    <li class="adsimple-112506919">mobile Apps für Smartphones und andere Geräte</li>
+    </ul>
+    <p>
+    <strong class="adsimple-112506919">Kurz gesagt:</strong> Die Datenschutzerklärung gilt für alle Bereiche, in denen personenbezogene Daten im Unternehmen über die genannten Kanäle strukturiert verarbeitet werden. Sollten wir außerhalb dieser Kanäle mit Ihnen in Rechtsbeziehungen eintreten, werden wir Sie gegebenenfalls gesondert informieren.</p>
+    <h2 id="rechtsgrundlagen" class="adsimple-112506919">Rechtsgrundlagen</h2>
+    <p>In der folgenden Datenschutzerklärung geben wir Ihnen transparente Informationen zu den rechtlichen Grundsätzen und Vorschriften, also den Rechtsgrundlagen der Datenschutz-Grundverordnung, die uns ermöglichen, personenbezogene Daten zu verarbeiten.<br />
+    Was das EU-Recht betrifft, beziehen wir uns auf die VERORDNUNG (EU) 2016/679 DES EUROPÄISCHEN PARLAMENTS UND DES RATES vom 27. April 2016. Diese Datenschutz-Grundverordnung der EU können Sie selbstverständlich online auf EUR-Lex, dem Zugang zum EU-Recht, unter <a class="adsimple-112506919" href="https://eur-lex.europa.eu/legal-content/DE/ALL/?uri=celex%3A32016R0679">https://eur-lex.europa.eu/legal-content/DE/ALL/?uri=celex%3A32016R0679</a> nachlesen.</p>
+    <p>Wir verarbeiten Ihre Daten nur, wenn mindestens eine der folgenden Bedingungen zutrifft:</p>
+    <ol>
+    <li class="adsimple-112506919">
+    <strong class="adsimple-112506919">Einwilligung</strong> (Artikel 6 Absatz 1 lit. a DSGVO): Sie haben uns Ihre Einwilligung gegeben, Daten zu einem bestimmten Zweck zu verarbeiten. Ein Beispiel wäre die Speicherung Ihrer eingegebenen Daten eines Kontaktformulars.</li>
+    <li class="adsimple-112506919">
+    <strong class="adsimple-112506919">Vertrag</strong> (Artikel 6 Absatz 1 lit. b DSGVO): Um einen Vertrag oder vorvertragliche Verpflichtungen mit Ihnen zu erfüllen, verarbeiten wir Ihre Daten. Wenn wir zum Beispiel einen Kaufvertrag mit Ihnen abschließen, benötigen wir vorab personenbezogene Informationen.</li>
+    <li class="adsimple-112506919">
+    <strong class="adsimple-112506919">Rechtliche Verpflichtung</strong> (Artikel 6 Absatz 1 lit. c DSGVO): Wenn wir einer rechtlichen Verpflichtung unterliegen, verarbeiten wir Ihre Daten. Zum Beispiel sind wir gesetzlich verpflichtet Rechnungen für die Buchhaltung aufzuheben. Diese enthalten in der Regel personenbezogene Daten.</li>
+    <li class="adsimple-112506919">
+    <strong class="adsimple-112506919">Berechtigte Interessen</strong> (Artikel 6 Absatz 1 lit. f DSGVO): Im Falle berechtigter Interessen, die Ihre Grundrechte nicht einschränken, behalten wir uns die Verarbeitung personenbezogener Daten vor. Wir müssen zum Beispiel gewisse Daten verarbeiten, um unsere Website sicher und wirtschaftlich effizient betreiben zu können. Diese Verarbeitung ist somit ein berechtigtes Interesse.</li>
+    </ol>
+    <p>Weitere Bedingungen wie die Wahrnehmung von Aufnahmen im öffentlichen Interesse und Ausübung öffentlicher Gewalt sowie dem Schutz lebenswichtiger Interessen treten bei uns in der Regel nicht auf. Soweit eine solche Rechtsgrundlage doch einschlägig sein sollte, wird diese an der entsprechenden Stelle ausgewiesen.</p>
+    <p>Zusätzlich zu der EU-Verordnung gelten auch noch nationale Gesetze:</p>
+    <ul class="adsimple-112506919">
+    <li class="adsimple-112506919">In <strong class="adsimple-112506919">Österreich</strong> ist dies das Bundesgesetz zum Schutz natürlicher Personen bei der Verarbeitung personenbezogener Daten (<strong class="adsimple-112506919">Datenschutzgesetz</strong>), kurz <strong class="adsimple-112506919">DSG</strong>.</li>
+    <li class="adsimple-112506919">In <strong class="adsimple-112506919">Deutschland</strong> gilt das <strong class="adsimple-112506919">Bundesdatenschutzgesetz</strong>, kurz<strong class="adsimple-112506919"> BDSG</strong>.</li>
+    </ul>
+    <p>Sofern weitere regionale oder nationale Gesetze zur Anwendung kommen, informieren wir Sie in den folgenden Abschnitten darüber.</p>
+    <h2 id="kontaktdaten-verantwortliche" class="adsimple-112506919">Kontaktdaten des Verantwortlichen</h2>
+    <p>Sollten Sie Fragen zum Datenschutz oder zur Verarbeitung personenbezogener Daten haben, finden Sie nachfolgend die Kontaktdaten der verantwortlichen Person bzw. Stelle:<br />
+    <span class="adsimple-112506919" style="font-weight: 400">Yummy4Friends<br />
+    Anni Zhan<br />
+    Spengergasse 20, 1050 Wien</span>
+    <br />
+    <span style="font-weight: 400">Vertretungsberechtigt: Andre Fuhry</span>
+    <br />
+    E-Mail: <a href="mailto:yummy4friends@gmail.com">yummy4friends@gmail.com</a>
+    <br />
+    Telefon: <a href="tel:+436607808124">+436607808124</a>
+    </p>
+    <h2 id="speicherdauer" class="adsimple-112506919">Speicherdauer</h2>
+    <p>Dass wir personenbezogene Daten nur so lange speichern, wie es für die Bereitstellung unserer Dienstleistungen und Produkte unbedingt notwendig ist, gilt als generelles Kriterium bei uns. Das bedeutet, dass wir personenbezogene Daten löschen, sobald der Grund für die Datenverarbeitung nicht mehr vorhanden ist. In einigen Fällen sind wir gesetzlich dazu verpflichtet, bestimmte Daten auch nach Wegfall des ursprüngliches Zwecks zu speichern, zum Beispiel zu Zwecken der Buchführung.</p>
+    <p>Sollten Sie die Löschung Ihrer Daten wünschen oder die Einwilligung zur Datenverarbeitung widerrufen, werden die Daten so rasch wie möglich und soweit keine Pflicht zur Speicherung besteht, gelöscht.</p>
+    <p>Über die konkrete Dauer der jeweiligen Datenverarbeitung informieren wir Sie weiter unten, sofern wir weitere Informationen dazu haben.</p>
+    <h2 id="rechte-dsgvo" class="adsimple-112506919">Rechte laut Datenschutz-Grundverordnung</h2>
+    <p>Gemäß Artikel 13, 14 DSGVO informieren wir Sie über die folgenden Rechte, die Ihnen zustehen, damit es zu einer fairen und transparenten Verarbeitung von Daten kommt:</p>
+    <ul class="adsimple-112506919">
+    <li class="adsimple-112506919">Sie haben laut Artikel 15 DSGVO ein Auskunftsrecht darüber, ob wir Daten von Ihnen verarbeiten. Sollte das zutreffen, haben Sie Recht darauf eine Kopie der Daten zu erhalten und die folgenden Informationen zu erfahren:
+    <ul class="adsimple-112506919">
+    <li class="adsimple-112506919">zu welchem Zweck wir die Verarbeitung durchführen;</li>
+    <li class="adsimple-112506919">die Kategorien, also die Arten von Daten, die verarbeitet werden;</li>
+    <li class="adsimple-112506919">wer diese Daten erhält und wenn die Daten an Drittländer übermittelt werden, wie die Sicherheit garantiert werden kann;</li>
+    <li class="adsimple-112506919">wie lange die Daten gespeichert werden;</li>
+    <li class="adsimple-112506919">das Bestehen des Rechts auf Berichtigung, Löschung oder Einschränkung der Verarbeitung und dem Widerspruchsrecht gegen die Verarbeitung;</li>
+    <li class="adsimple-112506919">dass Sie sich bei einer Aufsichtsbehörde beschweren können (Links zu diesen Behörden finden Sie weiter unten);</li>
+    <li class="adsimple-112506919">die Herkunft der Daten, wenn wir sie nicht bei Ihnen erhoben haben;</li>
+    <li class="adsimple-112506919">ob Profiling durchgeführt wird, ob also Daten automatisch ausgewertet werden, um zu einem persönlichen Profil von Ihnen zu gelangen.</li>
+    </ul>
+    </li>
+    <li class="adsimple-112506919">Sie haben laut Artikel 16 DSGVO ein Recht auf Berichtigung der Daten, was bedeutet, dass wir Daten richtig stellen müssen, falls Sie Fehler finden.</li>
+    <li class="adsimple-112506919">Sie haben laut Artikel 17 DSGVO das Recht auf Löschung („Recht auf Vergessenwerden“), was konkret bedeutet, dass Sie die Löschung Ihrer Daten verlangen dürfen.</li>
+    <li class="adsimple-112506919">Sie haben laut Artikel 18 DSGVO das Recht auf Einschränkung der Verarbeitung, was bedeutet, dass wir die Daten nur mehr speichern dürfen aber nicht weiter verwenden.</li>
+    <li class="adsimple-112506919">Sie haben laut Artikel 20 DSGVO das Recht auf Datenübertragbarkeit, was bedeutet, dass wir Ihnen auf Anfrage Ihre Daten in einem gängigen Format zur Verfügung stellen.</li>
+    <li class="adsimple-112506919">Sie haben laut Artikel 21 DSGVO ein Widerspruchsrecht, welches nach Durchsetzung eine Änderung der Verarbeitung mit sich bringt.
+    <ul class="adsimple-112506919">
+    <li class="adsimple-112506919">Wenn die Verarbeitung Ihrer Daten auf Artikel 6 Abs. 1 lit. e (öffentliches Interesse, Ausübung öffentlicher Gewalt) oder Artikel 6 Abs. 1 lit. f (berechtigtes Interesse) basiert, können Sie gegen die Verarbeitung Widerspruch einlegen. Wir prüfen danach so rasch wie möglich, ob wir diesem Widerspruch rechtlich nachkommen können.</li>
+    <li class="adsimple-112506919">Werden Daten verwendet, um Direktwerbung zu betreiben, können Sie jederzeit gegen diese Art der Datenverarbeitung widersprechen. Wir dürfen Ihre Daten danach nicht mehr für Direktmarketing verwenden.</li>
+    <li class="adsimple-112506919">Werden Daten verwendet, um Profiling zu betreiben, können Sie jederzeit gegen diese Art der Datenverarbeitung widersprechen. Wir dürfen Ihre Daten danach nicht mehr für Profiling verwenden.</li>
+    </ul>
+    </li>
+    <li class="adsimple-112506919">Sie haben laut Artikel 22 DSGVO unter Umständen das Recht, nicht einer ausschließlich auf einer automatisierten Verarbeitung (zum Beispiel Profiling) beruhenden Entscheidung unterworfen zu werden.</li>
+    <li class="adsimple-112506919">Sie haben laut Artikel 77 DSGVO das Recht auf Beschwerde. Das heißt, Sie können sich jederzeit bei der Datenschutzbehörde beschweren, wenn Sie der Meinung sind, dass die Datenverarbeitung von personenbezogenen Daten gegen die DSGVO verstößt.</li>
+    </ul>
+    <p>
+    <strong class="adsimple-112506919">Kurz gesagt:</strong> Sie haben Rechte &#8211; zögern Sie nicht, die oben gelistete verantwortliche Stelle bei uns zu kontaktieren!</p>
+    <p>Wenn Sie glauben, dass die Verarbeitung Ihrer Daten gegen das Datenschutzrecht verstößt oder Ihre datenschutzrechtlichen Ansprüche in sonst einer Weise verletzt worden sind, können Sie sich bei der Aufsichtsbehörde beschweren. Diese ist für Österreich die Datenschutzbehörde, deren Website Sie unter <a class="adsimple-112506919" href="https://www.dsb.gv.at/?tid=112506919" target="_blank" rel="noopener">https://www.dsb.gv.at/</a> finden. In Deutschland gibt es für jedes Bundesland einen Datenschutzbeauftragten. Für nähere Informationen können Sie sich an die <a class="adsimple-112506919" href="https://www.bfdi.bund.de/DE/Home/home_node.html" target="_blank" rel="noopener">Bundesbeauftragte für den Datenschutz und die Informationsfreiheit (BfDI)</a> wenden. Für unser Unternehmen ist die folgende lokale Datenschutzbehörde zuständig:</p>
+    <h2 id="oesterreich-datenschutzbehoerde" class="adsimple-112506919">Österreich Datenschutzbehörde</h2>
+    <p>
+    <strong class="adsimple-112506919">Leiterin: </strong>Mag. Dr. Andrea Jelinek<strong class="adsimple-112506919">
+    <br />
+    Adresse: </strong>Barichgasse 40-42, 1030 Wien<strong class="adsimple-112506919">
+    <br />
+    Telefonnr.: </strong>+43 1 52 152-0<strong class="adsimple-112506919">
+    <br />
+    E-Mail-Adresse: </strong>
+    <a class="adsimple-112506919" href="mailto:dsb@dsb.gv.at" target="_blank" rel="noopener">dsb@dsb.gv.at</a>
+    <strong class="adsimple-112506919">
+    <br />
+    Website: </strong>
+    <a class="adsimple-112506919" href="https://www.dsb.gv.at/" target="_blank" rel="noopener">https://www.dsb.gv.at/</a>
+    </p>
+    <h2 id="sicherheit-datenverarbeitung" class="adsimple-112506919">Sicherheit der Datenverarbeitung</h2>
+    <p>Um personenbezogene Daten zu schützen, haben wir sowohl technische als auch organisatorische Maßnahmen umgesetzt. Wo es uns möglich ist, verschlüsseln oder pseudonymisieren wir personenbezogene Daten. Dadurch machen wir es im Rahmen unserer Möglichkeiten so schwer wie möglich, dass Dritte aus unseren Daten auf persönliche Informationen schließen können.</p>
+    <p>Art. 25 DSGVO spricht hier von &#8220;Datenschutz durch Technikgestaltung und durch datenschutzfreundliche Voreinstellungen&#8221; und meint damit, dass man sowohl bei Software (z. B. Formularen) also auch Hardware (z. B. Zugang zum Serverraum) immer an Sicherheit denkt und entsprechende Maßnahmen setzt. Im Folgenden gehen wir, falls erforderlich, noch auf konkrete Maßnahmen ein.</p>
+    <h2 id="tls-verschluesselung-https" class="adsimple-112506919">TLS-Verschlüsselung mit https</h2>
+    <p>TLS, Verschlüsselung und https klingen sehr technisch und sind es auch. Wir verwenden HTTPS (das Hypertext Transfer Protocol Secure steht für „sicheres Hypertext-Übertragungsprotokoll“), um Daten abhörsicher im Internet zu übertragen.<br />
+    Das bedeutet, dass die komplette Übertragung aller Daten von Ihrem Browser zu unserem Webserver abgesichert ist &#8211; niemand kann &#8220;mithören&#8221;.</p>
+    <p>Damit haben wir eine zusätzliche Sicherheitsschicht eingeführt und erfüllen den Datenschutz durch Technikgestaltung (<a class="adsimple-112506919" href="https://eur-lex.europa.eu/legal-content/DE/TXT/HTML/?uri=CELEX:32016R0679&amp;from=DE&amp;tid=112506919" target="_blank" rel="noopener">Artikel 25 Absatz 1 DSGVO</a>). Durch den Einsatz von TLS (Transport Layer Security), einem Verschlüsselungsprotokoll zur sicheren Datenübertragung im Internet, können wir den Schutz vertraulicher Daten sicherstellen.<br />
+    Sie erkennen die Benutzung dieser Absicherung der Datenübertragung am kleinen Schlosssymbol <img role="img" src="https://www.adsimple.at/wp-content/uploads/2018/03/schlosssymbol-https.svg" width="17" height="18" /> links oben im Browser, links von der Internetadresse (z. B. beispielseite.de) und der Verwendung des Schemas https (anstatt http) als Teil unserer Internetadresse.<br />
+    Wenn Sie mehr zum Thema Verschlüsselung wissen möchten, empfehlen wir die Google Suche nach &#8220;Hypertext Transfer Protocol Secure wiki&#8221; um gute Links zu weiterführenden Informationen zu erhalten.</p>
+    <h2 id="kommunikation" class="adsimple-112506919">Kommunikation</h2>
+    <table border="1" cellpadding="15">
+    <tbody>
+    <tr>
+    <td>
+    <strong class="adsimple-112506919">Kommunikation Zusammenfassung</strong>
+    <br />
+    &#x1f465; Betroffene: Alle, die mit uns per Telefon, E-Mail oder Online-Formular kommunizieren<br />
+    &#x1f4d3; Verarbeitete Daten: z. B. Telefonnummer, Name, E-Mail-Adresse, eingegebene Formulardaten. Mehr Details dazu finden Sie bei der jeweils eingesetzten Kontaktart<br />
+    &#x1f91d; Zweck: Abwicklung der Kommunikation mit Kunden, Geschäftspartnern usw.<br />
+    &#x1f4c5; Speicherdauer: Dauer des Geschäftsfalls und der gesetzlichen Vorschriften<br />
+    &#x2696;&#xfe0f; Rechtsgrundlagen: Art. 6 Abs. 1 lit. a DSGVO (Einwilligung), Art. 6 Abs. 1 lit. b DSGVO (Vertrag), Art. 6 Abs. 1 lit. f DSGVO (Berechtigte Interessen)</td>
+    </tr>
+    </tbody>
+    </table>
+    <p>Wenn Sie mit uns Kontakt aufnehmen und per Telefon, E-Mail oder Online-Formular kommunizieren, kann es zur Verarbeitung personenbezogener Daten kommen.</p>
+    <p>Die Daten werden für die Abwicklung und Bearbeitung Ihrer Frage und des damit zusammenhängenden Geschäftsvorgangs verarbeitet. Die Daten während eben solange gespeichert bzw. solange es das Gesetz vorschreibt.</p>
+    <h3 class="adsimple-112506919">Betroffene Personen</h3>
+    <p>Von den genannten Vorgängen sind alle betroffen, die über die von uns bereit gestellten Kommunikationswege den Kontakt zu uns suchen.</p>
+    <h3 class="adsimple-112506919">Telefon</h3>
+    <p>Wenn Sie uns anrufen, werden die Anrufdaten auf dem jeweiligen Endgerät und beim eingesetzten Telekommunikationsanbieter pseudonymisiert gespeichert. Außerdem können Daten wie Name und Telefonnummer im Anschluss per E-Mail versendet und zur Anfragebeantwortung gespeichert werden. Die Daten werden gelöscht, sobald der Geschäftsfall beendet wurde und es gesetzliche Vorgaben erlauben.</p>
+    <h3 class="adsimple-112506919">E-Mail</h3>
+    <p>Wenn Sie mit uns per E-Mail kommunizieren, werden Daten gegebenenfalls auf dem jeweiligen Endgerät (Computer, Laptop, Smartphone,&#8230;) gespeichert und es kommt zur Speicherung von Daten auf dem E-Mail-Server. Die Daten werden gelöscht, sobald der Geschäftsfall beendet wurde und es gesetzliche Vorgaben erlauben.</p>
+    <h3 class="adsimple-112506919">Online Formulare</h3>
+    <p>Wenn Sie mit uns mittels Online-Formular kommunizieren, werden Daten auf unserem Webserver gespeichert und gegebenenfalls an eine E-Mail-Adresse von uns weitergeleitet. Die Daten werden gelöscht, sobald der Geschäftsfall beendet wurde und es gesetzliche Vorgaben erlauben.</p>
+    <h3 class="adsimple-112506919">Rechtsgrundlagen</h3>
+    <p>Die Verarbeitung der Daten basiert auf den folgenden Rechtsgrundlagen:</p>
+    <ul class="adsimple-112506919">
+    <li class="adsimple-112506919">Art. 6 Abs. 1 lit. a DSGVO (Einwilligung): Sie geben uns die Einwilligung Ihre Daten zu speichern und weiter für den Geschäftsfall betreffende Zwecke zu verwenden;</li>
+    <li class="adsimple-112506919">Art. 6 Abs. 1 lit. b DSGVO (Vertrag): Es besteht die Notwendigkeit für die Erfüllung eines Vertrags mit Ihnen oder einem Auftragsverarbeiter wie z. B. dem Telefonanbieter oder wir müssen die Daten für vorvertragliche Tätigkeiten, wie z. B. die Vorbereitung eines Angebots, verarbeiten;</li>
+    <li class="adsimple-112506919">Art. 6 Abs. 1 lit. f DSGVO (Berechtigte Interessen): Wir wollen Kundenanfragen und geschäftliche Kommunikation in einem professionellen Rahmen betreiben. Dazu sind gewisse technische Einrichtungen wie z. B. E-Mail-Programme, Exchange-Server und Mobilfunkbetreiber notwendig, um die Kommunikation effizient betreiben zu können.</li>
+    </ul>
+    
+    <h2 id="webhosting-einleitung" class="adsimple-112506919">Webhosting Einleitung</h2>
+    <table border="1" cellpadding="15">
+    <tbody>
+    <tr>
+    <td>
+    <strong class="adsimple-112506919">Webhosting Zusammenfassung</strong>
+    <br />
+    &#x1f465; Betroffene: Besucher der Website<br />
+    &#x1f91d; Zweck: professionelles Hosting der Website und Absicherung des Betriebs<br />
+    &#x1f4d3; Verarbeitete Daten: IP-Adresse, Zeitpunkt des Websitebesuchs, verwendeter Browser und weitere Daten. Mehr Details dazu finden Sie weiter unten bzw. beim jeweils eingesetzten Webhosting Provider.<br />
+    &#x1f4c5; Speicherdauer: abhängig vom jeweiligen Provider, aber in der Regel 2 Wochen<br />
+    &#x2696;&#xfe0f; Rechtsgrundlagen: Art. 6 Abs. 1 lit.f DSGVO (Berechtigte Interessen)</td>
+    </tr>
+    </tbody>
+    </table>
+    <h3 class="adsimple-112506919">Was ist Webhosting?</h3>
+    <p>Wenn Sie heutzutage Websites besuchen, werden gewisse Informationen &#8211; auch personenbezogene Daten &#8211; automatisch erstellt und gespeichert, so auch auf dieser Website. Diese Daten sollten möglichst sparsam und nur mit Begründung verarbeitet werden. Mit Website meinen wir übrigens die Gesamtheit aller Webseiten auf einer Domain, d.h. alles von der Startseite (Homepage) bis hin zur aller letzten Unterseite (wie dieser hier). Mit Domain meinen wir zum Beispiel beispiel.de oder musterbeispiel.com.</p>
+    <p>Wenn Sie eine Website auf einem Computer, Tablet oder Smartphone ansehen möchten, verwenden Sie dafür ein Programm, das sich Webbrowser nennt. Sie kennen vermutlich einige Webbrowser beim Namen: Google Chrome, Microsoft Edge, Mozilla Firefox und Apple Safari. Wir sagen kurz Browser oder Webbrowser dazu.</p>
+    <p>Um die Website anzuzeigen, muss sich der Browser zu einem anderen Computer verbinden, wo der Code der Website gespeichert ist: dem Webserver. Der Betrieb eines Webservers ist eine komplizierte und aufwendige Aufgabe, weswegen dies in der Regel von professionellen Anbietern, den Providern, übernommen wird. Diese bieten Webhosting an und sorgen damit für eine verlässliche und fehlerfreie Speicherung der Daten von Websites. Eine ganze Menge Fachbegriffe, aber bitte bleiben Sie dran, es wird noch besser!</p>
+    <p>Bei der Verbindungsaufnahme des Browsers auf Ihrem Computer (Desktop, Laptop, Tablet oder Smartphone) und während der Datenübertragung zu und vom Webserver kann es zu einer Verarbeitung personenbezogener Daten kommen. Einerseits speichert Ihr Computer Daten, andererseits muss auch der Webserver Daten eine Zeit lang speichern, um einen ordentlichen Betrieb zu gewährleisten.</p>
+    <p>Ein Bild sagt mehr als tausend Worte, daher zeigt folgende Grafik zur Veranschaulichung das Zusammenspiel zwischen Browser, dem Internet und dem Hosting-Provider.</p>
+    <p>
+    <img role="img" src="https://www.adsimple.at/wp-content/uploads/2018/03/browser-und-webserver.svg" alt="Browser und Webserver" width="100%" />
+    </p>
+    <h3 class="adsimple-112506919">Warum verarbeiten wir personenbezogene Daten?</h3>
+    <p>Die Zwecke der Datenverarbeitung sind:</p>
+    <ol>
+    <li class="adsimple-112506919">Professionelles Hosting der Website und Absicherung des Betriebs</li>
+    <li class="adsimple-112506919">zur Aufrechterhaltung der Betriebs- und IT-Sicherheit</li>
+    <li class="adsimple-112506919">Anonyme Auswertung des Zugriffsverhaltens zur Verbesserung unseres Angebots und ggf. zur Strafverfolgung bzw. Verfolgung von Ansprüchen</li>
+    </ol>
+    <h3 class="adsimple-112506919">Welche Daten werden verarbeitet?</h3>
+    <p>Auch während Sie unsere Website jetzt gerade besuchen, speichert unser Webserver, das ist der Computer auf dem diese Webseite gespeichert ist, in der Regel automatisch Daten wie</p>
+    <ul class="adsimple-112506919">
+    <li class="adsimple-112506919">die komplette Internetadresse (URL) der aufgerufenen Webseite</li>
+    <li class="adsimple-112506919">Browser und Browserversion (z. B. Chrome 87)</li>
+    <li class="adsimple-112506919">das verwendete Betriebssystem (z. B. Windows 10)</li>
+    <li class="adsimple-112506919">die Adresse (URL) der zuvor besuchten Seite (Referrer URL) (z. B. <a class="adsimple-112506919" href="https://www.beispielquellsite.de/vondabinichgekommen/" target="_blank" rel="follow noopener">https://www.beispielquellsite.de/vondabinichgekommen/</a>)</li>
+    <li class="adsimple-112506919">den Hostnamen und die IP-Adresse des Geräts von welchem aus zugegriffen wird (z. B. COMPUTERNAME und 194.23.43.121)</li>
+    <li class="adsimple-112506919">Datum und Uhrzeit</li>
+    <li class="adsimple-112506919">in Dateien, den sogenannten Webserver-Logfiles</li>
+    </ul>
+    <h3 class="adsimple-112506919">Wie lange werden Daten gespeichert?</h3>
+    <p>In der Regel werden die oben genannten Daten zwei Wochen gespeichert und danach automatisch gelöscht. Wir geben diese Daten nicht weiter, können jedoch nicht ausschließen, dass diese Daten beim Vorliegen von rechtswidrigem Verhalten von Behörden eingesehen werden.</p>
+    <p>
+    <strong class="adsimple-112506919">Kurz gesagt:</strong> Ihr Besuch wird durch unseren Provider (Firma, die unsere Website auf speziellen Computern (Servern) laufen lässt), protokolliert, aber wir geben Ihre Daten nicht ohne Zustimmung weiter!</p>
+    <h3 class="adsimple-112506919">Rechtsgrundlage</h3>
+    <p>Die Rechtmäßigkeit der Verarbeitung personenbezogener Daten im Rahmen des Webhosting ergibt sich aus Art. 6 Abs. 1 lit. f DSGVO (Wahrung der berechtigten Interessen), denn die Nutzung von professionellem Hosting bei einem Provider ist notwendig, um das Unternehmen im Internet sicher und nutzerfreundlich präsentieren und Angriffe und Forderungen hieraus gegebenenfalls verfolgen zu können.</p>
+    <p>Zwischen uns und dem Hosting-Provider besteht in der Regel ein Vertrag über die Auftragsverarbeitung gemäß Art. 28 f. DSGVO, der die Einhaltung von Datenschutz gewährleistet und Datensicherheit garantiert.</p>
+    <h2 id="webhosting-provider-extern" class="adsimple-112506919">Webhosting-Provider Extern Datenschutzerklärung</h2>
+    <p>Nachfolgend finden Sie die Kontaktdaten unseres externen Hosting-Providers, wo Sie, zusätzlich zu den Informationen oben, mehr zur Datenverarbeitung erfahren können:</p>
+    <p>Oracle Corporation<br />
+    500 Oracle Parkway, M/S 5op7<br />
+    Redwood Shores, CA 94065</p>
+    <p>Mehr über die Datenverarbeitung bei diesem Provider erfahren Sie in der <a class="adsimple-112506919" href="https://www.oracle.com/legal/privacy/" target="_blank" rel="noopener">Datenschutzerklärung</a>.</p>
+    <h2 id="zahlungsanbieter-einleitung" class="adsimple-112506919">Zahlungsanbieter Einleitung</h2>
+    <table border="1" cellpadding="15">
+    <tbody>
+    <tr>
+    <td>
+    <strong class="adsimple-112506919">Zahlungsanbieter Datenschutzerklärung Zusammenfassung</strong>
+    <br />
+    &#x1f465; Betroffene: Besucher der Website<br />
+    &#x1f91d; Zweck: Ermöglichung und Optimierung des Zahlungsvorgangs auf unserer Website<br />
+    &#x1f4d3; Verarbeitete Daten: Daten wie etwa Name, Adresse, Bankdaten (Kontonummer, Kreditkartennummer, Passwörter, TANs usw.), IP-Adresse und Vertragsdaten<br />
+    Mehr Details dazu finden Sie beim jeweils eingesetzten Zahlungsanbieter-Tool.<br />
+    &#x1f4c5; Speicherdauer: abhängig vom verwendeten Zahlungsanbieter<br />
+    &#x2696;&#xfe0f; Rechtsgrundlagen: Art. 6 Abs. 1 lit. b DSGVO (Erfüllung eines Vertrags)</td>
+    </tr>
+    </tbody>
+    </table>
+    <h3 class="adsimple-112506919">Was ist ein Zahlungsanbieter?</h3>
+    <p>Wir verwenden auf unserer Website Online-Zahlungssysteme, die uns und Ihnen ein sicheres und reibungsloses Bezahlverfahren ermöglichen. Dabei können unter anderem auch personenbezogene Daten an den jeweiligen Zahlungsanbieter gesendet, gespeichert und dort verarbeitet werden. Bei Zahlungsanbietern handelt es sich um Online-Zahlungssysteme, die es Ihnen ermöglichen eine Bestellung über Online-Banking durchzuführen. Dabei wird die Zahlungsabwicklung durch den von Ihnen gewählten Zahlungsanbieter durchgeführt. Wir erhalten anschließend eine Information über die getätigte Zahlung. Diese Methode kann jeder User nutzen, der ein aktives Online-Banking-Konto mit PIN und TAN hat. Es gibt kaum noch Banken, die solche Zahlungsmethoden nicht anbieten bzw. akzeptieren.</p>
+    <h3 class="adsimple-112506919">Warum verwenden wir Zahlungsanbieter auf unserer Website?</h3>
+    <p>Wir wollen natürlich mit unserer Website und unserem eingebundenen Onlineshop den bestmögliche Service bieten, damit Sie sich auf unserer Seite wohl fühlen und unsere Angebote nutzen. Wir wissen, dass Ihre Zeit kostbar ist und speziell Zahlungsabwicklungen schnell und reibungslos funktionieren müssen. Aus diesen Gründen bieten wir Ihnen diverse Zahlungsanbieter an. Sie können Ihren bevorzugten Zahlungsanbieter wählen und so in gewohnter Manier bezahlen.</p>
+    <h3 class="adsimple-112506919">Welche Daten werden verarbeitet?</h3>
+    <p>Welche Daten genau verarbeitet werden, hängt natürlich von dem jeweiligen Zahlungsanbieter ab. Doch grundsätzlich werden Daten wie Name, Adresse, Bankdaten (Kontonummer, Kreditkartennummer, Passwörter, TANs usw.) gespeichert. Dabei handelt es sich um notwendige Daten, um überhaupt eine Transaktion durchführen zu können. Zudem können auch etwaige Vertragsdaten und Userdaten, wie zum Beispiel wann Sie unsere Website besuchen, für welche Inhalte Sie sich interessieren oder welche Unterseiten Sie anklicken, gespeichert werden. Auch Ihre IP-Adresse und Informationen zu Ihrem verwendeten Computer werden von den meisten Zahlungsanbietern gespeichert.</p>
+    <p>Die Daten werden in der Regel auf den Servern der Zahlungsanbietern gespeichert und verarbeitet. Wir als Websitebetreiber erhalten diese Daten nicht. Wir werden nur darüber informiert, ob die Zahlung funktioniert hat oder nicht. Für Identitäts- und Bonitätsprüfungen kann es vorkommen, dass Zahlungsanbieter Daten an die entsprechende Stelle weiterleiten. Für alle Zahlungsgeschäfte gelten immer die Geschäfts- und Datenschutzgrundlagen des jeweiligen Anbieters. Schauen Sie sich daher bitte immer auch die Allgemeinen Geschäftsbedingen und die Datenschutzerklärung des Zahlungsanbieters an. Sie haben auch jederzeit das Recht beispielsweise Daten löschen oder korrigieren zu lassen. Bitte setzen Sie sich bezüglich Ihrer Rechte (Widerrufsrecht, Auskunftsrecht und Betroffenheitsrecht) mit dem jeweiligen Dienstanbieter in Verbindung.</p>
+    <h3 class="adsimple-112506919">
+    <span class="adsimple-112506919" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;Wo und wie lange werden Daten gespeichert?&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;:0}">Dauer der Datenverarbeitung</span>
+    </h3>
+    <p>Über die Dauer der Datenverarbeitung informieren wir Sie weiter unten sofern wir weitere Informationen dazu haben. Generell verarbeiten wir personenbezogene Daten nur so lange wie es für die Bereitstellung unserer Dienstleistungen und Produkte unbedingt notwendig ist. Wenn es wie zum Beispiel im Fall von Buchhaltung gesetzlich vorgeschrieben ist, kann diese Speicherdauer auch überschritten werden. So bewahren wir zu einem Vertrag gehörige Buchungsbelege (Rechnungen, Vertragsurkunden, Kontoauszüge u.a.) 10 Jahre (§ 147 AO) sowie sonstige relevante Geschäftsunterlagen 6 Jahre (§ 247 HGB) nach Anfallen auf.</p>
+    <h3 class="adsimple-112506919">Widerspruchsrecht</h3>
+    <p>Sie haben immer das Recht auf Auskunft, Berichtigung und Löschung Ihrer personenbezogenen Daten. Bei Fragen können Sie auch jederzeit Verantwortliche des verwendeten Zahlungsanbieter kontaktieren. Kontaktdaten finden Sie entweder in unserer spezifischen Datenschutzerklärung oder auf der Website des entsprechenden Zahlungsanbieters.</p>
+    <p>Cookies, die Zahlungsanbieter für ihre Funktionen verwenden, können Sie in Ihrem Browser löschen, deaktivieren oder verwalten. Je nachdem welchen Browser Sie verwenden, funktioniert dies auf unterschiedliche Art und Weise. Bitte beachten Sie aber, dass dann eventuell der Zahlungsvorgang nicht mehr funktioniert.</p>
+    <h3 class="adsimple-112506919">Rechtsgrundlage</h3>
+    <p>Wir bieten also zur Abwicklung von vertraglichen bzw. rechtlichen Beziehungen <strong class="adsimple-112506919">(Art. 6 Abs. 1 lit. b DSGVO)</strong>
+    <strong class="adsimple-112506919"> </strong>neben den herkömmlichen Bank-/Kreditinstitutionen auch andere Zahlungsdienstleister an. In den Datenschutzerklärungen der einzelnen Zahlungsanbietern (wie zum Beispiel <span class="adsimple-112506919" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;Amazon Payments&quot;}" data-sheets-userformat="{&quot;2&quot;:513,&quot;3&quot;:{&quot;1&quot;:0},&quot;12&quot;:0}">Amazon Payments</span>, <span class="adsimple-112506919" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;Apple Pay&quot;}" data-sheets-userformat="{&quot;2&quot;:513,&quot;3&quot;:{&quot;1&quot;:0},&quot;12&quot;:0}">Apple Pay</span> oder <span class="adsimple-112506919" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;Discover&quot;}" data-sheets-userformat="{&quot;2&quot;:513,&quot;3&quot;:{&quot;1&quot;:0},&quot;12&quot;:0}">Discover</span>) wird Ihnen ein genauer Überblick über die Datenverarbeitung und Datenspeicherung geboten. Zudem können Sie sich bei Fragen zu datenschutzrelevanten Themen stets an die Verantwortlichen richten.</p>
+    <p>Informationen zu den speziellen Zahlungsanbietern erfahren Sie &#8211; sofern vorhanden &#8211; in den folgenden Abschnitten.</p>
+    <h2 id="paypal-datenschutzerklaerung" class="adsimple-112506919">PayPal Datenschutzerklärung</h2>
+    <p>Wir nutzen auf unserer Website den Online-Bezahldienst PayPal. Dienstanbieter ist das amerikanische Unternehmen PayPal Inc. Für den europäischen Raum ist das Unternehmen PayPal Europe (S.à r.l. et Cie, S.C.A., 22-24 Boulevard Royal, L-2449 Luxembourg) verantwortlich.</p>
+    <p>PayPal verarbeitet Daten von Ihnen u.a. auch in den USA. Wir weisen darauf hin, dass nach Meinung des Europäischen Gerichtshofs derzeit kein angemessenes Schutzniveau für den Datentransfer in die USA besteht. Dies kann mit verschiedenen Risiken für die Rechtmäßigkeit und Sicherheit der Datenverarbeitung einhergehen.</p>
+    <p>Als Grundlage der Datenverarbeitung bei Empfängern mit Sitz in Drittstaaten (außerhalb der Europäischen Union, Island, Liechtenstein, Norwegen, also insbesondere in den USA) oder einer Datenweitergabe dorthin verwendet PayPal sogenannte Standardvertragsklauseln (= Art. 46. Abs. 2 und 3 DSGVO). Standardvertragsklauseln (Standard Contractual Clauses – SCC) sind von der EU-Kommission bereitgestellte Mustervorlagen und sollen sicherstellen, dass Ihre Daten auch dann den europäischen Datenschutzstandards entsprechen, wenn diese in Drittländer (wie beispielsweise in die USA) überliefert und dort gespeichert werden. Durch diese Klauseln verpflichtet sich PayPal, bei der Verarbeitung Ihrer relevanten Daten, das europäische Datenschutzniveau einzuhalten, selbst wenn die Daten in den USA gespeichert, verarbeitet und verwaltet werden. Diese Klauseln basieren auf einem Durchführungsbeschluss der EU-Kommission. Sie finden den Beschluss und die entsprechenden Standardvertragsklauseln u.a. hier: <a class="adsimple-112506919" href="https://eur-lex.europa.eu/eli/dec_impl/2021/914/oj?locale=de" target="_blank" rel="follow noopener">https://eur-lex.europa.eu/eli/dec_impl/2021/914/oj?locale=de</a>
+    </p>
+    <p>Mehr Informationen zu den Standardvertragsklauseln und über die Daten, die durch die Verwendung von PayPal verarbeitet werden, erfahren Sie in der Datenschutzerklärung auf <a class="adsimple-112506919" href="https://www.paypal.com/webapps/mpp/ua/privacy-full?tid=112506919">https://www.paypal.com/webapps/mpp/ua/privacy-full</a>.</p>
+    <h2 id="erklaerung-verwendeter-begriffe" class="adsimple-112506919">Erklärung verwendeter Begriffe</h2>
+    <p>Wir sind stets bemüht unsere Datenschutzerklärung so klar und verständlich wie möglich zu verfassen. Besonders bei technischen und rechtlichen Themen ist das allerdings nicht immer ganz einfach. Es macht oft Sinn juristische Begriffe (wie z. B. personenbezogene Daten) oder bestimmte technische Ausdrücke (wie z. B. Cookies, IP-Adresse) zu verwenden. Wir möchte diese aber nicht ohne Erklärung verwenden. Nachfolgend finden Sie nun eine alphabetische Liste von wichtigen verwendeten Begriffen, auf die wir in der bisherigen Datenschutzerklärung vielleicht noch nicht ausreichend eingegangen sind. Falls diese Begriffe der DSGVO entnommen wurden und es sich um Begriffsbestimmungen handelt, werden wir hier auch die DSGVO-Texte anführen und gegebenenfalls noch eigene Erläuterungen hinzufügen.</p>
+    <h2 id="auftragsverarbeiter" class="adsimple-112506919">Auftragsverarbeiter</h2>
+    <p>
+    <strong class="adsimple-112506919">Begriffsbestimmung nach Artikel 4 der DSGVO</strong>
+    </p>
+    <p>Im Sinne dieser Verordnung bezeichnet der Ausdruck:</p>
+    <blockquote>
+    <p>
+    <em>
+    <strong class="adsimple-112506919">„Auftragsverarbeiter“</strong> eine natürliche oder juristische Person, Behörde, Einrichtung oder andere Stelle, die personenbezogene Daten im Auftrag des Verantwortlichen verarbeitet;</em>
+    </p>
+    </blockquote>
+    <p>
+    <strong class="adsimple-112506919">Erläuterung:</strong> Wir sind als Unternehmen und Websiteinhaber für alle Daten, die wir von Ihnen verarbeiten verantwortlich. Neben den Verantwortlichen kann es auch sogenannte Auftragsverarbeiter geben. Dazu zählt jedes Unternehmen bzw. jede Person, die in unserem Auftrag personenbezogene Daten verarbeitet. Auftragsverarbeiter können folglich, neben Dienstleistern wie Steuerberater, etwa auch Hosting- oder Cloudanbieter, Bezahlungs- oder Newsletter-Anbieter oder große Unternehmen wie beispielsweise Google oder Microsoft sein.</p>
+    <h2 id="einwilligung" class="adsimple-112506919">Einwilligung</h2>
+    <p>
+    <strong class="adsimple-112506919">Begriffsbestimmung nach Artikel 4 der DSGVO</strong>
+    </p>
+    <p>Im Sinne dieser Verordnung bezeichnet der Ausdruck:</p>
+    <blockquote>
+    <p>
+    <em>
+    <strong class="adsimple-112506919">„Einwilligung“</strong> der betroffenen Person jede freiwillig für den bestimmten Fall, in informierter Weise und unmissverständlich abgegebene Willensbekundung in Form einer Erklärung oder einer sonstigen eindeutigen bestätigenden Handlung, mit der die betroffene Person zu verstehen gibt, dass sie mit der Verarbeitung der sie betreffenden personenbezogenen Daten einverstanden ist;</em>
+    </p>
+    </blockquote>
+    <p>
+    <strong class="adsimple-112506919">Erläuterung: </strong>In der Regel erfolgt bei Websites eine solche Einwilligung über ein Cookie-Consent-Tool. Sie kennen das bestimmt. Immer wenn Sie erstmals eine Website besuchen, werden Sie meist über einen Banner gefragt, ob Sie der Datenverarbeitung zustimmen bzw. einwilligen. Meist können Sie auch individuelle Einstellungen treffen und so selbst entscheiden, welche Datenverarbeitung Sie erlauben und welche nicht. Wenn Sie nicht einwilligen, dürfen auch keine personenbezogene Daten von Ihnen verarbeitet werden. Grundsätzlich kann eine Einwilligung natürlich auch schriftlich, also nicht über ein Tool, erfolgen.</p>
+    <h2 id="personenbezogene-daten" class="adsimple-112506919">Personenbezogene Daten</h2>
+    <p>
+    <strong class="adsimple-112506919">Begriffsbestimmung nach Artikel 4 der DSGVO</strong>
+    </p>
+    <p>Im Sinne dieser Verordnung bezeichnet der Ausdruck:</p>
+    <blockquote>
+    <p>
+    <strong class="adsimple-112506919">
+    <em>„personenbezogene Daten“</em>
+    </strong>
+    <em> alle Informationen, die sich auf eine identifizierte oder identifizierbare natürliche Person (im Folgenden „betroffene Person“) beziehen; als identifizierbar wird eine natürliche Person angesehen, die direkt oder indirekt, insbesondere mittels Zuordnung zu einer Kennung wie einem Namen, zu einer Kennnummer, zu Standortdaten, zu einer Online-Kennung oder zu einem oder mehreren besonderen Merkmalen, die Ausdruck der physischen, physiologischen, genetischen, psychischen, wirtschaftlichen, kulturellen oder sozialen Identität dieser natürlichen Person sind, identifiziert werden kann;</em>
+    </p>
+    </blockquote>
+    <p>
+    <strong class="adsimple-112506919">Erläuterung:</strong> Personenbezogene Daten sind also all jene Daten, die Sie als Person identifizieren können. Das sind in der Regel Daten wie etwa:</p>
+    <ul class="adsimple-112506919">
+    <li class="adsimple-112506919">Name</li>
+    <li class="adsimple-112506919">Adresse</li>
+    <li class="adsimple-112506919">E-Mail-Adresse</li>
+    <li class="adsimple-112506919">Post-Anschrift</li>
+    <li class="adsimple-112506919">Telefonnummer</li>
+    <li class="adsimple-112506919">Geburtsdatum</li>
+    <li class="adsimple-112506919">Kennnummern wie Sozialversicherungsnummer, Steueridentifikationsnummer, Personalausweisnummer oder Matrikelnummer</li>
+    <li class="adsimple-112506919">Bankdaten wie Kontonummer, Kreditinformationen, Kontostände uvm.</li>
+    </ul>
+    <p>Laut Europäischem Gerichtshof (EuGH) zählt auch Ihre <strong class="adsimple-112506919">IP-Adresse zu den personenbezogenen Daten</strong>. IT-Experten können anhand Ihrer IP-Adresse zumindest den ungefähren Standort Ihres Geräts und in weiterer Folge Sie als Anschlussinhabers feststellen. Daher benötigt auch das Speichern einer IP-Adresse eine Rechtsgrundlage im Sinne der DSGVO. Es gibt auch noch sogenannte <strong class="adsimple-112506919">„besondere Kategorien“</strong> der personenbezogenen Daten, die auch besonders schützenswert sind. Dazu zählen:</p>
+    <ul class="adsimple-112506919">
+    <li class="adsimple-112506919">rassische und ethnische Herkunft</li>
+    <li class="adsimple-112506919">politische Meinungen</li>
+    <li class="adsimple-112506919">religiöse bzw. weltanschauliche Überzeugungen</li>
+    <li class="adsimple-112506919">die Gewerkschaftszugehörigkeit</li>
+    <li class="adsimple-112506919">genetische Daten wie beispielsweise Daten, die aus Blut- oder Speichelproben entnommen werden</li>
+    <li class="adsimple-112506919">biometrische Daten (das sind Informationen zu psychischen, körperlichen oder verhaltenstypischen Merkmalen, die eine Person identifizieren können).<br />
+    Gesundheitsdaten</li>
+    <li class="adsimple-112506919">Daten zur sexuellen Orientierung oder zum Sexualleben</li>
+    </ul>
+    <h2 id="profiling" class="adsimple-112506919">Profiling</h2>
+    <p>
+    <strong class="adsimple-112506919">Begriffsbestimmung nach Artikel 4 der DSGVO</strong>
+    </p>
+    <p>Im Sinne dieser Verordnung bezeichnet der Ausdruck:</p>
+    <blockquote>
+    <p>
+    <em>
+    <strong class="adsimple-112506919">„Profiling“</strong> jede Art der automatisierten Verarbeitung personenbezogener Daten, die darin besteht, dass diese personenbezogenen Daten verwendet werden, um bestimmte persönliche Aspekte, die sich auf eine natürliche Person beziehen, zu bewerten, insbesondere um Aspekte bezüglich Arbeitsleistung, wirtschaftliche Lage, Gesundheit, persönliche Vorlieben, Interessen, Zuverlässigkeit, Verhalten, Aufenthaltsort oder Ortswechsel dieser natürlichen Person zu analysieren oder vorherzusagen;</em>
+    </p>
+    </blockquote>
+    <p>
+    <strong class="adsimple-112506919">Erläuterung:</strong> Beim Profiling werden verschiedene Informationen über eine Person zusammengetragen, um daraus mehr über diese Person zu erfahren. Im Webbereich wird Profiling häufig für Werbezwecke oder auch für Bonitätsprüfungen angewandt. Web- bzw. Werbeanalyseprogramme sammeln zum Beispiel Daten über Ihre Verhalten und Ihre Interessen auf einer Website. Daraus ergibt sich ein spezielles Userprofil, mit dessen Hilfe Werbung gezielt an eine Zielgruppe ausgespielt werden kann.</p>
+    <p>&nbsp;</p>
+    <h2 id="verantwortlicher" class="adsimple-112506919">Verantwortlicher</h2>
+    <p>
+    <strong class="adsimple-112506919">Begriffsbestimmung nach Artikel 4 der DSGVO</strong>
+    </p>
+    <p>Im Sinne dieser Verordnung bezeichnet der Ausdruck:</p>
+    <blockquote>
+    <p>
+    <em>
+    <strong class="adsimple-112506919">„Verantwortlicher“</strong> die natürliche oder juristische Person, Behörde, Einrichtung oder andere Stelle, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten entscheidet; sind die Zwecke und Mittel dieser Verarbeitung durch das Unionsrecht oder das Recht der Mitgliedstaaten vorgegeben, so kann der Verantwortliche beziehungsweise können die bestimmten Kriterien seiner Benennung nach dem Unionsrecht oder dem Recht der Mitgliedstaaten vorgesehen werden;</em>
+    </p>
+    </blockquote>
+    <p>
+    <strong class="adsimple-112506919">Erläuterung:</strong> In unserem Fall sind wir für die Verarbeitung Ihrer personenbezogenen Daten verantwortlich und folglich der &#8220;Verantwortliche&#8221;. Wenn wir erhobene Daten zur Verarbeitung an andere Dienstleister weitergeben, sind diese &#8220;Auftragsverarbeiter&#8221;. Dafür muss ein &#8220;Auftragsverarbeitungsvertrag (AVV)&#8221; unterzeichnet werden.</p>
+    <p>&nbsp;</p>
+    <h2 id="verarbeitung" class="adsimple-112506919">Verarbeitung</h2>
+    <p>
+    <strong class="adsimple-112506919">Begriffsbestimmung nach Artikel 4 der DSGVO</strong>
+    </p>
+    <p>Im Sinne dieser Verordnung bezeichnet der Ausdruck:</p>
+    <blockquote>
+    <p>
+    <strong class="adsimple-112506919">
+    <em>„Verarbeitung“</em>
+    </strong>
+    <em> jeden mit oder ohne Hilfe automatisierter Verfahren ausgeführten Vorgang oder jede solche Vorgangsreihe im Zusammenhang mit personenbezogenen Daten wie das Erheben, das Erfassen, die Organisation, das Ordnen, die Speicherung, die Anpassung oder Veränderung, das Auslesen, das Abfragen, die Verwendung, die Offenlegung durch Übermittlung, Verbreitung oder eine andere Form der Bereitstellung, den Abgleich oder die Verknüpfung, die Einschränkung, das Löschen oder die Vernichtung;</em>
+    </p>
+    </blockquote>
+    <p>
+    <strong class="adsimple-112506919">Anmerkung: </strong>Wenn wir in unserer Datenschutzerklärung von Verarbeitung sprechen, meinen wir damit jegliche Art von Datenverarbeitung. Dazu zählt, wie oben in der originalen DSGVO-Erklärung erwähnt, nicht nur das Erheben sondern auch das Speichern und Verarbeiten von Daten.</p>
+    <h2 id="schlusswort" class="adsimple-112506919">Schlusswort</h2>
+    <p>Herzlichen Glückwunsch! Wenn Sie diese Zeilen lesen, haben Sie sich wirklich durch unsere gesamte Datenschutzerklärung „gekämpft“ oder zumindest bis hier hin gescrollt. Wie Sie am Umfang unserer Datenschutzerklärung sehen, nehmen wir den Schutz Ihrer persönlichen Daten, alles andere als auf die leichte Schulter.<br />
+    Uns ist es wichtig, Sie nach bestem Wissen und Gewissen über die Verarbeitung personenbezogener Daten zu informieren. Dabei wollen wir Ihnen aber nicht nur mitteilen, welche Daten verarbeitet werden, sondern auch die Beweggründe für die Verwendung diverser Softwareprogramme näherbringen. In der Regel klingen Datenschutzerklärung sehr technisch und juristisch. Da die meisten von Ihnen aber keine Webentwickler oder Juristen sind, wollten wir auch sprachlich einen anderen Weg gehen und den Sachverhalt in einfacher und klarer Sprache erklären. Immer ist dies natürlich aufgrund der Thematik nicht möglich. Daher werden die wichtigsten Begriffe am Ende der Datenschutzerklärung näher erläutert.<br />
+    Bei Fragen zum Thema Datenschutz auf unserer Website zögern Sie bitte nicht, uns oder die verantwortliche Stelle zu kontaktieren. Wir wünschen Ihnen noch eine schöne Zeit und hoffen, Sie auf unserer Website bald wieder begrüßen zu dürfen.</p>
+    <p>Alle Texte sind urheberrechtlich geschützt.</p>
+    <p style="margin-top:15px">Quelle: Erstellt mit dem <a href="https://www.adsimple.at/datenschutz-generator/" title="Datenschutz Generator von AdSimple für Österreich">Datenschutz Generator</a> von AdSimple</p>
+  </body>
+</html>
--- a/src/y4f/Pages/Impressum.razor
+++ b/src/y4f/Pages/Impressum.razor
@ -0,0 +1,20 @@
+@page "/Impressum"
+
+<h3>Impressum</h3>
+
+<p>
+    <strong>Yummy Kitchen</strong>
+    <br /><br />
+    Fa. Pan Zheng Yi
+    <br />
+    Firmensitz: Meidlinger Haupstraße 49, 1120 Wien
+    <br />
+    Email: <a href="mailto:yummy4friends@gmail.com">yummy4friends@gmail.com</a>
+    <br />
+    UID: ATU67215211
+    <br />
+</p>
+
+@code {
+
+}
--- a/src/y4f/Pages/Impressum.razor.css
+++ b/src/y4f/Pages/Impressum.razor.css
@ -0,0 +1,9 @@
+h3 {
+    margin-bottom: 80px;
+    font-weight: bold;
+    font-size: 32px;
+}
+
+p {
+    font-size: 22px;
+}
--- a/src/y4f/Pages/Kontakt.razor
+++ b/src/y4f/Pages/Kontakt.razor
@ -0,0 +1,23 @@
+@page "/Kontakt"
+
+<h3>Kontakt</h3>
+
+<h4>Kundenservice</h4>
+<p>
+    Für Anfragen, Hilfe oder Beschwerden wenden Sie sich bitte an:
+    <br />
+    <a href="mailto:yummy4friends@gmail.com">yummy4friends@gmail.com</a>
+</p>
+
+<h4>Adresse</h4>
+<p>
+    <strong>Yummy Kitchen</strong>
+    <br />
+    Meidlinger Hauptstraße 49
+    <br />
+    1120 Wien
+</p>
+
+@code {
+
+}
--- a/src/y4f/Pages/Kontakt.razor.css
+++ b/src/y4f/Pages/Kontakt.razor.css
@ -0,0 +1,14 @@
+h3 {
+    margin-bottom: 80px;
+    font-size: 32px;
+    font-weight: bold;
+}
+h4 {
+    margin-bottom: 10px;
+    font-size: 26px;
+    font-weight: bold;
+}
+p {
+    margin-bottom: 50px;
+    font-size: 22px;
+}
--- a/src/y4f/Properties/launchSettings.json
+++ b/src/y4f/Properties/launchSettings.json
@ -13,7 +13,7 @@
      "dotnetRunMessages": true,
      "launchBrowser": true,
      "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
-      "applicationUrl": "http://localhost:5248",
+      "applicationUrl": "http://0.0.0.0:5248",
      "environmentVariables": {
        "ASPNETCORE_ENVIRONMENT": "Development"
      }
--- a/src/y4f/Shared/Bestellbestätigung.razor
+++ b/src/y4f/Shared/Bestellbestätigung.razor
@ -14,6 +14,7 @@
        </div>

        <table>
+
            <tr class="loadtext">
                <td>Bestellung eingegangen</td>
                <td class="load2">Bestellung wird zubereitet</td>
--- a/src/y4f/Shared/Chefin/Bestelluebersicht-Chefin.razor
+++ b/src/y4f/Shared/Chefin/Bestelluebersicht-Chefin.razor
@ -0,0 +1,82 @@
+@page "/Bestelluebersicht"
+@layout ChefinLayout
+
+<div class="container d-flex flex-column">
+    <div class="row">
+        <div class="col-lg-8">
+            <br /><br />
+            <table class="table table-bordered">
+                <thead>
+                    <tr>
+                        <th colspan="2">Aktive Bestellungen</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td><a href="BDetail">#1234 &nbsp; 12:30</a></td>
+                        <td><a href="BDetail">#2345 &nbsp; 18:45</a></td>
+                        
+                    </tr>
+                    <tr>
+                        <td><a href="BDetail">#3456 &nbsp; 13:00</a></td>
+                        <td><a href="BDetail">#4567 &nbsp; 19:00</a></td>
+                        
+                    </tr>
+                    <tr>
+                        <td><a href="BDetail">#5678 &nbsp; 14:30</a></td>
+                        <td><a href="BDetail">#6789 &nbsp; 19:15</a></td>
+                        
+                    </tr>
+                    <tr>
+                        <td><a href="BDetail">#4321 &nbsp; 15:15</a></td>
+                        <td><a href="BDetail">#5432 &nbsp; 19:15</a></td>
+                        
+                    </tr>
+                    <tr>
+                        <td><a href="BDetail">#6543 &nbsp; 15:30</a></td>
+                        <td><a href="BDetail">#7654 &nbsp; 19:15</a></td>
+                        
+                    </tr>
+                    <tr>
+                        <td><a href="BDetail">#7654 &nbsp; 15:30</a></td>
+                        <td>&nbsp;</td>
+                        
+                    </tr>
+                    <tr>
+                        <td><a href="BDetail">#8765 &nbsp; 16:00</a></td>
+                        <td>&nbsp;</td>
+                        
+                    </tr>
+                    <tr>
+                        <td><a href="BDetail">#9876 &nbsp; 17:30</a></td>
+                        <td>&nbsp;</td>
+                        
+                    </tr>
+                    
+
+
+                </tbody>
+            </table>
+        </div>
+        <div class="col-lg-3">
+            <p id="text"  readonly >Abholzeit</p>
+            <br /> 
+            <form id="button" action="Bestelluebersicht">
+                <input type="submit" value="30 Min" class="btn">
+            </form>
+            <form id="button" action="Bestelluebersicht">
+                <input type="submit" value="45 Min" class="btn">
+            </form>
+            <form id="button" action="Bestelluebersicht">
+                <input type="submit" value="1 Std" class="btn">
+            </form>
+            
+        </div>
+    </div>
+</div>
+
+
+
+@code {
+
+}
--- a/src/y4f/Shared/Chefin/Bestelluebersicht-Chefin.razor.css
+++ b/src/y4f/Shared/Chefin/Bestelluebersicht-Chefin.razor.css
@ -0,0 +1,37 @@
+tbody {
+    border-color: black;
+}
+td {
+    text-align:center;
+    text-decoration: none;
+}
+table {
+    border-radius: 50px !important;
+    margin-left: 50px;
+}
+td > a {
+    text-decoration: none;
+    color: black;
+}
+#button {
+    margin-bottom: 35px;
+    border-radius: 50px;
+    margin-left: 100px;
+}
+#text {
+    margin-top: 50px;
+    margin-bottom: 45px;
+    margin-left: 100px;
+    width: 69%;
+    padding-top: 2px;
+    padding-bottom: 2px;
+    padding: 8px;
+    color: black;
+    background-color: #89F9A5;
+    border-style:none;
+    text-align: center;
+}
+thead {
+    background-color: #89F9A5;
+    border-color: #89F9A5;
+}
--- a/src/y4f/Shared/Chefin/BestelluebersichtD-Chefin.razor
+++ b/src/y4f/Shared/Chefin/BestelluebersichtD-Chefin.razor
@ -0,0 +1,139 @@
+@page "/BestelluebersichtD-Chefin"
+@layout ChefinLayout
+
+<div class="container">
+    <div class="row">
+        <div class="col-sm-12 col-lg-6">
+            @*Tabelle Ihre Bestellung*@
+            <div class="tbl-container">
+                <table class="table bdr">
+                    <thead class="bg_green">
+                        <tr>
+                            <td>Ihre Bestellung</td>
+                            <th></th>
+                        </tr>
+                    </thead>
+                    <tbody class="bg_lightgreen" style="background-color:white;">
+                        <tr>
+                            <td class="br" style="padding-top:20px; padding-bottom:0px; border-bottom-width: 0px;">
+                                1 Nudel mit Hühnerfleisch (groß)
+                                <div style="font-size:0.7rem;padding-left:15px;">mit Knoblauchsoße</div>
+                            </td>
+                            <td class="d-flex justify-content-center align-items-center" style="padding-top:20px; padding-bottom:0px; border-style:hidden;">9,10€</td>
+                        </tr>
+                        <tr>
+                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;">1 Coca Cola</td>
+                            <td class="d-flex justify-content-center align-items-center" style="padding-top:0px; border-style:hidden;">2,50€</td>
+                        </tr>
+                        <tr>
+                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
+                            <td class="d-flex justify-content-center align-items-center" style="border-style:hidden;"></td>
+                        </tr>
+                        <tr>
+                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
+                            <td class="d-flex justify-content-center align-items-center" style="border-style:hidden;"></td>
+                        </tr>
+                        <tr>
+                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
+                            <td class="d-flex justify-content-center align-items-center" style="border-style:hidden;"></td>
+                        </tr>
+                        <tr>
+                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
+                            <td class="d-flex justify-content-center align-items-center" style="border-style:hidden;"></td>
+                        </tr>
+                        <tr>
+                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
+                            <td class="d-flex justify-content-center align-items-center" style="border-style:hidden;"></td>
+                        </tr>
+                        <tr>
+                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
+                            <td class="d-flex justify-content-center align-items-center" style="border-style:hidden;"></td>
+                        </tr>
+                        <tr>
+                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
+                            <td class="d-flex justify-content-center align-items-center" style="border-style:hidden;"></td>
+                        </tr>
+                        <tr>
+                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
+                            <td class="d-flex justify-content-center align-items-center" style="border-bottom-width: 0px; border-style:hidden;"></td>
+                        </tr>
+                        <tr>
+                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
+                            <td class="d-flex justify-content-center align-items-center" style="border-bottom-width: 0px; border-style:hidden;"></td>
+                        </tr>
+                        <tr>
+                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
+                            <td class="d-flex justify-content-center align-items-center" style="border-bottom-width: 0px; border-style:hidden;"></td>
+                        </tr>
+                        <tr>
+                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
+                            <td class="d-flex justify-content-center align-items-center" style="border-bottom-width: 0px; border-style:hidden;"></td>
+                        </tr>
+                        <tr>
+                            <td class="br" style=" padding-top:0px; border-bottom-width: 0px;"></td>
+                            <td class="d-flex justify-content-center align-items-center" style="border-bottom-width: 0px; border-style:hidden;"></td>
+                        </tr>
+                    </tbody>
+                    <tfoot class="bg_lightgreen">
+                        <tr style="border-top:solid 1px black; background-color:white;">
+                            <th class="" style="text-align:right;">Summe</th>
+                            <td class="d-flex justify-content-center align-items-center">11,60€</td>
+                        </tr>
+                    </tfoot>
+                </table>
+
+            </div>
+
+        </div>
+                <div class="col-sm-12 col-lg-6">
+            
+                        <div class="d-flex flex-column align-items-center  ">
+                            <div class="tbl-container  w-100">
+                                <!-- <== overflow: hidden applied to parent -->
+                    <table class="table table-bordered bdr " style=" border-radius: 50px; margin-left: 50px;">
+                                    <thead class="bg_green">
+                                        <tr>
+                                            <td class="d-flex justify-content-center align-items-center" style="border-bottom:0px;">
+                                                <p>Abholzeit</p>
+                                            </td>
+                                        </tr>
+                                    </thead>
+                                    <tbody >
+                                        <tr>
+                                            <td class="d-flex justify-content-center align-items-center" style="padding-top:0px; background-color:white;">
+                                            <div style="margin:20px;">
+                                                    <div class="d-flex justify-content-center align-items-center" >
+                                                        <p>12:30 Uhr</p>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+
+                    <div class="d-flex flex-column" style="align-items: center;  margin-left: 100px;">
+                        <button class="btn_back w-75">Zurück</button>
+                        <button class="btn btn-danger w-75" style="border-radius: 50px; padding-top:12px; padding-bottom:12px; color:black;">Bestellung auflösen</button>
+                        <button class="btn_forward w-75">Bestellung abschließen</button>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+                @*Buttons*@
+                
+            </div>
+        
+
+@*<div class="h-100">
+                @*Essen Abholen?
+                <div class="row h-25 w-100">
+                    <div class="col">
+        </div>
+    </div>
+</div>*@
+@code {
+
+}
--- a/src/y4f/Shared/Chefin/BestelluebersichtD-Chefin.razor.css
+++ b/src/y4f/Shared/Chefin/BestelluebersichtD-Chefin.razor.css
@ -0,0 +1,3 @@
+button {
+    margin: 10px;
+}
--- a/src/y4f/Shared/Chefin/NavChefin.razor
+++ b/src/y4f/Shared/Chefin/NavChefin.razor
@ -0,0 +1,25 @@
+<nav class="navbar navbar-expand-md navbar-light mb-4 me-5 ms-5 ">
+    <div class="container-fluid">
+        @*<a class="navbar-brand" href="">Yummy4Friends</a>*@
+        <a class="navbar-brand" href="">
+            <img src="assets/Logo_new.png" alt="Yummy4Friends" width="60px" height="auto">
+        </a>
+
+            <ul class="navbar-nav">
+                
+                <li class="nav-item">
+                    <NavLink class="nav-link" href="RegistrierungA">
+                        #1
+                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
+                            <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" />
+                        </svg>
+                    </NavLink>
+                </li>
+            </ul>
+
+    </div>
+</nav>
+
+@code {
+   
+}
--- a/src/y4f/Shared/ChefinLayout.razor
+++ b/src/y4f/Shared/ChefinLayout.razor
@ -0,0 +1,14 @@
+@inherits LayoutComponentBase
+
+
+<div >
+    <y4f.Shared.Chefin.NavChefin />
+
+    <main class="container">
+
+        
+            @Body
+        
+    </main>
+
+</div>
--- a/src/y4f/Shared/ChefinLayout.razor.css
+++ b/src/y4f/Shared/ChefinLayout.razor.css
@ -0,0 +1,5 @@
+html, body {
+    /*background-color: #C7FFD5;*/
+    padding: 0px;
+    margin: 0px;
+}
--- a/src/y4f/Shared/Feedback/FBestätigung.razor
+++ b/src/y4f/Shared/Feedback/FBestätigung.razor
@ -0,0 +1,15 @@
+@page "/FBestätigung"
+
+    <div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
+    <h4>Vielen Dank für Ihr Feedback. Durch Feedbacks können wir uns stets verbessern.<br></h4>
+        
+        <form id="button1" action="Startseite">
+            <input type="submit" value="Zur Startseite" class="btn">
+        </form>
+    </div>
+
+    
+
+@code {
+
+}
--- a/src/y4f/Shared/Feedback/FBestätigung.razor.css
+++ b/src/y4f/Shared/Feedback/FBestätigung.razor.css
@ -0,0 +1,9 @@
+
+h4 {
+    text-align: center;
+    margin-top: 45%;
+}
+
+form {
+    margin-bottom: 45%;
+}
--- a/src/y4f/Shared/Feedback/Feedback.razor
+++ b/src/y4f/Shared/Feedback/Feedback.razor
@ -0,0 +1,21 @@
+@page "/Feedback"
+
+<body>
+    <div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
+        <h4 for="feedback">Ihr Feedback: </h4>
+        <textarea class="form-control" rows="10" id="feedback" name="text"></textarea>
+        
+        <div class="button">
+            <br>
+            <form id="button1" action="FBestätigung">
+                <input type="submit" value="Absenden" class="btn">
+            </form>
+        </div>
+
+    </div>
+
+</body>
+@code {
+
+    
+}
--- a/src/y4f/Shared/Feedback/Feedback.razor.css
+++ b/src/y4f/Shared/Feedback/Feedback.razor.css
@ -0,0 +1,38 @@
+body, html {
+    padding: 0px;
+    margin: 0px;
+    margin-bottom: 15px;
+}
+
+p {
+    text-align:center;
+}
+
+img {
+    width: 20%;
+    height: auto;
+    padding: 5px;
+}
+
+.text {
+    color: grey;
+    font-size: 13px;
+}
+
+.button {
+    padding-left: 25%;
+    padding-right: 25%;
+    text-align: center;
+}
+
+#button1 {
+    background-color: #89F9A5;
+    padding-left: 25%;
+    padding-right: 25%;
+    display: inline-block;
+    border-radius: 50px;
+}
+
+
+
+
--- a/src/y4f/Shared/Footer.razor
+++ b/src/y4f/Shared/Footer.razor
@ -1,25 +1,9 @@
-@*<footer class="text-center text-lg-start bg-light text-muted">
-    <section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom"></section>
-    <section class="">
-        <div class="container text-center text-md-start mt-5">
-            <div class="col-md-3 col-lg-6 col-xl-12 mx-auto mb-4">
-                <center>
-                    <h6 class="text-uppercase fw-bold mb-4">
-                        <a href="">Kontakt</a> | <a href="">Impressum</a> | <a href="">Datenschutzerklärung</a> | <a href="">Cookies</a>
-                    </h6>
-                </center>
-            </div>
-        </div>
-    </section>
-</footer>*@
-
-
-<footer>
+<footer>
    <div class="container">
-    <a href="">Kontakt</a> |
-    <a href="">Impressum</a> |
-    <a href="">Datenschutzerklärung</a> |
-    <a href="">Cookies</a>
+    <a href="Kontakt">Kontakt</a> |
+    <a href="Impressum">Impressum</a> |
+    <a href="datenschutzerklärung">Datenschutzerklärung</a> |
+    <a href="cookies">Cookies</a>
    </div>
 </footer>
@code {
--- a/src/y4f/Shared/Kontoverwaltung.razor
+++ b/src/y4f/Shared/Kontoverwaltung.razor
@ -5,11 +5,11 @@


 <div class="container mt-auto">
-    <h4>AccountID: #1234</h4>
+    <h4>AccountID: @RegistrierungA.userName</h4>
    <h4>Ihr QR-Code:  </h4>
    <img src="assets/K-QR.png" class="img" title="logo image">
-    
-    <p>Ihr Konto wird 30 Tage nach der Deaktivierung unwiderruflich gelöscht.</p>
+
+    <p><br>Ihr Konto wird 30 Tage nach der Deaktivierung unwiderruflich gelöscht.</p>
    <button class="btn" type="button" onclick="@ChangeButton" id="button1">@button1</button>
    
 </div>
--- a/src/y4f/Shared/Kontoverwaltung.razor.css
+++ b/src/y4f/Shared/Kontoverwaltung.razor.css
@ -3,6 +3,9 @@

 }

+h3 {
+    font-weight: bold;
+}

 img {
    width: 150px;
--- a/src/y4f/Shared/NavRegistrierung.razor
+++ b/src/y4f/Shared/NavRegistrierung.razor
@ -0,0 +1,38 @@
+<nav class="navbar navbar-expand-md navbar-light mb-4 me-5 ms-5 ">
+    <div class="container-fluid">
+        @*<a class="navbar-brand" href="">Yummy4Friends</a>*@
+        <a class="navbar-brand" href="">
+            <img src="assets/Logo_new.png" alt="Yummy4Friends" width="60px" height="auto">
+        </a>
+
+        <button class="navbar-toggler @NavButtonCssClass" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
+                aria-controls="navbarCollapse" aria-label="Toggle navigation" @onclick="ToggleNavMenu">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse justify-content-end @NavBarCssClass" id="navbarCollapse" @onclick="ToggleNavMenu">
+            <ul class="navbar-nav">
+                
+                <li class="nav-item">
+                    <NavLink class="nav-link" href="RegistrierungA">
+                        Admin
+                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
+                            <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" />
+                        </svg>
+                    </NavLink>
+                </li>
+            </ul>
+        </div>
+    </div>
+</nav>
+
+@code {
+    private bool collapseNavMenu = true;
+    private string? NavBarCssClass => collapseNavMenu ? null : "show";
+    private string? NavButtonCssClass => collapseNavMenu ? "collapsed" : null;
+
+
+    private void ToggleNavMenu()
+    {
+        collapseNavMenu = !collapseNavMenu;
+    }
+}
--- a/src/y4f/Shared/NavStartseite.razor
+++ b/src/y4f/Shared/NavStartseite.razor
@ -0,0 +1,35 @@
+<nav class="navbar navbar-expand-md navbar-light mb-4 me-5 ms-5 ">
+    <div class="container-fluid">
+        @*<a class="navbar-brand" href="">Yummy4Friends</a>*@
+
+        <button class="navbar-toggler @NavButtonCssClass" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
+                aria-controls="navbarCollapse" aria-label="Toggle navigation" @onclick="ToggleNavMenu">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse justify-content-end @NavBarCssClass" id="navbarCollapse" @onclick="ToggleNavMenu">
+            <ul class="navbar-nav">
+
+                <li class="nav-item">
+                    <NavLink class="nav-link" href="RegistrierungA">
+                        Admin
+                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
+                            <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" />
+                        </svg>
+                    </NavLink>
+                </li>
+            </ul>
+        </div>
+    </div>
+</nav>
+
+@code {
+    private bool collapseNavMenu = true;
+    private string? NavBarCssClass => collapseNavMenu ? null : "show";
+    private string? NavButtonCssClass => collapseNavMenu ? "collapsed" : null;
+
+
+    private void ToggleNavMenu()
+    {
+        collapseNavMenu = !collapseNavMenu;
+    }
+}
--- a/src/y4f/Shared/Registrierung.razor
+++ b/src/y4f/Shared/Registrierung.razor
@ -0,0 +1,15 @@
+@inherits LayoutComponentBase
+
+
+<div >
+    <NavRegistrierung />
+
+    <main class="container">
+
+        
+            @Body
+        
+    </main>
+
+    <Footer />
+</div>
--- a/src/y4f/Shared/Registrierung.razor.css
+++ b/src/y4f/Shared/Registrierung.razor.css
@ -0,0 +1,5 @@
+html, body {
+    /*background-color: #C7FFD5;*/
+    padding: 0px;
+    margin: 0px;
+}
--- a/src/y4f/Shared/RegistrierungA.razor
+++ b/src/y4f/Shared/RegistrierungA.razor
@ -0,0 +1,36 @@
+@page "/RegistrierungA"
+@layout Registrierung
+@inject NavigationManager NavManager
+@inject Blazored.LocalStorage.ISyncLocalStorageService localStorage
+
+<div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
+    <p>Benutzername:</p>
+
+    <input type="text" class="form-control" id="name" name="name" @bind="@inputName">
+
+    <p>Passwort:</p>
+    <input type="password" class="form-control" id="password" name="password" @bind="@inputPassword">
+    
+    <button type="button" class="btn" @onclick="@Login">Login</button>
+
+</div>
+
+@code {
+    public string inputName { get; set; } = string.Empty;
+    public string inputPassword { get; set; } = string.Empty;
+
+    public static string userName { get; set; } = string.Empty;
+
+    public void Login() {
+        if (inputName == userDataName && inputPassword == userDataPassword) {
+            localStorage.SetItem("name", inputName);
+            userName = localStorage.GetItem<string>("name");
+            NavManager.NavigateTo("/Bestelluebersicht");
+        }
+    }
+}
+
+@code {
+    public string userDataName { get; set; } = "";
+    public string userDataPassword { get; set; } = "";
+}
--- a/src/y4f/Shared/RegistrierungA.razor.css
+++ b/src/y4f/Shared/RegistrierungA.razor.css
@ -0,0 +1,22 @@
+p {
+    color: grey;
+    margin-bottom:0px;
+    margin-top: 15px;
+    margin-left: 61px;
+}
+
+form {
+    margin-top: 20px;
+    border-radius: 50px;
+}
+
+input {
+    border-radius: 50px;
+}
+
+
+button {
+    text-align: center;
+    background-color: #89F9A5;
+    border-radius: 50px;
+}
--- a/src/y4f/Shared/Startseite.razor
+++ b/src/y4f/Shared/Startseite.razor
@ -3,6 +3,8 @@

 <div>

+    <NavStartseite />
+
    <main class="container">


--- a/src/y4f/Shared/Yummy-Punkte.razor
+++ b/src/y4f/Shared/Yummy-Punkte.razor
@ -1,29 +1,105 @@
@page "/Yummy-Punkte"
+@inject HttpClient Http
+@inject Blazored.LocalStorage.ISyncLocalStorageService localStorage

 <body>
-    <div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
-        <h4><b>Ihre Yummy-Punkte</b></h4>
-        
-        <div class="img" >
-            @for(int i = 0; i < 10; i++)
-            {
-                <img src="assets/White-Circle.png ">
-            }
-            <br>
-            </div>
-        
-            <p class="text">Bei einem Mindestbestellwert von 8€ erhalten Sie ein Yummy-Punkt. Ab der 10ten Bestellung gibt es einen Rabatt zu Ihrer nächsten Bestellung.</p>
-        
-        <div class="button">
-            <form id="button1" action="/">
-                <input type="submit" value="Zurück" class="btn">
-            </form>
-        </div>
+	<div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
+		<h4><b>Ihre Yummy-Punkte</b></h4>

-    </div>
+		<div class="img">
+			@for (int i = 0; i < 10; i++)
+			{
+				@*if kunde hat treuepunkte*@
+				@if (kunde.Treuepunkte > i)
+				{
+					<img src="assets/Point-Circle.png ">
+				}
+				else
+				{
+					<img src="assets/White-Circle.png ">
+				}
+			}
+			<br>
+		</div>

+		<p class="text">Bei einem Mindestbestellwert von 8€ erhalten Sie ein Yummy-Punkt. Ab der 10ten Bestellung gibt es einen Rabatt zu Ihrer nächsten Bestellung.</p>
+		<p class="text">Aktueller Rabatt: @rabatt.Prozent %</p>
+
+		<div class="button">
+			<form id="button1" action="/">
+				<input type="submit" value="Zurück" class="btn">
+			</form>
+			@*reset button to set the treuepunkte to null*@
+			<button class="btn btn-danger" @onclick="@(()=>resetTreuepunkte())">Yummy-Punkte einlösen</button>
+		</div>
+
+	</div>
 </body>
+
@code {

-    
+	// allergien, bestellungsposition, kunde, menuitem, menuitemkategorie, menuitemueberkategorie, rabatt
+
+	private List<Kunde> kunden = new List<Kunde>();
+	private Kunde kunde = new Kunde();
+
+	private List<Rabatt> rabatte = new List<Rabatt>();
+	private Rabatt rabatt = new Rabatt();
+
+
+	public void resetTreuepunkte()
+	{
+		if (kunde.Treuepunkte == 10)
+		{
+			kunde.Treuepunkte = 0;
+			// API change treupunkte to 0 if kunde has 10 treuepunkte
+			Http.PutAsJsonAsync("https://localhost:7076/api/kunden/" + kunde.Idkunde, kunde);
+		}
+	}
+
+	protected override async Task OnInitializedAsync()
+	{
+		kunden = await Http.GetFromJsonAsync<List<Kunde>>("https://localhost:7076/api/kunden");
+		rabatte = await Http.GetFromJsonAsync<List<Rabatt>>("https://localhost:7076/api/Rabatte");
+
+		kunde = kunden[0];
+
+		// get the most recent rabatt, that are still valid (GueltigkeitBis)
+		// if there is no rabatt, set the rabatt to null
+		if (rabatte.Count == 0)
+		{
+			rabatt = null;
+		}
+		else
+		{
+			for (int i = 0; i < rabatte.Count; i++)
+			{
+				if (rabatte[i].GueltigkeitBis > DateTime.Now)
+				{
+					rabatt = rabatte[i];
+				}
+			}
+		}
+		//rabatt = rabatte[rabatte.Count - 1];
+
+
+	}
+
+	public class Kunde
+	{
+		public int Idkunde { get; set; }
+		public string Code { get; set; }
+		public int Treuepunkte { get; set; }
+	}
+	public class Rabatt
+	{
+		public int Idrabatt { get; set; }
+
+		public decimal Prozent { get; set; }
+
+		public DateTime GueltigkeitVon { get; set; }
+
+		public DateTime GueltigkeitBis { get; set; }
+
+	}
 }
--- a/src/y4f/Shared/Yummy-Punkte.razor.css
+++ b/src/y4f/Shared/Yummy-Punkte.razor.css
@ -34,4 +34,4 @@ img {
 }
 h4 {
    text-align: center;
-}
+}
--- a/src/y4f/wwwroot/assets/Point-Circle.png
+++ b/src/y4f/wwwroot/assets/Point-Circle.png
--- a/src/y4f/wwwroot/favicon.png
+++ b/src/y4f/wwwroot/favicon.png
--- a/src/y4f/wwwroot/icon-192.png
+++ b/src/y4f/wwwroot/icon-192.png
--- a/src/y4f/wwwroot/icon-512.png
+++ b/src/y4f/wwwroot/icon-512.png