diff --git a/src/components/CardTermine.jsx b/src/components/CardTermine.jsx
index 13d40f01590d83ba548039177024e45a9e555824..7ee40bc1b0887e552f39a889664a5ff285ff6d69 100644
--- a/src/components/CardTermine.jsx
+++ b/src/components/CardTermine.jsx
@@ -16,7 +16,8 @@ export default function Card({title, icon, children}) {
   return <div className="p-6 bg-white rounded shadow-xl text-center">
     {svgData && <img className="w-16 h-16 mb-2" src={svgData}/>}   
     <br/> 
-      <h4 className="text-xl font-bold leading-snug mb-1 text-center fitko-termine-heading" >FIT-Connect <br/> für {title}</h4>
+      <h4 className="text-xl font-bold leading-snug mb-1 text-center fitko-termine-heading-h4" >FIT-Connect</h4>
+      <h3 className="text-xl font-bold leading-snug mb-1 text-center fitko-termine-heading-h3" >für {title}</h3>
     {children}
   </div>
 }
diff --git a/src/css/termine.css b/src/css/termine.css
index 5875b63ad21f5635a8e121b97d1648c339c7c90e..e335818374fbc29d2c7e722997a2e99b5e60b670 100644
--- a/src/css/termine.css
+++ b/src/css/termine.css
@@ -4,14 +4,21 @@
     min-height: 500px;
   }
   
-  .fitko-termine-heading {
+  .fitko-termine-heading-h3 {
     text-align: center;
-    height: 80px;  
+    height: 50px; 
+    font-size: 1.40em;    
   }
+
+  .fitko-termine-heading-h4 {
+    text-align: center;
+    height: 30px;       
+  }
+  
   
   .fitko-termine-before-button {
     text-align: center;
-    min-height: 140px;
+    min-height: 120px;
     
   }