/*
 * This file contains common styles used across all pages.
 * It is included in all pages to ensure consistent styling.

 * A lot of classes are removed because no use was found initialy. 
 * If needed at some moment they are still existing in the OLD folder.

 ! + Right now it also includes the styles also used in index.php page
 TODO: Check what styles are still needed/used/will be used - and seperate or clear them from here
 */

/****** Fonts *********/

/* @font-face {
  font-family: "SoletoTK_W_lt";
  src: 
  url("fonts/SoletoTK_W_It.ttf"),
       url("fonts/SoletoTK_W_lt.woff2"),
       url("fonts/SoletoTKHeadline_W_Lt.woff");
  font-weight: bold;
  font-style: italic, oblique;
} */


@font-face {
  font-family: "SoletoTK_W_Lt";
  src: url("fonts/SoletoTK_W_Lt.ttf");
  font-weight: 500;
}

@font-face {
  font-family: "SoletoTKHeadline_W_Lt";
  src: url("fonts/SoletoTKHeadline_W_Lt.ttf"),
    url("fonts/SoletoTKHeadline_W_Lt.woff2"),
    url("fonts/SoletoTKHeadline_W_Lt.woff");
  font-weight: bolder;
  font-style: italic, oblique;
}

@font-face {
  font-family: "SoletoTK_W_Md";
  src: url("fonts/SoletoTK_W_Md.ttf"), url("fonts/SoletoTK_W_Md.woff2"),
    url("fonts/SoletoTK_W_Md.woff");
  font-weight: bolder;
  font-style: italic, oblique;
}

/****** blueprint-add *********/

@font-face {
  font-family: "SoletoTKHeadline_W_Md";
  src: url("fonts/SoletoTKHeadline_W_Md.ttf"),
    url("fonts/SoletoTKHeadline_W_Md.woff2"),
    url("fonts/SoletoTKHeadline_W_Md.woff");
  font-weight: bolder;
  font-style: italic, oblique;
}

/****** General Styles GIB *********/

/* Our main colors from design */
:root {
  --black: #363636;
  --light-blue: #009ee3;
  --blue: #006f8a;
  --dark-blue: #006BDD;
  --hover-dark-blue: #0055b6;
  /* --gray: #f5f3ef; OLD  */
  --gray: #0000000a;
  --red: #d01e43;
  --main-font-color: #363636;

  --outlines-gray: #3636368f;
  --light-gray: #F5F6F6;
  /* --dark-gray: #454542; */
  --dark-gray: #363636;
  --lighter-gray: #D3D3D3;
  --hover-blue-tabs: #00689F1A;
  --akzentfarben-gelb: #E8E000;


  /** BANNER CSS VARIABLES **/
    /* --banner-textbox-container-bgcolor: rgba(245, 245, 245, 0.95); */
    --banner-textbox-container-bgcolor: var(--light-gray);

    --banner-textbox-container-placeHolderTopMargin-height: 48px;

    --banner-textbox-icons-gap: 16px 48px;
    --banner-textbox-icons-padding: 0 0 0 0;
    --banner-textbox-icons-margin: 0 0 0 0;

    --banner-imagecontainer-margin: 0 0 0 0;
    --banner-imagecontainer-padding: 0 0 0 0;

    --banner-mobile-content-image-gap: 0;
    --banner-mobile-content-image-margin: 0 0 0 0;
    --banner-mobile-content-image-padding: 0 0 0 0;

    --banner-mobile-textbox-icons-gap: 12px 32px;
    --banner-mobile-textbox-icons-padding: 0 0 0 0;
    --banner-mobile-textbox-icons-margin: 0 0 0 0;

    --banner-mobile-textbox-icons-list-gap: 8px;
    --banner-mobile-textbox-icons-list-margin: 0 0 0 0;
    --banner-mobile-textbox-icons-list-padding: 0 0 0 0;

  /** ICONLIST CSS VARIABLES **/
    --iconList-gap: 12px 0; /* 1. parameter row, 2. col */
    --iconList-margin: 0 0 0 0;
    --iconList-padding: 0 0 0 0;

    --iconList-icon-gap: 0;
    --iconList-icon-margin: 0 0 0 0;
    --iconList-icon-padding: 0 0 0 0;
    --iconList-icon-width: 24px;
    --iconList-icon-height: 24px;
    
    --iconList-iconLabel-padding: 0 48px 0 12px;
    --iconList-iconLabel-font-family: "SoletoTK_W_Lt";
    --iconList-iconLabel-font-size: 14px;
    --iconList-iconLabel-font-style: normal;
    --iconList-iconLabel-font-weight: 300;
    --iconList-iconLabel-line-height: 18px;
    --iconList-iconLabel-text-decoration-line: underline;
    --iconList-iconLabel-text-decoration-style: solid;
    --iconList-iconLabel-text-decoration-skip-ink: auto;
    --iconList-iconLabel-text-decoration-thickness: auto;
    --iconList-iconLabel-text-underline-offset: auto;
    --iconList-iconLabel-text-underline-position: from-font;


}

/**
OVERWRITE CSS VARIABLES FOR BANNER02
*/
#banner02{
    --banner-textbox-container-padding: 0 12px 0 12px;
    --banner-textbox-container-gap: 0;

    --banner-imagecontainer-margin: 0 0 0 0;
    --banner-imagecontainer-padding: 0 0 0 0;

    --banner-textbox-padding: 32px 32px 32px 32px;
    --banner-textbox-gap: 24px;
    --banner-textbox-bgcolor: rgba(245, 245, 245, 0.95);

    --banner-mobile-textbox-gap: 16px;
    --banner-mobile-textbox-margin: 0 0 0 0;
    --banner-mobile-textbox-padding: 24px 12px 24px 12px;
    --banner-mobile-textbox-bgcolor: rgba(245, 245, 245, 0.95);    

    --banner-textbox-buttonContainer-gap: 0;
    --banner-textbox-buttonContainer-margin: 0 0 0 0;
    --banner-textbox-buttonContainer-padding: 0 0 0 0;

}


html,
body {
  /* font-family: SoletoTK_W_lt, sans-serif; */
  /* overwriting the bootstrap main font family and color */
  --bs-body-font-family: SoletoTK_W_lt, sans-serif;
  --bs-body-color: var(--black);
  height: 100%;
  margin: 0;
}

/* h1.gib,
h2.gib,
h3.gib,
h4.gib {
  color: var(--main-font-color);
  font-family: "SoletoTKHeadline_W_Lt";
} */

h1.gib {
  color: var(--main-font-color);
  font-family: "SoletoTKHeadline_W_Lt";
}

h2.gib {
  color: var(--main-font-color);
  font-family: "SoletoTKHeadline_W_Lt";
}

h3.gib {
  color: var(--main-font-color);
  font-family: "SoletoTKHeadline_W_Lt";
}

h4.gib {
  color: var(--main-font-color);
  font-family: "SoletoTKHeadline_W_Lt";
}

h5.gib {
  color: var(--main-font-color);
  font-family: "SoletoTKHeadline_W_Lt";
  font-size: 20px;
}

h6.gib {
  color: var(--main-font-color);
  font-family: "SoletoTKHeadline_W_Md";
  font-size: 17px;
}

/* h5.gib {
  color: var(--main-font-color);
  font-family: "SoletoTKHeadline_W_Md";
  font-size: 17px;
  line-height: 24px;
} */

h3.medium {
  font-family: "SoletoTKHeadline_W_Md";
}

p.gib {
  color: var(--main-font-color);
  font-size: 17px;
  line-height: 24px;
  font-family: "SoletoTK_W_Lt";
  margin: 0;
}

p.gibMedium {
  color: var(--main-font-color);
  font-size: 17px;
  line-height: 24px;
  font-family: "SoletoTK_W_Md";
  margin: 0;
}


span.gib {
  color: var(--main-font-color);
  font-size: 14px;
  /* line-height: 20px; */
  line-height: 18px;
  font-family: "SoletoTK_W_Lt";
}

span.gibMedium {
  color: var(--main-font-color);
  font-size: 14px;
  /* line-height: 20px; */
  line-height: 18px;
  font-family: "SoletoTK_W_Md";
}

@media only screen and (min-width: 1200px) {
  h1.gib {
    font-size: 45px;
    line-height: 59px;
  }

  h2.gib {
    font-size: 35px;
    line-height: 46px;
  }

  h3.gib, h1.h1-as-h3 {
    font-size: 28px;
    line-height: 34px;
  }

  h4.gib {
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 1119.98px) {
  h1.gib {
    font-size: 35px;
    line-height: 46px;
  }

  h2.gib {
    font-size: 28px;
    line-height: 34px;
  }

  h3.gib, h1.h1-as-h3 {
    font-size: 24px;
    line-height: 32px;
  }

  h4.gib {
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767.98px) {
  h1.gib {
    font-size: 28px;
    line-height: 34px;
  }

  h2.gib {
    font-size: 24px;
    line-height: 32px;
  }

  h3.gib,h1.h1-as-h3 {
    font-size: 22px;
    line-height: 28px;
  }

  h4.gib {
    font-size: 20px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 575.98px) {
  span.gib {
    font-size: 12px;
    line-height: 16px;
  }
}


/* **** GIB Rounded Values Padding Styles **** */
/* Top Padding */
.gib-pt-1 {
  padding-top: 10px;
}

.gib-pt-2 {
  padding-top: 20px;
}

.gib-pt-3 {
  padding-top: 30px;
}

.gib-pt-4 {
  padding-top: 40px;
}

.gib-pt-5 {
  padding-top: 50px;
}

/* Right Padding */
.gib-pr-1 {
  padding-right: 10px;
}

.gib-pr-2 {
  padding-right: 20px;
}

.gib-pr-3 {
  padding-right: 30px;
}

.gib-pr-4 {
  padding-right: 40px;
}

.gib-pr-5 {
  padding-right: 50px;
}

/* Bottom Padding */
.gib-pb-1 {
  padding-bottom: 10px;
}

.gib-pb-2 {
  padding-bottom: 20px;
}

.gib-pb-3 {
  padding-bottom: 30px;
}

.gib-pb-4 {
  padding-bottom: 40px;
}

.gib-pb-5 {
  padding-bottom: 50px;
}

/* Left Padding */
.gib-pl-1 {
  padding-left: 10px;
}

.gib-pl-2 {
  padding-left: 20px;
}

.gib-pl-3 {
  padding-left: 30px;
}

.gib-pl-4 {
  padding-left: 40px;
}

.gib-pl-5 {
  padding-left: 50px;
}

/* All Sides Padding */
.gib-p-all-1 {
  padding: 10px;
}

.gib-p-all-2 {
  padding: 20px;
}

.gib-p-all-3 {
  padding: 30px;
}

.gib-p-all-4 {
  padding: 40px;
}

.gib-p-all-5 {
  padding: 50px;
}

/* **** GIB Rounded Values Margin Styles **** */
/* Top Margin */
.gib-mt-1 {
  margin-top: 10px;
}

.gib-mt-2 {
  margin-top: 20px;
}

.gib-mt-3 {
  margin-top: 30px;
}

.gib-mt-4 {
  margin-top: 40px;
}

.gib-mt-5 {
  margin-top: 50px;
}

/* Right Margin */
.gib-mr-1 {
  margin-right: 10px;
}

.gib-mr-2 {
  margin-right: 20px;
}

.gib-mr-3 {
  margin-right: 30px;
}

.gib-mr-4 {
  margin-right: 40px;
}

.gib-mr-5 {
  margin-right: 50px;
}

/* Bottom Margin */
.gib-mb-1 {
  margin-bottom: 10px;
}

.gib-mb-2 {
  margin-bottom: 20px;
}

.gib-mb-3 {
  margin-bottom: 30px;
}

.gib-mb-4 {
  margin-bottom: 40px;
}

.gib-mb-5 {
  margin-bottom: 50px;
}

/* Left Margin */
.gib-ml-1 {
  margin-left: 10px;
}

.gib-ml-2 {
  margin-left: 20px;
}

.gib-ml-3 {
  margin-left: 30px;
}

.gib-ml-4 {
  margin-left: 40px;
}

.gib-ml-5 {
  margin-left: 50px;
}

/* All Sides Margin */
.gib-m-all-1 {
  margin: 10px;
}

.gib-m-all-2 {
  margin: 20px;
}

.gib-m-all-3 {
  margin: 30px;
}

.gib-m-all-4 {
  margin: 40px;
}

.gib-m-all-5 {
  margin: 50px;
}

/* **** GIB Padding Styles **** */
/* XS – Extra Small (xs) – default styles, no media query needed */

/* Top Padding */
.gib-pt-00 {
  padding-top: 0px !important;
}

.gib-pt-01 {
  padding-top: 4px !important;
}

.gib-pt-02 {
  padding-top: 8px !important;
}

.gib-pt-03 {
  padding-top: 12px !important;
}

.gib-pt-04 {
  padding-top: 16px !important;
}

.gib-pt-05 {
  padding-top: 24px !important;
}

.gib-pt-06 {
  padding-top: 32px !important;
}

.gib-pt-07 {
  padding-top: 48px !important;
}

.gib-pt-08 {
  padding-top: 64px !important;
}

.gib-pt-09 {
  padding-top: 80px !important;
}

.gib-pt-10 {
  padding-top: 96px !important;
}

.gib-pt-11 {
  padding-top: 128px !important;
}

.gib-pt-12 {
  padding-top: 160px !important;
}

.gib-pt-13 {
  padding-top: 192px !important;
}

/* Right Padding */
.gib-pr-00 {
  padding-right: 0px !important;
}

.gib-pr-01 {
  padding-right: 4px !important;
}

.gib-pr-02 {
  padding-right: 8px !important;
}

.gib-pr-03 {
  padding-right: 12px !important;
}

.gib-pr-04 {
  padding-right: 16px !important;
}

.gib-pr-05 {
  padding-right: 24px !important;
}

.gib-pr-06 {
  padding-right: 32px !important;
}

.gib-pr-07 {
  padding-right: 48px !important;
}

.gib-pr-08 {
  padding-right: 64px !important;
}

.gib-pr-09 {
  padding-right: 80px !important;
}

.gib-pr-10 {
  padding-right: 96px !important;
}

.gib-pr-11 {
  padding-right: 128px !important;
}

.gib-pr-12 {
  padding-right: 160px !important;
}

.gib-pr-13 {
  padding-right: 192px !important;
}

/* Bottom Padding */
.gib-pb-00 {
  padding-bottom: 0px !important;
}

.gib-pb-01 {
  padding-bottom: 4px !important;
}

.gib-pb-02 {
  padding-bottom: 8px !important;
}

.gib-pb-03 {
  padding-bottom: 12px !important;
}

.gib-pb-04 {
  padding-bottom: 16px !important;
}

.gib-pb-05 {
  padding-bottom: 24px !important;
}

.gib-pb-06 {
  padding-bottom: 32px !important;
}

.gib-pb-07 {
  padding-bottom: 48px !important;
}

.gib-pb-08 {
  padding-bottom: 64px !important;
}

.gib-pb-09 {
  padding-bottom: 80px !important;
}

.gib-pb-10 {
  padding-bottom: 96px !important;
}

.gib-pb-11 {
  padding-bottom: 128px !important;
}

.gib-pb-12 {
  padding-bottom: 160px !important;
}

.gib-pb-13 {
  padding-bottom: 192px !important;
}

/* Left Padding */
.gib-pl-00 {
  padding-left: 0px !important;
}

.gib-pl-01 {
  padding-left: 4px !important;
}

.gib-pl-02 {
  padding-left: 8px !important;
}

.gib-pl-03 {
  padding-left: 12px !important;
}

.gib-pl-04 {
  padding-left: 16px !important;
}

.gib-pl-05 {
  padding-left: 24px !important;
}

.gib-pl-06 {
  padding-left: 32px !important;
}

.gib-pl-07 {
  padding-left: 48px !important;
}

.gib-pl-08 {
  padding-left: 64px !important;
}

.gib-pl-09 {
  padding-left: 80px !important;
}

.gib-pl-10 {
  padding-left: 96px !important;
}

.gib-pl-11 {
  padding-left: 128px !important;
}

.gib-pl-12 {
  padding-left: 160px !important;
}

.gib-pl-13 {
  padding-left: 192px !important;
}

/* All Sides Padding */
.gib-p-all-00 {
  padding: 0px !important;
}

.gib-p-all-01 {
  padding: 4px !important;
}

.gib-p-all-02 {
  padding: 8px !important;
}

.gib-p-all-03 {
  padding: 12px !important;
}

.gib-p-all-04 {
  padding: 16px !important;
}

.gib-p-all-05 {
  padding: 24px !important;
}

.gib-p-all-06 {
  padding: 32px !important;
}

.gib-p-all-07 {
  padding: 48px !important;
}

.gib-p-all-08 {
  padding: 64px !important;
}

.gib-p-all-09 {
  padding: 80px !important;
}

.gib-p-all-10 {
  padding: 96px !important;
}

.gib-p-all-11 {
  padding: 128px !important;
}

.gib-p-all-12 {
  padding: 160px !important;
}

.gib-p-all-13 {
  padding: 192px !important;
}

/* **** GIB Margin Styles **** */
/* Top Margin */
.gib-mt-00 {
  margin-top: 0px !important;
}

.gib-mt-01 {
  margin-top: 4px !important;
}

.gib-mt-02 {
  margin-top: 8px !important;
}

.gib-mt-03 {
  margin-top: 12px !important;
}

.gib-mt-04 {
  margin-top: 16px !important;
}

.gib-mt-05 {
  margin-top: 24px !important;
}

.gib-mt-06 {
  margin-top: 32px !important;
}

.gib-mt-07 {
  margin-top: 48px !important;
}

.gib-mt-08 {
  margin-top: 64px !important;
}

.gib-mt-09 {
  margin-top: 80px !important;
}

.gib-mt-10 {
  margin-top: 96px !important;
}

.gib-mt-11 {
  margin-top: 128px !important;
}

.gib-mt-12 {
  margin-top: 160px !important;
}

.gib-mt-13 {
  margin-top: 192px !important;
}

/* Right Margin */
.gib-mr-00 {
  margin-right: 0px !important;
}

.gib-mr-01 {
  margin-right: 4px !important;
}

.gib-mr-02 {
  margin-right: 8px !important;
}

.gib-mr-03 {
  margin-right: 12px !important;
}

.gib-mr-04 {
  margin-right: 16px !important;
}

.gib-mr-05 {
  margin-right: 24px !important;
}

.gib-mr-06 {
  margin-right: 32px !important;
}

.gib-mr-07 {
  margin-right: 48px !important;
}

.gib-mr-08 {
  margin-right: 64px !important;
}

.gib-mr-09 {
  margin-right: 80px !important;
}

.gib-mr-10 {
  margin-right: 96px !important;
}

.gib-mr-11 {
  margin-right: 128px !important;
}

.gib-mr-12 {
  margin-right: 160px !important;
}

.gib-mr-13 {
  margin-right: 192px !important;
}

/* Bottom Margin */
.gib-mb-00 {
  margin-bottom: 0px !important;
}

.gib-mb-01 {
  margin-bottom: 4px !important;
}

.gib-mb-02 {
  margin-bottom: 8px !important;
}

.gib-mb-03 {
  margin-bottom: 12px !important;
}

.gib-mb-04 {
  margin-bottom: 16px !important;
}

.gib-mb-05 {
  margin-bottom: 24px !important;
}

.gib-mb-06 {
  margin-bottom: 32px !important;
}

.gib-mb-07 {
  margin-bottom: 48px !important;
}

.gib-mb-08 {
  margin-bottom: 64px !important;
}

.gib-mb-09 {
  margin-bottom: 80px !important;
}

.gib-mb-10 {
  margin-bottom: 96px !important;
}

.gib-mb-11 {
  margin-bottom: 128px !important;
}

.gib-mb-12 {
  margin-bottom: 160px !important;
}

.gib-mb-13 {
  margin-bottom: 192px !important;
}

/* Left Margin */
.gib-ml-00 {
  margin-left: 0px !important;
}

.gib-ml-01 {
  margin-left: 4px !important;
}

.gib-ml-02 {
  margin-left: 8px !important;
}

.gib-ml-03 {
  margin-left: 12px !important;
}

.gib-ml-04 {
  margin-left: 16px !important;
}

.gib-ml-05 {
  margin-left: 24px !important;
}

.gib-ml-06 {
  margin-left: 32px !important;
}

.gib-ml-07 {
  margin-left: 48px !important;
}

.gib-ml-08 {
  margin-left: 64px !important;
}

.gib-ml-09 {
  margin-left: 80px !important;
}

.gib-ml-10 {
  margin-left: 96px !important;
}

.gib-ml-11 {
  margin-left: 128px !important;
}

.gib-ml-12 {
  margin-left: 160px !important;
}

.gib-ml-13 {
  margin-left: 192px !important;
}

/* All Sides Margin */
.gib-m-all-00 {
  margin: 0px !important;
}

.gib-m-all-01 {
  margin: 4px !important;
}

.gib-m-all-02 {
  margin: 8px !important;
}

.gib-m-all-03 {
  margin: 12px !important;
}

.gib-m-all-04 {
  margin: 16px !important;
}

.gib-m-all-05 {
  margin: 24px !important;
}

.gib-m-all-06 {
  margin: 32px !important;
}

.gib-m-all-07 {
  margin: 48px !important;
}

.gib-m-all-08 {
  margin: 64px !important;
}

.gib-m-all-09 {
  margin: 80px !important;
}

.gib-m-all-10 {
  margin: 96px !important;
}

.gib-m-all-11 {
  margin: 128px !important;
}

.gib-m-all-12 {
  margin: 160px !important;
}

.gib-m-all-13 {
  margin: 192px !important;
}

/* **** GIB Bootstrap Gutters **** */
.gib-gx-01 {
  --bs-gutter-x: 4px;
}

.gib-gx-02 {
  --bs-gutter-x: 8px;
}

.gib-gx-03 {
  --bs-gutter-x: 12px;
}

.gib-gx-04 {
  --bs-gutter-x: 16px;
}

.gib-gx-05 {
  --bs-gutter-x: 24px;
}

.gib-gx-06 {
  --bs-gutter-x: 32px;
}


/* SM – Small (sm) – min-width: 576px */
@media (min-width: 576px) {
  /* gib-sm- */

  /* Top Padding */
  .gib-sm-pt-00 {
    padding-top: 0px !important;
  }

  .gib-sm-pt-01 {
    padding-top: 4px !important;
  }

  .gib-sm-pt-02 {
    padding-top: 8px !important;
  }

  .gib-sm-pt-03 {
    padding-top: 12px !important;
  }

  .gib-sm-pt-04 {
    padding-top: 16px !important;
  }

  .gib-sm-pt-05 {
    padding-top: 24px !important;
  }

  .gib-sm-pt-06 {
    padding-top: 32px !important;
  }

  .gib-sm-pt-07 {
    padding-top: 48px !important;
  }

  .gib-sm-pt-08 {
    padding-top: 64px !important;
  }

  .gib-sm-pt-09 {
    padding-top: 80px !important;
  }

  .gib-sm-pt-10 {
    padding-top: 96px !important;
  }

  .gib-sm-pt-11 {
    padding-top: 128px !important;
  }

  .gib-sm-pt-12 {
    padding-top: 160px !important;
  }

  .gib-sm-pt-13 {
    padding-top: 192px !important;
  }

  /* Right Padding */
  .gib-sm-pr-00 {
    padding-right: 0px !important;
  }

  .gib-sm-pr-01 {
    padding-right: 4px !important;
  }

  .gib-sm-pr-02 {
    padding-right: 8px !important;
  }

  .gib-sm-pr-03 {
    padding-right: 12px !important;
  }

  .gib-sm-pr-04 {
    padding-right: 16px !important;
  }

  .gib-sm-pr-05 {
    padding-right: 24px !important;
  }

  .gib-sm-pr-06 {
    padding-right: 32px !important;
  }

  .gib-sm-pr-07 {
    padding-right: 48px !important;
  }

  .gib-sm-pr-08 {
    padding-right: 64px !important;
  }

  .gib-sm-pr-09 {
    padding-right: 80px !important;
  }

  .gib-sm-pr-10 {
    padding-right: 96px !important;
  }

  .gib-sm-pr-11 {
    padding-right: 128px !important;
  }

  .gib-sm-pr-12 {
    padding-right: 160px !important;
  }

  .gib-sm-pr-13 {
    padding-right: 192px !important;
  }

  /* Bottom Padding */
  .gib-sm-pb-00 {
    padding-bottom: 0px !important;
  }

  .gib-sm-pb-01 {
    padding-bottom: 4px !important;
  }

  .gib-sm-pb-02 {
    padding-bottom: 8px !important;
  }

  .gib-sm-pb-03 {
    padding-bottom: 12px !important;
  }

  .gib-sm-pb-04 {
    padding-bottom: 16px !important;
  }

  .gib-sm-pb-05 {
    padding-bottom: 24px !important;
  }

  .gib-sm-pb-06 {
    padding-bottom: 32px !important;
  }

  .gib-sm-pb-07 {
    padding-bottom: 48px !important;
  }

  .gib-sm-pb-08 {
    padding-bottom: 64px !important;
  }

  .gib-sm-pb-09 {
    padding-bottom: 80px !important;
  }

  .gib-sm-pb-10 {
    padding-bottom: 96px !important;
  }

  .gib-sm-pb-11 {
    padding-bottom: 128px !important;
  }

  .gib-sm-pb-12 {
    padding-bottom: 160px !important;
  }

  .gib-sm-pb-13 {
    padding-bottom: 192px !important;
  }

  /* Left Padding */
  .gib-sm-pl-00 {
    padding-left: 0px !important;
  }

  .gib-sm-pl-01 {
    padding-left: 4px !important;
  }

  .gib-sm-pl-02 {
    padding-left: 8px !important;
  }

  .gib-sm-pl-03 {
    padding-left: 12px !important;
  }

  .gib-sm-pl-04 {
    padding-left: 16px !important;
  }

  .gib-sm-pl-05 {
    padding-left: 24px !important;
  }

  .gib-sm-pl-06 {
    padding-left: 32px !important;
  }

  .gib-sm-pl-07 {
    padding-left: 48px !important;
  }

  .gib-sm-pl-08 {
    padding-left: 64px !important;
  }

  .gib-sm-pl-09 {
    padding-left: 80px !important;
  }

  .gib-sm-pl-10 {
    padding-left: 96px !important;
  }

  .gib-sm-pl-11 {
    padding-left: 128px !important;
  }

  .gib-sm-pl-12 {
    padding-left: 160px !important;
  }

  .gib-sm-pl-13 {
    padding-left: 192px !important;
  }

  /* All Sides Padding */
  .gib-sm-p-all-00 {
    padding: 0px !important;
  }

  .gib-sm-p-all-01 {
    padding: 4px !important;
  }

  .gib-sm-p-all-02 {
    padding: 8px !important;
  }

  .gib-sm-p-all-03 {
    padding: 12px !important;
  }

  .gib-sm-p-all-04 {
    padding: 16px !important;
  }

  .gib-sm-p-all-05 {
    padding: 24px !important;
  }

  .gib-sm-p-all-06 {
    padding: 32px !important;
  }

  .gib-sm-p-all-07 {
    padding: 48px !important;
  }

  .gib-sm-p-all-08 {
    padding: 64px !important;
  }

  .gib-sm-p-all-09 {
    padding: 80px !important;
  }

  .gib-sm-p-all-10 {
    padding: 96px !important;
  }

  .gib-sm-p-all-11 {
    padding: 128px !important;
  }

  .gib-sm-p-all-12 {
    padding: 160px !important;
  }

  .gib-sm-p-all-13 {
    padding: 192px !important;
  }

  /* **** GIB Margin Styles **** */
  /* Top Margin */
  .gib-sm-mt-00 {
    margin-top: 0px !important;
  }

  .gib-sm-mt-01 {
    margin-top: 4px !important;
  }

  .gib-sm-mt-02 {
    margin-top: 8px !important;
  }

  .gib-sm-mt-03 {
    margin-top: 12px !important;
  }

  .gib-sm-mt-04 {
    margin-top: 16px !important;
  }

  .gib-sm-mt-05 {
    margin-top: 24px !important;
  }

  .gib-sm-mt-06 {
    margin-top: 32px !important;
  }

  .gib-sm-mt-07 {
    margin-top: 48px !important;
  }

  .gib-sm-mt-08 {
    margin-top: 64px !important;
  }

  .gib-sm-mt-09 {
    margin-top: 80px !important;
  }

  .gib-sm-mt-10 {
    margin-top: 96px !important;
  }

  .gib-sm-mt-11 {
    margin-top: 128px !important;
  }

  .gib-sm-mt-12 {
    margin-top: 160px !important;
  }

  .gib-sm-mt-13 {
    margin-top: 192px !important;
  }

  /* Right Margin */
  .gib-sm-mr-00 {
    margin-right: 0px !important;
  }

  .gib-sm-mr-01 {
    margin-right: 4px !important;
  }

  .gib-sm-mr-02 {
    margin-right: 8px !important;
  }

  .gib-sm-mr-03 {
    margin-right: 12px !important;
  }

  .gib-sm-mr-04 {
    margin-right: 16px !important;
  }

  .gib-sm-mr-05 {
    margin-right: 24px !important;
  }

  .gib-sm-mr-06 {
    margin-right: 32px !important;
  }

  .gib-sm-mr-07 {
    margin-right: 48px !important;
  }

  .gib-sm-mr-08 {
    margin-right: 64px !important;
  }

  .gib-sm-mr-09 {
    margin-right: 80px !important;
  }

  .gib-sm-mr-10 {
    margin-right: 96px !important;
  }

  .gib-sm-mr-11 {
    margin-right: 128px !important;
  }

  .gib-sm-mr-12 {
    margin-right: 160px !important;
  }

  .gib-sm-mr-13 {
    margin-right: 192px !important;
  }

  /* Bottom Margin */
  .gib-sm-mb-00 {
    margin-bottom: 0px !important;
  }

  .gib-sm-mb-01 {
    margin-bottom: 4px !important;
  }

  .gib-sm-mb-02 {
    margin-bottom: 8px !important;
  }

  .gib-sm-mb-03 {
    margin-bottom: 12px !important;
  }

  .gib-sm-mb-04 {
    margin-bottom: 16px !important;
  }

  .gib-sm-mb-05 {
    margin-bottom: 24px !important;
  }

  .gib-sm-mb-06 {
    margin-bottom: 32px !important;
  }

  .gib-sm-mb-07 {
    margin-bottom: 48px !important;
  }

  .gib-sm-mb-08 {
    margin-bottom: 64px !important;
  }

  .gib-sm-mb-09 {
    margin-bottom: 80px !important;
  }

  .gib-sm-mb-10 {
    margin-bottom: 96px !important;
  }

  .gib-sm-mb-11 {
    margin-bottom: 128px !important;
  }

  .gib-sm-mb-12 {
    margin-bottom: 160px !important;
  }

  .gib-sm-mb-13 {
    margin-bottom: 192px !important;
  }

  /* Left Margin */
  .gib-sm-ml-00 {
    margin-left: 0px !important;
  }

  .gib-sm-ml-01 {
    margin-left: 4px !important;
  }

  .gib-sm-ml-02 {
    margin-left: 8px !important;
  }

  .gib-sm-ml-03 {
    margin-left: 12px !important;
  }

  .gib-sm-ml-04 {
    margin-left: 16px !important;
  }

  .gib-sm-ml-05 {
    margin-left: 24px !important;
  }

  .gib-sm-ml-06 {
    margin-left: 32px !important;
  }

  .gib-sm-ml-07 {
    margin-left: 48px !important;
  }

  .gib-sm-ml-08 {
    margin-left: 64px !important;
  }

  .gib-sm-ml-09 {
    margin-left: 80px !important;
  }

  .gib-sm-ml-10 {
    margin-left: 96px !important;
  }

  .gib-sm-ml-11 {
    margin-left: 128px !important;
  }

  .gib-sm-ml-12 {
    margin-left: 160px !important;
  }

  .gib-sm-ml-13 {
    margin-left: 192px !important;
  }

  /* All Sides Margin */
  .gib-sm-m-all-00 {
    margin: 0px !important;
  }

  .gib-sm-m-all-01 {
    margin: 4px !important;
  }

  .gib-sm-m-all-02 {
    margin: 8px !important;
  }

  .gib-sm-m-all-03 {
    margin: 12px !important;
  }

  .gib-sm-m-all-04 {
    margin: 16px !important;
  }

  .gib-sm-m-all-05 {
    margin: 24px !important;
  }

  .gib-sm-m-all-06 {
    margin: 32px !important;
  }

  .gib-sm-m-all-07 {
    margin: 48px !important;
  }

  .gib-sm-m-all-08 {
    margin: 64px !important;
  }

  .gib-sm-m-all-09 {
    margin: 80px !important;
  }

  .gib-sm-m-all-10 {
    margin: 96px !important;
  }

  .gib-sm-m-all-11 {
    margin: 128px !important;
  }

  .gib-sm-m-all-12 {
    margin: 160px !important;
  }

  .gib-sm-m-all-13 {
    margin: 192px !important;
  }
}

/* MD – Medium (md) – min-width: 768px */
@media (min-width: 768px) {
  /* gib-md- */

  /* Top Padding */
  .gib-md-pt-00 {
    padding-top: 0px !important;
  }

  .gib-md-pt-01 {
    padding-top: 4px !important;
  }

  .gib-md-pt-02 {
    padding-top: 8px !important;
  }

  .gib-md-pt-03 {
    padding-top: 12px !important;
  }

  .gib-md-pt-04 {
    padding-top: 16px !important;
  }

  .gib-md-pt-05 {
    padding-top: 24px !important;
  }

  .gib-md-pt-06 {
    padding-top: 32px !important;
  }

  .gib-md-pt-07 {
    padding-top: 48px !important;
  }

  .gib-md-pt-08 {
    padding-top: 64px !important;
  }

  .gib-md-pt-09 {
    padding-top: 80px !important;
  }

  .gib-md-pt-10 {
    padding-top: 96px !important;
  }

  .gib-md-pt-11 {
    padding-top: 128px !important;
  }

  .gib-md-pt-12 {
    padding-top: 160px !important;
  }

  .gib-md-pt-13 {
    padding-top: 192px !important;
  }

  /* Right Padding */
  .gib-md-pr-00 {
    padding-right: 0px !important;
  }

  .gib-md-pr-01 {
    padding-right: 4px !important;
  }

  .gib-md-pr-02 {
    padding-right: 8px !important;
  }

  .gib-md-pr-03 {
    padding-right: 12px !important;
  }

  .gib-md-pr-04 {
    padding-right: 16px !important;
  }

  .gib-md-pr-05 {
    padding-right: 24px !important;
  }

  .gib-md-pr-06 {
    padding-right: 32px !important;
  }

  .gib-md-pr-07 {
    padding-right: 48px !important;
  }

  .gib-md-pr-08 {
    padding-right: 64px !important;
  }

  .gib-md-pr-09 {
    padding-right: 80px !important;
  }

  .gib-md-pr-10 {
    padding-right: 96px !important;
  }

  .gib-md-pr-11 {
    padding-right: 128px !important;
  }

  .gib-md-pr-12 {
    padding-right: 160px !important;
  }

  .gib-md-pr-13 {
    padding-right: 192px !important;
  }

  /* Bottom Padding */
  .gib-md-pb-00 {
    padding-bottom: 0px !important;
  }

  .gib-md-pb-01 {
    padding-bottom: 4px !important;
  }

  .gib-md-pb-02 {
    padding-bottom: 8px !important;
  }

  .gib-md-pb-03 {
    padding-bottom: 12px !important;
  }

  .gib-md-pb-04 {
    padding-bottom: 16px !important;
  }

  .gib-md-pb-05 {
    padding-bottom: 24px !important;
  }

  .gib-md-pb-06 {
    padding-bottom: 32px !important;
  }

  .gib-md-pb-07 {
    padding-bottom: 48px !important;
  }

  .gib-md-pb-08 {
    padding-bottom: 64px !important;
  }

  .gib-md-pb-09 {
    padding-bottom: 80px !important;
  }

  .gib-md-pb-10 {
    padding-bottom: 96px !important;
  }

  .gib-md-pb-11 {
    padding-bottom: 128px !important;
  }

  .gib-md-pb-12 {
    padding-bottom: 160px !important;
  }

  .gib-md-pb-13 {
    padding-bottom: 192px !important;
  }

  /* Left Padding */
  .gib-md-pl-00 {
    padding-left: 0px !important;
  }

  .gib-md-pl-01 {
    padding-left: 4px !important;
  }

  .gib-md-pl-02 {
    padding-left: 8px !important;
  }

  .gib-md-pl-03 {
    padding-left: 12px !important;
  }

  .gib-md-pl-04 {
    padding-left: 16px !important;
  }

  .gib-md-pl-05 {
    padding-left: 24px !important;
  }

  .gib-md-pl-06 {
    padding-left: 32px !important;
  }

  .gib-md-pl-07 {
    padding-left: 48px !important;
  }

  .gib-md-pl-08 {
    padding-left: 64px !important;
  }

  .gib-md-pl-09 {
    padding-left: 80px !important;
  }

  .gib-md-pl-10 {
    padding-left: 96px !important;
  }

  .gib-md-pl-11 {
    padding-left: 128px !important;
  }

  .gib-md-pl-12 {
    padding-left: 160px !important;
  }

  .gib-md-pl-13 {
    padding-left: 192px !important;
  }

  /* All Sides Padding */
  .gib-md-p-all-00 {
    padding: 0px !important;
  }

  .gib-md-p-all-01 {
    padding: 4px !important;
  }

  .gib-md-p-all-02 {
    padding: 8px !important;
  }

  .gib-md-p-all-03 {
    padding: 12px !important;
  }

  .gib-md-p-all-04 {
    padding: 16px !important;
  }

  .gib-md-p-all-05 {
    padding: 24px !important;
  }

  .gib-md-p-all-06 {
    padding: 32px !important;
  }

  .gib-md-p-all-07 {
    padding: 48px !important;
  }

  .gib-md-p-all-08 {
    padding: 64px !important;
  }

  .gib-md-p-all-09 {
    padding: 80px !important;
  }

  .gib-md-p-all-10 {
    padding: 96px !important;
  }

  .gib-md-p-all-11 {
    padding: 128px !important;
  }

  .gib-md-p-all-12 {
    padding: 160px !important;
  }

  .gib-md-p-all-13 {
    padding: 192px !important;
  }

  /* **** GIB Margin Styles **** */
  /* Top Margin */
  .gib-md-mt-00 {
    margin-top: 0px !important;
  }

  .gib-md-mt-01 {
    margin-top: 4px !important;
  }

  .gib-md-mt-02 {
    margin-top: 8px !important;
  }

  .gib-md-mt-03 {
    margin-top: 12px !important;
  }

  .gib-md-mt-04 {
    margin-top: 16px !important;
  }

  .gib-md-mt-05 {
    margin-top: 24px !important;
  }

  .gib-md-mt-06 {
    margin-top: 32px !important;
  }

  .gib-md-mt-07 {
    margin-top: 48px !important;
  }

  .gib-md-mt-08 {
    margin-top: 64px !important;
  }

  .gib-md-mt-09 {
    margin-top: 80px !important;
  }

  .gib-md-mt-10 {
    margin-top: 96px !important;
  }

  .gib-md-mt-11 {
    margin-top: 128px !important;
  }

  .gib-md-mt-12 {
    margin-top: 160px !important;
  }

  .gib-md-mt-13 {
    margin-top: 192px !important;
  }

  /* Right Margin */
  .gib-md-mr-00 {
    margin-right: 0px !important;
  }

  .gib-md-mr-01 {
    margin-right: 4px !important;
  }

  .gib-md-mr-02 {
    margin-right: 8px !important;
  }

  .gib-md-mr-03 {
    margin-right: 12px !important;
  }

  .gib-md-mr-04 {
    margin-right: 16px !important;
  }

  .gib-md-mr-05 {
    margin-right: 24px !important;
  }

  .gib-md-mr-06 {
    margin-right: 32px !important;
  }

  .gib-md-mr-07 {
    margin-right: 48px !important;
  }

  .gib-md-mr-08 {
    margin-right: 64px !important;
  }

  .gib-md-mr-09 {
    margin-right: 80px !important;
  }

  .gib-md-mr-10 {
    margin-right: 96px !important;
  }

  .gib-md-mr-11 {
    margin-right: 128px !important;
  }

  .gib-md-mr-12 {
    margin-right: 160px !important;
  }

  .gib-md-mr-13 {
    margin-right: 192px !important;
  }

  /* Bottom Margin */
  .gib-md-mb-00 {
    margin-bottom: 0px !important;
  }

  .gib-md-mb-01 {
    margin-bottom: 4px !important;
  }

  .gib-md-mb-02 {
    margin-bottom: 8px !important;
  }

  .gib-md-mb-03 {
    margin-bottom: 12px !important;
  }

  .gib-md-mb-04 {
    margin-bottom: 16px !important;
  }

  .gib-md-mb-05 {
    margin-bottom: 24px !important;
  }

  .gib-md-mb-06 {
    margin-bottom: 32px !important;
  }

  .gib-md-mb-07 {
    margin-bottom: 48px !important;
  }

  .gib-md-mb-08 {
    margin-bottom: 64px !important;
  }

  .gib-md-mb-09 {
    margin-bottom: 80px !important;
  }

  .gib-md-mb-10 {
    margin-bottom: 96px !important;
  }

  .gib-md-mb-11 {
    margin-bottom: 128px !important;
  }

  .gib-md-mb-12 {
    margin-bottom: 160px !important;
  }

  .gib-md-mb-13 {
    margin-bottom: 192px !important;
  }

  /* Left Margin */
  .gib-md-ml-00 {
    margin-left: 0px !important;
  }

  .gib-md-ml-01 {
    margin-left: 4px !important;
  }

  .gib-md-ml-02 {
    margin-left: 8px !important;
  }

  .gib-md-ml-03 {
    margin-left: 12px !important;
  }

  .gib-md-ml-04 {
    margin-left: 16px !important;
  }

  .gib-md-ml-05 {
    margin-left: 24px !important;
  }

  .gib-md-ml-06 {
    margin-left: 32px !important;
  }

  .gib-md-ml-07 {
    margin-left: 48px !important;
  }

  .gib-md-ml-08 {
    margin-left: 64px !important;
  }

  .gib-md-ml-09 {
    margin-left: 80px !important;
  }

  .gib-md-ml-10 {
    margin-left: 96px !important;
  }

  .gib-md-ml-11 {
    margin-left: 128px !important;
  }

  .gib-md-ml-12 {
    margin-left: 160px !important;
  }

  .gib-md-ml-13 {
    margin-left: 192px !important;
  }

  /* All Sides Margin */
  .gib-md-m-all-00 {
    margin: 0px !important;
  }

  .gib-md-m-all-01 {
    margin: 4px !important;
  }

  .gib-md-m-all-02 {
    margin: 8px !important;
  }

  .gib-md-m-all-03 {
    margin: 12px !important;
  }

  .gib-md-m-all-04 {
    margin: 16px !important;
  }

  .gib-md-m-all-05 {
    margin: 24px !important;
  }

  .gib-md-m-all-06 {
    margin: 32px !important;
  }

  .gib-md-m-all-07 {
    margin: 48px !important;
  }

  .gib-md-m-all-08 {
    margin: 64px !important;
  }

  .gib-md-m-all-09 {
    margin: 80px !important;
  }

  .gib-md-m-all-10 {
    margin: 96px !important;
  }

  .gib-md-m-all-11 {
    margin: 128px !important;
  }

  .gib-md-m-all-12 {
    margin: 160px !important;
  }

  .gib-md-m-all-13 {
    margin: 192px !important;
  }

}

/* LG – Large (lg) – min-width: 992px */
@media (min-width: 992px) {
  /* gib-lg- */

  /* Top Padding */
  .gib-lg-pt-00 {
    padding-top: 0px !important;
  }

  .gib-lg-pt-01 {
    padding-top: 4px !important;
  }

  .gib-lg-pt-02 {
    padding-top: 8px !important;
  }

  .gib-lg-pt-03 {
    padding-top: 12px !important;
  }

  .gib-lg-pt-04 {
    padding-top: 16px !important;
  }

  .gib-lg-pt-05 {
    padding-top: 24px !important;
  }

  .gib-lg-pt-06 {
    padding-top: 32px !important;
  }

  .gib-lg-pt-07 {
    padding-top: 48px !important;
  }

  .gib-lg-pt-08 {
    padding-top: 64px !important;
  }

  .gib-lg-pt-09 {
    padding-top: 80px !important;
  }

  .gib-lg-pt-10 {
    padding-top: 96px !important;
  }

  .gib-lg-pt-11 {
    padding-top: 128px !important;
  }

  .gib-lg-pt-12 {
    padding-top: 160px !important;
  }

  .gib-lg-pt-13 {
    padding-top: 192px !important;
  }

  /* Right Padding */
  .gib-lg-pr-00 {
    padding-right: 0px !important;
  }

  .gib-lg-pr-01 {
    padding-right: 4px !important;
  }

  .gib-lg-pr-02 {
    padding-right: 8px !important;
  }

  .gib-lg-pr-03 {
    padding-right: 12px !important;
  }

  .gib-lg-pr-04 {
    padding-right: 16px !important;
  }

  .gib-lg-pr-05 {
    padding-right: 24px !important;
  }

  .gib-lg-pr-06 {
    padding-right: 32px !important;
  }

  .gib-lg-pr-07 {
    padding-right: 48px !important;
  }

  .gib-lg-pr-08 {
    padding-right: 64px !important;
  }

  .gib-lg-pr-09 {
    padding-right: 80px !important;
  }

  .gib-lg-pr-10 {
    padding-right: 96px !important;
  }

  .gib-lg-pr-11 {
    padding-right: 128px !important;
  }

  .gib-lg-pr-12 {
    padding-right: 160px !important;
  }

  .gib-lg-pr-13 {
    padding-right: 192px !important;
  }

  /* Bottom Padding */
  .gib-lg-pb-00 {
    padding-bottom: 0px !important;
  }

  .gib-lg-pb-01 {
    padding-bottom: 4px !important;
  }

  .gib-lg-pb-02 {
    padding-bottom: 8px !important;
  }

  .gib-lg-pb-03 {
    padding-bottom: 12px !important;
  }

  .gib-lg-pb-04 {
    padding-bottom: 16px !important;
  }

  .gib-lg-pb-05 {
    padding-bottom: 24px !important;
  }

  .gib-lg-pb-06 {
    padding-bottom: 32px !important;
  }

  .gib-lg-pb-07 {
    padding-bottom: 48px !important;
  }

  .gib-lg-pb-08 {
    padding-bottom: 64px !important;
  }

  .gib-lg-pb-09 {
    padding-bottom: 80px !important;
  }

  .gib-lg-pb-10 {
    padding-bottom: 96px !important;
  }

  .gib-lg-pb-11 {
    padding-bottom: 128px !important;
  }

  .gib-lg-pb-12 {
    padding-bottom: 160px !important;
  }

  .gib-lg-pb-13 {
    padding-bottom: 192px !important;
  }

  /* Left Padding */
  .gib-lg-pl-00 {
    padding-left: 0px !important;
  }

  .gib-lg-pl-01 {
    padding-left: 4px !important;
  }

  .gib-lg-pl-02 {
    padding-left: 8px !important;
  }

  .gib-lg-pl-03 {
    padding-left: 12px !important;
  }

  .gib-lg-pl-04 {
    padding-left: 16px !important;
  }

  .gib-lg-pl-05 {
    padding-left: 24px !important;
  }

  .gib-lg-pl-06 {
    padding-left: 32px !important;
  }

  .gib-lg-pl-07 {
    padding-left: 48px !important;
  }

  .gib-lg-pl-08 {
    padding-left: 64px !important;
  }

  .gib-lg-pl-09 {
    padding-left: 80px !important;
  }

  .gib-lg-pl-10 {
    padding-left: 96px !important;
  }

  .gib-lg-pl-11 {
    padding-left: 128px !important;
  }

  .gib-lg-pl-12 {
    padding-left: 160px !important;
  }

  .gib-lg-pl-13 {
    padding-left: 192px !important;
  }

  /* All Sides Padding */
  .gib-lg-p-all-00 {
    padding: 0px !important;
  }

  .gib-lg-p-all-01 {
    padding: 4px !important;
  }

  .gib-lg-p-all-02 {
    padding: 8px !important;
  }

  .gib-lg-p-all-03 {
    padding: 12px !important;
  }

  .gib-lg-p-all-04 {
    padding: 16px !important;
  }

  .gib-lg-p-all-05 {
    padding: 24px !important;
  }

  .gib-lg-p-all-06 {
    padding: 32px !important;
  }

  .gib-lg-p-all-07 {
    padding: 48px !important;
  }

  .gib-lg-p-all-08 {
    padding: 64px !important;
  }

  .gib-lg-p-all-09 {
    padding: 80px !important;
  }

  .gib-lg-p-all-10 {
    padding: 96px !important;
  }

  .gib-lg-p-all-11 {
    padding: 128px !important;
  }

  .gib-lg-p-all-12 {
    padding: 160px !important;
  }

  .gib-lg-p-all-13 {
    padding: 192px !important;
  }

  /* **** GIB Margin Styles **** */
  /* Top Margin */
  .gib-lg-mt-00 {
    margin-top: 0px !important;
  }

  .gib-lg-mt-01 {
    margin-top: 4px !important;
  }

  .gib-lg-mt-02 {
    margin-top: 8px !important;
  }

  .gib-lg-mt-03 {
    margin-top: 12px !important;
  }

  .gib-lg-mt-04 {
    margin-top: 16px !important;
  }

  .gib-lg-mt-05 {
    margin-top: 24px !important;
  }

  .gib-lg-mt-06 {
    margin-top: 32px !important;
  }

  .gib-lg-mt-07 {
    margin-top: 48px !important;
  }

  .gib-lg-mt-08 {
    margin-top: 64px !important;
  }

  .gib-lg-mt-09 {
    margin-top: 80px !important;
  }

  .gib-lg-mt-10 {
    margin-top: 96px !important;
  }

  .gib-lg-mt-11 {
    margin-top: 128px !important;
  }

  .gib-lg-mt-12 {
    margin-top: 160px !important;
  }

  .gib-lg-mt-13 {
    margin-top: 192px !important;
  }

  /* Right Margin */
  .gib-lg-mr-00 {
    margin-right: 0px !important;
  }

  .gib-lg-mr-01 {
    margin-right: 4px !important;
  }

  .gib-lg-mr-02 {
    margin-right: 8px !important;
  }

  .gib-lg-mr-03 {
    margin-right: 12px !important;
  }

  .gib-lg-mr-04 {
    margin-right: 16px !important;
  }

  .gib-lg-mr-05 {
    margin-right: 24px !important;
  }

  .gib-lg-mr-06 {
    margin-right: 32px !important;
  }

  .gib-lg-mr-07 {
    margin-right: 48px !important;
  }

  .gib-lg-mr-08 {
    margin-right: 64px !important;
  }

  .gib-lg-mr-09 {
    margin-right: 80px !important;
  }

  .gib-lg-mr-10 {
    margin-right: 96px !important;
  }

  .gib-lg-mr-11 {
    margin-right: 128px !important;
  }

  .gib-lg-mr-12 {
    margin-right: 160px !important;
  }

  .gib-lg-mr-13 {
    margin-right: 192px !important;
  }

  /* Bottom Margin */
  .gib-lg-mb-00 {
    margin-bottom: 0px !important;
  }

  .gib-lg-mb-01 {
    margin-bottom: 4px !important;
  }

  .gib-lg-mb-02 {
    margin-bottom: 8px !important;
  }

  .gib-lg-mb-03 {
    margin-bottom: 12px !important;
  }

  .gib-lg-mb-04 {
    margin-bottom: 16px !important;
  }

  .gib-lg-mb-05 {
    margin-bottom: 24px !important;
  }

  .gib-lg-mb-06 {
    margin-bottom: 32px !important;
  }

  .gib-lg-mb-07 {
    margin-bottom: 48px !important;
  }

  .gib-lg-mb-08 {
    margin-bottom: 64px !important;
  }

  .gib-lg-mb-09 {
    margin-bottom: 80px !important;
  }

  .gib-lg-mb-10 {
    margin-bottom: 96px !important;
  }

  .gib-lg-mb-11 {
    margin-bottom: 128px !important;
  }

  .gib-lg-mb-12 {
    margin-bottom: 160px !important;
  }

  .gib-lg-mb-13 {
    margin-bottom: 192px !important;
  }

  /* Left Margin */
  .gib-lg-ml-00 {
    margin-left: 0px !important;
  }

  .gib-lg-ml-01 {
    margin-left: 4px !important;
  }

  .gib-lg-ml-02 {
    margin-left: 8px !important;
  }

  .gib-lg-ml-03 {
    margin-left: 12px !important;
  }

  .gib-lg-ml-04 {
    margin-left: 16px !important;
  }

  .gib-lg-ml-05 {
    margin-left: 24px !important;
  }

  .gib-lg-ml-06 {
    margin-left: 32px !important;
  }

  .gib-lg-ml-07 {
    margin-left: 48px !important;
  }

  .gib-lg-ml-08 {
    margin-left: 64px !important;
  }

  .gib-lg-ml-09 {
    margin-left: 80px !important;
  }

  .gib-lg-ml-10 {
    margin-left: 96px !important;
  }

  .gib-lg-ml-11 {
    margin-left: 128px !important;
  }

  .gib-lg-ml-12 {
    margin-left: 160px !important;
  }

  .gib-lg-ml-13 {
    margin-left: 192px !important;
  }

  /* All Sides Margin */
  .gib-lg-m-all-00 {
    margin: 0px !important;
  }

  .gib-lg-m-all-01 {
    margin: 4px !important;
  }

  .gib-lg-m-all-02 {
    margin: 8px !important;
  }

  .gib-lg-m-all-03 {
    margin: 12px !important;
  }

  .gib-lg-m-all-04 {
    margin: 16px !important;
  }

  .gib-lg-m-all-05 {
    margin: 24px !important;
  }

  .gib-lg-m-all-06 {
    margin: 32px !important;
  }

  .gib-lg-m-all-07 {
    margin: 48px !important;
  }

  .gib-lg-m-all-08 {
    margin: 64px !important;
  }

  .gib-lg-m-all-09 {
    margin: 80px !important;
  }

  .gib-lg-m-all-10 {
    margin: 96px !important;
  }

  .gib-lg-m-all-11 {
    margin: 128px !important;
  }

  .gib-lg-m-all-12 {
    margin: 160px !important;
  }

  .gib-lg-m-all-13 {
    margin: 192px !important;
  }

}

/* XXL – Extra Extra Large (xxl) – min-width: 1400px */
@media (min-width: 1400px) {
  /* gib-xxl- */

  /* Top Padding */
  .gib-xxl-pt-00 {
    padding-top: 0px !important;
  }

  .gib-xxl-pt-01 {
    padding-top: 4px !important;
  }

  .gib-xxl-pt-02 {
    padding-top: 8px !important;
  }

  .gib-xxl-pt-03 {
    padding-top: 12px !important;
  }

  .gib-xxl-pt-04 {
    padding-top: 16px !important;
  }

  .gib-xxl-pt-05 {
    padding-top: 24px !important;
  }

  .gib-xxl-pt-06 {
    padding-top: 32px !important;
  }

  .gib-xxl-pt-07 {
    padding-top: 48px !important;
  }

  .gib-xxl-pt-08 {
    padding-top: 64px !important;
  }

  .gib-xxl-pt-09 {
    padding-top: 80px !important;
  }

  .gib-xxl-pt-10 {
    padding-top: 96px !important;
  }

  .gib-xxl-pt-11 {
    padding-top: 128px !important;
  }

  .gib-xxl-pt-12 {
    padding-top: 160px !important;
  }

  .gib-xxl-pt-13 {
    padding-top: 192px !important;
  }

  /* Right Padding */
  .gib-xxl-pr-00 {
    padding-right: 0px !important;
  }

  .gib-xxl-pr-01 {
    padding-right: 4px !important;
  }

  .gib-xxl-pr-02 {
    padding-right: 8px !important;
  }

  .gib-xxl-pr-03 {
    padding-right: 12px !important;
  }

  .gib-xxl-pr-04 {
    padding-right: 16px !important;
  }

  .gib-xxl-pr-05 {
    padding-right: 24px !important;
  }

  .gib-xxl-pr-06 {
    padding-right: 32px !important;
  }

  .gib-xxl-pr-07 {
    padding-right: 48px !important;
  }

  .gib-xxl-pr-08 {
    padding-right: 64px !important;
  }

  .gib-xxl-pr-09 {
    padding-right: 80px !important;
  }

  .gib-xxl-pr-10 {
    padding-right: 96px !important;
  }

  .gib-xxl-pr-11 {
    padding-right: 128px !important;
  }

  .gib-xxl-pr-12 {
    padding-right: 160px !important;
  }

  .gib-xxl-pr-13 {
    padding-right: 192px !important;
  }

  /* Bottom Padding */
  .gib-xxl-pb-00 {
    padding-bottom: 0px !important;
  }

  .gib-xxl-pb-01 {
    padding-bottom: 4px !important;
  }

  .gib-xxl-pb-02 {
    padding-bottom: 8px !important;
  }

  .gib-xxl-pb-03 {
    padding-bottom: 12px !important;
  }

  .gib-xxl-pb-04 {
    padding-bottom: 16px !important;
  }

  .gib-xxl-pb-05 {
    padding-bottom: 24px !important;
  }

  .gib-xxl-pb-06 {
    padding-bottom: 32px !important;
  }

  .gib-xxl-pb-07 {
    padding-bottom: 48px !important;
  }

  .gib-xxl-pb-08 {
    padding-bottom: 64px !important;
  }

  .gib-xxl-pb-09 {
    padding-bottom: 80px !important;
  }

  .gib-xxl-pb-10 {
    padding-bottom: 96px !important;
  }

  .gib-xxl-pb-11 {
    padding-bottom: 128px !important;
  }

  .gib-xxl-pb-12 {
    padding-bottom: 160px !important;
  }

  .gib-xxl-pb-13 {
    padding-bottom: 192px !important;
  }

  /* Left Padding */
  .gib-xxl-pl-00 {
    padding-left: 0px !important;
  }

  .gib-xxl-pl-01 {
    padding-left: 4px !important;
  }

  .gib-xxl-pl-02 {
    padding-left: 8px !important;
  }

  .gib-xxl-pl-03 {
    padding-left: 12px !important;
  }

  .gib-xxl-pl-04 {
    padding-left: 16px !important;
  }

  .gib-xxl-pl-05 {
    padding-left: 24px !important;
  }

  .gib-xxl-pl-06 {
    padding-left: 32px !important;
  }

  .gib-xxl-pl-07 {
    padding-left: 48px !important;
  }

  .gib-xxl-pl-08 {
    padding-left: 64px !important;
  }

  .gib-xxl-pl-09 {
    padding-left: 80px !important;
  }

  .gib-xxl-pl-10 {
    padding-left: 96px !important;
  }

  .gib-xxl-pl-11 {
    padding-left: 128px !important;
  }

  .gib-xxl-pl-12 {
    padding-left: 160px !important;
  }

  .gib-xxl-pl-13 {
    padding-left: 192px !important;
  }

  /* All Sides Padding */
  .gib-xxl-p-all-00 {
    padding: 0px !important;
  }

  .gib-xxl-p-all-01 {
    padding: 4px !important;
  }

  .gib-xxl-p-all-02 {
    padding: 8px !important;
  }

  .gib-xxl-p-all-03 {
    padding: 12px !important;
  }

  .gib-xxl-p-all-04 {
    padding: 16px !important;
  }

  .gib-xxl-p-all-05 {
    padding: 24px !important;
  }

  .gib-xxl-p-all-06 {
    padding: 32px !important;
  }

  .gib-xxl-p-all-07 {
    padding: 48px !important;
  }

  .gib-xxl-p-all-08 {
    padding: 64px !important;
  }

  .gib-xxl-p-all-09 {
    padding: 80px !important;
  }

  .gib-xxl-p-all-10 {
    padding: 96px !important;
  }

  .gib-xxl-p-all-11 {
    padding: 128px !important;
  }

  .gib-xxl-p-all-12 {
    padding: 160px !important;
  }

  .gib-xxl-p-all-13 {
    padding: 192px !important;
  }

  /* **** GIB Margin Styles **** */
  /* Top Margin */
  .gib-xxl-mt-00 {
    margin-top: 0px !important;
  }

  .gib-xxl-mt-01 {
    margin-top: 4px !important;
  }

  .gib-xxl-mt-02 {
    margin-top: 8px !important;
  }

  .gib-xxl-mt-03 {
    margin-top: 12px !important;
  }

  .gib-xxl-mt-04 {
    margin-top: 16px !important;
  }

  .gib-xxl-mt-05 {
    margin-top: 24px !important;
  }

  .gib-xxl-mt-06 {
    margin-top: 32px !important;
  }

  .gib-xxl-mt-07 {
    margin-top: 48px !important;
  }

  .gib-xxl-mt-08 {
    margin-top: 64px !important;
  }

  .gib-xxl-mt-09 {
    margin-top: 80px !important;
  }

  .gib-xxl-mt-10 {
    margin-top: 96px !important;
  }

  .gib-xxl-mt-11 {
    margin-top: 128px !important;
  }

  .gib-xxl-mt-12 {
    margin-top: 160px !important;
  }

  .gib-xxl-mt-13 {
    margin-top: 192px !important;
  }

  /* Right Margin */
  .gib-xxl-mr-00 {
    margin-right: 0px !important;
  }

  .gib-xxl-mr-01 {
    margin-right: 4px !important;
  }

  .gib-xxl-mr-02 {
    margin-right: 8px !important;
  }

  .gib-xxl-mr-03 {
    margin-right: 12px !important;
  }

  .gib-xxl-mr-04 {
    margin-right: 16px !important;
  }

  .gib-xxl-mr-05 {
    margin-right: 24px !important;
  }

  .gib-xxl-mr-06 {
    margin-right: 32px !important;
  }

  .gib-xxl-mr-07 {
    margin-right: 48px !important;
  }

  .gib-xxl-mr-08 {
    margin-right: 64px !important;
  }

  .gib-xxl-mr-09 {
    margin-right: 80px !important;
  }

  .gib-xxl-mr-10 {
    margin-right: 96px !important;
  }

  .gib-xxl-mr-11 {
    margin-right: 128px !important;
  }

  .gib-xxl-mr-12 {
    margin-right: 160px !important;
  }

  .gib-xxl-mr-13 {
    margin-right: 192px !important;
  }

  /* Bottom Margin */
  .gib-xxl-mb-00 {
    margin-bottom: 0px !important;
  }

  .gib-xxl-mb-01 {
    margin-bottom: 4px !important;
  }

  .gib-xxl-mb-02 {
    margin-bottom: 8px !important;
  }

  .gib-xxl-mb-03 {
    margin-bottom: 12px !important;
  }

  .gib-xxl-mb-04 {
    margin-bottom: 16px !important;
  }

  .gib-xxl-mb-05 {
    margin-bottom: 24px !important;
  }

  .gib-xxl-mb-06 {
    margin-bottom: 32px !important;
  }

  .gib-xxl-mb-07 {
    margin-bottom: 48px !important;
  }

  .gib-xxl-mb-08 {
    margin-bottom: 64px !important;
  }

  .gib-xxl-mb-09 {
    margin-bottom: 80px !important;
  }

  .gib-xxl-mb-10 {
    margin-bottom: 96px !important;
  }

  .gib-xxl-mb-11 {
    margin-bottom: 128px !important;
  }

  .gib-xxl-mb-12 {
    margin-bottom: 160px !important;
  }

  .gib-xxl-mb-13 {
    margin-bottom: 192px !important;
  }

  /* Left Margin */
  .gib-xxl-ml-00 {
    margin-left: 0px !important;
  }

  .gib-xxl-ml-01 {
    margin-left: 4px !important;
  }

  .gib-xxl-ml-02 {
    margin-left: 8px !important;
  }

  .gib-xxl-ml-03 {
    margin-left: 12px !important;
  }

  .gib-xxl-ml-04 {
    margin-left: 16px !important;
  }

  .gib-xxl-ml-05 {
    margin-left: 24px !important;
  }

  .gib-xxl-ml-06 {
    margin-left: 32px !important;
  }

  .gib-xxl-ml-07 {
    margin-left: 48px !important;
  }

  .gib-xxl-ml-08 {
    margin-left: 64px !important;
  }

  .gib-xxl-ml-09 {
    margin-left: 80px !important;
  }

  .gib-xxl-ml-10 {
    margin-left: 96px !important;
  }

  .gib-xxl-ml-11 {
    margin-left: 128px !important;
  }

  .gib-xxl-ml-12 {
    margin-left: 160px !important;
  }

  .gib-xxl-ml-13 {
    margin-left: 192px !important;
  }

  /* All Sides Margin */
  .gib-xxl-m-all-00 {
    margin: 0px !important;
  }

  .gib-xxl-m-all-01 {
    margin: 4px !important;
  }

  .gib-xxl-m-all-02 {
    margin: 8px !important;
  }

  .gib-xxl-m-all-03 {
    margin: 12px !important;
  }

  .gib-xxl-m-all-04 {
    margin: 16px !important;
  }

  .gib-xxl-m-all-05 {
    margin: 24px !important;
  }

  .gib-xxl-m-all-06 {
    margin: 32px !important;
  }

  .gib-xxl-m-all-07 {
    margin: 48px !important;
  }

  .gib-xxl-m-all-08 {
    margin: 64px !important;
  }

  .gib-xxl-m-all-09 {
    margin: 80px !important;
  }

  .gib-xxl-m-all-10 {
    margin: 96px !important;
  }

  .gib-xxl-m-all-11 {
    margin: 128px !important;
  }

  .gib-xxl-m-all-12 {
    margin: 160px !important;
  }

  .gib-xxl-m-all-13 {
    margin: 192px !important;
  }
}

/* overwriting bootstrap */
.accordion-button:not(.collapsed) {
  background-color: transparent !important;
}

.accordion-button {
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

/****** Aditional Styles *********/

a:link,
a:visited {
  text-align: left;
  font-family: "SoletoTK_W_lt";
  font-size: 18px;
  margin-top: 2px;
  color: var(--black);
  text-decoration: none;
  cursor: pointer;
}
.hovermode {
    position: relative;
    display: inline-block;
}

.hovermode::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--black);
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 0.3s linear;
}

.gibButton:hover .hovermode::after {
    transform: scaleX(1);
}


.card-horizontal {
  display: flex;
  flex: 1 1 auto;
}

.card-img-wrap {
  overflow: hidden;
  position: relative;
}

.card-img-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.3);
  opacity: 0;
  transition: opacity 0.25s;
}

.card-img-wrap img {
  transition: transform 0.25s;
  width: 100%;
}

.card-img-wrap:hover img {
  transform: scale(1.05);
}

.card-img-wrap:hover:after {
  opacity: 1;
}

.video-wrapper {
  position: relative;
}

.video-wrapper>video {
  width: 100%;
  vertical-align: middle;
}

.video-wrapper>video.has-media-controls-hidden::-webkit-media-controls {
  display: none;
}

.video-overlay-play-button {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 10px calc(50% - 50px);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0.95;
  cursor: pointer;
  background-image: linear-gradient(transparent, #000);
  transition: opacity 150ms;
}

.video-overlay-play-button:hover {
  opacity: 1;
}

.video-overlay-play-button.is-hidden {
  display: none;
}

.hidden {
  display: none;
}

.show {
  display: block;
}

.float-right {
  float: right !important;
}

.box {
  position: relative;
  margin-left: 20px;
}

.box:before {
  position: absolute;
  left: -20px;
  right: 30px;
  top: 3px;

  content: "";
  height: 13px;
  width: 13px;

  border: none;
  background-color: #bee2e9;
}

.modal-backdrop {
  background-color: red;
}

* {
  /* Not sure why pointing at * , but 1 use case is the images in the cards */
  /* TODO: CHECK THIS ! 24.07.2025it overwrites divs as well example - module details icons with bg div */
  border-radius: 0 !important;
}

@media only screen and (max-width: 768px) {
  .randimpressum {
    text-align: center;
  }
}

/* Incoming from style-new-res to be kept in one file */
/* STILL NEED TO BE CHECKED WHAT IS NEEDED AND WHAT NOT */

.l-no-horizontal-scroll {
  overflow-x: hidden;
}

/****** online-modules *********/

.btn {
  border: none;
  outline: none;
  cursor: pointer;
}

.active,
.btn:hover {
  color: white;
}

.panel {
  align-content: center;
  max-width: 1000px;
  margin: auto;
  /* margin-top: 24px !important; */
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

select:invalid {
  color: gray;
}

/* .button_p {
  font-family: "SoletoTK_W_lt";
  display: inline-block;
  color: var(--black);
  cursor: pointer;
} */

.hide {
  visibility: hidden;
  opacity: 0;
}

.hovermode .button_p::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 2px;
  height: 2px;
  background-color: var(--black);
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: bottom left;
}

.hovermode:hover .asdr {
  transform: rotate(90deg);
  transition: transform 0.3s linear;
}

.asdr {
  transform: rotate(0deg);
  transition: transform 0.3s linear;
}

.hovermode:hover .button_p::after {
  transform-origin: bottom left;
  transform: scaleX(1);
}

.hovermode:hover .hide {
  transition: visibility 0s, opacity 0.2s linear;
}

.hovermode:hover .hide {
  visibility: visible;
  opacity: 1;
}

.jumbotron {
  height: 27.3vw;
  background-size: cover;
}

/* .shadow_final{

box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 10%);


} */

/* Not sure if this is being used at all */
.shadow {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%), 0 4px 10px 0 rgb(0 0 0 / 19%);
}

#scrollToTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  background-color: var(--dark-gray);
  border: none;
  outline: none;
  cursor: pointer;
  height: 50px;
  width: 50px;
}

#scrollToTopBtn:hover {
  /* background-color: #333; */
}

#backToTopImg {
  height: 24px;
  width: 24px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(0%) hue-rotate(124deg) brightness(104%) contrast(102%);
}


/* buttons from info_module.php */
.disabledButton {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

.enabledButton {
  opacity: 1;
}

.disabledCard {
  opacity: 0.3;
  pointer-events: none;
}

.card_button_img {
  height: 16px;
  padding-right: 10px;
}

.disabled-link {
  pointer-events: none;
  /* Disable click */
  cursor: default;
  /* Optional: change cursor to default */
}

.form-check {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding-left: 0;
}

.form-check-input {
  width: 24px !important;
  height: 24px !important;
  margin: 0;
  margin-top: 0 !important;

  appearance: none;
  -webkit-appearance: none;

  border: 1px solid var(--dark-gray) !important;
  /* white outer ring */
  border-radius: 50% !important;
  background-color: #fff !important;
  /* white background */
  cursor: pointer;
  position: relative;
}

.form-check-input:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  /* inner dot size */
  height: 10px;

  background-color: var(--dark-gray) !important;
  /* black dot */
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.form-check-label {
  margin-left: 8px;
  line-height: 24px;
  cursor: pointer;
  font-size: 17px !important;
}

.form-check-input:focus,
.form-check-input:active {
  outline: none !important;
  box-shadow: none !important;
}


.gib-gap-00{
    gap: 0px;
}
.gib-gap-01 {
    gap: 4px;
}
.gib-gap-02 {
  gap: 8px;
}

.gib-gap-03 {
  gap: 12px;
}

.gib-gap-04 {
  gap: 16px;
}

.gib-gap-05 {
  gap: 24px;
}

.gib-gap-06 {
  gap: 32px;
}

.gib-gap-07 {
  gap: 48px;
}

.gib-gap-08 {
  gap: 64px;
}

.gib-gap-09 {
  gap: 80px;
}

.gib-gap-10 {
  gap: 96px;
}

.gib-gap-11 {
  gap: 128px;
}

.gib-gap-12 {
  gap: 160px;
}

.gib-gap-13 {
  gap: 192px;
}

@media only screen and (max-width: 575.98px) {
  .gib-gap-01 {
      gap: 2px;
  }
  .gib-gap-02 {
    gap: 4px;
  }

  .gib-gap-03 {
    gap: 8px;
  }

  .gib-gap-04 {
    gap: 12px;
  }

  .gib-gap-05 {
    gap: 16px;
  }

  .gib-gap-06 {
    gap: 24px;
  }

  .gib-gap-07 {
    gap: 32px;
  }

  .gib-gap-08 {
    gap: 48px;
  }

  .gib-gap-09 {
    gap: 64px;
  }

  .gib-gap-10 {
    gap: 80px;
  }

  .gib-gap-11 {
    gap: 96px;
  }

  .gib-gap-12 {
    gap: 128px;
  }

  .gib-gap-13 {
    gap: 160px;
  }

  .gib-p-all-01{
    padding: 2px  !important;
  }
  .gib-p-all-02{
    padding: 4px  !important;
  }
  .gib-p-all-03{
    padding: 8px  !important;
  }
  .gib-p-all-04{
    padding: 12px  !important;
  }
  .gib-p-all-05{
    padding: 16px  !important;
  }
  .gib-p-all-06{
    padding: 24px  !important;
  }
  .gib-p-all-07{
    padding: 32px  !important;
  }
  .gib-p-all-08{
    padding: 48px  !important;
  }
  .gib-p-all-09{
    padding: 64px  !important;
  }
  .gib-p-all-10{
    padding: 80px  !important;
  }
  .gib-p-all-11{
    padding: 96px  !important;
  }
  .gib-p-all-12{
    padding: 128px  !important;
  }
  .gib-p-all-13{
    padding: 160px  !important;
  }
  .gib-pt-01{
    padding-top: 2px !important;
  }
  .gib-pt-02{
    padding-top: 4px !important;
  }
  .gib-pt-03{
    padding-top: 8px !important;
  }
  .gib-pt-04{
    padding-top: 12px !important;
  }
  .gib-pt-05{
    padding-top: 16px !important;
  }
  .gib-pt-06{
    padding-top: 24px !important;
  }
  .gib-pt-07{
    padding-top: 32px !important;
  }
  .gib-pt-08{
    padding-top: 48px !important;
  }
  .gib-pt-09{
    padding-top: 64px !important;
  }
  .gib-pt-10{
    padding-top: 80px !important;
  }
  .gib-pt-11{
    padding-top: 96px !important;
  }
  .gib-pt-12{
    padding-top: 128px !important;
  }
  .gib-pt-13{
    padding-top: 160px !important;
  }
  .gib-pb-01{
    padding-bottom: 2px !important;
  }
  .gib-pb-02{
    padding-bottom: 4px !important;
  }
  .gib-pb-03{
    padding-bottom: 8px !important;
  }
  .gib-pb-04{
    padding-bottom: 12px !important;
  }
  .gib-pb-05{
    padding-bottom: 16px !important;
  }
  .gib-pb-06{
    padding-bottom: 24px !important;
  }
  .gib-pb-07{
    padding-bottom: 32px !important;
  }
  .gib-pb-08{
    padding-bottom: 48px !important;
  }
  .gib-pb-09{
    padding-bottom: 64px !important;
  }
  .gib-pb-10{
    padding-bottom: 80px !important;
  }
  .gib-pb-11{
    padding-bottom: 96px !important;
  }
  .gib-pb-12{
    padding-bottom: 128px !important;
  }
  .gib-pb-13{
    padding-bottom: 160px !important;
  }
  .gib-pl-01{
    padding-left: 2px !important;
  }
  .gib-pl-02{
    padding-left: 4px !important;
  }
  .gib-pl-03{
    padding-left: 8px !important;
  }
  .gib-pl-04{
    padding-left: 12px !important;
  }
  .gib-pl-05{
    padding-left: 16px !important;
  }
  .gib-pl-06{
    padding-left: 24px !important;
  }
  .gib-pl-07{
    padding-left: 32px !important;
  }
  .gib-pl-08{
    padding-left: 48px !important;
  }
  .gib-pl-09{
    padding-left: 64px !important;
  }
  .gib-pl-10{
    padding-left: 80px !important;
  }
  .gib-pl-11{
    padding-left: 96px !important;
  }
  .gib-pl-12{
    padding-left: 128px !important;
  }
  .gib-pl-13{
    padding-left: 160px !important;
  }
  .gib-pr-01{
    padding-right: 2px !important;
  }
  .gib-pr-02{
    padding-right: 4px !important;
  }
  .gib-pr-03{
    padding-right: 8px !important;
  }
  .gib-pr-04{
    padding-right: 12px !important;
  }
  .gib-pr-05{
    padding-right: 16px !important;
  }
  .gib-pr-06{
    padding-right: 24px !important;
  }
  .gib-pr-07{
    padding-right: 32px !important;
  }
  .gib-pr-08{
    padding-right: 48px !important;
  }
  .gib-pr-09{
    padding-right: 64px !important;
  }
  .gib-pr-10{
    padding-right: 80px !important;
  }
  .gib-pr-11{
    padding-right: 96px !important;
  }
  .gib-pr-12{
    padding-right: 128px !important;
  }
  .gib-pr-13{
    padding-right: 160px !important;
  }
  .gib-m-all-01{
    margin: 2px !important;
  }
  .gib-m-all-02{
    margin: 4px !important;
  }
  .gib-m-all-03{
    margin: 8px !important;
  }
  .gib-m-all-04{
    margin: 12px !important;
  }
  .gib-m-all-05{
    margin: 16px !important;
  }
  .gib-m-all-06{
    margin: 24px !important;
  }
  .gib-m-all-07{
    margin: 32px !important;
  }
  .gib-m-all-08{
    margin: 48px !important;
  }
  .gib-m-all-09{
    margin: 64px !important;
  }
  .gib-m-all-10{
    margin: 80px !important;
  }
  .gib-m-all-11{
    margin: 96px !important;
  }
  .gib-m-all-12{
    margin: 128px !important;
  }
  .gib-m-all-13{
    margin: 160px !important;
  }
  .gib-mt-01{
    margin-top: 2px !important;
  }
  .gib-mt-02{
    margin-top: 4px !important;
  }
  .gib-mt-03{
    margin-top: 8px !important;
  }
  .gib-mt-04{
    margin-top: 12px !important;
  }
  .gib-mt-05{
    margin-top: 16px !important;
  }
  .gib-mt-06{
    margin-top: 24px !important;
  }
  .gib-mt-07{
    margin-top: 32px !important;
  }
  .gib-mt-08{
    margin-top: 48px !important;
  }
  .gib-mt-09{
    margin-top: 64px !important;
  }
  .gib-mt-10{
    margin-top: 80px !important;
  }
  .gib-mt-11{
    margin-top: 96px !important;
  }
  .gib-mt-12{
    margin-top: 128px !important;
  }
  .gib-mt-13{
    margin-top: 160px !important;
  }
  .gib-mb-01{
    margin-bottom: 2px !important;
  }
  .gib-mb-02{
    margin-bottom: 4px !important;
  }
  .gib-mb-03{
    margin-bottom: 8px !important;
  }
  .gib-mb-04{
    margin-bottom: 12px !important;
  }
  .gib-mb-05{
    margin-bottom: 16px !important;
  }
  .gib-mb-06{
    margin-bottom: 24px !important;
  }
  .gib-mb-07{
    margin-bottom: 32px !important;
  }
  .gib-mb-08{
    margin-bottom: 48px !important;
  }
  .gib-mb-09{
    margin-bottom: 64px !important;
  }
  .gib-mb-10{
    margin-bottom: 80px !important;
  }
  .gib-mb-11{
    margin-bottom: 96px !important;
  }
  .gib-mb-12{
    margin-bottom: 128px !important;
  }
  .gib-mb-13{
    margin-bottom: 160px !important;
  }
  .gib-ml-01{
    margin-left: 2px !important;
  }
  .gib-ml-02{
    margin-left: 4px !important;
  }
  .gib-ml-03{
    margin-left: 8px !important;
  }
  .gib-ml-04{
    margin-left: 12px !important;
  }
  .gib-ml-05{
    margin-left: 16px !important;
  }
  .gib-ml-06{
    margin-left: 24px !important;
  }
  .gib-ml-07{
    margin-left: 32px !important;
  }
  .gib-ml-08{
    margin-left: 48px !important;
  }
  .gib-ml-09{
    margin-left: 64px !important;
  }
  .gib-ml-10{
    margin-left: 80px !important;
  }
  .gib-ml-11{
    margin-left: 96px !important;
  }
  .gib-ml-12{
    margin-left: 128px !important;
  }
  .gib-ml-13{
    margin-left: 160px !important;
  }
  .gib-mr-01{
    margin-right: 2px !important;
  }
  .gib-mr-02{
    margin-right: 4px !important;
  }
  .gib-mr-03{
    margin-right: 8px !important;
  }
  .gib-mr-04{
    margin-right: 12px !important;
  }
  .gib-mr-05{
    margin-right: 16px !important;
  }
  .gib-mr-06{
    margin-right: 24px !important;
  }
  .gib-mr-07{
    margin-right: 32px !important;
  }
  .gib-mr-08{
    margin-right: 48px !important;
  }
  .gib-mr-09{
    margin-right: 64px !important;
  }
  .gib-mr-10{
    margin-right: 80px !important;
  }
  .gib-mr-11{
    margin-right: 96px !important;
  }
  .gib-mr-12{
    margin-right: 128px !important;
  }
  .gib-mr-13{
    margin-right: 160px !important;
  }

}

.bigYellowFont{
  color: var(--akzentfarben-gelb);
  font-family: "SoletoTK_W_Lt";
  font-size: 122px;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
}

@media only screen and (max-width: 575.98px) {
  .bigYellowFont{
    color: var(--akzentfarben-gelb);
    font-family: "SoletoTK_W_Lt";
    font-size: 100px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }
}

.greyed-out-text{
  color:#DDD !important
}


/* USE IN basicCardTemplate.php AND slickSliderCardTemplate.php */
.booked-out-overlay {
    position: absolute;
    bottom: 0;
    font-family: "SoletoTK_W_Md";
    left: 0;
    width: 100%;
    height: 32px;
    background: var(--dark-gray);
    opacity: 0.9;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    z-index: 10;
}
.basicCard__shadow_final {
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 10%);
}

.basicCard__card_title {
    min-height: 47px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: clip;
    text-overflow: ellipsis;
}


.basicCard__preview_icon {
    width: auto;
    height: 24px;
}

.basicCard__preview_icon_text_handy {
    font-size: 14px;
    color: var(--black);
    padding-left: 10px;
}

.dbg{
  border: 1px dashed green;
}

html,
body {
    overflow-x: clip;
    scrollbar-gutter: stable;

}

.grid-preview::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('../img/debug-overlay-nospacing.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center top;
    opacity: 0.2;

    pointer-events: none;
    z-index: 1000;
}

/*
==== BOF - NEW OVERVIEW MODAL / NO BOOTSTRAP ======
*/
.overview-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.overview-modal.open {
    display: flex;
}

.overview-content {
    background: #fff;
    border-radius: 8px;
    max-width: 90vw;
    max-height: 90vh;
    overflow: auto;
    position: relative;
}

.overview-content img {
    display: block;
    max-width: 100%;
    /*max-height: 75vh;*/
    height: auto;
}

.overview-close {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 0;
    background: none;
    font-size: 30px;
    cursor: pointer;
}

.overview-heading-row {
    top: 0;
    z-index: 1000;
    background: white;
    padding: 24px;
}
/*
==== EOF - NEW OVERVIEW MODAL / NO BOOTSTRAP ======
*/