diff --git a/examples/ids.Rmd b/examples/ids.Rmd
index cdd895d..adba99a 100644
--- a/examples/ids.Rmd
+++ b/examples/ids.Rmd
@@ -1,5 +1,6 @@
 ---
-title: "IDS theme for revealjs demo"
+title: "IDS theme for revealjs"
+subtitle: "a demo"
 author: Marc Kupietz
 institute: "IDS Mannheim"
 date: "Mannheim, 2024-01-01"
diff --git a/inst/reveal.js-4.6.1/css/theme/source/ids.scss b/inst/reveal.js-4.6.1/css/theme/source/ids.scss
index e3736ae..a2f612c 100644
--- a/inst/reveal.js-4.6.1/css/theme/source/ids.scss
+++ b/inst/reveal.js-4.6.1/css/theme/source/ids.scss
@@ -242,3 +242,45 @@
 .reveal h2 + h3 {
   margin-top: -0.5em !important;
 }
+
+.title-frame h1,
+.title-frame h2 {
+    margin: 0 0 0 0;
+    background: rgb(246, 168, 0);
+    color: white;
+    font-family: "Fira Sans Condensed", "Roboto Condensed", Impact, sans-serif;
+    font-weight: 600;
+    line-height: 1.2;
+    letter-spacing: 0.05ex;
+    text-transform: uppercase;
+    width: 100%;
+    margin-top: .5em;
+    padding-top: .5em;
+    font-size: 1.75em;
+    margin-left: 0;
+    text-align: center;
+    text-shadow: none;
+    word-wrap: break-word;
+}
+
+
+.title-frame .author {
+  font-family: "Fira Sans Condensed", sans-serif;
+  font-weight: 400;
+  color: #657b83;
+  margin-top: 10vh;
+}
+
+.title-frame .place {
+  font-family: "Fira Sans Condensed", sans-serif;
+  margin-top: 40px;
+  font-weight: 400;
+  color: #657b83;
+}
+
+.title-frame h2 {
+  margin-top: -3px;
+  margin-bottom: 1em;
+  padding-bottom: .5em;
+  font-size: 1em;
+}
diff --git a/inst/reveal.js-4.6.1/dist/theme/ids.css b/inst/reveal.js-4.6.1/dist/theme/ids.css
index 1d8ee86..e65c0a3 100644
--- a/inst/reveal.js-4.6.1/dist/theme/ids.css
+++ b/inst/reveal.js-4.6.1/dist/theme/ids.css
@@ -20,7 +20,7 @@
   --r-main-color: #222;
   --r-block-margin: 20px;
   --r-heading-margin: 0 0 20px 0;
-  --r-heading-font: Fira Sans Extra Condensed, Fira Sans, Helvetica, sans-serif;
+  --r-heading-font: Fira Sans Condensed, Fira Sans, Helvetica, sans-serif;
   --r-heading-color: #f6a800;
   --r-heading-line-height: 1.2;
   --r-heading-letter-spacing: 0.05ex;
@@ -400,7 +400,7 @@
   line-height: 100%;
   z-index: -20;
   font-size: 2vh;
-  font-family: "Fira Sans Extra Condensed", "Univers LT Std 47 Cn Lt", "Roboto Condensed", "League Gothic", Impact, sans-serif;
+  font-family: "Fira Sans Condensed", "Fira Sans", "Roboto Condensed", "League Gothic", Impact, sans-serif;
   display: inline-block;
   display: table-cell;
   vertical-align: middle;
@@ -509,4 +509,56 @@
   #customcontrols > ul {
     bottom: 2% !important;
   }
+}
+.reveal h3, h4, h5, h6 {
+  text-transform: none !important;
+}
+
+.reveal h3, h4, h5, h6 {
+  text-transform: none !important;
+}
+
+.reveal h2 + h3 {
+  margin-top: -0.5em !important;
+}
+
+.title-frame h1,
+.title-frame h2 {
+  margin: 0 0 0 0;
+  background: #f6a800;
+  color: white;
+  font-family: "Fira Sans Condensed", "Roboto Condensed", Impact, sans-serif;
+  font-weight: 600;
+  line-height: 1.2;
+  letter-spacing: 0.05ex;
+  text-transform: uppercase;
+  width: 100%;
+  margin-top: 0.5em;
+  padding-top: 0.5em;
+  font-size: 1.75em;
+  margin-left: 0;
+  text-align: center;
+  text-shadow: none;
+  word-wrap: break-word;
+}
+
+.title-frame .author {
+  font-family: "Fira Sans Condensed", sans-serif;
+  font-weight: 400;
+  color: #657b83;
+  margin-top: 10vh;
+}
+
+.title-frame .place {
+  font-family: "Fira Sans Condensed", sans-serif;
+  margin-top: 40px;
+  font-weight: 400;
+  color: #657b83;
+}
+
+.title-frame h2 {
+  margin-top: 0;
+  margin-bottom: 1em;
+  padding-bottom: 0.5em;
+  font-size: 1em;
 }
\ No newline at end of file
diff --git a/inst/rmarkdown/templates/revealjs_presentation/resources/default.html b/inst/rmarkdown/templates/revealjs_presentation/resources/default.html
index 0a6c160..29ee580 100644
--- a/inst/rmarkdown/templates/revealjs_presentation/resources/default.html
+++ b/inst/rmarkdown/templates/revealjs_presentation/resources/default.html
@@ -140,21 +140,39 @@
 $endfor$
   <div class="reveal">
     <div class="slides">
-
+$if(theme-ids)$
 $if(title)$
 <section class="title-frame" id="$idprefix$title-slide">
+  <div class="author">
+$for(author)$
+    <span class="author">$author$</span>
+$endfor$
+    <br/>
+$for(institute)$
+  <span class="institute">$institute$</h2>
+$endfor$
+  </div>
   <h1 class="title">$title$</h1>
 $if(subtitle)$
-  <h1 class="subtitle">$subtitle$</h1>
+  <h2 class="subtitle">$subtitle$</h2>
 $endif$
-$for(author)$
+$if(date)$
+  <div class="place">$date$</div>
+$endif$
+$else$
+   <h1 class="title">$title$</h1>
+ $if(subtitle)$
+   <h1 class="subtitle">$subtitle$</h1>
+ $endif$
+-$for(author)$
   <h2 class="author">$author$</h2>
 $endfor$
 $for(institute)$
   <h3 class="institute">$institute$</h2>
 $endfor$
-$if(date)$
+ $if(date)$
   <h3 class="date">$date$</h3>
+ $endif$
 $endif$
 </section>
 $endif$