Website/cookiePolicy.html at main · 2LJDC/Website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" type="image/x-icon" href="graphics/favicon.ico" />
    <link rel="stylesheet" href="stylenavfooter.css">
    <title>Cookie Policy</title>

    <style>
      body {
        background-color: #101720;
        color: white;
        font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
      }

      html {
        scroll-behavior: smooth;
      }


      /*Gestaltung main*/
      main{
        background-color: darkslategray;
        margin-left: 15rem;
        margin-right: 15rem;
      }

      .rechtliches {
        padding: 2rem;
        margin-left: 5rem;
        margin-right: 10rem;
      }


      .rechtliches h3 {
        margin-bottom: 0;
        font-size: 150%;
      }

      .rechtliches h2 {
        font-size: 200%;
        margin-top: 0;
      }

      .rechtliches p{
        font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
          sans-serif;
        font-size: 120%;
        padding-bottom: 1.5rem;
        padding-top: 0.5rem;
        margin-top: 0.5rem;
      }


    </style>
  </head>

  <body>
    <div class="banner">
      <header></header>
    </div>

    <div class="navigation">
      <nav>
        <div class="bild">
          <img
            src="graphics/Logo.png"
            srcset="graphics/Logo2x.png 2x"
            alt="kekw"
            width="150"
          />
        </div>

        <ul>
          <div class="nav">
            <li>
              <a href="2LJDC.html"
                ><button class="startseite">Startseite</button></a
              >
            </li>
            <li>
              <a href="design.html"><button class="design">Designs</button></a>
            </li>
            <li>
              <a href="formular.html"
                ><button class="formular">Kontaktformular</button></a
              >
            </li>
          </div>
        </ul>
      </nav>
    </div>

    <main>
      <div class="rechtliches">
        <h2>Cookie Richtlinien von 2LJDC</h2>

        <h3>Allgemeines:</h3>

        <p>
          Diese Seite informiert über den Einsatz von Cookies, die auf dieser
          Seite genutzt werden um ihnen die bestmögliche Erfahrung zu bieten.
          Sie ermöglichen es uns Informationen als Cookies zu speichern und
          wieder abzurufen.
          <br />
          Wir speichern Cookies erst nach ihrer Zustimmung durch die Cookie
          Abfrage, welche sich öffnet sobald sie auf unserem Kontaktformular
          sind.
          <br />
          Des Weiteren haben sie jederzeit die Möglichkeit diese Zustimmung zu
          widerrufen, indem sie die "Cookies zurücksetzen"-Schaltfläche am
          unteren Rand nutzen oder über ihren Browser alle Cookies dieser
          Website löschen.
          <br />
          Auf dieser Website werden nur sogenannte "First-Party-Cookies"
          genutzt, welche lediglich auf dieser Website verwendet werden und
          nicht an Dritte weitergegeben werden. Diese Cookies speichern wir über
          einen Zeitraum von 30 Tagen, bis sie automatisch gelöscht werden.
        </p>

        <h3>Welche Informationen speichern wir?</h3>
        <p>
          Wir speichern ihre bisherigen Einträge in das Kontaktformular, auch
          wenn sie es noch nicht abgeschickt haben.
        </p>

        <h3>
          Zu welchem Zweck werden die Cookies gespeichert und wofür werden sie
          benutzt?
        </h3>
        <p>
          Wir nutzen die Cookies, damit ihre bisherigen Einträge in unserem
          Kontaktformular nicht verloren gehen. Sollten sie also die Seite
          zwischenzeitlich verlassen und später erneut besuchen nutzen wir
          (falls vorhanden) die bisher gespeicherten Cookies um die Felder die
          sie bereits einmal ausgefüllt hatten schon vorher für sie auszufüllen.
          <br />
          Damit nutzen wir die Cookies lediglich um ihre Erfahrung auf unserer
          Seite zu verbessern. Die Informationen werden weder ausgelesen oder zu
          Analysezwecken verwenden, noch an Dritte weitergegeben.
        </p>

        <h3>Was wenn sie die Cookies ablehnen?</h3>
        <p>
          Auch bei Ablehnen der Cookies können sie unsere Seite und ebenso das
          Kontaktformular problemlos nutzen. Sie verfügen lediglich nicht über
          die Funktion, dass ihre eingegeben Daten zwischengespeichert werden
          und müssen sie somit beim erneuten Besuch unserer Seite von vorne
          eintragen.
        </p>

        <h3>Verwalter dieser Daten:</h3>
        <p>DATEN ZUM UNTERNEHMEN</p>

        <h4>Versionsinformationen dieser Datei:</h4>
        <p>
          Letztes Update: 12. 03. 2024
          <br />
          Versionsnummer: 0
        </p>
      </div>
    </main>

    <footer>
      <ul>
        <li>
          <a href="" id="resetCookies">Cookies zurücksetzen</a>
        </li>
        <li>
          <a href="#top">nach oben</a>
        </li>
        <li>
          <a href="cookiePolicy.html">Cookie Richtlinien</a>
        </li>
        <li>
          <a href="impressum.html">Impressum</a>
        </li>
        <li>
          <a href="https://youtu.be/dQw4w9WgXcQ?si=Z-Vc8Fpyhs9VGIVt">Kontakt</a>
        </li>
      </ul>
    </footer>
    <script>
      document
        .getElementById("resetCookies")
        .addEventListener("click", deleteAll);
    </script>
  </body>
</html>