//
// Color system
//

$white: #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black: #000 !default;

// color names must follow alias of the parent page in TYPO3 ("strom" => body.parent-strom)

//$primary: $gray-700;
$primary: #495057;
$secondary: #64b357;

$stromColor: #cd071e;
$erdgasColor: #64b357;
$wasserColor: #007ac2;
$abwasserColor: #263482;
$baederColor: #009cab;
$verkehrColor: #f07d00;
$kwmColor: #941a80;

// Options
$enable-rounded: false;
$enable-responsive-font-sizes: true;

// Body
$body-bg: transparent;
$body-color: $primary;

// Links

$link-color: var(--parent-color);
$link-hover-color: var(--parent-color-dark);

// Grid columns

$grid-columns: 12;
$grid-gutter-width: 40px;

// Components
//$component-active-bg: var(--parent-color);
//$component-active-bg-light: var(--parent-color-light);

// Fonts
$font-family-sans-serif: "Myriad W01", sans-serif;
$font-family-monospace: monospace;
$font-family-base: $font-family-sans-serif;

$font-size-base: 1rem;
$font-size-lg: ($font-size-base * 1.125);
$font-size-sm: ($font-size-base * .875);

// Breakpoint at where font-size starts decreasing if screen width is smaller
$rfs-breakpoint: 1680px;

$h1-font-size: $font-size-base * 4;
$h2-font-size: $font-size-base * 2;
$h3-font-size: $font-size-base * 1.5;
$h4-font-size: $font-size-base;
$h5-font-size: $font-size-base;
$h6-font-size: $font-size-base;

$headings-margin-bottom: 1em;
$headings-font-family: inherit;
$headings-font-weight: 600;
$headings-line-height: 1.2;
$headings-color: inherit;

$line-height-lg: 1.6;
$line-height-sm: 1.2;

// Jumbotron
$jumbotron-bg: var(--parent-color);
$jumbotron-fontscale: 1.125em;

// Navbar
$navbar-light-hover-color: var(--parent-color);
$navbar-light-active-color: var(--parent-color-dark);

// Tooltips

$tooltip-max-width: 400px;
$tooltip-color: $white;
$tooltip-bg: rgba($black, .95);

// Buttons + Forms
//
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
//

$input-padding-y: 1.4rem;
$input-padding-x: 1.4rem;
$input-line-height: 2;

//
//// Forms

$label-margin-bottom: 0;

$input-bg: $gray-100;
$input-disabled-bg: white;

$input-color: $body-color;
$input-font-size: 1.1rem;
//$input-border-width: 0;
$input-border-color: transparent;
$input-focus-bg: $gray-200;
$input-focus-border-color: transparent;
$input-focus-color: $input-color;
$input-focus-box-shadow: inherit;

$input-placeholder-color: $gray-500;


