.introduction__point__lead {
  line-height: 1.4em !important;
}
.totojobsWrap {
  width:950px;
  max-width:950px;
  margin:0 auto;
  font-size:1.1em;
  line-height: 1.4em;
  padding-bottom: 50px;
  overflow: auto;
}
.totojobsWrap .totojobsLeft {
  width: calc(100% - 240px);
  float:left;
}
.totojobsWrap .totojobsProfile {
  width: 220px;
  float:right;
  background-color: #eee;
  margin-left:10px;
  padding: 15px;
  word-wrap: break-word;
  hyphens: auto;
}
/*
<numIndex index="0" type="array">
			<numIndex index="0">Produktmanagement</numIndex>
			<numIndex index="1">pm</numIndex>
		</numIndex>
		<numIndex index="1" type="array">
			<numIndex index="0">Supply Chain Management</numIndex>
			<numIndex index="1">scm</numIndex>
		</numIndex>
		<numIndex index="2" type="array">
			<numIndex index="0">HR</numIndex>
			<numIndex index="1">hr</numIndex>
		</numIndex>
		<numIndex index="3" type="array">
			<numIndex index="0">Vertrieb</numIndex>
			<numIndex index="1">ve</numIndex>
		</numIndex>
		<numIndex index="4" type="array">
			<numIndex index="0">Marketing</numIndex>
			<numIndex index="1">ma</numIndex>
		</numIndex>
		<numIndex index="5" type="array">
			<numIndex index="0">Claim Support</numIndex>
			<numIndex index="1">cls</numIndex>
		</numIndex>
		<numIndex index="6" type="array">
			<numIndex index="0">Customer Service</numIndex>
			<numIndex index="1">cus</numIndex>
		</numIndex>
		<numIndex index="7" type="array">
			<numIndex index="0">Buchhaltung</numIndex>
			<numIndex index="1">bu</numIndex>
		</numIndex>
*/
.totojobsWrap div[class*="departmentIcon"],
.totojobsWrap div[class*="profileIcon_"] {
  width: 100%;
  height: 50px;
  background-position-y: 0%;
  background-position-x: 50%;
  /*width: 25px;
  height: 25px;*/
  content:' ';
  background-size: contain;
}
.departmentIcon_pm {
  background-image: url(/fileadmin/Karriereseite/Icons/TOTO_icon_product_management_black_blue.svg);
}
.departmentIcon_scm {
  background-image: url(/fileadmin/Karriereseite/Icons/TOTO_icon_supply_chain_management_black_blue.svg);
}
.departmentIcon_hr {
  background-image: url(/fileadmin/Karriereseite/Icons/TOTO_icon_human_resources_black_blue.svg);
}
.departmentIcon_ve {
  background-image: url(/fileadmin/Karriereseite/Icons/TOTO_icon_sales_black_blue.svg);
}
.departmentIcon_ma {
  background-image: url(/fileadmin/Karriereseite/Icons/TOTO_icon_marketing_black_blue.svg);
}
.departmentIcon_cls {
  background-image: url(/fileadmin/Karriereseite/Icons/TOTO_icon_claim_support_black_blue.svg);
}
.departmentIcon_cus {
  background-image: url(/fileadmin/Karriereseite/Icons/TOTO_icon_customer_service_black_blue.svg);
}
.departmentIcon_bu {
  background-image: url(/fileadmin/Karriereseite/Icons/TOTO_icon_accounbting_black_blue.svg);
}
@media screen and (max-width: 1023px) {
  .greyBoxImage div[class*="departmentIcon"] {
    width: 120px;
  }
}
.profileIcon_Einsatzort {
  background-image: url(/fileadmin/Karriereseite/Icons/TOTO_icon_location_black.svg);
}
.profileIcon_Anstellungsart {
  background-image: url(/fileadmin/Karriereseite/Icons/TOTO_icon_job_black.svg);
}
.profileIcon_Beginn {
  background-image: url(/fileadmin/Karriereseite/Icons/TOTO_icon_time_black.svg);
}
.totojobsWrap .totojobsProfile h2 {
  margin-bottom: 20px;
  text-align:center;
}
.totojobsWrap .totojobsProfile p {
  margin:0;
  padding:0;
}
.totojobsWrap .totojobsProfile p{
  width: 100%;
  text-align:center;
}
.totojobsWrap .totojobsProfile p.totojobsProfileTitle {
  width: 100%;
  font-weight: bold;
}
.totojobsWrap .totojobsProfile p.totojobsProfileTitle:not(:first-of-type),
.totojobsWrap .totojobsProfile div.totojobsProfileTitle {
  margin-top: 20px;
}
.totojobsWrap h1 {
  /*color: #1251A0;*/
  color: #3088ce;
  font-weight: bold;
  margin-bottom: 50px;
  line-height: 1.1em;
}
.totojobsWrap h2 {
  /*color: #1251A0;*/
  color: #3088ce;
  margin-bottom: 10px;
}
.totojobsWrap .totojobsSection {
  margin-bottom: 30px;
}
.totojobsWrap .totojobsSection ul {
  list-style-type: disc !important;
  list-style-position: inside !important;
  list-style:disc !important;
  padding-left: 25px;
}
.totojobsWrap .totojobsSection ul li {
  display: list-item !important;
  list-style:disc !important;
  margin-bottom: 15px;
}
.totojobsWrap .totojobsContact .link-mail{
  white-space: wrap;
  width: auto !important;
}
.totojobsWrap .totojobsContact .link-mail::before{
  background-image: url(../assets/img/sprite-icons.png);
  background-position-y:31.5%;
  background-position-x:20%;
  width: 25px;
  height: 25px;
  content:' ';
  display: inline-block;
  background-size: 3100%;
}
.totojobsWrap .totojobsContact a {
  /*color: #1251A0;*/
  color: #3088ce;
}

.totojobsWrap .totojobsRow {
  width: 100%;
  border-top: 1px solid black;
  padding: 10px;
  overflow: auto;
}
.totojobsWrap .totojobsRow.rowHeader {
  background-color: #3088ce;
  color: #fff;
}
.totojobsWrap .totojobsRow:first-of-type {
  border-top: none;
}
.totojobsWrap .totojobsRow:nth-of-type(2) {
  border-top: none;
}
.totojobsWrap .totojobsRow:last-of-type {
  border-bottom: 1px solid black;
}
.totojobsWrap .totojobsRow .header {
  font-weight: bold;
}
.totojobsWrap .totojobsCellTitle {
  width: 450px;
  float: left;
}
.totojobsWrap .totojobsCellLocation {
  width: 160px;
  float: left;
  font-size: 0.8em;
  padding-left:5px;
}
.totojobsWrap .totojobsCellType {
  width: 160px;
  float: left;
  font-size: 0.8em;
  padding-left:5px;
}
.totojobsWrap .totojobsCellBegin {
  width: 160px;
  float: left;
  font-size: 0.8em;
  text-align: right;
  padding-right:5px;
}

@media only screen and (max-width: 1200px) {
  .totojobsWrap {
    width:90%;
    margin: 0 auto;
    float:none;
  }
  .totojobsWrap .totojobsLeft {
    width:100%;
    float:none;
  }
  .totojobsWrap .totojobsProfile {
    width:100%;
    float:none;
    margin-left:0px;
    margin-bottom: 20px;
  }
  .main .introduction__point__lead, .partsBlock p {
#hpc    width:90% !important;
    padding-left:0 !important;
  }

  .totojobsWrap .totojobsCellTitle {
    width: 100%;
    text-align: center;
  }
  .totojobsWrap .totojobsCellLocation,
  .totojobsWrap .totojobsCellType,
  .totojobsWrap .totojobsCellBegin {
    width: 33%;
    float: left;
    font-size: 0.8em;
    text-align: center;
  }
}
