:root {
  --body_header_height: 100px !important;
  --body_header_logo_size: 50px !important;

  --text-clor-light: #828282;

  --color-main: #02478e;
  --color-sozialversicherung-unfall: #f6c508;
  --color-sozialversicherung: #a8c211;
  --color-bwl: #ea8d06;
  --color-informatik: #088fd4;
}

@font-face {
  font-family: 'SourceSans3';
  src: url(fonts/SourceSans3.ttf);
}

body {
  font-family: "SourceSans3", "Arial" !important;
  font-size: 18px;
  color: #575756;
}

h1, h2, h3, h4, h5, .inhalt-titel-detail {
  color: #575756;
}

.sozialversicherung-unfall {
  --color-main: var(--color-sozialversicherung-unfall);
}

.sozialversicherung {
  --color-main: var(--color-sozialversicherung);
}

.bwl {
  --color-main: var(--color-bwl);
}

.informatik {
  --color-main: var(--color-informatik);
}

.ausschreibung_icon {
  fill: var(--color-main);
}

.btn:not(.dropdown-toggle):not(.btn-reset), .btn:not(.dropdown-toggle):not(.btn-reset):hover {
  background-color: var(--color-main);
  border: var(--color-main);
  min-width: 250px;
  position: relative;
  display: inline-block;
  padding: 10px 15px;
  text-align: center;
  border-radius: 30px;
  font-weight: 500;
  color: #fff;
  font-size: 19px;
}

.btn, .btn:hover, .btn:focus, .btn:active,
a, a:hover, a:focus, a:active {
  text-decoration: none;
}

footer {
  background-color: var(--color-main);
}

h1 {
  font-weight: bolder;
}

#header-div {
  margin: 0;
  padding: 25px;
}

.carousel-item > img {
  max-height: 40%;
  object-fit: cover;
}

.container-gray {
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 4px;
}

.liste-ausschreibung-titel {
  font-size: 24px;
  color: #000;
  line-height: 30px;
}

.ausschreibung-div {
  padding-right: 20px;
  font-size: 14px;
  color: var(--text-clor-light);
  font-weight: lighter;
}

.ausschreibung_icon {
  height: 14px;
  width: 14px;
}

.container-shadow {
  box-shadow: 0 0 15px rgba(0, 0, 0, .08);
  padding: 15px;
  border-radius: 4px;
}

.overviewRow {
  margin-top: 10px;
  border-bottom: 0 !important;
}

.detail-header-image {
  max-height: 80vh;
  object-fit: contain;
  background-color: #f7f7f7;
}

.detail-sticky-bewerben-box {
  margin-top: 8px;
  margin-bottom: 32px;
}

.detail-sticky-bewerben-box .detail-title {
  font-weight: 600 !important;
  font-size: 36px !important;
  line-height: 40px;
  color: #575756;
  margin-bottom: 10px;
}

.inhalt-block-detail {
  padding-left: 0;
  padding-right: 0;
}

.job-teilen-div {
  padding: 1.25rem 0 1.25rem 0;
}

.detail-button {
  padding-left: 12px;
  padding-right: 12px;
}

footer {
  padding-top: 5%;
  padding-bottom: 5%;
  display: table;
}

footer .fab {
  color: white;
  font-size: 42px;
}

.footer-title {
  color: #333;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 40px;
}

.footer-social {
  margin-bottom: 80px;
  margin-top: 50px;
}

.footer-links {
  font-size: 15px;
  font-weight: lighter;
}

.auszeichnungen {
  margin-top: 20px;
}

.auszeichnungen img {
  width: 250px;
}

.auszeichnungen h3 {
  margin-bottom: 25px;
  font-weight: 700 !important;
  color: black !important;
}

/*Nicht Mobil*/
@media (min-width: 768px) {

  .overview #header-div {
    margin: 0;
    padding: 25px;
  }

}

/*Mobil*/
@media (max-width: 767px) {

  footer {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .detail-sticky-bewerben-box .detail-title {
    font-size: 26px !important;
    line-height: 32px;
  }

  .container-einleitung {
    margin-top: 40px;
  }

}