@font-face {
  font-family: 'SparkasseWeb';
  src: url(https://connect.guidecom.de/jobportal/heilbronn/fonts/Sparkasse_web_Rg.eot?#iebug) format('embedded-opentype'), url(https://connect.guidecom.de/jobportal/heilbronn/fonts/Sparkasse_web_Rg.woff) format('woff'), url(https://connect.guidecom.de/jobportal/heilbronn/fonts/Sparkasse_web_Rg.ttf) format('truetype');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'SparkasseWeb';
  src: url(https://connect.guidecom.de/jobportal/heilbronn/fonts/Sparkasse_web_Bd.eot?#iebug) format('embedded-opentype'), url(https://connect.guidecom.de/jobportal/heilbronn/fonts/Sparkasse_web_Bd.woff) format('woff'), url(https://connect.guidecom.de/jobportal/heilbronn/fonts/Sparkasse_web_Bd.ttf) format('truetype');
  font-weight: bold;
  font-style: normal
}

@font-face {
  font-family: 'SparkasseWebLight';
  src: url(https://connect.guidecom.de/jobportal/heilbronn/fonts/Sparkasse_web_Lt.eot?#iebug) format('embedded-opentype'), url(https://connect.guidecom.de/jobportal/heilbronn/fonts/Sparkasse_web_Lt.woff) format('woff'), url(https://connect.guidecom.de/jobportal/heilbronn/fonts/Sparkasse_web_Lt.ttf) format('truetype');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'SparkasseHeadWeb';
  src: url(https://connect.guidecom.de/jobportal/heilbronn/fonts/SparkasseHead_web_Rg.eot?#iebug) format('embedded-opentype'), url(https://connect.guidecom.de/jobportal/heilbronn/fonts/SparkasseHead_web_Rg.woff) format('woff'), url(https://connect.guidecom.de/jobportal/heilbronn/fonts/SparkasseHead_web_Rg.ttf) format('truetype');
  font-weight: normal;
  font-style: normal
}


:root {
  --body_header_height: 96px !important;
  --body_header_logo_size: 96px !important;
}

html {
  height: auto;
}

body {
  color: red;
  background-color: #f0f0f0;
  font-family: SparkasseWeb, Helvetica, Arial, sans-serif;
  height: auto;
}

.container-full {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  background: #f4f4f4;
}

a, a:hover {
  color: red;
  cursor: pointer;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background: transparent;
  border-color: #c7c7c7 #c7c7c7 #c7c7c7;
}

.nav {
  /*flex-wrap: wrap;*/
  /*justify-content: space-between;*/
}

.nav-tabs {
  border-bottom: 0px solid #c7c7c7;
}

.nav-link {
  color: black;
}

.nav-tabs {
  font-size: larger;
}

.col {
  padding: 25px;
}

.card {
  height: 100%;
  background: transparent;
}

.card-footer-bb {
  border-bottom: 1px solid #000000 !important;
}

.card-body {
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.card-footer {
  border: 0px;
  background-color: transparent;
}

.card {
  height: 100%;
}

h2 {
  color: White;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

li {
  color: black;
}

p {
  color: black;
}

.darkGrey {
  color: #777;
}

.headerBgRed {
  background-color: red;
}

.headerInside {
  color: white;
}

.divSpkFooter {
  max-height: 70px;
  background-color: grey;
  padding-bottom: 3rem;
  text-align: center;
}

.footerInside {
  font-size: 16px;
  color: white;
  padding-top: 25px;
  padding-right: 44%;
  text-align: left;
  display: inline-block;
}

.listInfo {
  list-style: none;
}

.listInfoPart {
  margin-right: 20px;
  float: left;
  text-decoration: none;
  list-style-type: none;
}

.pInlined {
  padding: 10px;
}

.listInfoTest {
  list-style: none;
  padding-top: 15px;
  padding-bottom: 15px;
  color: blue;
}

.listInfoTest li {
  color: black;
}

.card-body p {
  color: #000 !important;
}

@media (max-device-width: 580px) {
  .divTestFooter {
    min-height: 110px;
  }
}

@media (max-device-width: 580px) {
  .long {
    max-width: 100%;
  }
}

.displayNone {
  display: none;
}

.toggleIconClass {
  text-align: left;
}

.row-footer {
  align-items: flex-end;
}

.nav-link:hover {
  color: black;
  background: #e0e0e0;
}

.nav-link {
  padding-right: 10px;
  border: 1px solid #f4f4f4 !important;
  background: #c7c7c7;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background: white;
  color: red;
}

.zurueck {
  padding-top: 20px;
}

.col-ausschreibung {
  padding: 15px 0px;
}

.stichworte {
  display: none;
}

.display-4 {
  font-size: 2rem;
}

.btn-jetzt-bewerben, .btn-jetzt-bewerben:hover, .btn-jetzt-bewerben:active {
  color: #f0f0f0 !important;
  background-color: red !important;
  border-color: red !important;
}

/*Desktop*/
@media (min-width: 768px) {
  .shariff {
    float: right;
    margin-left: auto;
  }

  .zurueck {
    float: right;
    margin-left: auto;
  }

  .col-ausschreibung {
    padding: 25px 40px;
  }
}

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

  p > img {
    max-width: 150px !important;
    padding-top: 40px !important;
  }
}