// ----------------------------------------------------- //
// VARIABLES
//

// NEW VARIABLES


//@grid-gutter-width: 40px;
@grid-gutter-width-half: 20px;
@grid-gutter-width-half-xs: 15px; // kein @grid-gutter-width-xs
@grid-gutter-width-xl: 80px;
@grid-gutter-width-half-xl: (@grid-gutter-width-xl / 2);

// Added Extra Large screen
@screen-xl: 1600px;
@screen-xl-min: @screen-xl;
@screen-lg-max: (@screen-xl-min - 1);
//@container-xl: @screen-xl;
@container-xl: ((1520px + @grid-gutter-width-xl));

@color-background: #F3F6FA; //#E4EFFA;

// Hamburger Menu
// Hamburger toggle button
//
@hamburger-width: 26px;
@hamburger-line-height: 2px;
@hamburger-line-color: @hwk-blue-dark;

// Main menu mobile
//
@header-height-xs: 66px;         // light blue with logo
@header-navbar-height-xs: @hamburger-width;  // dark blue bar

@header-slider-default-deco-width: 45px;
@header-slider-default-deco-height: 94px;
@header-slider-ontop-padding-width: 25px; //50px;

@header-slider-height-xl: 580px;
@header-slider-height-lg: 520px;
@header-slider-height-md: 400px;
@header-slider-height-sm: 480px;
@header-slider-image-height-xs: 230px;

@mega-menu-column-width: 250px;

// -- LISTGROUP -- //
@listgroup-padding-x: (@grid-gutter-width-half - 2);
@listgroup-padding-x-xl: (@grid-gutter-width-half-xl - 4);
@listgroup-padding-x-xs: 5px;
@listgroup-padding-y: 12px;
@listgroup-border-color: @hwk-blue-light-50; // b0cff1
@listgroup-hover-color: #F3F6FA;
@listgroup-image-height: 150px;

// -- HWK HEADER CONTENT -- //
@hwk-header-content-text-prop: 3; //3;
@hwk-header-content-image-prop: 4; //4;
@hwk-header-content-text-prop-md: 1;
@hwk-header-content-image-prop-md: 1;
@hwk-header-content-text-prop-sm: 4;
@hwk-header-content-image-prop-sm: 3;
@hwk-header-content-height: 420px;
@hwk-header-content-height-xl: 520px;

@hwk-teaser-image-height-xl: 340px;
@hwk-teaser-image-height: 260px;
@hwk-teaser-image-info-height-xl: 280px; // presse teaser => smaller image height
@hwk-teaser-image-info-height: 230px; // presse teaser => smaller image height

// inside cmb-variable:
// @grid-gutter-width-half-xs: 15px;
// @font-size-base-p: 20px;

// FONTS
@font-size-xs: 14px;
@font-size-xxs: 12px;

// FORM
@input-label-color: @hwk-blue-light-75;
@input-label-size: @font-size-small;

//** `.form-group` margin
@form-group-margin-bottom: 15px;
//
// ----------------------------------------------------- //