/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

:root {
  /* --fh_green: rgb(179, 209, 65); */
  --fh_green: rgb(210 215 3);
  --fh_grey: #333;
  --fh_white: #eee;
  --fh_brightwhite: #fff;
  --fh_lightgrey: rgba(0, 0, 0, 0.5);
  --fh_silver: #8c9091;
  --fh_lightestGrey: #f5f5f5;
}

.color_green {
  color: var(--fh_green);
}

.color_white {
  color: var(--fh_white);
}

.bg_color_green {
  background-color: var(--fh_green);
}

a {
  text-decoration: none;
}

a:hover {
  /* color: rgba(245, 166, 55, 1) !important; */
}

.phoneinner.customShadow2 a {
  color: inherit !important;
  text-decoration: none !important;
}

/* Kanit Thin */
@font-face {
  font-family: "Kanit";
  src:
    url("../fonts/Kanit/Kanit-Thin.woff2") format("woff2"),
    url("../fonts/Kanit/Kanit-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

/* Kanit ExtraLight */
@font-face {
  font-family: "Kanit";
  src:
    url("../fonts/Kanit/Kanit-ExtraLight.woff2") format("woff2"),
    url("../fonts/Kanit/Kanit-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

/* Kanit Light */
@font-face {
  font-family: "Kanit";
  src:
    url("../fonts/Kanit/Kanit-Light.woff2") format("woff2"),
    url("../fonts/Kanit/Kanit-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

/* Kanit Regular */
@font-face {
  font-family: "Kanit";
  src:
    url("../fonts/Kanit/Kanit-Regular.woff2") format("woff2"),
    url("../fonts/Kanit/Kanit-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

/* Kanit Medium */
@font-face {
  font-family: "Kanit";
  src:
    url("../fonts/Kanit/Kanit-Medium.woff2") format("woff2"),
    url("../fonts/Kanit/Kanit-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

/* Kanit SemiBold */
@font-face {
  font-family: "Kanit";
  src:
    url("../fonts/Kanit/Kanit-SemiBold.woff2") format("woff2"),
    url("../fonts/Kanit/Kanit-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

/* Kanit Bold */
@font-face {
  font-family: "Kanit";
  src:
    url("../fonts/Kanit/Kanit-Bold.woff2") format("woff2"),
    url("../fonts/Kanit/Kanit-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

/* Kanit ExtraBold */
@font-face {
  font-family: "Kanit";
  src:
    url("../fonts/Kanit/Kanit-ExtraBold.woff2") format("woff2"),
    url("../fonts/Kanit/Kanit-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

/* Kanit Black */
@font-face {
  font-family: "Kanit";
  src:
    url("../fonts/Kanit/Kanit-Black.woff2") format("woff2"),
    url("../fonts/Kanit/Kanit-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

body {
  /* color: #5a5a5a; */
  font:
    400 16px / 1.7 Kanit,
    sans-serif;
  letter-spacing: 0.03em;
  color: var(--fh_grey);
}

h1,
h2,
h3,
h4 {
}

h2 {
  font-size: 25px;
}
h3 {
  font-size: 20px;
}

.headermargin {
  margin-top: 130px;
}

.defaulttopmargin {
  margin-top: 25px;
}

.elementmargintop20 {
  margin-top: 20px;
}

.elementmargintop15 {
  margin-top: 15px;
}

.elementmargintop10 {
  margin-top: 10px;
}

.elementmargintop5 {
  margin-top: 5px;
}

.elementmarginbtm20 {
  margin-bottom: 20px;
}

.elementmarginbtm15 {
  margin-bottom: 15px;
}

.elementmarginbtm10 {
  margin-bottom: 10px;
}

.elementmarginbtm5 {
  margin-bottom: 5px;
}

.centered {
  text-align: center;
}

.whiteHeader {
  color: var(--fh_white);
}

.minHeight100VH {
  min-height: 100vh;
}
.minHeight50VH {
  min-height: 50vh;
}

.fh_logo {
  height: 55px;
  margin: 10px 0 10px 80px;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.hundredPercentWidth.carousel {
  margin-bottom: 4rem;
}

/* Since positioning the image, we need to help out the caption */
/* Since positioning the image, we need to help out the caption */
.hundredPercentWidth .carousel-caption {
  bottom: 3rem;
  z-index: 10;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5));
}

/* Declare heights because of positioning of img element */
.hundredPercentWidth .carousel-item {
  height: 100vh;
}

.hundredPercentWidth .carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}

.hundredPercentWidth .carousel-item {
  background-repeat: no-repeat;
  background-size: cover;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}

.marketing h2 {
  font-weight: 400;
}

/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}

/* rtl:end:ignore */

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0;
  /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -0.05rem;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Bump up size of carousel content */
  .responsive-topmargin {
    margin-top: 0rem;
  }
}

@media (max-width: 767px) {
  .responsive-topmargin {
    margin-top: 3em;
  }
}

@media (min-width: 768px) {
  /* Bump up size of carousel content */
  .hundredPercentWidth .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
  }

  .featurette-heading {
    font-size: 35px;
  }
}

@media (max-width: 767px) {
  .featurette-heading {
    margin-top: 3rem;
  }
}

header {
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(10px);
}

.headerBar {
  /* background-color: #131313; */
  background-color: rgba(0, 0, 0, 0.4);
  /* padding: 8px; */
}

:root {
  --fh_dropShadow: rgba(60, 60, 60, 0.6);
}

.headerPicTitleContainer {
  position: absolute;
  top: 127px;
  text-align: left;
}
@media (min-width: 576px) {
  .headerPicTitleContainer {
    left: 80px;
  }
}
@media (max-width: 575px) {
  .headerPicTitleContainer {
    text-align: center;
    width: 100%;
    right: auto;
  }
}

.headerPicTitle,
.headerPicTitle2 {
  font-size: 6vw;
  color: #fff;
  filter: drop-shadow(2px 2px 2px var(--fh_dropShadow))
    drop-shadow(-2px -2px 2px var(--fh_dropShadow))
    drop-shadow(2px -2px 2px var(--fh_dropShadow))
    drop-shadow(-2px 2px 2px var(--fh_dropShadow))
    drop-shadow(2px 2px 0px var(--fh_dropShadow));
}

.headerPicTitle2 {
  font-size: 4vw;
}

@media (max-width: 575px) {
  .headerPicTitle {
    font-size: 8vw;
  }
  .headerPicTitle2 {
    font-size: 6vw;
  }
}

@media (min-width: 576px) {
  .headerPicTitle {
    font-size: 7vw;
  }
  .headerPicTitle2 {
    font-size: 5vw;
  }
}
@media (min-width: 768px) {
  .headerPicTitle {
    font-size: 7vw;
  }
  .headerPicTitle2 {
    font-size: 5vw;
  }
}
@media (min-width: 992px) {
  .headerPicTitle {
    font-size: 6vw;
  }
  .headerPicTitle2 {
    font-size: 4vw;
  }
}
@media (min-width: 1200px) {
  .headerPicTitle {
    font-size: 5vw;
  }
  .headerPicTitle2 {
    font-size: 3vw;
  }
}
@media (min-width: 1400px) {
  .headerPicTitle {
    font-size: 4vw;
  }
  .headerPicTitle2 {
    font-size: 2vw;
    transform: translateY(-25px);
  }
}

.headerBG {
  height: 90vh;
  width: 100%;
  margin-bottom: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

@supports (-webkit-touch-callout: none) {
  .headerBG {
    background-size: auto 100vh;

    background-attachment: scroll;
    -webkit-background-attachment: scroll;
  }
}

.stageLogo {
  width: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.customShadow1 {
  filter: drop-shadow(2px 2px 5px #000000);
}
.customShadow2 {
  filter: drop-shadow(2px 2px 1px #000000);
}

@media (max-width: 768px) {
  .stageLogo {
    width: 80%;
  }
}

footer {
  background-color: var(--fh_grey);
  min-height: 150px;
  max-width: 100% !important;
  color: var(--fh_green);
  padding: 20px;
}

footer a {
  text-decoration: none;
  color: var(--fh_green);
}
.footerDivider {
  width: 20px;
  margin: 0 5px;
}

.phonecontainer {
  background-color: var(--fh_green);
  min-height: 100%;
  color: white;
}

.phoneinner {
  font-size: 23px;
  margin: 18px 20px;
}

.inlinePhone {
  width: 100%;
  text-align: center;
  background-color: var(--fh_green);
  color: #fff;
  display: none;
  font-size: 23px;
}

@media (max-width: 560px) {
  .phonecontainer {
    display: none;
  }

  .inlinePhone {
    display: block;
  }
}

.navbar {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.15em;
}

.navbar-toggler-fh {
  background-color: transparent;
  cursor: pointer;
  font-size: 30px;
  margin-top: 9px;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    top: 35px;
  }

  .navbar-toggler-fh {
    display: none;
  }
}

.navbar-dark .navbar-nav .nav-link {
  margin-right: 10px !important;
}

.fhgreen {
  color: var(--fh_green) !important;
}

.fhgreenBG {
  background-color: var(--fh_green) !important;
}

.navbar-toggler-icon {
  color: var(--fh_green) !important;
}

ul.dropdown-menu {
  color: rgba(179, 209, 65, 0.8);
  background-color: rgba(0, 0, 0, 0.7);
  margin-top: 8px !important;
  /* padding: 10px 6px 6px 10px; */
  backdrop-filter: blur(10px);
}

@media (max-width: 991px) {
  ul.dropdown-menu {
    background-color: rgba(200, 200, 200, 0.01);
  }
}

ul.ddLevel2 {
  /* border-color: var(--fh_green); */
}

@media (min-width: 992px) {
  ul.ddLevel2 {
    position: unset !important;
    margin-right: 10px;
  }
}

ul.dropdown-menu li {
  padding: 6px 6px 6px 15px;
  line-height: 18px;
}

ul.dropdown-menu a {
  text-decoration: none;
  color: var(--fh_green) !important;
}

.nav-link,
.dropdown-element

/* .nav-link.dropdown li a */ {
  color: var(--fh_green) !important;
}

.nav-link:focus,
.nav-link:hover,
.dropdown-element:focus,
.dropdown-element:hover {
  color: var(--fh_green) !important;
  font-weight: 400;
  /* filter:drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.5)) drop-shadow(-2px -2px 5px #42e5ff) drop-shadow(2px -2px 5px #42e5ff) drop-shadow(-2px 2px 20px #42e5ff) drop-shadow(2px 2px 5px #42e5ff); */
  filter: drop-shadow(2px 2px 5px rgba(179, 209, 65, 0.5))
    drop-shadow(2px -2px 5px rgba(179, 209, 65, 0.5))
    drop-shadow(-2px 2px 5px rgba(179, 209, 65, 0.5));
}

.rundeBoxenContainer {
  margin-top: 30px;
  padding: 30px 0 0 0;
}

.bg-black_opc_50 {
  background-color: rgba(0, 0, 0, 0.5);
}

.text-green,
.text-green-hover:hover {
  --bs-text-opacity: 1;
  color: var(--fh_green);
}

.btn-green,
.btn-green-hover:hover {
  --bs-text-opacity: 1;

  border: 1px solid var(--fh_green);
}

.btn-green:hover {
  --bs-text-opacity: 1;
  background-color: var(--fh_green);
  color: var(--fh_white);
  border: 1px solid rgba(0, 0, 0, 0);
}

.whitehover:hover {
  color: white;
}

.text-xs {
  font-family: var(--bs-font-sans-serif);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* Module 007a */
.bg-gradient-bottom-end-white {
  background-image:
    linear-gradient(
      180deg,
      #fff,
      hsla(0, 0%, 100%, 0.1) 30%,
      hsla(0, 0%, 100%, 0)
    ),
    linear-gradient(
      to right bottom,
      #fff,
      #fff 15%,
      hsla(0, 0%, 100%, 0) 30%,
      hsla(0, 0%, 100%, 0)
    );
}

.roundBoxContainer {
  /* grid-column-gap: 16px; */
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}
.teaserBoximage {
  max-width: 100%;
  height: auto;
  width: 100%;
  border: 5px solid white;
}

@media (max-width: 576px) {
  .teaserBoximage {
    width: 65%;
  }
}

.module007aTextBox {
  color: white;
}

.dropShadowWhite {
  filter: drop-shadow(-2px -2px 5px #fff) drop-shadow(2px 2px 5px #fff);
}

/*TILES*/
.img-wrapper {
  max-height: 238px;
}

.borderRadiusSmall {
  border-radius: 5px;
}

.borderRadiusLTRB {
  border-radius: 45px 0 45px 0;
}
.borderRadiusLBRT {
  border-radius: 0 45px 0 45px;
}

@media (max-width: 767px) {
  .img-wrapper {
    max-height: 190px;
  }
}

@media (max-width: 991px) {
  .img-wrapper {
    max-height: 200px;
  }
}

@media (max-width: 1200px) {
  .img-wrapper {
    max-height: 200px;
  }
}

.tile-outer-container {
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.tile-container {
  /* height: 400px; */
  overflow: hidden;
  vertical-align: top;
}

.tile-container .floatingHeader {
  color: var(--fh_white);
  font-size: 20px;
  position: absolute;
  top: 12px;
  text-align: center;
  display: block;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 5px;
}

.tile-container .card {
  height: 100%;
  overflow: hidden;
  border-radius: 5px;
}

.tileBottomContainer {
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: var(--fh_green);
  font-size: 20px;
}

/*TILES LIGHT*/

.tileslight .title {
  color: var(--fh_silver);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: clamp(32px, 1vw, 42px);
  font-weight: 800;
  line-height: 100%;
  text-align: center;
}
.tileslight .tile-container .card {
  text-align: center;
  border: none;
  font-size: 0.8em;
}

.tile-container .card img {
  max-height: initial;
}

.scrollup {
  position: fixed;
  right: 30px;
  bottom: 10%;
  width: 50px;
  height: 50px;
  z-index: 99;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  font-size: 28px;
  line-height: 1.7;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  display: none;
  background-color: var(--fh_green);
}

a.scrollup i {
  color: #fff;
}

a.scrollup:hover {
  opacity: 1;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  width: 250px;
  height: 250px;
  margin-bottom: 20px;
  border: 2px solid white;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .bd-placeholder-img {
    width: 200px;
    height: 200px;
  }
}

.jobList {
}

.jobList .jobListItem {
  background-color: var(--fh_lightestGrey);
  padding: 10px 0;
}

.jobList .jobListItem .articleLinkContainer {
  position: relative;
  margin-top: 50px;
}

.bewerbungsButton {
  border: none;
  margin-top: 20px;
  font-size: 20px;
  background-color: var(--fh_green);
  color: var(--fh_brightwhite);
  padding: 10px 20px;
  border-radius: initial;
}

@media (max-width: 767px) {
  .jobList .jobListItem .articleLink {
    margin: 20px 0;
    text-align: center;
    display: block;
  }

.bewerbungsButton {
  display: block;
  width: 100%;
}


}

@media (min-width: 768px) {
  .jobList .jobListItem .articleLink {
    position: absolute;
    right: 10px;
    bottom: 0;
  }
}

.jobList .jobListItem .articleLink {
  font-size: 20px;
  background-color: var(--fh_green);
  color: var(--fh_brightwhite);
  padding: 10px 20px;
}

.partLogo {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  max-width: 100%;
  z-index: -1;
  opacity: 0.3;
}

.additionalImageText {
  margin-top: 10px;
  font-size: 0.9em;
  font-style: italic;
  color: var(--fh_silver);
}