/*
 * 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: #454543;
  --light-blue: #009fe3;
  --blue: #006f8a;
  --dark-blue: #00689F;
  --hover-dark-blue: #355A89;
  /* --gray: #f5f3ef; OLD  */
  --gray: #f5f5f5;
  --red: #d01e43;
  --main-font-color: #454543;

  --outlines-gray: #DDDDDD;
  --light-gray: #f6f6f6;
  /* --dark-gray: #454542; */
  --dark-gray: #3B3B3B;
  --lighter-gray: #D3D3D3;


  --hover-blue-tabs: #00689F1A;
}

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_Md";
  font-size: 17px;
  line-height: 24px;
}
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: 20px !important;
  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 {
    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 {
    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 {
    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; }

}

/* XL – Extra Large (xl) – min-width: 1200px */
@media (min-width: 1200px) {
  /* gib-xl- */
  
/* Top Padding */
.gib-xl-pt-00 { padding-top: 0px !important; }
.gib-xl-pt-01 { padding-top: 4px !important; }
.gib-xl-pt-02 { padding-top: 8px !important; }
.gib-xl-pt-03 { padding-top: 12px !important; }
.gib-xl-pt-04 { padding-top: 16px !important; }
.gib-xl-pt-05 { padding-top: 24px !important; }
.gib-xl-pt-06 { padding-top: 32px !important; }
.gib-xl-pt-07 { padding-top: 48px !important; }
.gib-xl-pt-08 { padding-top: 64px !important; }
.gib-xl-pt-09 { padding-top: 80px !important; }
.gib-xl-pt-10 { padding-top: 96px !important; }
.gib-xl-pt-11 { padding-top: 128px !important; }
.gib-xl-pt-12 { padding-top: 160px !important; }
.gib-xl-pt-13 { padding-top: 192px !important; }
/* Right Padding */
.gib-xl-pr-00 { padding-right: 0px !important; }
.gib-xl-pr-01 { padding-right: 4px !important; }
.gib-xl-pr-02 { padding-right: 8px !important; }
.gib-xl-pr-03 { padding-right: 12px !important; }
.gib-xl-pr-04 { padding-right: 16px !important; }
.gib-xl-pr-05 { padding-right: 24px !important; }
.gib-xl-pr-06 { padding-right: 32px !important; }
.gib-xl-pr-07 { padding-right: 48px !important; }
.gib-xl-pr-08 { padding-right: 64px !important; }
.gib-xl-pr-09 { padding-right: 80px !important; }
.gib-xl-pr-10 { padding-right: 96px !important; }
.gib-xl-pr-11 { padding-right: 128px !important; }
.gib-xl-pr-12 { padding-right: 160px !important; }
.gib-xl-pr-13 { padding-right: 192px !important; }
/* Bottom Padding */
.gib-xl-pb-00 { padding-bottom: 0px !important; }
.gib-xl-pb-01 { padding-bottom: 4px !important; }
.gib-xl-pb-02 { padding-bottom: 8px !important; }
.gib-xl-pb-03 { padding-bottom: 12px !important; }
.gib-xl-pb-04 { padding-bottom: 16px !important; }
.gib-xl-pb-05 { padding-bottom: 24px !important; }
.gib-xl-pb-06 { padding-bottom: 32px !important; }
.gib-xl-pb-07 { padding-bottom: 48px !important; }
.gib-xl-pb-08 { padding-bottom: 64px !important; }
.gib-xl-pb-09 { padding-bottom: 80px !important; }
.gib-xl-pb-10 { padding-bottom: 96px !important; }
.gib-xl-pb-11 { padding-bottom: 128px !important; }
.gib-xl-pb-12 { padding-bottom: 160px !important; }
.gib-xl-pb-13 { padding-bottom: 192px !important; }
/* Left Padding */
.gib-xl-pl-00 { padding-left: 0px !important; }
.gib-xl-pl-01 { padding-left: 4px !important; }
.gib-xl-pl-02 { padding-left: 8px !important; }
.gib-xl-pl-03 { padding-left: 12px !important; }
.gib-xl-pl-04 { padding-left: 16px !important; }
.gib-xl-pl-05 { padding-left: 24px !important; }
.gib-xl-pl-06 { padding-left: 32px !important; }
.gib-xl-pl-07 { padding-left: 48px !important; }
.gib-xl-pl-08 { padding-left: 64px !important; }
.gib-xl-pl-09 { padding-left: 80px !important; }
.gib-xl-pl-10 { padding-left: 96px !important; }
.gib-xl-pl-11 { padding-left: 128px !important; }
.gib-xl-pl-12 { padding-left: 160px !important; }
.gib-xl-pl-13 { padding-left: 192px !important; }
/* All Sides Padding */
.gib-xl-p-all-00 { padding: 0px !important; }
.gib-xl-p-all-01 { padding: 4px !important; }
.gib-xl-p-all-02 { padding: 8px !important; }
.gib-xl-p-all-03 { padding: 12px !important; }
.gib-xl-p-all-04 { padding: 16px !important; }
.gib-xl-p-all-05 { padding: 24px !important; }
.gib-xl-p-all-06 { padding: 32px !important; }
.gib-xl-p-all-07 { padding: 48px !important; }
.gib-xl-p-all-08 { padding: 64px !important; }
.gib-xl-p-all-09 { padding: 80px !important; }
.gib-xl-p-all-10 { padding: 96px !important; }
.gib-xl-p-all-11 { padding: 128px !important; }
.gib-xl-p-all-12 { padding: 160px !important; }
.gib-xl-p-all-13 { padding: 192px !important; }

/* **** GIB Margin Styles **** */
/* Top Margin */
.gib-xl-mt-00 { margin-top: 0px !important; }
.gib-xl-mt-01 { margin-top: 4px !important; }
.gib-xl-mt-02 { margin-top: 8px !important; }
.gib-xl-mt-03 { margin-top: 12px !important; }
.gib-xl-mt-04 { margin-top: 16px !important; }
.gib-xl-mt-05 { margin-top: 24px !important; }
.gib-xl-mt-06 { margin-top: 32px !important; }
.gib-xl-mt-07 { margin-top: 48px !important; }
.gib-xl-mt-08 { margin-top: 64px !important; }
.gib-xl-mt-09 { margin-top: 80px !important; }
.gib-xl-mt-10 { margin-top: 96px !important; }
.gib-xl-mt-11 { margin-top: 128px !important; }
.gib-xl-mt-12 { margin-top: 160px !important; }
.gib-xl-mt-13 { margin-top: 192px !important; }
/* Right Margin */
.gib-xl-mr-00 { margin-right: 0px !important; }
.gib-xl-mr-01 { margin-right: 4px !important; }
.gib-xl-mr-02 { margin-right: 8px !important; }
.gib-xl-mr-03 { margin-right: 12px !important; }
.gib-xl-mr-04 { margin-right: 16px !important; }
.gib-xl-mr-05 { margin-right: 24px !important; }
.gib-xl-mr-06 { margin-right: 32px !important; }
.gib-xl-mr-07 { margin-right: 48px !important; }
.gib-xl-mr-08 { margin-right: 64px !important; }
.gib-xl-mr-09 { margin-right: 80px !important; }
.gib-xl-mr-10 { margin-right: 96px !important; }
.gib-xl-mr-11 { margin-right: 128px !important; }
.gib-xl-mr-12 { margin-right: 160px !important; }
.gib-xl-mr-13 { margin-right: 192px !important; }
/* Bottom Margin */
.gib-xl-mb-00 { margin-bottom: 0px !important; }
.gib-xl-mb-01 { margin-bottom: 4px !important; }
.gib-xl-mb-02 { margin-bottom: 8px !important; }
.gib-xl-mb-03 { margin-bottom: 12px !important; }
.gib-xl-mb-04 { margin-bottom: 16px !important; }
.gib-xl-mb-05 { margin-bottom: 24px !important; }
.gib-xl-mb-06 { margin-bottom: 32px !important; }
.gib-xl-mb-07 { margin-bottom: 48px !important; }
.gib-xl-mb-08 { margin-bottom: 64px !important; }
.gib-xl-mb-09 { margin-bottom: 80px !important; }
.gib-xl-mb-10 { margin-bottom: 96px !important; }
.gib-xl-mb-11 { margin-bottom: 128px !important; }
.gib-xl-mb-12 { margin-bottom: 160px !important; }
.gib-xl-mb-13 { margin-bottom: 192px !important; }
/* Left Margin */
.gib-xl-ml-00 { margin-left: 0px !important; }
.gib-xl-ml-01 { margin-left: 4px !important; }
.gib-xl-ml-02 { margin-left: 8px !important; }
.gib-xl-ml-03 { margin-left: 12px !important; }
.gib-xl-ml-04 { margin-left: 16px !important; }
.gib-xl-ml-05 { margin-left: 24px !important; }
.gib-xl-ml-06 { margin-left: 32px !important; }
.gib-xl-ml-07 { margin-left: 48px !important; }
.gib-xl-ml-08 { margin-left: 64px !important; }
.gib-xl-ml-09 { margin-left: 80px !important; }
.gib-xl-ml-10 { margin-left: 96px !important; }
.gib-xl-ml-11 { margin-left: 128px !important; }
.gib-xl-ml-12 { margin-left: 160px !important; }
.gib-xl-ml-13 { margin-left: 192px !important; }
/* All Sides Margin */
.gib-xl-m-all-00 { margin: 0px !important; }
.gib-xl-m-all-01 { margin: 4px !important; }
.gib-xl-m-all-02 { margin: 8px !important; }
.gib-xl-m-all-03 { margin: 12px !important; }
.gib-xl-m-all-04 { margin: 16px !important; }
.gib-xl-m-all-05 { margin: 24px !important; }
.gib-xl-m-all-06 { margin: 32px !important; }
.gib-xl-m-all-07 { margin: 48px !important; }
.gib-xl-m-all-08 { margin: 64px !important; }
.gib-xl-m-all-09 { margin: 80px !important; }
.gib-xl-m-all-10 { margin: 96px !important; }
.gib-xl-m-all-11 { margin: 128px !important; }
.gib-xl-m-all-12 { margin: 160px !important; }
.gib-xl-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;
}

/****** 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 ::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;
}

.hovermode:hover ::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;
}


/* 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;
}