diff --git a/.gitignore b/.gitignore
index 2608d4b..e72a510 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1 @@
-pyolingo.code-workspace
+pyolingo.code-workspace
diff --git a/allgemein.php b/allgemein.php
index f5f986a..796eee0 100644
--- a/allgemein.php
+++ b/allgemein.php
@@ -1,128 +1,128 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/data.php b/data.php
index fd25739..898af7e 100644
--- a/data.php
+++ b/data.php
@@ -1,66 +1,66 @@
-query("WITH zeile AS (
- SELECT d.id,
- d.wort,
- k.name,
- i.wort AS italienisch,
- COALESCE(f.farbe, 'black') AS farbe,
- p.pronomen,
- i.endung,
- i.suffix,
- ROW_NUMBER() OVER (PARTITION BY d.wort ORDER BY i.personalpronomen_id NULLS FIRST, i.id) AS rn
- FROM deutsch d
- JOIN italienisch i ON i.deutsch_id = d.id
- LEFT OUTER JOIN personalpronomen p ON p.id = i.personalpronomen_id
- LEFT OUTER JOIN farbe f ON f.id = i.farbe_id
- JOIN kategorie k ON k.id = d.kategorie_id
- )
- SELECT id,
- wort AS deutsch,
- name AS wortart,
- MAX(CASE WHEN rn = 1 THEN italienisch END) AS italienisch_1,
- MAX(CASE WHEN rn = 1 THEN farbe END) AS farbe_1,
- MAX(CASE WHEN rn = 1 THEN pronomen END) AS pronomen_1,
- MAX(CASE WHEN rn = 1 THEN endung END) AS endung_1,
- MAX(CASE WHEN rn = 1 THEN suffix END) AS suffix_1,
- MAX(CASE WHEN rn = 2 THEN italienisch END) AS italienisch_2,
- MAX(CASE WHEN rn = 2 THEN farbe END) AS farbe_2,
- MAX(CASE WHEN rn = 2 THEN pronomen END) AS pronomen_2,
- MAX(CASE WHEN rn = 2 THEN endung END) AS endung_2,
- MAX(CASE WHEN rn = 2 THEN suffix END) AS suffix_2,
- MAX(CASE WHEN rn = 3 THEN italienisch END) AS italienisch_3,
- MAX(CASE WHEN rn = 3 THEN farbe END) AS farbe_3,
- MAX(CASE WHEN rn = 3 THEN pronomen END) AS pronomen_3,
- MAX(CASE WHEN rn = 3 THEN endung END) AS endung_3,
- MAX(CASE WHEN rn = 3 THEN suffix END) AS suffix_3,
- MAX(CASE WHEN rn = 4 THEN italienisch END) AS italienisch_4,
- MAX(CASE WHEN rn = 4 THEN farbe END) AS farbe_4,
- MAX(CASE WHEN rn = 4 THEN pronomen END) AS pronomen_4,
- MAX(CASE WHEN rn = 4 THEN endung END) AS endung_4,
- MAX(CASE WHEN rn = 4 THEN suffix END) AS suffix_4,
- MAX(CASE WHEN rn = 5 THEN italienisch END) AS italienisch_5,
- MAX(CASE WHEN rn = 5 THEN farbe END) AS farbe_5,
- MAX(CASE WHEN rn = 5 THEN pronomen END) AS pronomen_5,
- MAX(CASE WHEN rn = 5 THEN endung END) AS endung_5,
- MAX(CASE WHEN rn = 5 THEN suffix END) AS suffix_5,
- MAX(CASE WHEN rn = 6 THEN italienisch END) AS italienisch_6,
- MAX(CASE WHEN rn = 6 THEN farbe END) AS farbe_6,
- MAX(CASE WHEN rn = 6 THEN pronomen END) AS pronomen_6,
- MAX(CASE WHEN rn = 6 THEN endung END) AS endung_6,
- MAX(CASE WHEN rn = 6 THEN suffix END) AS suffix_6,
- MAX(CASE WHEN rn = 7 THEN italienisch END) AS italienisch_7,
- MAX(CASE WHEN rn = 7 THEN farbe END) AS farbe_7,
- MAX(CASE WHEN rn = 7 THEN pronomen END) AS pronomen_7,
- MAX(CASE WHEN rn = 7 THEN endung END) AS endung_7,
- MAX(CASE WHEN rn = 7 THEN suffix END) AS suffix_7
- FROM zeile
- GROUP BY id, wort, name
- ORDER BY id;");
-
- $karteikarten = $stmt->fetchAll(PDO::FETCH_ASSOC);
-
+query("WITH zeile AS (
+ SELECT d.id,
+ d.wort,
+ k.name,
+ i.wort AS italienisch,
+ COALESCE(f.farbe, 'black') AS farbe,
+ p.pronomen,
+ i.endung,
+ i.suffix,
+ ROW_NUMBER() OVER (PARTITION BY d.wort ORDER BY i.personalpronomen_id NULLS FIRST, i.id) AS rn
+ FROM deutsch d
+ JOIN italienisch i ON i.deutsch_id = d.id
+ LEFT OUTER JOIN personalpronomen p ON p.id = i.personalpronomen_id
+ LEFT OUTER JOIN farbe f ON f.id = i.farbe_id
+ JOIN kategorie k ON k.id = d.kategorie_id
+ )
+ SELECT id,
+ wort AS deutsch,
+ name AS wortart,
+ MAX(CASE WHEN rn = 1 THEN italienisch END) AS italienisch_1,
+ MAX(CASE WHEN rn = 1 THEN farbe END) AS farbe_1,
+ MAX(CASE WHEN rn = 1 THEN pronomen END) AS pronomen_1,
+ MAX(CASE WHEN rn = 1 THEN endung END) AS endung_1,
+ MAX(CASE WHEN rn = 1 THEN suffix END) AS suffix_1,
+ MAX(CASE WHEN rn = 2 THEN italienisch END) AS italienisch_2,
+ MAX(CASE WHEN rn = 2 THEN farbe END) AS farbe_2,
+ MAX(CASE WHEN rn = 2 THEN pronomen END) AS pronomen_2,
+ MAX(CASE WHEN rn = 2 THEN endung END) AS endung_2,
+ MAX(CASE WHEN rn = 2 THEN suffix END) AS suffix_2,
+ MAX(CASE WHEN rn = 3 THEN italienisch END) AS italienisch_3,
+ MAX(CASE WHEN rn = 3 THEN farbe END) AS farbe_3,
+ MAX(CASE WHEN rn = 3 THEN pronomen END) AS pronomen_3,
+ MAX(CASE WHEN rn = 3 THEN endung END) AS endung_3,
+ MAX(CASE WHEN rn = 3 THEN suffix END) AS suffix_3,
+ MAX(CASE WHEN rn = 4 THEN italienisch END) AS italienisch_4,
+ MAX(CASE WHEN rn = 4 THEN farbe END) AS farbe_4,
+ MAX(CASE WHEN rn = 4 THEN pronomen END) AS pronomen_4,
+ MAX(CASE WHEN rn = 4 THEN endung END) AS endung_4,
+ MAX(CASE WHEN rn = 4 THEN suffix END) AS suffix_4,
+ MAX(CASE WHEN rn = 5 THEN italienisch END) AS italienisch_5,
+ MAX(CASE WHEN rn = 5 THEN farbe END) AS farbe_5,
+ MAX(CASE WHEN rn = 5 THEN pronomen END) AS pronomen_5,
+ MAX(CASE WHEN rn = 5 THEN endung END) AS endung_5,
+ MAX(CASE WHEN rn = 5 THEN suffix END) AS suffix_5,
+ MAX(CASE WHEN rn = 6 THEN italienisch END) AS italienisch_6,
+ MAX(CASE WHEN rn = 6 THEN farbe END) AS farbe_6,
+ MAX(CASE WHEN rn = 6 THEN pronomen END) AS pronomen_6,
+ MAX(CASE WHEN rn = 6 THEN endung END) AS endung_6,
+ MAX(CASE WHEN rn = 6 THEN suffix END) AS suffix_6,
+ MAX(CASE WHEN rn = 7 THEN italienisch END) AS italienisch_7,
+ MAX(CASE WHEN rn = 7 THEN farbe END) AS farbe_7,
+ MAX(CASE WHEN rn = 7 THEN pronomen END) AS pronomen_7,
+ MAX(CASE WHEN rn = 7 THEN endung END) AS endung_7,
+ MAX(CASE WHEN rn = 7 THEN suffix END) AS suffix_7
+ FROM zeile
+ GROUP BY id, wort, name
+ ORDER BY id;");
+
+ $karteikarten = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
echo json_encode($karteikarten);
\ No newline at end of file
diff --git a/forms/hinzufuegenKarte.php b/forms/hinzufuegenKarte.php
index 251ab01..e6e93fb 100644
--- a/forms/hinzufuegenKarte.php
+++ b/forms/hinzufuegenKarte.php
@@ -1,151 +1,151 @@
-beginTransaction();
-
- $stmt = $pdo->prepare("SELECT id
- FROM deutsch
- WHERE LOWER(wort) = LOWER(:deutsch);");
- $stmt->execute(['deutsch' => $deutsch]);
- if($stmt->fetchColumn() != null) throw new Exception('deutsches Wort bereits vorhanden');
-
- $stmt = $pdo->prepare("SELECT id
- FROM kategorie
- WHERE LOWER(name) = LOWER(:kategorie);");
- $stmt->execute(['kategorie' => $kategorie]);
- $kategorie_id = $stmt->fetchColumn();
-
- $stmt = $pdo->query("SELECT id,
- farbe
- FROM farbe;");
- $farbe_array = $stmt->fetchAll(PDO::FETCH_ASSOC);
-
- foreach($farbe_array as $farbe) if($farbe['farbe'] == 'red') $red_farbe_id = $farbe['id'];
-
- $stmt = $pdo->prepare("INSERT INTO deutsch(wort, kategorie_id, wort_hinzugefuegt)
- VALUES (:wort, :kategorie_id, (:wort_hinzugefuegt)::timestamp);");
- $stmt->execute(['wort' => $deutsch,
- 'kategorie_id' => $kategorie_id,
- 'wort_hinzugefuegt' => date('Y-m-d H:i:s')]);
-
- $stmt = $pdo->prepare("SELECT id
- FROM deutsch
- WHERE LOWER(wort) = LOWER(:deutsch);");
- $stmt->execute(['deutsch' => $deutsch]);
- $deutsch_id = $stmt->fetchColumn();
-
- if($kategorie != 'verben') {
- for($i = 0; $i < 7; $i++) {
- $farbe_id = -1;
- foreach($farbe_array as $it_farbe) if($it_farbe['farbe'] == $farbe[$i]) $farbe_id = $it_farbe['id'];
-
- if($italienisch[$i] != "") {
- $stmt = $pdo->prepare("INSERT INTO italienisch (wort, deutsch_id, farbe_id)
- VALUES (:italienisch, :deutsch_id, :farbe_id)");
- $stmt->execute(['italienisch' => $italienisch[$i],
- 'deutsch_id' => $deutsch_id,
- 'farbe_id' => $farbe_id]);
- }
- }
- } else {
- $stmt = $pdo->query("SELECT id FROM personalpronomen;");
- $personalpronomen = $stmt->fetchAll(PDO::FETCH_ASSOC);
-
- for($i = 0; $i < 7; $i++) {
- $pp = ($i == 0) ? null : $personalpronomen[$i - 1]['id'];
-
- $stmt = $pdo->prepare("INSERT INTO italienisch (wort, deutsch_id, personalpronomen_id, suffix, endung, farbe_id)
- VALUES (:wort, :deutsch_id, :personalpronomen_id, :suffix, :endung, :farbe_id)");
-
- if(count($endung) == 0) {
- $stmt->execute(['wort' => $wortstamm[$i],
- 'deutsch_id' => $deutsch_id,
- 'personalpronomen_id' => $pp,
- 'suffix' => $suffix,
- 'endung' => null,
- 'farbe_id' => null]);
- } else {
- $stmt->execute(['wort' => $wortstamm[$i],
- 'deutsch_id' => $deutsch_id,
- 'personalpronomen_id' => $pp,
- 'suffix' => $suffix,
- 'endung' => $endung[$i],
- 'farbe_id' => $red_farbe_id]);
- }
- }
- }
-
- $pdo->commit();
-
- return 0;
-
- } catch(Exception $e) {
- $pdo->rollBack();
- echo "Fehler: " . $e->getMessage();
- return 1;
- }
- }
-
- $_SESSION['success'] = "neues Wort gespeichert";
- header("Location: ../$return.php");
+beginTransaction();
+
+ $stmt = $pdo->prepare("SELECT id
+ FROM deutsch
+ WHERE LOWER(wort) = LOWER(:deutsch);");
+ $stmt->execute(['deutsch' => $deutsch]);
+ if($stmt->fetchColumn() != null) throw new Exception('deutsches Wort bereits vorhanden');
+
+ $stmt = $pdo->prepare("SELECT id
+ FROM kategorie
+ WHERE LOWER(name) = LOWER(:kategorie);");
+ $stmt->execute(['kategorie' => $kategorie]);
+ $kategorie_id = $stmt->fetchColumn();
+
+ $stmt = $pdo->query("SELECT id,
+ farbe
+ FROM farbe;");
+ $farbe_array = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
+ foreach($farbe_array as $farbe) if($farbe['farbe'] == 'red') $red_farbe_id = $farbe['id'];
+
+ $stmt = $pdo->prepare("INSERT INTO deutsch(wort, kategorie_id, wort_hinzugefuegt)
+ VALUES (:wort, :kategorie_id, (:wort_hinzugefuegt)::timestamp);");
+ $stmt->execute(['wort' => $deutsch,
+ 'kategorie_id' => $kategorie_id,
+ 'wort_hinzugefuegt' => date('Y-m-d H:i:s')]);
+
+ $stmt = $pdo->prepare("SELECT id
+ FROM deutsch
+ WHERE LOWER(wort) = LOWER(:deutsch);");
+ $stmt->execute(['deutsch' => $deutsch]);
+ $deutsch_id = $stmt->fetchColumn();
+
+ if($kategorie != 'verben') {
+ for($i = 0; $i < 7; $i++) {
+ $farbe_id = -1;
+ foreach($farbe_array as $it_farbe) if($it_farbe['farbe'] == $farbe[$i]) $farbe_id = $it_farbe['id'];
+
+ if($italienisch[$i] != "") {
+ $stmt = $pdo->prepare("INSERT INTO italienisch (wort, deutsch_id, farbe_id)
+ VALUES (:italienisch, :deutsch_id, :farbe_id)");
+ $stmt->execute(['italienisch' => $italienisch[$i],
+ 'deutsch_id' => $deutsch_id,
+ 'farbe_id' => $farbe_id]);
+ }
+ }
+ } else {
+ $stmt = $pdo->query("SELECT id FROM personalpronomen;");
+ $personalpronomen = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
+ for($i = 0; $i < 7; $i++) {
+ $pp = ($i == 0) ? null : $personalpronomen[$i - 1]['id'];
+
+ $stmt = $pdo->prepare("INSERT INTO italienisch (wort, deutsch_id, personalpronomen_id, suffix, endung, farbe_id)
+ VALUES (:wort, :deutsch_id, :personalpronomen_id, :suffix, :endung, :farbe_id)");
+
+ if(count($endung) == 0) {
+ $stmt->execute(['wort' => $wortstamm[$i],
+ 'deutsch_id' => $deutsch_id,
+ 'personalpronomen_id' => $pp,
+ 'suffix' => $suffix,
+ 'endung' => null,
+ 'farbe_id' => null]);
+ } else {
+ $stmt->execute(['wort' => $wortstamm[$i],
+ 'deutsch_id' => $deutsch_id,
+ 'personalpronomen_id' => $pp,
+ 'suffix' => $suffix,
+ 'endung' => $endung[$i],
+ 'farbe_id' => $red_farbe_id]);
+ }
+ }
+ }
+
+ $pdo->commit();
+
+ return 0;
+
+ } catch(Exception $e) {
+ $pdo->rollBack();
+ echo "Fehler: " . $e->getMessage();
+ return 1;
+ }
+ }
+
+ $_SESSION['success'] = "neues Wort gespeichert";
+ header("Location: ../$return.php");
exit;
\ No newline at end of file
diff --git a/includes/db_connect.php b/includes/db_connect.php
index 37dc1d8..82da15a 100644
--- a/includes/db_connect.php
+++ b/includes/db_connect.php
@@ -1,14 +1,14 @@
- PDO::ERRMODE_EXCEPTION]);
- } catch (PDOException $e) {
- echo "Verbindungsfehler: " . $e->getMessage();
- }
+ PDO::ERRMODE_EXCEPTION]);
+ } catch (PDOException $e) {
+ echo "Verbindungsfehler: " . $e->getMessage();
+ }
?>
\ No newline at end of file
diff --git a/kartenansicht.php b/kartenansicht.php
index 7d10f21..fc598e7 100644
--- a/kartenansicht.php
+++ b/kartenansicht.php
@@ -1,22 +1,22 @@
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/neueKarte.php b/neueKarte.php
index 4717720..5d87946 100644
--- a/neueKarte.php
+++ b/neueKarte.php
@@ -1,34 +1,34 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/style.css b/style.css
index 42524a3..734f76b 100644
--- a/style.css
+++ b/style.css
@@ -1,280 +1,280 @@
-html {
- font-size: 24px;
- font-family: Arial, Helvetica, sans-serif;
-}
-
-body {
- background-color: rgb(122, 122, 122);
- color: #14748A;
-}
-
-h2 {
- font-size: 2.2rem;
-}
-
-p {
- white-space: pre-wrap;
-}
-
-h2.seitentitel {
- width: 100%;
- border-style: none;
- margin-left: 100px;
-}
-
-div.header{
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 70px;
- background-color: rgb(210, 210, 210);
- display: flex;
- align-items: center;
- justify-content: space-between;
- z-index: 1000;
- padding-top: 20px;
- padding-bottom: 20px;
-}
-
-.button-ellipsoid:hover {
- background: linear-gradient(#169ab7, #14748A);
-}
-
-.button-ellipsoid {
- font-size: 26px;
- font-family: Arial, Helvetica, sans-serif;
- height: 100px;
- width: 300px;
- margin-top: 25px;
- padding: 25px 40px;
- color: black;
- background: radial-gradient(ellipse at center, #14748A 0%, #169ab7 70%);
- border: none;
- border-radius: 180px / 130px;
- box-shadow: inset 0 3px 6px rgba(255,255,255,0.4),
- 0 4px 8px rgba(0,0,0,0.3);
-}
-
-.button-karteikarte {
- display: none;
- font-size: 40px;
- font-family: Arial, Helvetica, sans-serif;
- width: 85%;
- margin-top: 25px;
- padding: 25px 40px;
- color: black;
- background: rgb(210, 210, 210);;
- border: none;
- box-shadow: inset 0 3px 6px rgba(255,255,255,0.4),
- 0 4px 8px rgba(0,0,0,0.3);
-}
-
-.p-karteikarte {
- display: none;
- margin: 0px;
-}
-
-.p-karteikarte_verben {
- margin: 0px;
-}
-
-#deutsch {
- height: 250px;
-}
-
-#button_kartenNavigationVorh {
- height: 75px;
- width: 450px;
- margin-top: 0;
- padding: 0;
-}
-
-#button_kartenNavigationNaech {
- height: 75px;
- width: 450px;
- margin-top: 0;
- padding: 0;
-}
-
-#deutsch.disabled {
- pointer-events: none;
- opacity: 1;
-}
-
-#italienisch {
- height: 650px;
- flex-direction: column;
- align-items: center;
-}
-
-#italienisch_verben {
- height: 500px;
-}
-
-div.inhalt {
- margin-top: 150px;
- height: calc(100vh - 80px);
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-
-#wortZaehler {
- width: 300px;
- margin-right: 100px;
- text-align: right;
- margin-left: 0px;
-}
-
-div.menue {
- position: fixed;
- bottom: 50px;
- left: 0;
- width: 100%;
- height: 70px;
- z-index: 1000;
- background-color: rgb(210, 210, 210);
- padding-top: 20px;
- display: flex;
- justify-content: space-between;
-}
-
-a.menueLink {
- text-decoration: none;
- line-height: 0.8;
- font-size: 1.5rem;
- border-radius: 5px;
- flex: 1;
- text-align: center;
-}
-
-a:visited {
- color:#14748A;
-}
-
-.table-karteikarte {
- width: 100%;
- text-align: left;
-}
-
-.td-pronomen {
- width: 30%;
-}
-
-.kategorie {
- font-size: 30px;
- color: black;
- align-items: center;
- display: flex;
-}
-
-.kategorie input[type="radio"] {
- transform: scale(1.5);
- margin-right: 10px;
-}
-
-#form_hinzufuegenkarte {
- width: 95%;
-}
-
-#p_deutsch {
- display: inline-block;
-}
-
-#p_italienisch {
- display: inline-block;
- margin: 0px;
- white-space: unset;
-}
-
-#input_deutsch {
- display: inline-block;
- width: 700px;
- margin-left: 30px;
-}
-
-#input_suffix {
- display: inline-block;
- width: 700px;
- margin-left: 60px;
-}
-
-.hinzufuegenKarteElemente {
- display: flex;
- justify-content: space-between;
-}
-
-#label_italienisch_schwarz {
- color: black;
-}
-
-#label_italienisch_rot {
- color: red;
-}
-
-#label_italienisch_gruen {
- color: green;
-}
-
-#label_italienisch_blau {
- color: blue;
-}
-
-#input_italienisch {
- width: 850px;
- display: inline-block;
-}
-
-#div_deutsch {
- margin-top: 40px;
-}
-
-#div_italienisch_text {
- display: inline-block;
- width: 95%;
- margin-top: 40px;
-}
-
-#div_italienisch_radio {
- display: flex;
- justify-content: space-between;
- width: 65%;
- margin-top: 10px;
-}
-
-#div_speichern {
- margin-top: 25px;
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-
-.fehlermeldung {
- color: red;
- font-size: 36px;
-}
-
-.erfolgsmeldung {
- color: #14748A;
- font-size: 36px;
-}
-
-#table_verben {
- font-size: 30px;
- color: black;
-}
-
-#input_wortstamm {
- width: 500px;
-}
-
-#input_endung {
- color: red;
- width: 130px;
-}
-
-#kartenNavigation {
- bottom: 200px;
- background-color: rgb(122, 122, 122);
+html {
+ font-size: 24px;
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+body {
+ background-color: rgb(122, 122, 122);
+ color: #14748A;
+}
+
+h2 {
+ font-size: 2.2rem;
+}
+
+p {
+ white-space: pre-wrap;
+}
+
+h2.seitentitel {
+ width: 100%;
+ border-style: none;
+ margin-left: 100px;
+}
+
+div.header{
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 70px;
+ background-color: rgb(210, 210, 210);
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ z-index: 1000;
+ padding-top: 20px;
+ padding-bottom: 20px;
+}
+
+.button-ellipsoid:hover {
+ background: linear-gradient(#169ab7, #14748A);
+}
+
+.button-ellipsoid {
+ font-size: 26px;
+ font-family: Arial, Helvetica, sans-serif;
+ height: 100px;
+ width: 300px;
+ margin-top: 25px;
+ padding: 25px 40px;
+ color: black;
+ background: radial-gradient(ellipse at center, #14748A 0%, #169ab7 70%);
+ border: none;
+ border-radius: 180px / 130px;
+ box-shadow: inset 0 3px 6px rgba(255,255,255,0.4),
+ 0 4px 8px rgba(0,0,0,0.3);
+}
+
+.button-karteikarte {
+ display: none;
+ font-size: 40px;
+ font-family: Arial, Helvetica, sans-serif;
+ width: 85%;
+ margin-top: 25px;
+ padding: 25px 40px;
+ color: black;
+ background: rgb(210, 210, 210);;
+ border: none;
+ box-shadow: inset 0 3px 6px rgba(255,255,255,0.4),
+ 0 4px 8px rgba(0,0,0,0.3);
+}
+
+.p-karteikarte {
+ display: none;
+ margin: 0px;
+}
+
+.p-karteikarte_verben {
+ margin: 0px;
+}
+
+#deutsch {
+ height: 250px;
+}
+
+#button_kartenNavigationVorh {
+ height: 75px;
+ width: 450px;
+ margin-top: 0;
+ padding: 0;
+}
+
+#button_kartenNavigationNaech {
+ height: 75px;
+ width: 450px;
+ margin-top: 0;
+ padding: 0;
+}
+
+#deutsch.disabled {
+ pointer-events: none;
+ opacity: 1;
+}
+
+#italienisch {
+ height: 650px;
+ flex-direction: column;
+ align-items: center;
+}
+
+#italienisch_verben {
+ height: 500px;
+}
+
+div.inhalt {
+ margin-top: 150px;
+ height: calc(100vh - 80px);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+#wortZaehler {
+ width: 300px;
+ margin-right: 100px;
+ text-align: right;
+ margin-left: 0px;
+}
+
+div.menue {
+ position: fixed;
+ bottom: 50px;
+ left: 0;
+ width: 100%;
+ height: 70px;
+ z-index: 1000;
+ background-color: rgb(210, 210, 210);
+ padding-top: 20px;
+ display: flex;
+ justify-content: space-between;
+}
+
+a.menueLink {
+ text-decoration: none;
+ line-height: 0.8;
+ font-size: 1.5rem;
+ border-radius: 5px;
+ flex: 1;
+ text-align: center;
+}
+
+a:visited {
+ color:#14748A;
+}
+
+.table-karteikarte {
+ width: 100%;
+ text-align: left;
+}
+
+.td-pronomen {
+ width: 30%;
+}
+
+.kategorie {
+ font-size: 30px;
+ color: black;
+ align-items: center;
+ display: flex;
+}
+
+.kategorie input[type="radio"] {
+ transform: scale(1.5);
+ margin-right: 10px;
+}
+
+#form_hinzufuegenkarte {
+ width: 95%;
+}
+
+#p_deutsch {
+ display: inline-block;
+}
+
+#p_italienisch {
+ display: inline-block;
+ margin: 0px;
+ white-space: unset;
+}
+
+#input_deutsch {
+ display: inline-block;
+ width: 700px;
+ margin-left: 30px;
+}
+
+#input_suffix {
+ display: inline-block;
+ width: 700px;
+ margin-left: 60px;
+}
+
+.hinzufuegenKarteElemente {
+ display: flex;
+ justify-content: space-between;
+}
+
+#label_italienisch_schwarz {
+ color: black;
+}
+
+#label_italienisch_rot {
+ color: red;
+}
+
+#label_italienisch_gruen {
+ color: green;
+}
+
+#label_italienisch_blau {
+ color: blue;
+}
+
+#input_italienisch {
+ width: 850px;
+ display: inline-block;
+}
+
+#div_deutsch {
+ margin-top: 40px;
+}
+
+#div_italienisch_text {
+ display: inline-block;
+ width: 95%;
+ margin-top: 40px;
+}
+
+#div_italienisch_radio {
+ display: flex;
+ justify-content: space-between;
+ width: 65%;
+ margin-top: 10px;
+}
+
+#div_speichern {
+ margin-top: 25px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.fehlermeldung {
+ color: red;
+ font-size: 36px;
+}
+
+.erfolgsmeldung {
+ color: #14748A;
+ font-size: 36px;
+}
+
+#table_verben {
+ font-size: 30px;
+ color: black;
+}
+
+#input_wortstamm {
+ width: 500px;
+}
+
+#input_endung {
+ color: red;
+ width: 130px;
+}
+
+#kartenNavigation {
+ bottom: 200px;
+ background-color: rgb(122, 122, 122);
}
\ No newline at end of file
diff --git a/verben.php b/verben.php
index 2cca9cb..a2dacd4 100644
--- a/verben.php
+++ b/verben.php
@@ -1,110 +1,110 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file