diff --git a/packages/tc-web/.editorconfig b/.editorconfig
similarity index 100%
rename from packages/tc-web/.editorconfig
rename to .editorconfig
diff --git a/packages/tc-web/.gitignore b/packages/tc-web/.gitignore
new file mode 100644
index 00000000..dd8a4996
--- /dev/null
+++ b/packages/tc-web/.gitignore
@@ -0,0 +1,4 @@
+docs/
+dist/
+.stencil/
+loader/
diff --git a/packages/tc-web/docs/index.html b/packages/tc-web/docs/index.html
index 55a483e8..4bc6e189 100644
--- a/packages/tc-web/docs/index.html
+++ b/packages/tc-web/docs/index.html
@@ -1,18 +1,18 @@
-<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>TC WEB</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> <link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&amp;display=swap" rel="stylesheet"> <script type="module" src="./build/stencil-component-example.esm.js"></script> <script nomodule="" src="./build/stencil-component-example.js"></script> </head> <body> <segment-container id="header" seg-title="Testimonials"> <tc-img-quote-card image-src="https://joinus.vercel.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmanuel.fcfcf50d.jpg&amp;w=1920&amp;q=75" quote="Change the color with 'background-color' attribute. The color can be a hex code, rgb, or a color name." quotee="Manuel Keller, studierte Information Systems und leitet jetzt das IT Team der Weiterbildung" title="Flexibilität ist Trumpf" image-on-left="true" background-color="rgb(0,250,0)"></tc-img-quote-card> <tc-img-quote-card image-src="https://joinus.vercel.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpascal.cd3140df.jpg&amp;w=1920&amp;q=75" quote="Um das bild links zu haben 'image-on-left' auf true setzen. Um es auf der rechten Seite zu haben, auf false setzen." quotee="Pascal Zehnder, studierte Informatik" title="Abwechslung und Eigenverantwortung" image-on-left="false" tags="[&quot;Node.js&quot;, &quot;PostgreSQL&quot;, &quot;APIs&quot;]"></tc-img-quote-card> </segment-container> <segment-container id="Mitbringen" seg-title="Was du mitbringen solltest" background-color="#fff0ff"> <tc-grid-container columns="1" md-columns="2" lg-columns="2" gap="s"> <tc-bulletpoint-list header="Required Items" bulletpoints="[&quot;Bereitschaft, dich mit den eingesetzten Technologien vertieft zu befassen&quot;,
+<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>TC WEB</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> <link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&amp;display=swap" rel="stylesheet"> <script type="module" src="./build/stencil-component-example.esm.js"></script> <script nomodule="" src="./build/stencil-component-example.js"></script> </head> <body> <segment-container id="header" title="Testimonials"> <tc-img-quote-card image-src="https://joinus.vercel.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmanuel.fcfcf50d.jpg&amp;w=1920&amp;q=75" quote="Change the color with 'background-color' attribute. The color can be a hex code, rgb, or a color name." quotee="Manuel Keller, studierte Information Systems und leitet jetzt das IT Team der Weiterbildung" title="Flexibilität ist Trumpf" image-on-left="true" background-color="rgb(0,250,0)"></tc-img-quote-card> <tc-img-quote-card image-src="https://joinus.vercel.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpascal.cd3140df.jpg&amp;w=1920&amp;q=75" quote="Um das bild links zu haben 'image-on-left' auf true setzen. Um es auf der rechten Seite zu haben, auf false setzen." quotee="Pascal Zehnder, studierte Informatik" title="Abwechslung und Eigenverantwortung" image-on-left="false" tags="[&quot;Node.js&quot;, &quot;PostgreSQL&quot;, &quot;APIs&quot;]"></tc-img-quote-card> </segment-container> <segment-container id="Mitbringen" title="Was du mitbringen solltest" background-color="#fff0ff"> <tc-grid-container columns="1" md-columns="2" lg-columns="2" gap="s"> <tc-bulletpoint-list header="Required Items" bulletpoints="[&quot;Bereitschaft, dich mit den eingesetzten Technologien vertieft zu befassen&quot;,
        &quot;Fähigkeit, sich neue Programmierkenntnisse schnell anzueignen&quot;,
         &quot;Kreative und effiziente Problemlösung&quot;,
         &quot;Fähigkeit, Architektur und Design möglichst zukunftssicher zu entwerfen&quot;]"></tc-bulletpoint-list> <tc-bulletpoint-list header="Team Player" bulletpoints="[&quot;Bereitschaft, dich mit den eingesetzten Technologien vertieft zu befassen&quot;,
       &quot;Fähigkeit, sich neue Programmierkenntnisse schnell anzueignen&quot;,
        &quot;Kreative und effiziente Problemlösung&quot;,
-       &quot;Fähigkeit, Architektur und Design möglichst zukunftssicher zu entwerfen&quot;]"></tc-bulletpoint-list> </tc-grid-container> </segment-container> <segment-container id="jobs" seg-title="Jobs" background-color="#ffffff"> <tc-img-text-card image-src="https://joinus.vercel.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode_example.62f57e4a.png&amp;w=1920&amp;q=75" title="Border Color" short-description="Ändere die Farbe des Rahmens mit dem Attribut 'border-color'. Die Farbe kann ein Hex-Code, rgb oder ein Farbname sein." detailed-description="Diese Position ist für Studierende, welche ca. im 3. Semester Informatik im Haupt- oder Nebenfach studieren und erste Programmiererfahrungen haben. Hier entwickelt man beispielsweise unsere CMS, Webseiten, und eAssessment-Tools weiter, erstellt neue eLearning-Kurse, und unterstützt bei allgemeinen IT-Projekten sowie der Erfassung von Inhalten.
+       &quot;Fähigkeit, Architektur und Design möglichst zukunftssicher zu entwerfen&quot;]"></tc-bulletpoint-list> </tc-grid-container> </segment-container> <segment-container id="jobs" title="Jobs" background-color="#ffffff"> <tc-img-text-card image-src="https://joinus.vercel.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode_example.62f57e4a.png&amp;w=1920&amp;q=75" title="Border Color" short-description="Ändere die Farbe des Rahmens mit dem Attribut 'border-color'. Die Farbe kann ein Hex-Code, rgb oder ein Farbname sein." detailed-description="Diese Position ist für Studierende, welche ca. im 3. Semester Informatik im Haupt- oder Nebenfach studieren und erste Programmiererfahrungen haben. Hier entwickelt man beispielsweise unsere CMS, Webseiten, und eAssessment-Tools weiter, erstellt neue eLearning-Kurse, und unterstützt bei allgemeinen IT-Projekten sowie der Erfassung von Inhalten.
 
         Es besteht viel Potenzial zur persönlichen Weiterentwicklung (z.B. in Richtung fortgeschrittener Web-Entwicklung und Datenanalyse) mit zunehmender Übernahme von eigener Projektverantwortung." border-color="rgb(0,0,0)"></tc-img-text-card> <tc-img-text-card image-src="https://joinus.vercel.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode_example.62f57e4a.png&amp;w=1920&amp;q=75" title="Senior IT" short-description="Entwicklung von Geschäftsapplikationen, WebApps, Games und weiterer Projekte" detailed-description="Diese Position ist für Studierende ab dem 5. Semester Informatik im Haupt- oder Nebenfach, welche bereits Programmiererfahrung haben, bevorzugterweise mit React. Hier arbeitet man in IT-Projekten mit, bei welchen WebApps, Games oder andere Produkte implementiert werden und hilft bei Erweiterungen und Modernisierung bestehender Applikationen sowie bei der Konzeptionierung neuer Ideen.
 
-  Bei einer Bewerbung für diese Position wirst du von uns eine kleine React Programmier-Challenge erhalten, mit der du deine Fähigkeiten beweisen kannst. Das erlaubt uns, beim Interview auf nicht aussagekräftige technische Fragen (“Whiteboard-Coding”) zu verzichten :)" image-on-left="True"></tc-img-text-card> </segment-container> <segment-container id="technologies" seg-title="Mehr Informationen über uns? Unsere Lieblingstechnologien und Frameworks" background-color="#ffffff"> <tc-grid-container columns="2" md-columns="3" lg-columns="4" gap="s"> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1200px-React-icon.svg.png" title="wide-2xl" link="https://react.dev/" width="2xl"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Node.js_logo.svg/1200px-Node.js_logo.svg.png" title="wide-xl" width="xl"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Python-logo-notext.svg/1869px-Python-logo-notext.svg.png" title="wide-lg" width="lg"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Tailwind_CSS_Logo.svg/2560px-Tailwind_CSS_Logo.svg.png" title="wide-md" width="md"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1200px-React-icon.svg.png" title="wide-sm" width="sm"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Node.js_logo.svg/1200px-Node.js_logo.svg.png" title="NodeJS"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1200px-React-icon.svg.png" link="https://react.dev/" title="click here or on the image"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Node.js_logo.svg/1200px-Node.js_logo.svg.png" title="NodeJS"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1200px-React-icon.svg.png" title="React"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Node.js_logo.svg/1200px-Node.js_logo.svg.png" title="NodeJS"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Node.js_logo.svg/1200px-Node.js_logo.svg.png" title="NodeJS"></tc-grid-item> </tc-grid-container> </segment-container> <segment-container seg-title="Benefits" background-color="#ffffff"> <tc-grid-container columns="1" md-columns="2" lg-columns="4"> <tc-svg-icon-card title="#Salary" text="Experience fast development cycles with our streamlined process. super duppoper fast as always lkjljljölkjlöjölkjlöjklöjöljklö
+  Bei einer Bewerbung für diese Position wirst du von uns eine kleine React Programmier-Challenge erhalten, mit der du deine Fähigkeiten beweisen kannst. Das erlaubt uns, beim Interview auf nicht aussagekräftige technische Fragen (“Whiteboard-Coding”) zu verzichten :)" image-on-left="True"></tc-img-text-card> </segment-container> <segment-container id="technologies" title="Mehr Informationen über uns? Unsere Lieblingstechnologien und Frameworks" background-color="#ffffff"> <tc-grid-container columns="2" md-columns="3" lg-columns="4" gap="s"> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1200px-React-icon.svg.png" title="wide-2xl" link="https://react.dev/" width="2xl"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Node.js_logo.svg/1200px-Node.js_logo.svg.png" title="wide-xl" width="xl"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Python-logo-notext.svg/1869px-Python-logo-notext.svg.png" title="wide-lg" width="lg"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Tailwind_CSS_Logo.svg/2560px-Tailwind_CSS_Logo.svg.png" title="wide-md" width="md"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1200px-React-icon.svg.png" title="wide-sm" width="sm"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Node.js_logo.svg/1200px-Node.js_logo.svg.png" title="NodeJS"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1200px-React-icon.svg.png" link="https://react.dev/" title="click here or on the image"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Node.js_logo.svg/1200px-Node.js_logo.svg.png" title="NodeJS"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1200px-React-icon.svg.png" title="React"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Node.js_logo.svg/1200px-Node.js_logo.svg.png" title="NodeJS"></tc-grid-item> <tc-grid-item image-src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Node.js_logo.svg/1200px-Node.js_logo.svg.png" title="NodeJS"></tc-grid-item> </tc-grid-container> </segment-container> <segment-container title="Benefits" background-color="#ffffff"> <tc-grid-container columns="1" md-columns="2" lg-columns="4"> <tc-svg-icon-card title="#Salary" text="Experience fast development cycles with our streamlined process. super duppoper fast as always lkjljljölkjlöjölkjlöjklöjöljklö
       klöjöljklöjlkjklöjklöjlökjlköjöl" icon-svg-path="M160 0c17.7 0 32 14.3 32 32V67.7c1.6 .2 3.1 .4 4.7 .7c.4 .1 .7 .1 1.1 .2l48 8.8c17.4 3.2 28.9 19.9 25.7 37.2s-19.9 28.9-37.2 25.7l-47.5-8.7c-31.3-4.6-58.9-1.5-78.3 6.2s-27.2 18.3-29 28.1c-2 10.7-.5 16.7 1.2 20.4c1.8 3.9 5.5 8.3 12.8 13.2c16.3 10.7 41.3 17.7 73.7 26.3l2.9 .8c28.6 7.6 63.6 16.8 89.6 33.8c14.2 9.3 27.6 21.9 35.9 39.5c8.5 17.9 10.3 37.9 6.4 59.2c-6.9 38-33.1 63.4-65.6 76.7c-13.7 5.6-28.6 9.2-44.4 11V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V445.1c-.4-.1-.9-.1-1.3-.2l-.2 0 0 0c-24.4-3.8-64.5-14.3-91.5-26.3c-16.1-7.2-23.4-26.1-16.2-42.2s26.1-23.4 42.2-16.2c20.9 9.3 55.3 18.5 75.2 21.6c31.9 4.7 58.2 2 76-5.3c16.9-6.9 24.6-16.9 26.8-28.9c1.9-10.6 .4-16.7-1.3-20.4c-1.9-4-5.6-8.4-13-13.3c-16.4-10.7-41.5-17.7-74-26.3l-2.8-.7 0 0C119.4 279.3 84.4 270 58.4 253c-14.2-9.3-27.5-22-35.8-39.6c-8.4-17.9-10.1-37.9-6.1-59.2C23.7 116 52.3 91.2 84.8 78.3c13.3-5.3 27.9-8.9 43.2-11V32c0-17.7 14.3-32 32-32z" icon-color="rgb(255,255,255)" icon-background="rgb(0,40,165)" icon-svg-view-box="0 0 320 512"></tc-svg-icon-card> <tc-svg-icon-card title="#Salary" text="Experience fast development cycles with our streamlined process. super duppoper fast as always lkjljljölkjlöjölkjlöjklöjöljklö
     klöjöljklöjlkjklöjklöjlökjlköjöl" icon-svg-path="M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z" icon-color="rgb(255,255,255)" icon-background="rgb(0,40,165)" icon-svg-view-box="0 0 512 512"></tc-svg-icon-card> <tc-svg-icon-card title="#Salary" text="Experience fast development cycles with our streamlined process. super duppoper fast as always lkjljljölkjlöjölkjlöjklöjöljklö
   klöjöljklöjlkjklöjklöjlökjlköjöl" icon-svg-path="M160 0c17.7 0 32 14.3 32 32V67.7c1.6 .2 3.1 .4 4.7 .7c.4 .1 .7 .1 1.1 .2l48 8.8c17.4 3.2 28.9 19.9 25.7 37.2s-19.9 28.9-37.2 25.7l-47.5-8.7c-31.3-4.6-58.9-1.5-78.3 6.2s-27.2 18.3-29 28.1c-2 10.7-.5 16.7 1.2 20.4c1.8 3.9 5.5 8.3 12.8 13.2c16.3 10.7 41.3 17.7 73.7 26.3l2.9 .8c28.6 7.6 63.6 16.8 89.6 33.8c14.2 9.3 27.6 21.9 35.9 39.5c8.5 17.9 10.3 37.9 6.4 59.2c-6.9 38-33.1 63.4-65.6 76.7c-13.7 5.6-28.6 9.2-44.4 11V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V445.1c-.4-.1-.9-.1-1.3-.2l-.2 0 0 0c-24.4-3.8-64.5-14.3-91.5-26.3c-16.1-7.2-23.4-26.1-16.2-42.2s26.1-23.4 42.2-16.2c20.9 9.3 55.3 18.5 75.2 21.6c31.9 4.7 58.2 2 76-5.3c16.9-6.9 24.6-16.9 26.8-28.9c1.9-10.6 .4-16.7-1.3-20.4c-1.9-4-5.6-8.4-13-13.3c-16.4-10.7-41.5-17.7-74-26.3l-2.8-.7 0 0C119.4 279.3 84.4 270 58.4 253c-14.2-9.3-27.5-22-35.8-39.6c-8.4-17.9-10.1-37.9-6.1-59.2C23.7 116 52.3 91.2 84.8 78.3c13.3-5.3 27.9-8.9 43.2-11V32c0-17.7 14.3-32 32-32z" icon-color="rgb(255,255,255)" icon-background="rgb(0,40,165)" icon-svg-view-box="0 0 320 512"></tc-svg-icon-card> <tc-svg-icon-card title="#Flexibalefffffffffffffffffffffffffffffffffffffffffffffffffffff" text="Experience fast development cycles with our streamlined process. super duppoper fast as always lkjljljölkjlöjölkjlöjklöjöljklö
-klöjöljklöjlkjklöjklöjlökjlköjöl" icon-svg-path="M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z" icon-color="rgb(255,255,0)" icon-svg-view-box="0 0 512 512"></tc-svg-icon-card> </tc-grid-container> </segment-container> <segment-container seg-title="Open Positions" background-color="#ffffff"> <tc-open-positions level="Junior IT"></tc-open-positions> </segment-container> <segment-container id="projects" seg-title="Projects" background-color="#ffffff"> <tc-collapsible col-title="Python Exam Correction" description="This project is about developing a system that can automatically correct Python exams. The system should be able to read the code of the students, execute it, and compare the output with the expected output. The system should also be able to give feedback to the students about their code." tags="[&quot;Node.js&quot;, &quot;PostgreSQL&quot;, &quot;APIs&quot;]"> <tc-img-text-card image-src="https://joinus.vercel.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmanuel.fcfcf50d.jpg&amp;w=1920&amp;q=75" quote="Mir gefiel am besten, dass ich sehr flexible Arbeitszeiten hatte. Vor Prüfungen konnte ich problemlos reduzieren oder aussetzen während den Semesterferien wiederum mein Budget aufbessern." name="Manuel Keller" pro="Flexibilität ist Trumpf" role="studierte Information Systems und leitet jetzt das IT Team der Weiterbildung" image-on-left="true"></tc-img-text-card> <tc-img-text-card image-src="https://joinus.vercel.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode_example.62f57e4a.png&amp;w=1920&amp;q=75" title="Junior IT" short-description="IT-Fachkraft für technische Unterstützung und Umsetzung von neuen Inhalten" detailed-description="Diese Position ist für Studierende, welche ca. im 3. Semester Informatik im Haupt- oder Nebenfach studieren und erste Programmiererfahrungen haben. Hier entwickelt man beispielsweise unsere CMS, Webseiten, und eAssessment-Tools weiter, erstellt neue eLearning-Kurse, und unterstützt bei allgemeinen IT-Projekten sowie der Erfassung von Inhalten.
+klöjöljklöjlkjklöjklöjlökjlköjöl" icon-svg-path="M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z" icon-color="rgb(255,255,0)" icon-svg-view-box="0 0 512 512"></tc-svg-icon-card> </tc-grid-container> </segment-container> <segment-container title="Open Positions" background-color="#ffffff"> <tc-open-positions level="Junior IT"></tc-open-positions> </segment-container> <segment-container id="projects" title="Projects" background-color="#ffffff"> <tc-collapsible col-title="Python Exam Correction" description="This project is about developing a system that can automatically correct Python exams. The system should be able to read the code of the students, execute it, and compare the output with the expected output. The system should also be able to give feedback to the students about their code." tags="[&quot;Node.js&quot;, &quot;PostgreSQL&quot;, &quot;APIs&quot;]"> <tc-img-text-card image-src="https://joinus.vercel.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmanuel.fcfcf50d.jpg&amp;w=1920&amp;q=75" quote="Mir gefiel am besten, dass ich sehr flexible Arbeitszeiten hatte. Vor Prüfungen konnte ich problemlos reduzieren oder aussetzen während den Semesterferien wiederum mein Budget aufbessern." name="Manuel Keller" pro="Flexibilität ist Trumpf" role="studierte Information Systems und leitet jetzt das IT Team der Weiterbildung" image-on-left="true"></tc-img-text-card> <tc-img-text-card image-src="https://joinus.vercel.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode_example.62f57e4a.png&amp;w=1920&amp;q=75" title="Junior IT" short-description="IT-Fachkraft für technische Unterstützung und Umsetzung von neuen Inhalten" detailed-description="Diese Position ist für Studierende, welche ca. im 3. Semester Informatik im Haupt- oder Nebenfach studieren und erste Programmiererfahrungen haben. Hier entwickelt man beispielsweise unsere CMS, Webseiten, und eAssessment-Tools weiter, erstellt neue eLearning-Kurse, und unterstützt bei allgemeinen IT-Projekten sowie der Erfassung von Inhalten.
 
     Es besteht viel Potenzial zur persönlichen Weiterentwicklung (z.B. in Richtung fortgeschrittener Web-Entwicklung und Datenanalyse) mit zunehmender Übernahme von eigener Projektverantwortung."></tc-img-text-card> </tc-collapsible> </segment-container> <script>
 if ('serviceWorker' in navigator && location.protocol !== 'file:') {
diff --git a/packages/tc-web/loader/cdn.js b/packages/tc-web/loader/cdn.js
deleted file mode 100644
index 45e7d5ab..00000000
--- a/packages/tc-web/loader/cdn.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = require('../dist/cjs/loader.cjs.js');
\ No newline at end of file
diff --git a/packages/tc-web/loader/index.cjs.js b/packages/tc-web/loader/index.cjs.js
deleted file mode 100644
index 45e7d5ab..00000000
--- a/packages/tc-web/loader/index.cjs.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = require('../dist/cjs/loader.cjs.js');
\ No newline at end of file
diff --git a/packages/tc-web/loader/index.d.ts b/packages/tc-web/loader/index.d.ts
deleted file mode 100644
index eed17ccf..00000000
--- a/packages/tc-web/loader/index.d.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-export * from '../dist/types/components';
-export interface CustomElementsDefineOptions {
-  exclude?: string[];
-  resourcesUrl?: string;
-  syncQueue?: boolean;
-  jmp?: (c: Function) => any;
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-}
-export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
-export declare function applyPolyfills(): Promise<void>;
-
-/**
- * Used to specify a nonce value that corresponds with an application's CSP.
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
- * Alternatively, the nonce value can be set on a meta tag in the DOM head
- * (<meta name="csp-nonce" content="{ nonce value here }" />) which
- * will result in the same behavior.
- */
-export declare function setNonce(nonce: string): void;
diff --git a/packages/tc-web/loader/index.es2017.js b/packages/tc-web/loader/index.es2017.js
deleted file mode 100644
index 15b1d13d..00000000
--- a/packages/tc-web/loader/index.es2017.js
+++ /dev/null
@@ -1 +0,0 @@
-export * from '../dist/esm/loader.js';
\ No newline at end of file
diff --git a/packages/tc-web/loader/index.js b/packages/tc-web/loader/index.js
deleted file mode 100644
index 8e1a393b..00000000
--- a/packages/tc-web/loader/index.js
+++ /dev/null
@@ -1,2 +0,0 @@
-(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
-export * from '../dist/esm/loader.js';
\ No newline at end of file
diff --git a/packages/tc-web/loader/package.json b/packages/tc-web/loader/package.json
deleted file mode 100644
index 7303cfeb..00000000
--- a/packages/tc-web/loader/package.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "name": "stencil-component-example-loader",
-  "private": true,
-  "typings": "./index.d.ts",
-  "module": "./index.js",
-  "main": "./index.cjs.js",
-  "jsnext:main": "./index.es2017.js",
-  "es2015": "./index.es2017.js",
-  "es2017": "./index.es2017.js",
-  "unpkg": "./cdn.js"
-}
\ No newline at end of file
diff --git a/packages/tc-web/package.json b/packages/tc-web/package.json
index dead3ad8..ebf99547 100644
--- a/packages/tc-web/package.json
+++ b/packages/tc-web/package.json
@@ -16,7 +16,7 @@
   ],
   "scripts": {
     "build": "stencil build --docs",
-    "start": "stencil build --dev --watch --serve",
+    "dev": "stencil build --dev --watch --serve",
     "test": "stencil test --spec --e2e",
     "test.watch": "stencil test --spec --e2e --watchAll",
     "generate": "stencil generate"
@@ -34,5 +34,8 @@
     "stencil-tailwind-plugin": "1.8.0",
     "tailwindcss": "3.4.15",
     "typescript": "5.7.2"
+  },
+  "volta": {
+    "extends": "../../package.json"
   }
 }
diff --git a/packages/tc-web/src/components.d.ts b/packages/tc-web/src/components.d.ts
index 810e8ba8..a27b87fa 100644
--- a/packages/tc-web/src/components.d.ts
+++ b/packages/tc-web/src/components.d.ts
@@ -23,10 +23,10 @@ export namespace Components {
     }
     interface TcGridContainer {
         "backgroundColor": string;
-        "columns": number;
-        "gap": string;
-        "lgColumns": number;
-        "mdColumns": number;
+        "columns": 1|2|3|4|5|6;
+        "gap": 'sm' | 'md' | 'lg' | 'xl';
+        "lgColumns": 1|2|3|4|5|6;
+        "mdColumns": 1|2|3|4|5|6;
     }
     interface TcGridItem {
         "giTitle": string;
@@ -164,10 +164,10 @@ declare namespace LocalJSX {
     }
     interface TcGridContainer {
         "backgroundColor"?: string;
-        "columns"?: number;
-        "gap"?: string;
-        "lgColumns"?: number;
-        "mdColumns"?: number;
+        "columns"?: 1|2|3|4|5|6;
+        "gap"?: 'sm' | 'md' | 'lg' | 'xl';
+        "lgColumns"?: 1|2|3|4|5|6;
+        "mdColumns"?: 1|2|3|4|5|6;
     }
     interface TcGridItem {
         "giTitle"?: string;
