diff --git a/.idea/Layout.html b/.idea/Layout.html
index 566549bdf8fae810809c1a81066000687cb338f6..cc416a171b6842eaffbe8d555cd041409bf592e3 100644
--- a/.idea/Layout.html
+++ b/.idea/Layout.html
@@ -2,9 +2,35 @@
<html lang="en">
<head>
<meta charset="UTF-8">
- <title>Title</title>
+ <link rel="stylesheet" href="Stylesheet.css">
+ <script src="Controller.js"></script>
+ <title>To-Do-List</title>
</head>
<body>
-
+ <h1>TODO-Liste</h1>
+ <div id="main-container">
+ <form>
+ <input id="txt-todo" type="text" placeholder="Aufgabe">
+ <button id="btn-add">Hinzufügen</button>
+ </form>
+ <ul id="list-todo">
+ <li class="items-todo">
+ <input type="checkbox" id="item-1">
+ <label class="custom-checkbox" for="item-1">
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#1f1f1f">
+ <path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/>
+ </svg>
+ </label>
+ <label for="item-1" class="item-text">
+ webdev project for uni
+ </label>
+ <button class="btn-delete">
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#1f1f1f">
+ <path d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z"/>
+ </svg>
+ </button>
+ </li>
+ </ul>
+ </div>
</body>
</html>
\ No newline at end of file
diff --git a/.idea/Stylesheet.css b/.idea/Stylesheet.css
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..e18a3c3416432a628541118667c8b1a6412454e6 100644
--- a/.idea/Stylesheet.css
+++ b/.idea/Stylesheet.css
@@ -0,0 +1,75 @@
+:root{
+ --background: #33302B;
+ --primary-color: #332F29;
+ --secondary-color: #5C4E3A;
+ --accent-color: #DB8C1D;
+ --text-color: #000000;
+}
+
+html{
+ font-family: "Consolas", Arial, sans-serif;
+ font-size: 16px;
+ color: var(--text-color);
+}
+
+body{
+ min-height: 100vh;
+ padding: 10px;
+ background-color: var(--background);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+h1{
+ margin-top: 100px;
+ margin-botton: 20px;
+ font-size: 3rem;
+ font-weight: bold;
+ text-transform: uppercase;
+ text-align: center;
+ color: var(--accent-color);
+}
+
+.main-container{
+ width: 700px;
+ max-width: 100%;
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+}
+
+#txt-todo{
+ box-sizing: border-box;
+ padding: 12px 20px;
+ width: 100%;
+ background: none;
+ border-radius: 1000px;
+ font: inherit;
+ color: var(--text-color);
+ caret-color: var(--accent-color);
+}
+
+#text-todo:focus{
+ outline: none;
+}
+
+form{
+ position: relative;
+}
+
+#btn-add{
+ position: absolute;
+ top: 0;
+ right: 0;
+
+ background-color: var(--accent-color);
+ height: 100%;
+ padding: 0 30px;
+ border: none;
+ border-radius: 1000px;
+ font: inherit;
+ font-weight: lighter;
+ color: var(--background);
+ cursor: pointer;
+}
\ No newline at end of file