diff --git a/slt/css/abstract/_index.scss b/slt/css/abstract/_index.scss
index 10511ad..7622ed6 100644
--- a/slt/css/abstract/_index.scss
+++ b/slt/css/abstract/_index.scss
@@ -1,2 +1,2 @@
-@forward "responsive";
-@forward "colors";
+@forward 'responsive';
+@forward 'colors';
diff --git a/slt/css/components/_article.scss b/slt/css/components/_article.scss
index 426f606..2d08445 100644
--- a/slt/css/components/_article.scss
+++ b/slt/css/components/_article.scss
@@ -1,4 +1,4 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 .article-info {
     font-size: smaller;
@@ -20,7 +20,7 @@
             border: none;
             text-shadow: unset;
 
-            > span[class^="icon-"] {
+            > span[class^='icon-'] {
                 display: none;
             }
         }
diff --git a/slt/css/components/_index.scss b/slt/css/components/_index.scss
index a86784b..83e9d0a 100644
--- a/slt/css/components/_index.scss
+++ b/slt/css/components/_index.scss
@@ -1,8 +1,8 @@
-@use "slideshow";
-@use "article";
-@use "current-page-menu";
-@use "result-table";
-@use "presseberichte";
-@use "verbandstag";
-@use "vereine";
-@use "contact-list";
+@use 'slideshow';
+@use 'article';
+@use 'current-page-menu';
+@use 'result-table';
+@use 'presseberichte';
+@use 'verbandstag';
+@use 'vereine';
+@use 'contact-list';
diff --git a/slt/css/components/_presseberichte.scss b/slt/css/components/_presseberichte.scss
index 3166c39..937d8f2 100644
--- a/slt/css/components/_presseberichte.scss
+++ b/slt/css/components/_presseberichte.scss
@@ -1,4 +1,4 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 table.pressespiegel {
     @include abstract.for-narrow-screen {
@@ -9,7 +9,7 @@ table.pressespiegel {
 
             > td {
                 &:last-child::before {
-                    content: "Rubrik: ";
+                    content: 'Rubrik: ';
                 }
             }
         }
diff --git a/slt/css/components/_result-table.scss b/slt/css/components/_result-table.scss
index b385c8c..16c8d2d 100644
--- a/slt/css/components/_result-table.scss
+++ b/slt/css/components/_result-table.scss
@@ -1,4 +1,4 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 table.result {
     max-width: 800px;
diff --git a/slt/css/components/_slideshow.scss b/slt/css/components/_slideshow.scss
index 0edf351..7ff59b1 100644
--- a/slt/css/components/_slideshow.scss
+++ b/slt/css/components/_slideshow.scss
@@ -1,4 +1,4 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 #slideshow {
     flex: 1;
diff --git a/slt/css/components/_verbandstag.scss b/slt/css/components/_verbandstag.scss
index 7944161..1491521 100644
--- a/slt/css/components/_verbandstag.scss
+++ b/slt/css/components/_verbandstag.scss
@@ -1,4 +1,4 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 table.verbandstag {
     @include abstract.for-narrow-screen {
diff --git a/slt/css/components/_vereine.scss b/slt/css/components/_vereine.scss
index 42008f9..2e3a200 100644
--- a/slt/css/components/_vereine.scss
+++ b/slt/css/components/_vereine.scss
@@ -1,4 +1,4 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 .slt-vereine {
     @include abstract.for-narrow-screen {
@@ -28,7 +28,7 @@
             }
 
             > td:nth-child(4)::before {
-                content: "Ansprechpartner: ";
+                content: 'Ansprechpartner: ';
             }
         }
 
diff --git a/slt/css/core/_core.scss b/slt/css/core/_core.scss
index 5db0008..892bd3c 100644
--- a/slt/css/core/_core.scss
+++ b/slt/css/core/_core.scss
@@ -1,4 +1,4 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 body {
     margin: 0;
diff --git a/slt/css/core/_index.scss b/slt/css/core/_index.scss
index b5ae181..b7ad1b3 100644
--- a/slt/css/core/_index.scss
+++ b/slt/css/core/_index.scss
@@ -1,2 +1,2 @@
-@use "core";
-@use "default-classes";
+@use 'core';
+@use 'default-classes';
diff --git a/slt/css/dynamic-styles.css.php b/slt/css/dynamic-styles.css.php
index 9db35bc..2d86ef8 100644
--- a/slt/css/dynamic-styles.css.php
+++ b/slt/css/dynamic-styles.css.php
@@ -1,9 +1,9 @@
 <?php
 
-define( '_JEXEC', 1 );
+define('_JEXEC', 1);
 define('JPATH_BASE', '../../../');
-require_once ( JPATH_BASE .'/includes/defines.php' );
-require_once ( JPATH_BASE .'/includes/framework.php' );
+require_once JPATH_BASE . '/includes/defines.php';
+require_once JPATH_BASE . '/includes/framework.php';
 
 $container = \Joomla\CMS\Factory::getContainer();
 $container->alias(\Joomla\Session\SessionInterface::class, 'session.web.site');
@@ -11,10 +11,10 @@ $mainframe = $container->get(\Joomla\CMS\Application\SiteApplication::class);
 $template = $mainframe->getTemplate(true);
 $params = $template->params;
 
-header("content-type: text/css");
+header('content-type: text/css');
 
 // duration of cached content (1 hour)
-$offset = 60 * 60 ;
+$offset = 60 * 60;
 // cache control to process
 header("Cache-Control: must-revalidate, max-age=$offset, public");
 
@@ -23,22 +23,20 @@ header("Cache-Control: must-revalidate, max-age=$offset, public");
 // send cache expiration header to broswer
 // header($ExpStr);
 
-$leftImageValue  = (empty($params['imgleft']) ? "none" : "url(\"" . JPATH_BASE. "/" . $params['imgleft'] . "\")") ; 
-$rightImageValue = (empty($params['imgright']) ? "none" : "url(\"" . JPATH_BASE . "/" . $params['imgright'] . "\")") 
-
+$leftImageValue = empty($params['imgleft'])
+    ? 'none'
+    : "url(\"" . JPATH_BASE . '/' . $params['imgleft'] . "\")";
+$rightImageValue = empty($params['imgright'])
+    ? 'none'
+    : "url(\"" . JPATH_BASE . '/' . $params['imgright'] . "\")";
 ?>
 
-<?php
-if($params['titlepage'] === '1')
-{
-?>
+<?php if ($params['titlepage'] === '1') { ?>
 #left-menu
 {
 	display: none;
 }
-<?php 
-}
-?>
+<?php } ?>
 
 body
 {
@@ -52,7 +50,11 @@ a, a:hover, a:active, a:visited
 
 #page-bg
 {
-	background-image: linear-gradient(to bottom, <?php echo $params['mainbgcolortop'] . ',' . $params['mainbgcolorbot']; ?>);
+	background-image: linear-gradient(to bottom, <?php echo $params[
+     'mainbgcolortop'
+ ] .
+     ',' .
+     $params['mainbgcolorbot']; ?>);
 	color: <?php echo $params['mainfgcolor']; ?>;
 }
 
@@ -177,11 +179,11 @@ table.alternating tr:nth-child(1) a {
 }
 .readmore > .btn
 {
-	color: <?php echo $params['fgcolor1'];?>;
+	color: <?php echo $params['fgcolor1']; ?>;
 	background-color: <?php echo $params['bgcolor1']; ?>;
 }
 .readmore > .btn:hover
 {
-	color: <?php echo $params['fgcolor3'];?>;
+	color: <?php echo $params['fgcolor3']; ?>;
 	background-color: <?php echo $params['bgcolor3']; ?>;
 }
diff --git a/slt/css/layout/_blog.scss b/slt/css/layout/_blog.scss
index 3afb436..de30a6d 100644
--- a/slt/css/layout/_blog.scss
+++ b/slt/css/layout/_blog.scss
@@ -1,4 +1,4 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 .columns-2,
 .columns-3,
diff --git a/slt/css/layout/_footer.scss b/slt/css/layout/_footer.scss
index e9c842b..7b9648c 100644
--- a/slt/css/layout/_footer.scss
+++ b/slt/css/layout/_footer.scss
@@ -1,4 +1,4 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 #impressum {
     flex: 0 0 auto;
diff --git a/slt/css/layout/_index.scss b/slt/css/layout/_index.scss
index 9c5045b..0480bf5 100644
--- a/slt/css/layout/_index.scss
+++ b/slt/css/layout/_index.scss
@@ -1,11 +1,11 @@
-@use "page-layout";
-@use "topmenu";
-@use "leftmenu";
-@use "footer";
-@use "mobile-menu";
-@use "menu";
-@use "pageheader";
-@use "side-images";
-@use "main-content";
-@use "blog";
-@use "mobile-table";
+@use 'page-layout';
+@use 'topmenu';
+@use 'leftmenu';
+@use 'footer';
+@use 'mobile-menu';
+@use 'menu';
+@use 'pageheader';
+@use 'side-images';
+@use 'main-content';
+@use 'blog';
+@use 'mobile-table';
diff --git a/slt/css/layout/_leftmenu.scss b/slt/css/layout/_leftmenu.scss
index 5a7a030..9baec95 100644
--- a/slt/css/layout/_leftmenu.scss
+++ b/slt/css/layout/_leftmenu.scss
@@ -1,4 +1,4 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 #left-menu {
     display: none;
diff --git a/slt/css/layout/_main-content.scss b/slt/css/layout/_main-content.scss
index 475f3c2..0e53975 100644
--- a/slt/css/layout/_main-content.scss
+++ b/slt/css/layout/_main-content.scss
@@ -1,4 +1,4 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 #content {
     flex: 1 0 auto;
diff --git a/slt/css/layout/_menu.scss b/slt/css/layout/_menu.scss
index e1cc272..a2170fb 100644
--- a/slt/css/layout/_menu.scss
+++ b/slt/css/layout/_menu.scss
@@ -1,4 +1,4 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 .nav {
     font-size: inherit;
diff --git a/slt/css/layout/_mobile-menu.scss b/slt/css/layout/_mobile-menu.scss
index 304ec54..c0ca48b 100644
--- a/slt/css/layout/_mobile-menu.scss
+++ b/slt/css/layout/_mobile-menu.scss
@@ -1,4 +1,4 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 #mobile-menu,
 #content {
diff --git a/slt/css/layout/_mobile-table.scss b/slt/css/layout/_mobile-table.scss
index be2f4af..0344e46 100644
--- a/slt/css/layout/_mobile-table.scss
+++ b/slt/css/layout/_mobile-table.scss
@@ -1,8 +1,8 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 table:not(.no-responsive-table) {
     width: 100%;
-    
+
     @include abstract.for-narrow-screen {
         display: block;
 
@@ -31,7 +31,7 @@ table:not(.no-responsive-table) {
 
 table:not(.alternating) {
     @include abstract.for-narrow-screen {
-        tr:nth-child(2n+1) {
+        tr:nth-child(2n + 1) {
             background-color: #bbb;
         }
     }
diff --git a/slt/css/layout/_page-layout.scss b/slt/css/layout/_page-layout.scss
index 2d42c25..b4f4e32 100644
--- a/slt/css/layout/_page-layout.scss
+++ b/slt/css/layout/_page-layout.scss
@@ -1,4 +1,4 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 #page-div {
     width: 100%;
diff --git a/slt/css/layout/_pageheader.scss b/slt/css/layout/_pageheader.scss
index d0fb8f5..968991f 100644
--- a/slt/css/layout/_pageheader.scss
+++ b/slt/css/layout/_pageheader.scss
@@ -1,4 +1,4 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 #header {
     flex: 0 0 auto;
diff --git a/slt/css/layout/_side-images.scss b/slt/css/layout/_side-images.scss
index 96c0374..ea0854b 100644
--- a/slt/css/layout/_side-images.scss
+++ b/slt/css/layout/_side-images.scss
@@ -1,4 +1,4 @@
-@use "../abstract" as abstract;
+@use '../abstract' as abstract;
 
 @include abstract.for-desktop {
     #left-side-image,
diff --git a/slt/css/layout/_topmenu.scss b/slt/css/layout/_topmenu.scss
index ef6bcae..db78910 100644
--- a/slt/css/layout/_topmenu.scss
+++ b/slt/css/layout/_topmenu.scss
@@ -1,4 +1,4 @@
-@use "../abstract/" as abstract;
+@use '../abstract/' as abstract;
 
 #topmenu {
     display: none;
@@ -157,7 +157,6 @@
         position: sticky;
         top: 0;
         width: 100%;
-        // height: 40px;
         z-index: 1;
     }
 }
diff --git a/slt/index.php b/slt/index.php
index b346d41..6b8ccfb 100644
--- a/slt/index.php
+++ b/slt/index.php
@@ -1,6 +1,6 @@
 <?php
 // No direct access.
-defined('_JEXEC') or die;
+defined('_JEXEC') or die();
 
 use Joomla\CMS\Uri\Uri;
 
@@ -16,21 +16,29 @@ JHtml::_('bootstrap.loadCss', true, $this->direction);
 JHtml::_('jquery.framework');
 
 // Add Stylesheets
-JHtml::_('stylesheet', 'templates/system/css/system.css', array('version' => 'auto', 'relative' => false));
-JHtml::_('stylesheet', 'style.css', array('version' => 'auto', 'relative' => true));
+JHtml::_('stylesheet', 'templates/system/css/system.css', [
+    'version' => 'auto',
+    'relative' => false,
+]);
+JHtml::_('stylesheet', 'style.css', ['version' => 'auto', 'relative' => true]);
 
-$doc->addStyleSheet($this->baseurl.'/media/system/css/joomla-fontawesome.css');
-$doc->addStyleSheet($this->baseurl.'/templates/slt/css/dynamic-styles.css.php?Itemid=' . $app->input->getInt('Itemid'));
+$doc->addStyleSheet(
+    $this->baseurl . '/media/system/css/joomla-fontawesome.css'
+);
+$doc->addStyleSheet(
+    $this->baseurl .
+        '/templates/slt/css/dynamic-styles.css.php?Itemid=' .
+        $app->input->getInt('Itemid')
+);
 
 // Add Javascript for mobile menu
-JHtml::_('script', 'mobile.js', array('version' => 'auto', 'relative' => true));
+JHtml::_('script', 'mobile.js', ['version' => 'auto', 'relative' => true]);
 
 // Check for a custom CSS file
-JHtml::_('stylesheet', 'user.css', array('version' => 'auto', 'relative' => true));
+JHtml::_('stylesheet', 'user.css', ['version' => 'auto', 'relative' => true]);
 
 // Check for a custom js file
-JHtml::_('script', 'user.js', array('version' => 'auto', 'relative' => true));
-
+JHtml::_('script', 'user.js', ['version' => 'auto', 'relative' => true]);
 ?>
 
 <?php echo '<!DOCTYPE html>'; ?>
@@ -62,7 +70,13 @@ JHtml::_('script', 'user.js', array('version' => 'auto', 'relative' => true));
 			</div> <!-- #slideshow -->
 		</div> <!-- #header -->
 		
-		<div id='mobile-menu-switch'><?php echo JHtml::_('image', 'mobile_menu.svg', 'Menu', array('width' => '40px', 'id' => 'btn-mobile-menu'), true);?></div>
+		<div id='mobile-menu-switch'><?php echo JHtml::_(
+      'image',
+      'mobile_menu.svg',
+      'Menu',
+      ['width' => '40px', 'id' => 'btn-mobile-menu'],
+      true
+  ); ?></div>
 		<div id='mobile-menu'>
 			<jdoc:include type="modules" style="none" name="mobile_menu" />
 		</div>
diff --git a/slt/package-lock.json b/slt/package-lock.json
index 1d9e951..625895e 100644
--- a/slt/package-lock.json
+++ b/slt/package-lock.json
@@ -8,6 +8,9 @@
       "name": "slt",
       "version": "0.0.9",
       "devDependencies": {
+        "@prettier/plugin-php": "^0.18.4",
+        "prettier": "^2.6.2",
+        "prettier-config-standard": "^5.0.0",
         "sass": "^1.44.0",
         "stylelint": "^14.1.0",
         "stylelint-config-standard-scss": "^3.0.0",
@@ -85,6 +88,20 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@prettier/plugin-php": {
+      "version": "0.18.4",
+      "resolved": "https://registry.npmjs.org/@prettier/plugin-php/-/plugin-php-0.18.4.tgz",
+      "integrity": "sha512-phnY20asLUpCSDXjCUN7FKGaZZTf1C+PSpTzGMOJ/UfIyD24sYJXCT8qqbcpp7rWI6ZsCsJiZcVnNmLFThx78Q==",
+      "dev": true,
+      "dependencies": {
+        "linguist-languages": "^7.5.1",
+        "mem": "^8.0.0",
+        "php-parser": "3.1.0-beta.5"
+      },
+      "peerDependencies": {
+        "prettier": "^1.15.0 || ^2.0.0"
+      }
+    },
     "node_modules/@types/minimist": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
@@ -970,6 +987,12 @@
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
       "dev": true
     },
+    "node_modules/linguist-languages": {
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/linguist-languages/-/linguist-languages-7.15.0.tgz",
+      "integrity": "sha512-qkSSNDjDDycZ2Wcw+GziNBB3nNo3ddYUInM/PL8Amgwbd9RQ/BKGj2/1d6mdxKgBFnUqZuaDbkIwkE4KUwwmtQ==",
+      "dev": true
+    },
     "node_modules/locate-path": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
@@ -1006,6 +1029,18 @@
         "node": ">=10"
       }
     },
+    "node_modules/map-age-cleaner": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz",
+      "integrity": "sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==",
+      "dev": true,
+      "dependencies": {
+        "p-defer": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/map-obj": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
@@ -1028,6 +1063,22 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/mem": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/mem/-/mem-8.1.1.tgz",
+      "integrity": "sha512-qFCFUDs7U3b8mBDPyz5EToEKoAkgCzqquIgi9nkkR9bixxOVOre+09lbuH7+9Kn2NFpm56M3GUWVbU2hQgdACA==",
+      "dev": true,
+      "dependencies": {
+        "map-age-cleaner": "^0.1.3",
+        "mimic-fn": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/mem?sponsor=1"
+      }
+    },
     "node_modules/meow": {
       "version": "9.0.0",
       "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
@@ -1076,6 +1127,15 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mimic-fn": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-3.1.0.tgz",
+      "integrity": "sha512-Ysbi9uYW9hFyfrThdDEQuykN4Ey6BuwPD2kpI5ES/nFTDn/98yxYNLZJcgUAKPT/mcrLLKaGzJR9YVxJrIdASQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/min-indent": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
@@ -1168,6 +1228,15 @@
         "wrappy": "1"
       }
     },
+    "node_modules/p-defer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz",
+      "integrity": "sha1-n26xgvbJqozXQwBKfU+WsZaw+ww=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/p-limit": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
@@ -1267,6 +1336,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/php-parser": {
+      "version": "3.1.0-beta.5",
+      "resolved": "https://registry.npmjs.org/php-parser/-/php-parser-3.1.0-beta.5.tgz",
+      "integrity": "sha512-3F3+yThjD7wn0sMuIG5iMQqutmH+RJUAbEyPW5S/greTp5ZArkpEweylQh+do22q9UJlJT1PrLN/AwnzDUti6Q==",
+      "dev": true
+    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -1381,6 +1456,30 @@
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
       "dev": true
     },
+    "node_modules/prettier": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.6.2.tgz",
+      "integrity": "sha512-PkUpF+qoXTqhOeWL9fu7As8LXsIUZ1WYaJiY/a7McAQzxjk82OF0tibkFXVCDImZtWxbvojFjerkiLb0/q8mew==",
+      "dev": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-config-standard": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-config-standard/-/prettier-config-standard-5.0.0.tgz",
+      "integrity": "sha512-QK252QwCxlsak8Zx+rPKZU31UdbRcu9iUk9X1ONYtLSO221OgvV9TlKoTf6iPDZtvF3vE2mkgzFIEgSUcGELSQ==",
+      "dev": true,
+      "peerDependencies": {
+        "prettier": "^2.4.0"
+      }
+    },
     "node_modules/punycode": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
@@ -2193,6 +2292,17 @@
         "fastq": "^1.6.0"
       }
     },
+    "@prettier/plugin-php": {
+      "version": "0.18.4",
+      "resolved": "https://registry.npmjs.org/@prettier/plugin-php/-/plugin-php-0.18.4.tgz",
+      "integrity": "sha512-phnY20asLUpCSDXjCUN7FKGaZZTf1C+PSpTzGMOJ/UfIyD24sYJXCT8qqbcpp7rWI6ZsCsJiZcVnNmLFThx78Q==",
+      "dev": true,
+      "requires": {
+        "linguist-languages": "^7.5.1",
+        "mem": "^8.0.0",
+        "php-parser": "3.1.0-beta.5"
+      }
+    },
     "@types/minimist": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
@@ -2871,6 +2981,12 @@
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
       "dev": true
     },
+    "linguist-languages": {
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/linguist-languages/-/linguist-languages-7.15.0.tgz",
+      "integrity": "sha512-qkSSNDjDDycZ2Wcw+GziNBB3nNo3ddYUInM/PL8Amgwbd9RQ/BKGj2/1d6mdxKgBFnUqZuaDbkIwkE4KUwwmtQ==",
+      "dev": true
+    },
     "locate-path": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
@@ -2901,6 +3017,15 @@
         "yallist": "^4.0.0"
       }
     },
+    "map-age-cleaner": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz",
+      "integrity": "sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==",
+      "dev": true,
+      "requires": {
+        "p-defer": "^1.0.0"
+      }
+    },
     "map-obj": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
@@ -2913,6 +3038,16 @@
       "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
       "dev": true
     },
+    "mem": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/mem/-/mem-8.1.1.tgz",
+      "integrity": "sha512-qFCFUDs7U3b8mBDPyz5EToEKoAkgCzqquIgi9nkkR9bixxOVOre+09lbuH7+9Kn2NFpm56M3GUWVbU2hQgdACA==",
+      "dev": true,
+      "requires": {
+        "map-age-cleaner": "^0.1.3",
+        "mimic-fn": "^3.1.0"
+      }
+    },
     "meow": {
       "version": "9.0.0",
       "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
@@ -2949,6 +3084,12 @@
         "picomatch": "^2.3.1"
       }
     },
+    "mimic-fn": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-3.1.0.tgz",
+      "integrity": "sha512-Ysbi9uYW9hFyfrThdDEQuykN4Ey6BuwPD2kpI5ES/nFTDn/98yxYNLZJcgUAKPT/mcrLLKaGzJR9YVxJrIdASQ==",
+      "dev": true
+    },
     "min-indent": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
@@ -3020,6 +3161,12 @@
         "wrappy": "1"
       }
     },
+    "p-defer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz",
+      "integrity": "sha1-n26xgvbJqozXQwBKfU+WsZaw+ww=",
+      "dev": true
+    },
     "p-limit": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
@@ -3089,6 +3236,12 @@
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
       "dev": true
     },
+    "php-parser": {
+      "version": "3.1.0-beta.5",
+      "resolved": "https://registry.npmjs.org/php-parser/-/php-parser-3.1.0-beta.5.tgz",
+      "integrity": "sha512-3F3+yThjD7wn0sMuIG5iMQqutmH+RJUAbEyPW5S/greTp5ZArkpEweylQh+do22q9UJlJT1PrLN/AwnzDUti6Q==",
+      "dev": true
+    },
     "picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -3161,6 +3314,19 @@
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
       "dev": true
     },
+    "prettier": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.6.2.tgz",
+      "integrity": "sha512-PkUpF+qoXTqhOeWL9fu7As8LXsIUZ1WYaJiY/a7McAQzxjk82OF0tibkFXVCDImZtWxbvojFjerkiLb0/q8mew==",
+      "dev": true
+    },
+    "prettier-config-standard": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-config-standard/-/prettier-config-standard-5.0.0.tgz",
+      "integrity": "sha512-QK252QwCxlsak8Zx+rPKZU31UdbRcu9iUk9X1ONYtLSO221OgvV9TlKoTf6iPDZtvF3vE2mkgzFIEgSUcGELSQ==",
+      "dev": true,
+      "requires": {}
+    },
     "punycode": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
diff --git a/slt/package.json b/slt/package.json
index f7ea0dd..9743746 100644
--- a/slt/package.json
+++ b/slt/package.json
@@ -4,13 +4,18 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "stylelint": "npx stylelint css/*.scss css/**/*.scss --cache",
-    "stylelint-fix": "npx stylelint css/**.scss css/**/*.scss --fix",
+    "stylelint:fix": "npx stylelint css/**.scss css/**/*.scss --fix",
+    "prettier": "npx prettier -c css/**/*.scss **/*.php",
+    "prettier:fix": "npx prettier -w css/**/*.scss **/*.php **.php",
     "sass": "npx sass css/style.scss:css/style.css -s compressed --no-source-map",
     "sass-dev": "npx sass css/style.scss:css/style.css",
     "sass-watch": "npx sass css/style.scss:css/style.css --watch"
   },
   "author": "Christian Wolf",
   "devDependencies": {
+    "@prettier/plugin-php": "^0.18.4",
+    "prettier": "^2.6.2",
+    "prettier-config-standard": "^5.0.0",
     "sass": "^1.44.0",
     "stylelint": "^14.1.0",
     "stylelint-config-standard-scss": "^3.0.0",
diff --git a/slt/prettier.config.js b/slt/prettier.config.js
new file mode 100644
index 0000000..2ef0266
--- /dev/null
+++ b/slt/prettier.config.js
@@ -0,0 +1,7 @@
+let config = require("prettier-config-standard");
+
+config.tabWidth = 4;
+// config.singleQuote = false;
+// console.log(config)
+
+module.exports = config;