From a8cdc18f0cf54005008dc659280c190993380a77 Mon Sep 17 00:00:00 2001
From: Christian <info@chrosey.de>
Date: Sat, 21 Nov 2020 15:11:35 +0100
Subject: [PATCH] template-updates

---
 Packages/gruener-salon/functions.php          | 226 ++++++------
 .../gruener-salon/sass/includes/_images.scss  |  56 +--
 .../gruener-salon/sass/includes/base.scss     |   2 +-
 .../sass/includes/underscores.scss            | 335 ++++++++----------
 Packages/gruener-salon/sass/style.scss        |  26 +-
 5 files changed, 310 insertions(+), 335 deletions(-)

diff --git a/Packages/gruener-salon/functions.php b/Packages/gruener-salon/functions.php
index 496c1a2..5c18069 100644
--- a/Packages/gruener-salon/functions.php
+++ b/Packages/gruener-salon/functions.php
@@ -7,102 +7,103 @@
  * @package gruener-salon
  */
 
-if ( ! defined( '_S_VERSION' ) ) {
-	// Replace the version number of the theme on each release.
-	define( '_S_VERSION', '1.0.0' );
+if (! defined('_S_VERSION')) {
+    // Replace the version number of the theme on each release.
+    define('_S_VERSION', '1.0.0');
 }
 
-if ( ! function_exists( 'gruener_salon_setup' ) ) :
-	/**
-	 * Sets up theme defaults and registers support for various WordPress features.
-	 *
-	 * Note that this function is hooked into the after_setup_theme hook, which
-	 * runs before the init hook. The init hook is too late for some features, such
-	 * as indicating support for post thumbnails.
-	 */
-	function gruener_salon_setup() {
-		/*
-		 * Make theme available for translation.
-		 * Translations can be filed in the /languages/ directory.
-		 * If you're building a theme based on gruener-salon, use a find and replace
-		 * to change 'gruener-salon' to the name of your theme in all the template files.
-		 */
-		load_theme_textdomain( 'gruener-salon', get_template_directory() . '/languages' );
+if (! function_exists('gruener_salon_setup')) :
+    /**
+     * Sets up theme defaults and registers support for various WordPress features.
+     *
+     * Note that this function is hooked into the after_setup_theme hook, which
+     * runs before the init hook. The init hook is too late for some features, such
+     * as indicating support for post thumbnails.
+     */
+    function gruener_salon_setup()
+    {
+        /*
+         * Make theme available for translation.
+         * Translations can be filed in the /languages/ directory.
+         * If you're building a theme based on gruener-salon, use a find and replace
+         * to change 'gruener-salon' to the name of your theme in all the template files.
+         */
+        load_theme_textdomain('gruener-salon', get_template_directory() . '/languages');
 
-		// Add default posts and comments RSS feed links to head.
-		add_theme_support( 'automatic-feed-links' );
+        // Add default posts and comments RSS feed links to head.
+        add_theme_support('automatic-feed-links');
 
-		/*
-		 * Let WordPress manage the document title.
-		 * By adding theme support, we declare that this theme does not use a
-		 * hard-coded <title> tag in the document head, and expect WordPress to
-		 * provide it for us.
-		 */
-		add_theme_support( 'title-tag' );
+        /*
+         * Let WordPress manage the document title.
+         * By adding theme support, we declare that this theme does not use a
+         * hard-coded <title> tag in the document head, and expect WordPress to
+         * provide it for us.
+         */
+        add_theme_support('title-tag');
 
-		/*
-		 * Enable support for Post Thumbnails on posts and pages.
-		 *
-		 * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
-		 */
-		add_theme_support( 'post-thumbnails' );
+        /*
+         * Enable support for Post Thumbnails on posts and pages.
+         *
+         * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
+         */
+        add_theme_support('post-thumbnails');
 
-		// This theme uses wp_nav_menu() in one location.
-		register_nav_menus(
-			array(
-				'menu-1' => esc_html__( 'Primary', 'gruener-salon' ),
-			)
-		);
+        // This theme uses wp_nav_menu() in one location.
+        register_nav_menus(
+            array(
+                'menu-1' => esc_html__('Primary', 'gruener-salon'),
+            )
+        );
 
-		/*
-		 * Switch default core markup for search form, comment form, and comments
-		 * to output valid HTML5.
-		 */
-		add_theme_support(
-			'html5',
-			array(
-				'search-form',
-				'comment-form',
-				'comment-list',
-				'gallery',
-				'caption',
-				'style',
-				'script',
-			)
-		);
+        /*
+         * Switch default core markup for search form, comment form, and comments
+         * to output valid HTML5.
+         */
+        add_theme_support(
+            'html5',
+            array(
+                'search-form',
+                'comment-form',
+                'comment-list',
+                'gallery',
+                'caption',
+                'style',
+                'script',
+            )
+        );
 
-		// Set up the WordPress core custom background feature.
-		add_theme_support(
-			'custom-background',
-			apply_filters(
-				'gruener_salon_custom_background_args',
-				array(
-					'default-color' => 'ffffff',
-					'default-image' => '',
-				)
-			)
-		);
+        // Set up the WordPress core custom background feature.
+        add_theme_support(
+            'custom-background',
+            apply_filters(
+                'gruener_salon_custom_background_args',
+                array(
+                    'default-color' => 'ffffff',
+                    'default-image' => '',
+                )
+            )
+        );
 
-		// Add theme support for selective refresh for widgets.
-		add_theme_support( 'customize-selective-refresh-widgets' );
+        // Add theme support for selective refresh for widgets.
+        add_theme_support('customize-selective-refresh-widgets');
 
-		/**
-		 * Add support for core custom logo.
-		 *
-		 * @link https://codex.wordpress.org/Theme_Logo
-		 */
-		add_theme_support(
-			'custom-logo',
-			array(
-				'height'      => 250,
-				'width'       => 250,
-				'flex-width'  => true,
-				'flex-height' => true,
-			)
-		);
-	}
+        /**
+         * Add support for core custom logo.
+         *
+         * @link https://codex.wordpress.org/Theme_Logo
+         */
+        add_theme_support(
+            'custom-logo',
+            array(
+                'height'      => 250,
+                'width'       => 250,
+                'flex-width'  => true,
+                'flex-height' => true,
+            )
+        );
+    }
 endif;
-add_action( 'after_setup_theme', 'gruener_salon_setup' );
+add_action('after_setup_theme', 'gruener_salon_setup');
 
 /**
  * Set the content width in pixels, based on the theme's design and stylesheet.
@@ -111,45 +112,48 @@ add_action( 'after_setup_theme', 'gruener_salon_setup' );
  *
  * @global int $content_width
  */
-function gruener_salon_content_width() {
-	$GLOBALS['content_width'] = apply_filters( 'gruener_salon_content_width', 640 );
+function gruener_salon_content_width()
+{
+    $GLOBALS['content_width'] = apply_filters('gruener_salon_content_width', 640);
 }
-add_action( 'after_setup_theme', 'gruener_salon_content_width', 0 );
+add_action('after_setup_theme', 'gruener_salon_content_width', 0);
 
 /**
  * Register widget area.
  *
  * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
  */
-function gruener_salon_widgets_init() {
-	register_sidebar(
-		array(
-			'name'          => esc_html__( 'Sidebar', 'gruener-salon' ),
-			'id'            => 'sidebar-1',
-			'description'   => esc_html__( 'Add widgets here.', 'gruener-salon' ),
-			'before_widget' => '<section id="%1$s" class="widget %2$s">',
-			'after_widget'  => '</section>',
-			'before_title'  => '<h2 class="widget-title">',
-			'after_title'   => '</h2>',
-		)
-	);
+function gruener_salon_widgets_init()
+{
+    register_sidebar(
+        array(
+            'name'          => esc_html__('Sidebar', 'gruener-salon'),
+            'id'            => 'sidebar-1',
+            'description'   => esc_html__('Add widgets here.', 'gruener-salon'),
+            'before_widget' => '<section id="%1$s" class="widget %2$s">',
+            'after_widget'  => '</section>',
+            'before_title'  => '<h2 class="widget-title">',
+            'after_title'   => '</h2>',
+        )
+    );
 }
-add_action( 'widgets_init', 'gruener_salon_widgets_init' );
+add_action('widgets_init', 'gruener_salon_widgets_init');
 
 /**
  * Enqueue scripts and styles.
  */
-function gruener_salon_scripts() {
-	wp_enqueue_style( 'gruener-salon-style', get_stylesheet_uri(), array(), _S_VERSION );
-	wp_style_add_data( 'gruener-salon-style', 'rtl', 'replace' );
+function gruener_salon_scripts()
+{
+    wp_enqueue_style('gruener-salon-style', get_stylesheet_uri(), array(), _S_VERSION);
+    wp_style_add_data('gruener-salon-style', 'rtl', 'replace');
 
-	wp_enqueue_script( 'gruener-salon-navigation', get_template_directory_uri() . '/js/navigation.js', array(), _S_VERSION, true );
+    wp_enqueue_script('gruener-salon-navigation', get_template_directory_uri() . '/js/navigation.js', array(), _S_VERSION, true);
 
-	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
-		wp_enqueue_script( 'comment-reply' );
-	}
+    if (is_singular() && comments_open() && get_option('thread_comments')) {
+        wp_enqueue_script('comment-reply');
+    }
 }
-add_action( 'wp_enqueue_scripts', 'gruener_salon_scripts' );
+add_action('wp_enqueue_scripts', 'gruener_salon_scripts');
 
 /**
  * Implement the Custom Header feature.
@@ -174,7 +178,7 @@ require get_template_directory() . '/inc/customizer.php';
 /**
  * Load Jetpack compatibility file.
  */
-if ( defined( 'JETPACK__VERSION' ) ) {
-	require get_template_directory() . '/inc/jetpack.php';
+if (defined('JETPACK__VERSION')) {
+    require get_template_directory() . '/inc/jetpack.php';
 }
 
diff --git a/Packages/gruener-salon/sass/includes/_images.scss b/Packages/gruener-salon/sass/includes/_images.scss
index f68a26f..43221bf 100644
--- a/Packages/gruener-salon/sass/includes/_images.scss
+++ b/Packages/gruener-salon/sass/includes/_images.scss
@@ -2,12 +2,12 @@
 --------------------------------------------- */
 
 img {
-    height: auto;
-    max-width: 100%;
+    height    : auto;
+    max-width : 100%;
 }
 
 figure {
-    margin: 1em 0;
+    margin : 1em 0;
 }
 
 
@@ -15,49 +15,23 @@ figure {
 --------------------------------------------- */
 
 .gallery {
-    margin-bottom: 1.5em;
-    display: grid;
-    grid-gap: 1.5em;
+    margin-bottom : 1.5em;
+    display       : grid;
+    grid-gap      : 1.5em;
 }
 
 .gallery-item {
-    display: inline-block;
-    text-align: center;
-    width: 100%;
+    display    : inline-block;
+    text-align : center;
+    width      : 100%;
 }
 
-.gallery-columns-2 {
-    grid-template-columns: repeat(2, 1fr);
-}
-
-.gallery-columns-3 {
-    grid-template-columns: repeat(3, 1fr);
-}
-
-.gallery-columns-4 {
-    grid-template-columns: repeat(4, 1fr);
-}
-
-.gallery-columns-5 {
-    grid-template-columns: repeat(5, 1fr);
-}
-
-.gallery-columns-6 {
-    grid-template-columns: repeat(6, 1fr);
-}
-
-.gallery-columns-7 {
-    grid-template-columns: repeat(7, 1fr);
-}
-
-.gallery-columns-8 {
-    grid-template-columns: repeat(8, 1fr);
-}
-
-.gallery-columns-9 {
-    grid-template-columns: repeat(9, 1fr);
+@for $i from 2 through 9 {
+    .gallery-columns-#{$i} {
+        grid-template-columns : repeat(#{$i}, 1fr);
+    }
 }
 
 .gallery-caption {
-    display: block;
-}
\ No newline at end of file
+    display : block;
+}
diff --git a/Packages/gruener-salon/sass/includes/base.scss b/Packages/gruener-salon/sass/includes/base.scss
index 039a5f1..213ce2c 100644
--- a/Packages/gruener-salon/sass/includes/base.scss
+++ b/Packages/gruener-salon/sass/includes/base.scss
@@ -3,4 +3,4 @@
 @import 'navigation';
 @import 'header';
 @import 'accessibility';
-@import 'images';
\ No newline at end of file
+@import 'images';
diff --git a/Packages/gruener-salon/sass/includes/underscores.scss b/Packages/gruener-salon/sass/includes/underscores.scss
index 7b01af3..f403cde 100644
--- a/Packages/gruener-salon/sass/includes/underscores.scss
+++ b/Packages/gruener-salon/sass/includes/underscores.scss
@@ -1,28 +1,3 @@
-/*!
-Theme Name: gruener-salon
-Theme URI: http://underscores.me/
-Author: Underscores.me
-Author URI: http://underscores.me/
-Description: Description
-Version: 1.0.0
-Tested up to: 5.4
-Requires PHP: 5.6
-License: GNU General Public License v2 or later
-License URI: LICENSE
-Text Domain: gruener-salon
-Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
-
-This theme, like WordPress, is licensed under the GPL.
-Use it to make something cool, have fun, and share what you've learned.
-
-gruener-salon is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
-Underscores is distributed under the terms of the GNU GPL v2 or later.
-
-Normalizing styles have been helped along thanks to the fine work of
-Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
-*/
-
-
 /*--------------------------------------------------------------
 >>> TABLE OF CONTENTS:
 ----------------------------------------------------------------
@@ -74,8 +49,8 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
  */
 
 html {
-    line-height: 1.15;
-    -webkit-text-size-adjust: 100%;
+    line-height              : 1.15;
+    -webkit-text-size-adjust : 100%;
 }
 
 
@@ -88,7 +63,7 @@ html {
  */
 
 body {
-    margin: 0;
+    margin : 0;
 }
 
 
@@ -97,7 +72,7 @@ body {
  */
 
 main {
-    display: block;
+    display : block;
 }
 
 
@@ -107,8 +82,8 @@ main {
  */
 
 h1 {
-    font-size: 2em;
-    margin: 0.67em 0;
+    font-size : 2em;
+    margin    : 0.67em 0;
 }
 
 
@@ -122,9 +97,9 @@ h1 {
  */
 
 hr {
-    box-sizing: content-box;
-    height: 0;
-    overflow: visible;
+    box-sizing : content-box;
+    height     : 0;
+    overflow   : visible;
 }
 
 
@@ -134,8 +109,8 @@ hr {
  */
 
 pre {
-    font-family: monospace, monospace;
-    font-size: 1em;
+    font-family : monospace, monospace;
+    font-size   : 1em;
 }
 
 
@@ -148,7 +123,7 @@ pre {
  */
 
 a {
-    background-color: transparent;
+    background-color : transparent;
 }
 
 
@@ -158,9 +133,9 @@ a {
  */
 
 abbr[title] {
-    border-bottom: none;
-    text-decoration: underline;
-    text-decoration: underline dotted;
+    border-bottom   : none;
+    text-decoration : underline;
+    text-decoration : underline dotted;
 }
 
 
@@ -170,7 +145,7 @@ abbr[title] {
 
 b,
 strong {
-    font-weight: bolder;
+    font-weight : bolder;
 }
 
 
@@ -182,8 +157,8 @@ strong {
 code,
 kbd,
 samp {
-    font-family: monospace, monospace;
-    font-size: 1em;
+    font-family : monospace, monospace;
+    font-size   : 1em;
 }
 
 
@@ -192,7 +167,7 @@ samp {
  */
 
 small {
-    font-size: 80%;
+    font-size : 80%;
 }
 
 
@@ -203,18 +178,18 @@ small {
 
 sub,
 sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
+    font-size      : 75%;
+    line-height    : 0;
+    position       : relative;
+    vertical-align : baseline;
 }
 
 sub {
-    bottom: -0.25em;
+    bottom : -0.25em;
 }
 
 sup {
-    top: -0.5em;
+    top : -0.5em;
 }
 
 
@@ -227,7 +202,7 @@ sup {
  */
 
 img {
-    border-style: none;
+    border-style : none;
 }
 
 
@@ -245,10 +220,10 @@ input,
 optgroup,
 select,
 textarea {
-    font-family: inherit;
-    font-size: 100%;
-    line-height: 1.15;
-    margin: 0;
+    font-family : inherit;
+    font-size   : 100%;
+    line-height : 1.15;
+    margin      : 0;
 }
 
 
@@ -259,7 +234,7 @@ textarea {
 
 button,
 input {
-    overflow: visible;
+    overflow : visible;
 }
 
 
@@ -270,7 +245,7 @@ input {
 
 button,
 select {
-    text-transform: none;
+    text-transform : none;
 }
 
 
@@ -282,7 +257,7 @@ button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
-    -webkit-appearance: button;
+    -webkit-appearance : button;
 }
 
 
@@ -294,8 +269,8 @@ button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
-    border-style: none;
-    padding: 0;
+    border-style : none;
+    padding      : 0;
 }
 
 
@@ -307,7 +282,7 @@ button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
-    outline: 1px dotted ButtonText;
+    outline : 1px dotted ButtonText;
 }
 
 
@@ -316,7 +291,7 @@ button:-moz-focusring,
  */
 
 fieldset {
-    padding: 0.35em 0.75em 0.625em;
+    padding : 0.35em 0.75em 0.625em;
 }
 
 
@@ -328,12 +303,12 @@ fieldset {
  */
 
 legend {
-    box-sizing: border-box;
-    color: inherit;
-    display: table;
-    max-width: 100%;
-    padding: 0;
-    white-space: normal;
+    box-sizing  : border-box;
+    color       : inherit;
+    display     : table;
+    max-width   : 100%;
+    padding     : 0;
+    white-space : normal;
 }
 
 
@@ -342,7 +317,7 @@ legend {
  */
 
 progress {
-    vertical-align: baseline;
+    vertical-align : baseline;
 }
 
 
@@ -351,7 +326,7 @@ progress {
  */
 
 textarea {
-    overflow: auto;
+    overflow : auto;
 }
 
 
@@ -362,8 +337,8 @@ textarea {
 
 [type="checkbox"],
 [type="radio"] {
-    box-sizing: border-box;
-    padding: 0;
+    box-sizing : border-box;
+    padding    : 0;
 }
 
 
@@ -373,7 +348,7 @@ textarea {
 
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
-    height: auto;
+    height : auto;
 }
 
 
@@ -383,8 +358,8 @@ textarea {
  */
 
 [type="search"] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
+    -webkit-appearance : textfield;
+    outline-offset     : -2px;
 }
 
 
@@ -393,7 +368,7 @@ textarea {
  */
 
 [type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
+    -webkit-appearance : none;
 }
 
 
@@ -403,8 +378,8 @@ textarea {
  */
 
 ::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
+    -webkit-appearance : button;
+    font               : inherit;
 }
 
 
@@ -417,7 +392,7 @@ textarea {
  */
 
 details {
-    display: block;
+    display : block;
 }
 
 
@@ -426,7 +401,7 @@ details {
  */
 
 summary {
-    display: list-item;
+    display : list-item;
 }
 
 
@@ -439,7 +414,7 @@ summary {
  */
 
 template {
-    display: none;
+    display : none;
 }
 
 
@@ -448,7 +423,7 @@ template {
  */
 
 [hidden] {
-    display: none;
+    display : none;
 }
 
 
@@ -462,11 +437,11 @@ template {
 *,
 *::before,
 *::after {
-    box-sizing: inherit;
+    box-sizing : inherit;
 }
 
 html {
-    box-sizing: border-box;
+    box-sizing : border-box;
 }
 
 
@@ -484,10 +459,10 @@ input,
 select,
 optgroup,
 textarea {
-    color: #404040;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    font-size: 1rem;
-    line-height: 1.5;
+    color       : #404040;
+    font-family : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size   : 1rem;
+    line-height : 1.5;
 }
 
 h1,
@@ -496,59 +471,59 @@ h3,
 h4,
 h5,
 h6 {
-    clear: both;
+    clear : both;
 }
 
 p {
-    margin-bottom: 1.5em;
+    margin-bottom : 1.5em;
 }
 
 dfn,
 cite,
 em,
 i {
-    font-style: italic;
+    font-style : italic;
 }
 
 blockquote {
-    margin: 0 1.5em;
+    margin : 0 1.5em;
 }
 
 address {
-    margin: 0 0 1.5em;
+    margin : 0 0 1.5em;
 }
 
 pre {
-    background: #eee;
-    font-family: "Courier 10 Pitch", courier, monospace;
-    line-height: 1.6;
-    margin-bottom: 1.6em;
-    max-width: 100%;
-    overflow: auto;
-    padding: 1.6em;
+    background    : #eee;
+    font-family   : "Courier 10 Pitch", courier, monospace;
+    line-height   : 1.6;
+    margin-bottom : 1.6em;
+    max-width     : 100%;
+    overflow      : auto;
+    padding       : 1.6em;
 }
 
 code,
 kbd,
 tt,
 var {
-    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
+    font-family : monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 }
 
 abbr,
 acronym {
-    border-bottom: 1px dotted #666;
-    cursor: help;
+    border-bottom : 1px dotted #666;
+    cursor        : help;
 }
 
 mark,
 ins {
-    background: #fff9c0;
-    text-decoration: none;
+    background      : #fff9c0;
+    text-decoration : none;
 }
 
 big {
-    font-size: 125%;
+    font-size : 125%;
 }
 
 
@@ -556,41 +531,41 @@ big {
 --------------------------------------------- */
 
 body {
-    background: #fff;
+    background : #fff;
 }
 
 hr {
-    background-color: #ccc;
-    border: 0;
-    height: 1px;
-    margin-bottom: 1.5em;
+    background-color : #ccc;
+    border           : 0;
+    height           : 1px;
+    margin-bottom    : 1.5em;
 }
 
 ul,
 ol {
-    margin: 0 0 1.5em 3em;
+    margin : 0 0 1.5em 3em;
 }
 
 ul {
-    list-style: disc;
+    list-style : disc;
 }
 
 ol {
-    list-style: decimal;
+    list-style : decimal;
 }
 
 li>ul,
 li>ol {
-    margin-bottom: 0;
-    margin-left: 1.5em;
+    margin-bottom : 0;
+    margin-left   : 1.5em;
 }
 
 dt {
-    font-weight: 700;
+    font-weight : 700;
 }
 
 dd {
-    margin: 0 1.5em 1.5em;
+    margin : 0 1.5em 1.5em;
 }
 
 
@@ -599,12 +574,12 @@ dd {
 embed,
 iframe,
 object {
-    max-width: 100%;
+    max-width : 100%;
 }
 
 table {
-    margin: 0 0 1.5em;
-    width: 100%;
+    margin : 0 0 1.5em;
+    width  : 100%;
 }
 
 
@@ -612,26 +587,26 @@ table {
 --------------------------------------------- */
 
 a {
-    color: #4169e1;
+    color : #4169e1;
 }
 
 a:visited {
-    color: #800080;
+    color : #800080;
 }
 
 a:hover,
 a:focus,
 a:active {
-    color: #191970;
+    color : #191970;
 }
 
 a:focus {
-    outline: thin dotted;
+    outline : thin dotted;
 }
 
 a:hover,
 a:active {
-    outline: 0;
+    outline : 0;
 }
 
 
@@ -642,20 +617,20 @@ button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
-    border: 1px solid;
-    border-color: #ccc #ccc #bbb;
-    border-radius: 3px;
-    background: #e6e6e6;
-    color: rgba(0, 0, 0, 0.8);
-    line-height: 1;
-    padding: 0.6em 1em 0.4em;
+    border        : 1px solid;
+    border-color  : #ccc #ccc #bbb;
+    border-radius : 3px;
+    background    : #e6e6e6;
+    color         : rgba(0, 0, 0, 0.8);
+    line-height   : 1;
+    padding       : 0.6em 1em 0.4em;
 }
 
 button:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover {
-    border-color: #ccc #bbb #aaa;
+    border-color : #ccc #bbb #aaa;
 }
 
 button:active,
@@ -666,7 +641,7 @@ input[type="reset"]:active,
 input[type="reset"]:focus,
 input[type="submit"]:active,
 input[type="submit"]:focus {
-    border-color: #aaa #bbb #bbb;
+    border-color : #aaa #bbb #bbb;
 }
 
 input[type="text"],
@@ -685,10 +660,10 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-    color: #666;
-    border: 1px solid #ccc;
-    border-radius: 3px;
-    padding: 3px;
+    color         : #666;
+    border        : 1px solid #ccc;
+    border-radius : 3px;
+    padding       : 3px;
 }
 
 input[type="text"]:focus,
@@ -707,15 +682,15 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-    color: #111;
+    color : #111;
 }
 
 select {
-    border: 1px solid #ccc;
+    border : 1px solid #ccc;
 }
 
 textarea {
-    width: 100%;
+    width : 100%;
 }
 
 
@@ -733,27 +708,27 @@ textarea {
 --------------------------------------------- */
 
 .sticky {
-    display: block;
+    display : block;
 }
 
 .post,
 .page {
-    margin: 0 0 1.5em;
+    margin : 0 0 1.5em;
 }
 
 .updated:not(.published) {
-    display: none;
+    display : none;
 }
 
 .page-content,
 .entry-content,
 .entry-summary {
-    margin: 1.5em 0 0;
+    margin : 1.5em 0 0;
 }
 
 .page-links {
-    clear: both;
-    margin: 0 0 1.5em;
+    clear  : both;
+    margin : 0 0 1.5em;
 }
 
 
@@ -761,11 +736,11 @@ textarea {
 --------------------------------------------- */
 
 .comment-content a {
-    word-wrap: break-word;
+    word-wrap : break-word;
 }
 
 .bypostauthor {
-    display: block;
+    display : block;
 }
 
 
@@ -773,11 +748,11 @@ textarea {
 --------------------------------------------- */
 
 .widget {
-    margin: 0 0 1.5em;
+    margin : 0 0 1.5em;
 }
 
 .widget select {
-    max-width: 100%;
+    max-width : 100%;
 }
 
 
@@ -787,17 +762,17 @@ textarea {
 .page-content .wp-smiley,
 .entry-content .wp-smiley,
 .comment-content .wp-smiley {
-    border: none;
-    margin-bottom: 0;
-    margin-top: 0;
-    padding: 0;
+    border        : none;
+    margin-bottom : 0;
+    margin-top    : 0;
+    padding       : 0;
 }
 
 
 /* Make sure logo link wraps around logo image. */
 
 .custom-logo-link {
-    display: inline-block;
+    display : inline-block;
 }
 
 
@@ -805,22 +780,22 @@ textarea {
 --------------------------------------------- */
 
 .wp-caption {
-    margin-bottom: 1.5em;
-    max-width: 100%;
+    margin-bottom : 1.5em;
+    max-width     : 100%;
 }
 
 .wp-caption img[class*="wp-image-"] {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
+    display      : block;
+    margin-left  : auto;
+    margin-right : auto;
 }
 
 .wp-caption .wp-caption-text {
-    margin: 0.8075em 0;
+    margin : 0.8075em 0;
 }
 
 .wp-caption-text {
-    text-align: center;
+    text-align : center;
 }
 
 
@@ -837,14 +812,14 @@ textarea {
 
 .infinite-scroll .posts-navigation,
 .infinite-scroll.neverending .site-footer {
-    display: none;
+    display : none;
 }
 
 
 /* Re-display the Theme Footer when Infinite Scroll has reached its end. */
 
 .infinity-end.neverending .site-footer {
-    display: block;
+    display : block;
 }
 
 
@@ -858,24 +833,24 @@ textarea {
 
 .alignleft {
     /*rtl:ignore*/
-    float: left;
-    /*rtl:ignore*/
-    margin-right: 1.5em;
-    margin-bottom: 1.5em;
+    float         : left;
+    /*rtl         :ignore*/
+    margin-right  : 1.5em;
+    margin-bottom : 1.5em;
 }
 
 .alignright {
     /*rtl:ignore*/
-    float: right;
-    /*rtl:ignore*/
-    margin-left: 1.5em;
-    margin-bottom: 1.5em;
+    float         : right;
+    /*rtl         :ignore*/
+    margin-left   : 1.5em;
+    margin-bottom : 1.5em;
 }
 
 .aligncenter {
-    clear: both;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    margin-bottom: 1.5em;
-}
\ No newline at end of file
+    clear         : both;
+    display       : block;
+    margin-left   : auto;
+    margin-right  : auto;
+    margin-bottom : 1.5em;
+}
diff --git a/Packages/gruener-salon/sass/style.scss b/Packages/gruener-salon/sass/style.scss
index e403825..20fca17 100644
--- a/Packages/gruener-salon/sass/style.scss
+++ b/Packages/gruener-salon/sass/style.scss
@@ -1,4 +1,26 @@
-// own styles
+/*!
+Theme Name: gruener-salon
+Theme URI: http://underscores.me/
+Author: chrosey
+Author URI: https://chrosey.de/
+Description: Description
+Version: 1.0.0
+Tested up to: 5.4
+Requires PHP: 5.6
+License: GNU General Public License v2 or later
+License URI: LICENSE
+Text Domain: gruener-salon
+Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
+
+This theme, like WordPress, is licensed under the GPL.
+Use it to make something cool, have fun, and share what you've learned.
+
+gruener-salon is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
+Underscores is distributed under the terms of the GNU GPL v2 or later.
+
+Normalizing styles have been helped along thanks to the fine work of
+Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
+*/
 @import 'includes/base';
 //@import 'includes/underscores';
 // Required
@@ -10,4 +32,4 @@
 @import "bootstrap/type";
 @import "bootstrap/images";
 @import "bootstrap/code";
-@import "bootstrap/grid";
\ No newline at end of file
+@import "bootstrap/grid";