//
// Color system
//

$primary: #b61c3e; // hellrot
$primary-dark: #862436; // dunkelrot
$secondary: #FFA300; // gelb

$colors: ();
$colors: (
        "primary": $primary,
        "primary-dark": $primary-dark,
        "secondary": $secondary,
        "light" : $light,
        "dark" : $dark,
);

$theme-colors: ();
$theme-colors: map-merge((
        "primary": $primary,
        "secondary": $secondary,
        "success": $success,
        "info": $info,
        "warning": $warning,
        "danger": $danger
), $colors);

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

// Spacing

//$spacer: 1rem !default;
$spacer: 10vh;
$spacers: ();
$spacers: (
        extra-small: ($spacer * .25),
        small: ($spacer * .5),
        medium: $spacer,
        large: ($spacer * 1.5),
        extra-large: ($spacer * 2),
        none: 0
);

// Grid Breakpoints
$grid-breakpoints: ();
$grid-breakpoints: map-merge($grid-breakpoints, (
        xs: 0,
        sm: 576px,
        md: 720px,
        lg: 1024px,
        xl: 1441px,
        xxl: 1921px
));


$nav-breakpoint: map-get($grid-breakpoints, "md");
$nav-breakpoint-max: $nav-breakpoint - 1;

// Grid Containers
$container-max-widths: ();
$container-max-widths: map_merge($container-max-widths, (
        //xs: inherit,
        //sm: 100%,
        //md: 100%,
        lg: 992px,
        xl: 1280px,
        xxl: 1520px
));

// Body
//
// Settings for the `<body>` element.

$body-bg: $light;
$body-color: #373a36;

// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
$yiq-contrasted-threshold: 172;

// Navbar

$navbar-padding-y: 0;
$navbar-padding-x: 0;

$navbar-light-color: $body-color;
$navbar-light-hover-color: $primary;
$navbar-light-active-color: $primary-dark;
$navbar-light-disabled-color: lighten($body-color, 50%);
$navbar-light-toggler-border-color: $navbar-light-color;

$navbar-dark-color:                 rgba($white, .9);
$navbar-dark-hover-color:           rgba($white, 1);


$nav-link-padding-x: $font-size-base * 2;
$nav-link-padding-y: $font-size-base * 1;

$nav-animation-easing: cubic-bezier(0.61, 0.01, 0.42, 1);
$nav-animation-duration: 300ms;

$nav-main-height: ();
$nav-main-height: map-merge((
        "md": $nav-link-padding-y * 3 + $font-size-base * $line-height-base,
        "lg": $nav-link-padding-y * 5.16  + $font-size-base * $line-height-base,
        "xl": $nav-link-padding-y * 6  + $font-size-base * $line-height-base,
        "xxl": $nav-link-padding-y * 7.5 + $font-size-base * $line-height-base * 1.1
), $nav-main-height);

// Links
//
// Style anchor elements.

$link-color: $primary;
$link-decoration: none;
$link-hover-color: $primary-dark;
$link-hover-decoration: none;
// Darken percentage for links with `.text-*` class (e.g. `.text-success`)
$emphasized-link-hover-darken-percentage: 15%;

// Components
//
// Define common padding and border radius sizes and more.

$border-width: 2px;

$border-radius: 2rem;
$border-radius-lg: 3rem;
$border-radius-sm: .5rem;

$box-shadow-sm: 0 .125rem .25rem rgba($black, .075);
$box-shadow: 0 .5rem 2rem rgba($black, .12);
$box-shadow-lg: 0 1rem 3rem rgba($black, .175);

// Fonts
$font-family-sans-serif: "PT Sans W01", sans-serif;
$font-family-serif: "PT Serif W01", serif;
$font-family-monospace: monospace;
$font-family-base: $font-family-sans-serif;

$h1-font-size: $font-size-base * 2.5;
$h2-font-size: $font-size-base * 1.5;
$h3-font-size: $font-size-base * 1.25;
$h4-font-size: $font-size-base;
$h5-font-size: $font-size-base;
$h6-font-size: $font-size-base * .875;

$rfs-base-value: 16px;
$rfs-factor: 5;
$rfs-breakpoint: map-get($grid-breakpoints, "xxl")/1px;

$headings-margin-bottom: 1em;
$headings-font-family: "PT Serif W01";
$headings-font-weight: 800;
$headings-line-height: 1.2;
$headings-color: $primary;

// Jumbotron
$jumbotron-fontscale: 1vw;
$jumbotron-font-family: 'Sugar Plums', Serif;

// Tooltips

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

// Breadcrumbs

$breadcrumb-divider: '›';
$breadcrumb-bg: inherit;
$breadcrumb-margin-bottom: 0;
$breadcrumb-padding-x: 0;
$breadcrumb-padding-y: $nav-link-padding-y;
$breadcrumb-active-color: $secondary;

// Tables
$table-color: inherit;

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

$input-btn-border-width: $border-width;
$btn-border-width: $input-btn-border-width;

$btn-border-radius: $border-radius;
$btn-border-radius-lg: $border-radius-lg;
$btn-border-radius-sm: $border-radius-sm;

// Cards

$card-spacer-y: 2em;
$card-spacer-x: 15%;
$card-border-width: 0;
$card-border-radius: 1em;
$card-border-color: transparent;
$card-inner-border-radius: $card-border-radius;
$card-cap-bg: $card-bg;
$card-cap-color: $primary;
$card-color: $body-color;
$card-bg: $white;
//
//$card-img-overlay-padding:          1.25rem !default;
//
$card-group-margin: $grid-gutter-width;
$card-deck-margin: $card-group-margin;
//
//$card-columns-count:                3 !default;
//$card-columns-gap:                  1.25rem !default;
//$card-columns-margin:               $card-spacer-y !default;

//
//// Image thumbnails
//
$thumbnail-padding: 0;
$thumbnail-bg: transparent;
$thumbnail-border-width: 0;
$thumbnail-border-color: transparent;
$thumbnail-border-radius: $border-radius-sm/2;

// Figures

$figure-caption-font-size: small;
$figure-caption-color: $gray-600;
