diff --git a/client/index.html b/client/index.html
index 3ee6e472..11603f87 100644
--- a/client/index.html
+++ b/client/index.html
@@ -4,7 +4,6 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link href="/static/css/tailwind.css" rel="stylesheet">
     <title>Vite App</title>
   </head>
   <body>
diff --git a/client/src/assets/styles/base.scss b/client/src/assets/styles/base.scss
deleted file mode 100644
index 9236e74b..00000000
--- a/client/src/assets/styles/base.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-
-h1 {
-}
diff --git a/client/src/assets/styles/index.scss b/client/src/assets/styles/index.scss
index dd68bcb8..3544d7e7 100644
--- a/client/src/assets/styles/index.scss
+++ b/client/src/assets/styles/index.scss
@@ -1 +1,2 @@
 @import "fonts";
+@import "../../../../server/vbv_lernwelt/static/css/tailwind.css";
diff --git a/client/src/views/CircleAnalyseExampleView.vue b/client/src/views/CircleAnalyseExampleView.vue
index 079a0b1f..795b631e 100644
--- a/client/src/views/CircleAnalyseExampleView.vue
+++ b/client/src/views/CircleAnalyseExampleView.vue
@@ -23,9 +23,16 @@ export default {
 
 <template>
   <div class="circle">
-    <h1 class="text-3xl font-bold underline">
+    <h1 class="text-6xl">
       Hello world!
     </h1>
+
+    <div v-for="learningSequence in circleData.learning_sequences">
+      <h2>{{learningSequence.title}}</h2>
+      <div v-for="learningPackage in learningSequence.learning_packages">
+        <h3>{{learningPackage.id}}</h3>
+      </div>
+    </div>
   </div>
 </template>
 
diff --git a/server/vbv_lernwelt/templates/base.html b/server/vbv_lernwelt/templates/base.html
index c9c1dd73..d6cf109e 100644
--- a/server/vbv_lernwelt/templates/base.html
+++ b/server/vbv_lernwelt/templates/base.html
@@ -9,6 +9,7 @@
   <meta name="description" content="VBV Lernumgebung">
   <meta name="author" content="Iterativ GmbH">
 
+  <link href="/static/css/tailwind.css" rel="stylesheet">
   <link rel="icon" href="{% static 'images/favicons/favicon.ico' %}">
 
   {% block css %}
diff --git a/tailwind/input.css b/tailwind/input.css
index b5c61c95..48373905 100644
--- a/tailwind/input.css
+++ b/tailwind/input.css
@@ -1,3 +1,17 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer base {
+  h1 {
+    @apply text-4xl font-bold
+  }
+
+  h2 {
+    @apply text-2xl font-semibold
+  }
+
+  h3 {
+    @apply text-lg font-medium italic
+  }
+}
