diff --git a/app/assets/images/logo.png b/app/assets/images/logo.png
new file mode 100644
index 0000000..efa3569
Binary files /dev/null and b/app/assets/images/logo.png differ
diff --git a/app/assets/images/logo_ball.png b/app/assets/images/logo_ball.png
new file mode 100644
index 0000000..1f52f02
Binary files /dev/null and b/app/assets/images/logo_ball.png differ
diff --git a/app/assets/stylesheets/hitobito/customizable/_variables.scss b/app/assets/stylesheets/hitobito/customizable/_variables.scss
new file mode 100644
index 0000000..62a042a
--- /dev/null
+++ b/app/assets/stylesheets/hitobito/customizable/_variables.scss
@@ -0,0 +1,104 @@
+//  Copyright (c) 2023-2023, Jungschar EMK. This file is part of
+//  hitobito_jemk and licensed under the Affero General Public License version 3
+//  or later. See the COPYING file at the top-level directory or at
+//  https://github.com/hitobito/hitobito_jemk.
+
+/* Bootstrap variable definition here */
+
+// GLOBAL VALUES
+// --------------------------------------------------
+
+// design-manual colors
+$jemk_green:            #9bcd65 !default;
+$jemk_darkblue:         #003976 !default;
+$jemk_black:            #000000 !default;
+$emk_darkblue:          #00427b !default;
+$emk_lightblue:         #ccd7e0 !default;
+
+// Grays
+// -------------------------
+$black:                 #474E5D !default;
+$grayDarker:            #797E89 !default;
+$grayDark:              #8b8b8b !default;
+$gray:                  #979CA6 !default;
+$grayLight:             #E8EBF0 !default;
+$grayLighter:           #F8F9FA !default;
+$white:                 #fff !default;
+
+// Colors
+// ----------------------------
+$blue:                  #329897 !default;
+$blueDark:              darken($blue, 10%) !default;
+$green:                 #8DB850 !default;
+$greenDark:             darken($green, 10%) !default;
+
+$orange:                #DC795B;
+$orangeDark:            #C75B3B;
+$purple:                $jemk_darkblue; // #925D97;
+$purpleDark:            darken($jemk_darkblue, 20%); //#6A396F;
+
+$red:                   $orange !default;
+
+$textColor:             $black !default;
+$borderColor:           $grayLight !default;
+
+$pageBackground:        $jemk_darkblue;
+$contentBackground:     $grayLight;
+$footerBackground:      $white;
+$bodyBackground:        $jemk_darkblue;
+
+$focusColor:            $purple;
+$shadowColor:           darken($pageBackground, 10%);
+$linkColor:             $jemk_green !default;
+$linkColorHover:        $jemk_darkblue !default;
+
+$footerColor:           $jemk_black;
+$footerColorHover:      $jemk_green;
+
+$tableColorHover:       $emk_lightblue;
+
+// Typography
+// -------------------------
+
+$sansFontFamily:        'Verdana', sans-serif;
+$headingFontFamily:     'Verdana', sans-serif; //'Quicksand', $sansFontFamily !default;
+$baseFontFamily:        'Verdana', sans-serif; //'Varela Round', $sansFontFamily !default;
+$headingsFontWeight:    bold !default; // could be "normal" instead of browser default, "bold"
+
+// Decoration
+// -------------------------
+$borderRadius:           6px;
+
+// Rhythm
+// -------------------------
+$vSpace:                24px;
+
+
+// FLUID GRID
+// --------------------------------------------------
+
+// Default
+// -------------------------
+$fluidGridColumnWidth:         6.382978723% !default;
+$fluidGridGutterWidth:         2.127659574% !default;
+
+// Portrait tablet to default desktop
+// -------------------------
+$fluidGridColumnWidthTablet:   5.801104972% !default;
+$fluidGridGutterWidthTablet:   2.762430939% !default;
+
+// Large desktop and up
+// -------------------------
+$fluidGridColumnWidthLarge:    5.982905983% !default;
+$fluidGridGutterWidthLarge:    2.564102564% !default;
+
+
+// RESPONSIVE DESIGN
+// --------------------------------------------------
+
+// Media widths
+// -------------------------
+$mediaPhone:              480px !default;
+$mediaTablet:             768px !default;
+$mediaDesktop:            980px !default;
+$mediaLarge:              1200px !default; // and upper
diff --git a/config/settings.yml b/config/settings.yml
index 733e0bf..9248bae 100644
--- a/config/settings.yml
+++ b/config/settings.yml
@@ -7,6 +7,13 @@
 # Settings relevant for the hitobito_jemk wagon
 # Overrides settings from the main application
 application:
+  logo:
+    height: 80
+    width: 230
+    background_color: "#ffffff"
+  footer:
+    logo_image: logo_ball.png
+    logo_url: https://jemk.ch
   languages:
     de: Deutsch