// required
@import "variables";
@import "bootstrap/scss/_functions.scss";
@import "bootstrap/scss/variables";
@import "bootstrap/scss/mixins";

//overwrites
@import "variables-maps";

// Farben für die einzelnen Bereiche



@mixin fallbackcolors($section, $color) {
  .parent-#{$section} {
    .section-nav, .section-metanav, .section-pagetitle, .section-subnav {
      background-color: $color;
    }
  }
}

 .section-nav,  .section-metanav,  .section-pagetitle,  .section-subnav {
  background-color: #495057; }

@include fallbackcolors('home',$primary)
@include fallbackcolors('strom',$stromColor)
@include fallbackcolors('wasser',$wasserColor)
@include fallbackcolors('baeder',$baederColor)
@include fallbackcolors('verkehr',$verkehrColor)
@include fallbackcolors('kwm',$kwmColor)




