diff --git a/cache/cyanine-custom.css b/cache/cyanine-custom.css
index 61ff634..31b5d68 100644
--- a/cache/cyanine-custom.css
+++ b/cache/cyanine-custom.css
@@ -1,3 +1,3 @@
-.body{
-  background-color: green;
+.landingpageinfo ol{
+  text-align:left;
 }
\ No newline at end of file
diff --git a/system/typemill/Controllers/ControllerApiAuthorArticle.php b/system/typemill/Controllers/ControllerApiAuthorArticle.php
index 6676d4d..ff1e04d 100644
--- a/system/typemill/Controllers/ControllerApiAuthorArticle.php
+++ b/system/typemill/Controllers/ControllerApiAuthorArticle.php
@@ -698,12 +698,9 @@ class ControllerApiAuthorArticle extends Controller
 
 	    $navigation->clearNavigation([$naviFileName, $naviFileName . '-extended']);
 		$draftNavigation 	= $navigation->getFullDraftNavigation($urlinfo, $this->settings['langattr']);
-		$draftNavigation 	= $navigation->setActiveNaviItemsWithKeyPath($draftNavigation, $item->keyPathArray);
-		$item 				= $navigation->getItemWithKeyPath($draftNavigation, $item->keyPathArray);
 
 		$response->getBody()->write(json_encode([
-			'navigation'	=> $draftNavigation,
-			'item'			=> $item,
+			'navigation'	=> $draftNavigation
 		]));
 
 		return $response->withHeader('Content-Type', 'application/json');
diff --git a/system/typemill/author/js/vue-themes.js b/system/typemill/author/js/vue-themes.js
index e6d90c8..3578cd8 100644
--- a/system/typemill/author/js/vue-themes.js
+++ b/system/typemill/author/js/vue-themes.js
@@ -41,9 +41,9 @@ const app = Vue.createApp({
 										<p class="w-full mb p-2">Readymades are predefined settings. Store your own readymades or load readymades to quickly setup your theme.</p>
 										<ul>
 											<transition-group name="fade" tag="ul" class="flex flex-wrap">
-												<li class="w-1/3 p-2" v-for="(readysetup,readyname) in theme.readymades" :key="readyname" class="fade-item">
+												<li class="w-1/3 p-2 fade-item" v-for="(readysetup,readyname) in theme.readymades" :key="readyname">
 													<div class="border-2 border-stone-200 hover:shadow-lg transition duration-100 ease-in-out">
-														<div class="w-full font-medium p-2 text-center bg-stone-200">{{ readysetup.name }}</div>
+														<div class="w-full font-medium p-2 text-center bg-stone-200"  :class="{ 'bg-teal-500 text-stone-50': readyname === readymadeCurrent }">{{ readysetup.name }}</div>
 														<div class="p-3 h-40">
 															<p>{{ readysetup.description }}</p>
 														</div>
@@ -142,6 +142,7 @@ const app = Vue.createApp({
 			readymadeTitle: 		'',
 			readymadeDescription: 	'',
 			readymadeError:  		false,
+			readymadeCurrent: 		false,
 			theme: 					data.theme,
 			license: 				data.license,
 			message: 				'',
@@ -276,14 +277,11 @@ const app = Vue.createApp({
 		{
 			this.readymadeError = false;
 
-			if(this.readymades[this.current] && this.readymades[this.current].individual === undefined)
+			if(this.formDefinitions[this.current].readymades[name] !== undefined)
 			{
-				this.readymades[this.current].individual = { 'settings' : this.formData[this.current] };			
-			}
-			
-			if(this.readymades[this.current][name] !== undefined)
-			{
-				this.formData[this.current] = this.readymades[this.current][name].settings;
+				this.readymadeCurrent = name;
+
+				this.formData[this.current] = this.formDefinitions[this.current].readymades[name].settings;
 				eventBus.$emit('codeareaupdate');
 			}
 		},
diff --git a/system/typemill/settings/defaults.yaml b/system/typemill/settings/defaults.yaml
index 448b1b4..9fcf333 100644
--- a/system/typemill/settings/defaults.yaml
+++ b/system/typemill/settings/defaults.yaml
@@ -1,4 +1,4 @@
-version: '2.4.3'
+version: '2.5.0'
 title: 'Typemill'
 author: 'Unknown'
 copyright: false
diff --git a/themes/cyanine/cyanine.yaml b/themes/cyanine/cyanine.yaml
index d82036f..c41d9c1 100644
--- a/themes/cyanine/cyanine.yaml
+++ b/themes/cyanine/cyanine.yaml
@@ -41,53 +41,53 @@ settings:
   footer3: '### Footer 3'
 
 readymades:
-  darkdemo:
-    name: 'Dark Demo' 
-    description: 'A dark layout with a landingpage and a background animation on the startscreen.' 
+  standard: 
+    name: 'Standard'
+    description: 'The standard layout with a landingpage and the cyan/teal-brand-colors of Typemill.'
     settings:
       layoutsize: standard
       blogimage: true
       landingpage: 'on'
       introPosition: '1'
       introFullsize: true
-      introTitle: 'Typemill is a flat-file-cms for relevant content. Create websites and ebooks for documentations, manuals, reports, handbooks, guidelines, textbooks, and all kind of content-projects.'
-      introMarkdown: 'This demo website grants access to all essential features , with the exception of user and license management. It also includes additional plugins such as the ebook-plugin. The demo environment resets every 30 minutes. Log in using the credentials "demouser" and "demopass".'
+      introTitle: 'Publishing in Your Pocket'
+      introMarkdown: 'Typemill is the most lightweight solution to publish websites, pdfs and epubs. Own your data and create websites, documentations, manuals, handbooks, and more.'
       introButtonLink: /tm/login
-      introButtonLabel: 'Login to the Demo'
+      introButtonLabel: 'Login'
       introImageOpacity: '0'
       introImage: true
-      infoPosition: '0'
-      infoMarkdown: "## A Flat File CMS for Publishers\n\n1. **Publishers** love Typemill, because you can create eBooks from your Typemill website with just some clicks. [Read more](/publishers)\n2. **A flat-file cms** does not need a database because it stores all content in markdown files. Want to get your content? Just download the files. [Read more](/typemill/why-flat-file)\n3. **Markdown** is an easy markup language for authors. And the visual markdown editor of Typemill makes it easy for beginners to start. [Read more](/writers/markdown)"
-      teaserPosition: '0'
+      infoPosition: '2'
+      infoMarkdown: "## Popular Solutions\n\n1. **Documentations and Manuals:** Small companies use Typemill to create documentation and manuals for both digital and physical products. Did you know that you can now provide machine manuals as PDFs and websites? With Typemill, you can do both effortlessly.\n2. **Reports and handbooks:** Small organizations rely on Typemill for efficient reporting. Save time by producing your report as both a website and a PDF: write once, publish twice!\n3. **Fast websites:** Typemill provides an incredible performance and an awesome author experience. Why struggle with complex technology when you can get your things done with Typemill quickly?"
+      teaserPosition: '3'
       teaser1title: Typemill
       teaser1text: 'Visit the Typemill website'
       teaser1link: 'https://typemill.net'
       teaser1label: 'Visit Typemill'
       teaser2title: Plugins
-      teaser2text: 'Use some cool plugins.'
+      teaser2text: 'Use some helpful plugins.'
       teaser2link: 'https://plugins.typemill.net'
       teaser2label: 'Choose Plugins'
       teaser3title: Themes
       teaser3text: 'Try out some beautiful themes.'
       teaser3link: 'https://themes.typemill.net'
       teaser3label: 'Choose Themes'
-      contrastPosition: '2'
+      contrastPosition: '4'
       contrastTitle: 'Typemill Newsletter'
-      contrastText: 'Every month on the 15th a new release of Typemill is published . Stay in the loop and subscribe to the newsletter.'
+      contrastText: 'Every month on the 15th a new release of Typemill is published. Stay in the loop and subscribe to the newsletter.'
       contrastLink: 'https://typemill.net/news'
       contrastLabel: 'Visit the Newsletter'
-      naviPosition: '3'
+      naviPosition: '5'
       naviTitle: 'Table of Contents'
       naviDepth: '2'
-      newsPosition: '4'
-      newsHeadline: Blog
-      newsFolder: /blog
-      newsLabel: 'All posts'
+      newsPosition: '6'
+      newsHeadline: News
+      newsFolder: /news
+      newsLabel: 'All news'
       authorPosition:
-          - bottom
+          - top
       authorIntro: Author
       datePosition:
-          - bottom
+          - top
       dateIntro: 'Last updated'
       dateFormat: d.m.Y
       collapseNav: true
@@ -95,9 +95,86 @@ readymades:
           - footer1
           - footer2
           - footer3
-      footer1: "### Typemill Version 2\n\nTypemill is a lightweight, flat-file CMS designed for simple, fast, and flexible website and eBook creation using Markdown. Read all about the [feature highlights of Typemill](https://typemill.net/typemill/features) version 2."
-      footer2: "### Resources\n\n* [Newsletter](https://typemill.net/news)\n* [Typemill on GitHub](https://github.com/typemill/typemill)\n* [Theme Directory](https://themes.typemill.net)\n* [Plugin Directory](https://plugins.typemill.net)\n* [Discussions](https://github.com/typemill/typemill/discussions)\n* [Mastodon](https://mastodon.social/@typemill)"
-      footer3: "### Product\n\n* [Pricing](https://typemill.net/license/buy)\n* [Terms & Conditions](https://typemill.net/license/terms-and-conditions)\n* [License Agreement](https://typemill.net/license/license-agreement)\n* [Privacy Policy](https://typemill.net/info/privacy)\n* [Trademark Policy](https://typemill.net/info/trademark-policy)\n* [Imprint](https://typemill.net/info/imprint)"
+      footer1: "### Typemill\n\nTypemill is a lightweight, flat-file CMS designed for simple, fast, and flexible website and eBook creation using Markdown. [Visit Typemill](https://typemill.net)"
+      footer2: "### Resources\n\n* [Typemill on GitHub](https://github.com/typemill/typemill)\n* [Theme Directory](https://themes.typemill.net)\n* [Plugin Directory](https://plugins.typemill.net)\n"
+      footer3: "### News\n\n* [Newsletter](https://typemill.net/news)\n* [Discussions](https://github.com/typemill/typemill/discussions)\n* [Mastodon](https://mastodon.social/@typemill)\n* [Twitter](https://twitter.com/typemill)"
+      font: ''
+      fontheadline: ''
+      fontnavi: ''
+      brandcolorprimary: ''
+      fontcolorprimary: ''
+      newsbackground: ''
+      newscolor: ''
+      brandcolortertiary: ''
+      fontcolortertiary: ''
+      bordercolortertiary: ''
+      fontcolorlink: ''
+      brandcolorsecondary: ''
+      fontcolorsecondary: ''
+      codebackground: ''
+      codecolor: ''
+      contentnavihoverbackground: ''
+      contentnavihovercolor: ''
+      thinbordercolor: ''
+      noticecolors: true
+      customcss: ".landingpageinfo ol{\n  text-align:left;\n}"
+  darkdemo:
+    name: 'Dark Demo' 
+    description: 'A dark layout with a landingpage and a background animation on the intro-screen.' 
+    settings:
+      layoutsize: standard
+      blogimage: true
+      landingpage: 'on'
+      introPosition: '1'
+      introFullsize: true
+      introTitle: 'Publishing in Your Pocket'
+      introMarkdown: 'Typemill is the most lightweight solution to publish websites, pdfs and epubs. Own your data and create websites, documentations, manuals, handbooks, and more.'
+      introButtonLink: /tm/login
+      introButtonLabel: 'Login'
+      introImageOpacity: '0'
+      introImage: true
+      infoPosition: '2'
+      infoMarkdown: "## Popular Solutions\n\n1. **Documentations and Manuals:** Small companies use Typemill to create documentation and manuals for both digital and physical products. Did you know that you can now provide machine manuals as PDFs and websites? With Typemill, you can do both effortlessly.\n2. **Reports and handbooks:** Small organizations rely on Typemill for efficient reporting. Save time by producing your report as both a website and a PDF: write once, publish twice!\n3. **Fast websites:** Typemill provides an incredible performance and an awesome author experience. Why struggle with complex technology when you can get your things done with Typemill quickly?"
+      teaserPosition: '3'
+      teaser1title: Typemill
+      teaser1text: 'Visit the Typemill website'
+      teaser1link: 'https://typemill.net'
+      teaser1label: 'Visit Typemill'
+      teaser2title: Plugins
+      teaser2text: 'Use some helpful plugins.'
+      teaser2link: 'https://plugins.typemill.net'
+      teaser2label: 'Choose Plugins'
+      teaser3title: Themes
+      teaser3text: 'Try out some beautiful themes.'
+      teaser3link: 'https://themes.typemill.net'
+      teaser3label: 'Choose Themes'
+      contrastPosition: '4'
+      contrastTitle: 'Typemill Newsletter'
+      contrastText: 'Every month on the 15th a new release of Typemill is published. Stay in the loop and subscribe to the newsletter.'
+      contrastLink: 'https://typemill.net/news'
+      contrastLabel: 'Visit the Newsletter'
+      naviPosition: '5'
+      naviTitle: 'Table of Contents'
+      naviDepth: '2'
+      newsPosition: '6'
+      newsHeadline: News
+      newsFolder: /news
+      newsLabel: 'All news'
+      authorPosition:
+          - top
+      authorIntro: Author
+      datePosition:
+          - top
+      dateIntro: 'Last updated'
+      dateFormat: d.m.Y
+      collapseNav: true
+      footercolumns:
+          - footer1
+          - footer2
+          - footer3
+      footer1: "### Typemill\n\nTypemill is a lightweight, flat-file CMS designed for simple, fast, and flexible website and eBook creation using Markdown. [Visit Typemill](https://typemill.net)"
+      footer2: "### Resources\n\n* [Typemill on GitHub](https://github.com/typemill/typemill)\n* [Theme Directory](https://themes.typemill.net)\n* [Plugin Directory](https://plugins.typemill.net)\n"
+      footer3: "### News\n\n* [Newsletter](https://typemill.net/news)\n* [Discussions](https://github.com/typemill/typemill/discussions)\n* [Mastodon](https://mastodon.social/@typemill)\n* [Twitter](https://twitter.com/typemill)"
       font: 'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif'
       fontheadline: 'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif'
       fontnavi: 'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif'
@@ -117,54 +194,54 @@ readymades:
       contentnavihovercolor: '#414248'
       thinbordercolor: '#d0cfcd'
       noticecolors: true
-      customcss: ".landingpageintro{\n  text-align:left;\n  background:transparent;\n}\n.landingpageintro h1{\n  font-size: 2rem;\n}\n.landingpageintro, .landingpagecontrast, .landingpagenavi, .landingpagenews, main, footer{\n  border-bottom: 1px solid #6D6D6D;\n}\n.landingpagenavi li, .navigation li{\n  border: 0px;\n}\n.landingpageintro::before {\n  position: absolute;\n  content: '';\n  left: 5%;\n  top: 5%;\n  bottom: 5%;\n  right: 5%;\n  background: #38393F;\n  border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;\n  will-change: border-radius, transform, opacity;\n  animation: sliderShape 20s linear infinite;\n  display: block;\n  z-index: -1;\n  -webkit-animation: sliderShape 20s linear infinite;\n}\n@keyframes sliderShape{\n  0%,100%{\n  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;\n    transform: translate3d(0,0,0) rotateZ(0.01deg);\n  }\n  34%{\n      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;\n    transform:  translate3d(0,5px,0) rotateZ(0.01deg);\n  }\n  50%{\n    transform: translate3d(0,0,0) rotateZ(0.01deg);\n  }\n  67%{\n    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;\n    transform: translate3d(0,-3px,0) rotateZ(0.01deg);\n  }\n}"
+      customcss: ".landingpageintro{\n  text-align:left;\n  background:transparent;\n}\n.landingpageinfo ol{\n  text-align:left;\n}\n.landingpageintro h1{\n  font-size: 2rem;\n}\n.landingpageintro, .landingpagecontrast, .landingpagenavi, .landingpagenews, main, footer{\n  border-bottom: 1px solid #6D6D6D;\n}\n.landingpagenavi li, .navigation li{\n  border: 0px;\n}\n.landingpageintro::before {\n  position: absolute;\n  content: '';\n  left: 5%;\n  top: 5%;\n  bottom: 5%;\n  right: 5%;\n  background: #38393F;\n  border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;\n  will-change: border-radius, transform, opacity;\n  animation: sliderShape 20s linear infinite;\n  display: block;\n  z-index: -1;\n  -webkit-animation: sliderShape 20s linear infinite;\n}\n@keyframes sliderShape{\n  0%,100%{\n  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;\n    transform: translate3d(0,0,0) rotateZ(0.01deg);\n  }\n  34%{\n      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;\n    transform:  translate3d(0,5px,0) rotateZ(0.01deg);\n  }\n  50%{\n    transform: translate3d(0,0,0) rotateZ(0.01deg);\n  }\n  67%{\n    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;\n    transform: translate3d(0,-3px,0) rotateZ(0.01deg);\n  }\n}"
   lightdemo:
     name: 'Light Demo' 
-    description: 'A light layout with a landingpage and a background animation on the startscreen.' 
+    description: 'A light layout with a landingpage and a background animation on the intro-screen.' 
     settings:
       layoutsize: standard
       blogimage: true
       landingpage: 'on'
       introPosition: '1'
       introFullsize: true
-      introTitle: 'Typemill is a flat-file-cms for relevant content. Create websites and ebooks for documentations, manuals, reports, handbooks, guidelines, textbooks, and all kind of content-projects.'
-      introMarkdown: 'This demo website grants access to all essential features , with the exception of user and license management. It also includes additional plugins such as the ebook-plugin. The demo environment resets every 30 minutes. Log in using the credentials "demouser" and "demopass".'
+      introTitle: 'Publishing in Your Pocket'
+      introMarkdown: 'Typemill is the most lightweight solution to publish websites, pdfs and epubs. Own your data and create websites, documentations, manuals, handbooks, and more.'
       introButtonLink: /tm/login
-      introButtonLabel: 'Login to the Demo'
+      introButtonLabel: 'Login'
       introImageOpacity: '0'
       introImage: true
-      infoPosition: '0'
-      infoMarkdown: "## A Flat File CMS for Publishers\n\n1. **Publishers** love Typemill, because you can create eBooks from your Typemill website with just some clicks. [Read more](/publishers)\n2. **A flat-file cms** does not need a database because it stores all content in markdown files. Want to get your content? Just download the files. [Read more](/typemill/why-flat-file)\n3. **Markdown** is an easy markup language for authors. And the visual markdown editor of Typemill makes it easy for beginners to start. [Read more](/writers/markdown)"
-      teaserPosition: '0'
+      infoPosition: '2'
+      infoMarkdown: "## Popular Solutions\n\n1. **Documentations and Manuals:** Small companies use Typemill to create documentation and manuals for both digital and physical products. Did you know that you can now provide machine manuals as PDFs and websites? With Typemill, you can do both effortlessly.\n2. **Reports and handbooks:** Small organizations rely on Typemill for efficient reporting. Save time by producing your report as both a website and a PDF: write once, publish twice!\n3. **Fast websites:** Typemill provides an incredible performance and an awesome author experience. Why struggle with complex technology when you can get your things done with Typemill quickly?"
+      teaserPosition: '3'
       teaser1title: Typemill
       teaser1text: 'Visit the Typemill website'
       teaser1link: 'https://typemill.net'
       teaser1label: 'Visit Typemill'
       teaser2title: Plugins
-      teaser2text: 'Use some cool plugins.'
+      teaser2text: 'Use some helpful plugins.'
       teaser2link: 'https://plugins.typemill.net'
       teaser2label: 'Choose Plugins'
       teaser3title: Themes
       teaser3text: 'Try out some beautiful themes.'
       teaser3link: 'https://themes.typemill.net'
       teaser3label: 'Choose Themes'
-      contrastPosition: '2'
+      contrastPosition: '4'
       contrastTitle: 'Typemill Newsletter'
-      contrastText: 'Every month on the 15th a new release of Typemill is published . Stay in the loop and subscribe to the newsletter.'
+      contrastText: 'Every month on the 15th a new release of Typemill is published. Stay in the loop and subscribe to the newsletter.'
       contrastLink: 'https://typemill.net/news'
       contrastLabel: 'Visit the Newsletter'
-      naviPosition: '3'
+      naviPosition: '5'
       naviTitle: 'Table of Contents'
       naviDepth: '2'
-      newsPosition: '4'
-      newsHeadline: Blog
-      newsFolder: /blog
-      newsLabel: 'All posts'
+      newsPosition: '6'
+      newsHeadline: News
+      newsFolder: /news
+      newsLabel: 'All news'
       authorPosition:
-          - bottom
+          - top
       authorIntro: Author
       datePosition:
-          - bottom
+          - top
       dateIntro: 'Last updated'
       dateFormat: d.m.Y
       collapseNav: true
@@ -172,9 +249,9 @@ readymades:
           - footer1
           - footer2
           - footer3
-      footer1: "### Typemill Version 2\n\nTypemill is a lightweight, flat-file CMS designed for simple, fast, and flexible website and eBook creation using Markdown. Read all about the [feature highlights of Typemill](https://typemill.net/typemill/features) version 2."
-      footer2: "### Resources\n\n* [Newsletter](https://typemill.net/news)\n* [Typemill on GitHub](https://github.com/typemill/typemill)\n* [Theme Directory](https://themes.typemill.net)\n* [Plugin Directory](https://plugins.typemill.net)\n* [Discussions](https://github.com/typemill/typemill/discussions)\n* [Mastodon](https://mastodon.social/@typemill)"
-      footer3: "### Product\n\n* [Pricing](https://typemill.net/license/buy)\n* [Terms & Conditions](https://typemill.net/license/terms-and-conditions)\n* [License Agreement](https://typemill.net/license/license-agreement)\n* [Privacy Policy](https://typemill.net/info/privacy)\n* [Trademark Policy](https://typemill.net/info/trademark-policy)\n* [Imprint](https://typemill.net/info/imprint)"
+      footer1: "### Typemill\n\nTypemill is a lightweight, flat-file CMS designed for simple, fast, and flexible website and eBook creation using Markdown. [Visit Typemill](https://typemill.net)"
+      footer2: "### Resources\n\n* [Typemill on GitHub](https://github.com/typemill/typemill)\n* [Theme Directory](https://themes.typemill.net)\n* [Plugin Directory](https://plugins.typemill.net)\n"
+      footer3: "### News\n\n* [Newsletter](https://typemill.net/news)\n* [Discussions](https://github.com/typemill/typemill/discussions)\n* [Mastodon](https://mastodon.social/@typemill)\n* [Twitter](https://twitter.com/typemill)"
       font: 'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif'
       fontheadline: 'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif'
       fontnavi: 'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif'
@@ -194,7 +271,79 @@ readymades:
       contentnavihovercolor: '#F0EFF0'
       thinbordercolor: '#d0cfcd'
       noticecolors: true
-      customcss: ".landingpageintro{\n  text-align:left;\n  background:transparent;\n}\n.landingpageintro h1{\n  font-size: 2rem;\n}\n.landingpageintro, .landingpagecontrast, .landingpagenavi, .landingpagenews, main, footer{\n  border-bottom: 1px solid #6D6D6D;\n}\n.landingpagenavi li, .navigation li{\n  border: 0px;\n}\nul.landingpagenavi, ul.navigation{\n  background: #d0cfcd;\n}\n.navigation a, .navigation a:hover, .navigation a:focus, .navigation a:active{\n  color: #414248;\n}\n.landingpageintro::before {\n  position: absolute;\n  content: '';\n  left: 5%;\n  top: 5%;\n  bottom: 5%;\n  right: 5%;\n  background: #d0cfcd;\n  border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;\n  will-change: border-radius, transform, opacity;\n  animation: sliderShape 20s linear infinite;\n  display: block;\n  z-index: -1;\n  -webkit-animation: sliderShape 20s linear infinite;\n}\n@keyframes sliderShape{\n  0%,100%{\n  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;\n    transform: translate3d(0,0,0) rotateZ(0.01deg);\n  }\n  34%{\n      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;\n    transform:  translate3d(0,5px,0) rotateZ(0.01deg);\n  }\n  50%{\n    transform: translate3d(0,0,0) rotateZ(0.01deg);\n  }\n  67%{\n    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;\n    transform: translate3d(0,-3px,0) rotateZ(0.01deg);\n  }\n}"
+      customcss: ".landingpageintro{\n  text-align:left;\n  background:transparent;\n}\n.landingpageinfo ol{\n  text-align:left;\n}\n.landingpageintro h1{\n  font-size: 2rem;\n}\n.landingpageintro, .landingpagecontrast, .landingpagenavi, .landingpagenews, main, footer{\n  border-bottom: 1px solid #6D6D6D;\n}\n.landingpagenavi li, .navigation li{\n  border: 0px;\n}\nul.landingpagenavi, ul.navigation{\n  background: #d0cfcd;\n}\n.navigation a, .navigation a:hover, .navigation a:focus, .navigation a:active{\n  color: #414248;\n}\n.landingpageintro::before {\n  position: absolute;\n  content: '';\n  left: 5%;\n  top: 5%;\n  bottom: 5%;\n  right: 5%;\n  background: #d0cfcd;\n  border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;\n  will-change: border-radius, transform, opacity;\n  animation: sliderShape 20s linear infinite;\n  display: block;\n  z-index: -1;\n  -webkit-animation: sliderShape 20s linear infinite;\n}\n@keyframes sliderShape{\n  0%,100%{\n  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;\n    transform: translate3d(0,0,0) rotateZ(0.01deg);\n  }\n  34%{\n      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;\n    transform:  translate3d(0,5px,0) rotateZ(0.01deg);\n  }\n  50%{\n    transform: translate3d(0,0,0) rotateZ(0.01deg);\n  }\n  67%{\n    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;\n    transform: translate3d(0,-3px,0) rotateZ(0.01deg);\n  }\n}"
+  newspage:
+    name: 'Newspage' 
+    description: 'A simple layout with firebrick-colors and with a news-list on the startpage.' 
+    settings:
+      layoutsize: standard
+      blogimage: true
+      blog: true
+      blogfolder: /news
+      blogintro: false
+      landingpage: false
+      introPosition: '0'
+      infoPosition: '0'
+      teaserPosition: '0'
+      contrastPosition: '0'
+      naviPosition: '0'
+      introFullsize: false
+      introTitle: ''
+      introMarkdown: ''
+      introButtonLink: ''
+      introButtonLabel: ''
+      infoMarkdown: ''
+      teaser1title: ''
+      teaser1text: ''
+      teaser1link: ''
+      teaser1label: ''
+      teaser2title: ''
+      teaser2text: ''
+      teaser2link: ''
+      teaser2label: ''
+      teaser3title: ''
+      teaser3text: ''
+      teaser3link: ''
+      teaser3label: ''
+      contrastTitle: ''
+      contrastText: ''
+      contrastLink: ''
+      contrastLabel: ''
+      naviTitle: ''
+      authorPosition:
+        - top
+      authorIntro: Author
+      datePosition:
+        - top
+      dateIntro: 'Last updated'
+      dateFormat: d.m.Y
+      collapseNav: true
+      footercolumns:
+        - footer1
+        - footer2
+        - footer3
+      footer1: "### Typemill\n\nTypemill is a lightweight, flat-file CMS designed for simple, fast, and flexible website and eBook creation using Markdown. [Visit Typemill](https://typemill.net)"
+      footer2: "### Resources\n\n* [Typemill on GitHub](https://github.com/typemill/typemill)\n* [Theme Directory](https://themes.typemill.net)\n* [Plugin Directory](https://plugins.typemill.net)\n"
+      footer3: "### News\n\n* [Newsletter](https://typemill.net/news)\n* [Discussions](https://github.com/typemill/typemill/discussions)\n* [Mastodon](https://mastodon.social/@typemill)\n* [Twitter](https://twitter.com/typemill)"
+      font: 'georgia,times,serif'
+      fontheadline: 'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif'
+      fontnavi: 'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif'
+      brandcolorprimary: firebrick
+      fontcolorprimary: ''
+      newsbackground: ''
+      newscolor: ''
+      brandcolortertiary: firebrick
+      fontcolortertiary: ''
+      bordercolortertiary: white
+      fontcolorlink: firebrick
+      brandcolorsecondary: white
+      fontcolorsecondary: ''
+      codebackground: ''
+      codecolor: ''
+      contentnavihoverbackground: firebrick
+      contentnavihovercolor: ''
+      thinbordercolor: ''
+      noticecolors: 'on'
 
 forms:
   fields: