$content-padding: 16px;
$title-padding: 20px;

.app-toolbar {
  color: white !important;
  text-transform: uppercase;
  text-align: center;
  z-index: 10;
  position: relative;
}

a.active-link {
  background: hsla(0,0%,100%,.15);
}

.app-title {
  text-align: left;
  font-weight: bold;
}

.has-icon {
  min-width: 150px;
}

.nav-flex-div {
  width: 100%;
}

.main-title {
  text-align: center;
  padding-top: $title-padding;
  padding-bottom: $title-padding;
  background: #3f51b5;
  color: hsla(0,0%,100%,.87);
  padding-left: $content-padding;
  padding-right: $content-padding;
}

.main-content {
  padding-left: $content-padding;
  padding-right: $content-padding;
  padding-bottom: $content-padding;
}
$content-padding: 16px;
$title-padding: 20px;
$menu-margin: 6px;

.app-toolbar {
  color: white !important;
  text-transform: uppercase;
  text-align: center;
  z-index: 10;
  position: relative;
}

a.active-link {
  background: hsla(0,0%,100%,.15);
}

.app-title {
  text-align: left;
  font-weight: bold;
}

.menu-link + .menu-link {
  margin-left: $menu-margin;
}

.has-icon {
  min-width: 150px;
}

.nav-flex-div {
  width: 100%;
}

.main-title {
  text-align: center;
  padding-top: $title-padding;
  padding-bottom: $title-padding;
  background: #3f51b5;
  color: hsla(0,0%,100%,.87);
  padding-left: $content-padding;
  padding-right: $content-padding;
}

.main-content {
  padding-left: $content-padding;
  padding-right: $content-padding;
  padding-bottom: $content-padding;
}
Fix kleiner margin zwischen Navigation-links
Fix kleiner margin zwischen Navigation-links
