/*** *** *** LESS *** *** ***/
body {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #212121;
}
header .inside,
footer .inside {
  max-width: 1180px;
  margin: 0 auto;
  padding-left: 60px;
  padding-right: 60px;
}
@media (max-width: 900px) {
  header .inside {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 780px) {
  footer .inside {
    padding-left: 6%;
    padding-right: 6%;
  }
}
#container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  max-width: 1300px;
  margin: 0 auto;
}
header .inside {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  position: static;
}
footer .inside {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
@media (max-width: 900px) and (min-width: 701px) {
  footer .inside {
    flex-flow: column wrap;
    max-height: 275px;
  }
}
@media (max-width: 700px) {
  footer .inside {
    flex-flow: column nowrap;
  }
}
#main {
  width: 100%;
}
#main > .inside > * {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 60px;
}
@media (max-width: 650px) {
  #main > .inside > * {
    margin: 0 5%;
  }
}
#main > .inside > *.full {
  margin: 0;
}
#main > .inside > *.full > .ce_text {
  padding-left: 60px;
  padding-right: 60px;
}
@media (max-width: 650px) {
  #main > .inside > *.full > .ce_text {
    padding-left: 5%;
    padding-right: 5%;
  }
}
#modals {
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -3000;
  background-color: rgba(235, 235, 235, 0.9);
  transition: opacity 0.25s, z-index 0.3s;
}
#modals .inside {
  position: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
h1 {
  font-size: 36px;
  line-height: 128%;
}
@media (max-width: 550px) {
  h1 {
    font-size: 30px;
    line-height: 120%;
    font-weight: 400 !important;
  }
}
h2 {
  font-size: 30px;
  line-height: 130%;
}
@media (max-width: 550px) {
  h2 {
    font-size: 28px;
    line-height: 128%;
  }
}
h3 {
  font-size: 20px;
  line-height: 133%;
}
h4 {
  font-size: 16px;
  line-height: 135%;
}
h1,
h2,
h3 {
  color: #e2001a;
}
h1,
h2,
h3 {
  font-weight: 300;
}
h3 {
  font-weight: 400;
}
h4,
h5,
h6,
strong,
b {
  font-weight: 500;
}
h2,
h3,
h4 {
  margin: 0;
}
h3 + h4 {
  margin-top: .7em;
}
h3 + p {
  margin-top: .3em;
}
h4 + p {
  margin-top: 0;
}
p + h2 {
  margin-top: 1.3em;
}
p + h3 {
  margin-top: 2em;
}
p + h4 {
  margin-top: 1.2em;
}
table ul {
  padding-left: 1.3em;
}
img {
  display: block;
}
header {
  position: sticky;
  top: -133px;
  z-index: 5000;
}
@media (max-width: 780px) {
  header {
    top: 0;
    background-color: #ffffff;
    box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.15);
  }
}
header nav {
  width: 100%;
  background: linear-gradient(30deg, #71000d 25%, #e2001a 65%, #f00500 100%);
  z-index: 1000;
}
header nav.block {
  overflow: visible;
}
header nav.hide ul.level_1 {
  display: none;
}
@media (min-width: 781px) {
  header nav .level_1 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    position: relative;
    height: 50px;
    margin: 0;
    background: linear-gradient(30deg, #71000d 15%, #e2001a 55%, #f00500 100%);
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    list-style: none;
    z-index: 1000;
  }
  header nav .level_1 > li > a {
    display: block;
    padding: 11px 1em;
    border: 2px solid #e2001a;
    border-color: transparent;
    border-radius: 6px;
  }
  header nav .level_1 > li > a.active,
  header nav .level_1 > li > a.trail {
    position: relative;
    top: -5px;
    padding-top: 16px;
    padding-bottom: 17px;
    background-color: #ffffff;
    border-bottom: 2px solid #e2001a;
    border-radius: 6px;
    color: #e2001a;
    border-color: #e2001a;
  }
  header nav .level_1 > li > a:hover,
  header nav .level_1 > li > a:focus,
  header nav .level_1 > li > a:active {
    position: relative;
    top: -5px;
    padding-top: 16px;
    padding-bottom: 17px;
    background-color: #ffffff;
    border-bottom: 2px solid #e2001a;
    border-radius: 6px;
    border-color: #e2001a;
    border-radius: 6px 6px 0 0;
    border-bottom: none;
  }
  header nav .level_1 > li > a:hover + .level_2,
  header nav .level_1 > li > a:focus + .level_2,
  header nav .level_1 > li > a:active + .level_2 {
    height: auto;
    border: 2px solid #e2001a;
    border-radius: 0 6px 6px;
  }
  header nav .level_1 > li {
    display: inline-block;
    position: relative;
  }
  header nav .level_1 > li:hover > a,
  header nav .level_1 > li:focus > a,
  header nav .level_1 > li:active > a {
    position: relative;
    top: -5px;
    padding-top: 16px;
    padding-bottom: 17px;
    background-color: #ffffff;
    border-bottom: 2px solid #e2001a;
    border-radius: 6px;
    color: #e2001a;
    border-color: #e2001a;
  }
  header nav .level_1 > li:hover .level_2,
  header nav .level_1 > li:focus .level_2,
  header nav .level_1 > li:active .level_2 {
    height: auto;
    border: 2px solid #e2001a;
    border-radius: 0 6px 6px;
  }
  header nav .level_1 > li.submenu.active {
    border-bottom: 2px solid #e2001a;
  }
  header nav .level_1 .submenu {
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
  }
  header nav .level_1 .submenu:hover > a,
  header nav .level_1 .submenu:focus > a,
  header nav .level_1 .submenu:active > a {
    position: relative;
    top: -5px;
    padding-top: 16px;
    padding-bottom: 17px;
    background-color: #ffffff;
    border-bottom: 2px solid #e2001a;
    border-radius: 6px;
    border-radius: 6px 6px 0 0;
    border-bottom: none;
  }
  header nav .level_1 .home,
  header nav .level_1 .home.active {
    padding: 0;
    background-color: transparent;
    border: none;
    text-indent: -10000px;
    position: absolute;
    top: 5px;
    left: 0;
    height: 40px;
    width: 40px;
    background-image: url('/files/templates/jobs4people-2020/img/logo-jobs4people-weiss-klein.svg');
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    transition: opacity .5s;
  }
  header nav .level_2 {
    position: absolute;
    top: 52px;
    height: 0;
    min-width: 220px;
    padding: 0;
    background-color: #ffffff;
    list-style: none;
    overflow: hidden;
    z-index: -1000;
  }
  header nav .level_2 > .last {
    margin-bottom: .5em;
  }
  header nav .level_2 a {
    display: block;
    padding: 8px 1em;
    color: #212121;
    font-weight: 400;
  }
  header nav .level_2 a:hover,
  header nav .level_2 a:focus,
  header nav .level_2 a:active {
    color: #e2001a;
  }
  header nav .level_2 a.active,
  header nav .level_2 a.tail,
  header nav .level_2 a.notActive {
    color: #e2001a;
  }
}
@media (max-width: 1200px) {
  header nav .level_1 {
    font-size: 18px;
  }
}
@media (max-width: 1100px) {
  header nav .level_1 {
    font-size: 16px;
  }
}
@media (max-width: 1000px) {
  header nav .level_1 {
    font-weight: normal;
  }
  header nav .level_1 > li > a {
    padding: 11px .5em;
  }
  header nav .level_1 > li > a.highlight span {
    padding: 2px 9px;
  }
}
@media (max-width: 900px) {
  header nav .level_1 {
    margin: 0 2%;
  }
}
@media (max-width: 850px) {
  header nav .level_1 {
    margin: 0 1.5%;
    font-size: 15px;
  }
}
header nav .highlight .highlight {
  padding: 11px 5px;
}
header nav .highlight .highlight span {
  padding: 2px 12px;
  background-color: #ffffff;
  border-radius: 5px;
  color: #e2001a;
}
header nav .only-mobile {
  display: none !important;
}
@media (max-width: 780px) {
  header nav .only-mobile {
    display: block !important;
  }
}
@media (max-width: 780px) {
  header nav {
    display: none;
  }
  header nav.open {
    display: block;
  }
  header nav * {
    box-sizing: border-box;
  }
  header nav .level_1 {
    margin: 0;
    padding: 6px 0;
    font-size: 20px;
    line-height: 24px;
  }
  header nav .level_1 > li {
    margin: 0;
    padding: 0;
  }
  header nav .level_1 > li > a:hover {
    color: #ffffff;
    text-decoration: underline;
  }
  header nav .level_1 > li.active .level_2,
  header nav .level_1 > li.notActive .level_2,
  header nav .level_1 > li.trail .level_2,
  header nav .level_1 > li.notTrail .level_2 {
    display: block;
  }
  header nav .level_2 {
    display: none;
    padding: 0 0;
  }
  header nav .level_2 > li {
    margin: 0;
    padding: 0;
  }
  header nav .level_2 > li > a {
    background-color: #ffffff;
    color: #212121;
  }
  header nav .level_2 > li > a:hover {
    color: #e2001a;
    text-decoration: underline;
  }
  header nav .level_2 .active > a {
    color: #e2001a;
  }
  header nav ul {
    list-style: none;
  }
  header nav a {
    display: block;
    width: 100%;
    padding: 12px 6% 11px !important;
  }
  header nav .submenu {
    position: relative;
  }
  header nav .submenu::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 9px;
    height: 27px;
    width: 27px;
    background-image: url(/files/templates/jobs4people-2020/img/icon-accordion.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transform-origin: center;
    transition: transform .5s;
  }
  header nav .submenu:hover::after,
  header nav .submenu.active::after {
    transform: rotate(90deg);
    transition: transform .5s;
  }
  header nav .submenu:hover .level_2 {
    display: block !important;
  }
}
@media (min-width: 781px) {
  header nav::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(90deg, #71000d 50%, #f00500 50%);
    z-index: -1000;
  }
}
header .logo {
  width: 35%;
  margin: 33px 0 30px;
}
@media (max-width: 900px) {
  header .logo {
    width: 48%;
    margin-left: 3%;
  }
}
@media (max-width: 780px) {
  header .logo {
    width: 65%;
    margin: 15px 0 13px 3%;
  }
}
header .logo img {
  height: 70px;
  width: auto;
}
header .buttons {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  width: 65%;
  margin: 35px 0 21px;
}
@media (max-width: 900px) {
  header .buttons {
    width: 43%;
    margin-right: 3%;
  }
}
@media (max-width: 780px) {
  header .buttons {
    width: 25%;
    margin: 17px 3% 13px;
  }
  header .buttons .menu {
    display: block;
    position: relative;
    top: 3px;
    width: 55px;
    height: 55px;
  }
  header .buttons .menu.open {
    display: block;
  }
  header .buttons .menu.close {
    display: none;
  }
  header .buttons .menu.show {
    display: block;
  }
  header .buttons .menu.hide {
    display: none;
  }
}
header .buttons .callback img {
  height: 60px;
  width: auto;
}
header .buttons .application img {
  height: 60px;
  width: auto;
}
@media (max-width: 780px) {
  header .buttons .callback,
  header .buttons .application {
    display: none;
  }
}
header .buttons .menu {
  display: none;
}
header .buttons .ce_image {
  overflow: visible;
}
header .buttons a {
  display: block;
  border-radius: 7px;
}
header .buttons a:hover,
header .buttons a:focus,
header .buttons a:active {
  background-color: #ffffff;
  box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.15);
}
header a {
  color: #ffffff;
  text-decoration: none;
}
header a:hover,
header a:focus,
header a:active {
  color: #e2001a;
}
header.sticky li.home,
header.sticky li.home.active {
  opacity: 1;
  transition: opacity 1s;
}
footer {
  font-size: 15px;
  line-height: 25px;
  background: linear-gradient(90deg, #71000d 50%, #f00500 50%);
  color: #ffffff;
}
footer .inside {
  padding-top: 3em;
  padding-bottom: 2.5em;
  background: linear-gradient(30deg, #71000d 25%, #e2001a 65%, #f00500 100%);
}
footer .inside > * {
  margin-top: 0;
  margin-right: 10%;
  overflow: visible;
}
footer .social {
  max-width: 215px;
  margin-top: 1em;
}
footer .social img {
  height: 30px;
  width: auto;
}
footer .social ul {
  display: flex;
  flex-flow: row wrap;
}
footer .social .row_0 {
  width: 20%;
  margin-top: 2.5%;
}
footer .social .row_1 {
  margin-top: 11.5%;
}
footer .social .row_1 img {
  max-height: 20px;
}
footer .social .row_last {
  margin-right: 6%;
}
footer h4 {
  margin: 0;
}
footer p {
  margin-top: 0;
}
footer a {
  color: #ffffff;
}
@media (max-width: 900px) {
  footer .ce_text.last {
    margin-top: 2em;
  }
}
#main .inside {
  padding-top: 0;
  padding-bottom: 2em;
}
#main h1 a,
#main h2 a,
#main h3 a {
  color: #e2001a;
}
#main h1 a:hover,
#main h2 a:hover,
#main h3 a:hover,
#main h1 a:focus,
#main h2 a:focus,
#main h3 a:focus,
#main h1 a:active,
#main h2 a:active,
#main h3 a:active {
  text-decoration: underline;
}
#main a {
  color: #212121;
}
#main a:hover,
#main a:focus,
#main a:active {
  color: #e2001a;
}
#main {
  color: #212121;
}
@media (max-width: 500px) {
  #main figure {
    width: 100%;
    max-width: none !important;
    margin-right: 0;
    margin-left: 0;
  }
}
#main figure.float_left {
  margin-right: 1.5em;
}
#main figure .border {
  border: 1px solid #b7b7b7;
}
#main figure .portrait {
  margin: 0 2em 2em 0;
}
.layout_news_start > * > *:last-child {
  margin-bottom: 0;
}
.mod_article > .ce_text {
  width: 100%;
  max-width: 800px;
}
.mod_newslist .layout_latest_press .info time {
  font-weight: 600;
}
.mod_newslist .layout_latest_press .info span {
  font-style: italic;
}
.mod_newslist .layout_latest_press .ce_text > *:last-child {
  margin-bottom: 0;
}
.mod_newsreader .layout_full_press .info time {
  font-weight: 600;
}
.mod_newsreader .layout_full_press .info span {
  font-style: italic;
}
.mod_newsreader .layout_news_full .info {
  display: none;
}
.mod_newsreader .layout_news_full .ce_text > *:first-child {
  margin-top: .6em !important;
}
.mod_eventlist {
  overflow: visible;
}
.mod_eventlist .layout_teaser_event .time {
  margin: 0;
  font-weight: 600;
}
.mod_eventlist .layout_teaser_event .location {
  margin: 0;
  font-style: italic;
}
.mod_eventlist .layout_teaser_event .ce_text > *:last-child {
  margin-bottom: 0;
}
.mod_eventlist .layout_upcoming_marginal .location {
  display: block;
  font-style: italic;
}
.mod_eventlist .layout_upcoming_marginal time {
  display: block;
  font-weight: 600;
}
.mod_eventlist .layout_upcoming_marginal a {
  display: block;
  position: relative;
  left: -1em;
  width: calc(100% - 1em);
  padding: 1em;
  text-decoration: none;
}
.mod_eventlist .layout_upcoming_marginal a:hover,
.mod_eventlist .layout_upcoming_marginal a:focus,
.mod_eventlist .layout_upcoming_marginal a:active {
  text-decoration: none;
  background-color: rgba(226, 0, 26, 0.08);
}
.mod_eventlist .layout_upcoming_marginal div {
  position: relative;
  left: -1em;
  width: calc(100% - 1em);
  padding: 1em;
}
.mod_eventlist h2 {
  margin-bottom: 4px;
}
.mod_eventlist.mod_eventlist_upcoming_marginal h2 a {
  color: #e2001a !important;
  text-decoration: none;
}
.mod_eventlist.mod_eventlist_upcoming_marginal h2 a:hover,
.mod_eventlist.mod_eventlist_upcoming_marginal h2 a:focus,
.mod_eventlist.mod_eventlist_upcoming_marginal h2 a:active {
  text-decoration: underline;
}
.mod_eventreader .layout_full_event .info {
  margin: 0;
  font-weight: 600;
}
.mod_eventreader .layout_full_event .location {
  margin: 0;
  font-style: italic;
}
@keyframes leistung-hover {
  0% {
    transform: scale3d(1, 1, 1);
  }
  5% {
    transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes buttonSubmit {
  0% {
    background-position: 0% 51%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 51%;
  }
}
.ce_text > *:first-child {
  margin-top: 1em;
}
.ce_text.leistung {
  width: 100%;
  max-width: 1030px;
  margin-right: 0 !important;
  border-radius: 7px;
  background-color: #f8f8f8;
}
.ce_text.leistung > a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-top: 0 !important;
  text-decoration: none;
}
.ce_text.leistung > a .link {
  text-decoration: underline;
}
.ce_text.leistung > a:hover,
.ce_text.leistung > a:focus,
.ce_text.leistung > a:active {
  color: #212121 !important;
}
.ce_text.leistung > a:hover .link,
.ce_text.leistung > a:focus .link,
.ce_text.leistung > a:active .link {
  color: #e2001a;
}
.ce_text.leistung > a:hover h2,
.ce_text.leistung > a:focus h2,
.ce_text.leistung > a:active h2 {
  text-decoration: underline;
}
.ce_text.leistung > a:hover img,
.ce_text.leistung > a:focus img,
.ce_text.leistung > a:active img {
  animation: leistung-hover 1.25s;
  animation-fill-mode: forwards;
}
.ce_text.leistung .image {
  width: 34%;
  margin-right: 6%;
  overflow: hidden;
  border-radius: 7px;
}
.ce_text.leistung .text {
  width: 55%;
  margin-right: 5%;
  padding: 1em 0;
}
.ce_text.leistung .text h2 {
  margin-top: 0;
}
.ce_text.leistung .text p {
  max-width: 425px;
}
.ce_text.leistung .text > *:last-child {
  margin-bottom: 0;
}
.ce_text.leistung + .leistung {
  margin-top: 25px;
}
@media (max-width: 900px) {
  .ce_text.leistung {
    width: 48.5%;
    margin: 0;
    margin-bottom: 3%;
  }
  .ce_text.leistung > a {
    flex-flow: row wrap;
  }
  .ce_text.leistung .image {
    width: 100%;
    margin: 0;
  }
  .ce_text.leistung .image img {
    width: 100%;
    height: auto;
  }
  .ce_text.leistung .text {
    width: 100%;
    padding: 1em 1em 1em 2em;
  }
  .ce_text.leistung .text h2 {
    word-break: break-word;
  }
  .ce_text.leistung + .leistung {
    margin-top: 0;
  }
  .ce_text.leistung:nth-child(2n-1) {
    margin-left: 3%;
  }
}
@media (max-width: 670px) {
  .ce_text.leistung {
    width: 80%;
    margin: 0;
    margin-bottom: 5%;
  }
  .ce_text.leistung:nth-child(2n-1) {
    margin-left: 0;
  }
}
@media (max-width: 470px) {
  .ce_text.leistung {
    width: 100%;
    margin-bottom: 8%;
  }
}
.ce_text.kontakt.klein {
  width: 21%;
  margin: 0 !important;
  max-width: unset;
}
.ce_text.kontakt.klein .image {
  height: auto;
  width: 100%;
  border-radius: 1000px;
  overflow: hidden;
}
.ce_text.kontakt.klein .text h3 {
  margin-top: 1.25em;
}
@media (max-width: 1200px) {
  .ce_text.kontakt.klein {
    word-wrap: break-word;
  }
}
@media (max-width: 1100px) {
  .ce_text.kontakt.klein {
    min-width: 200px;
    padding: 0 10px;
  }
}
.ce_text ul {
  padding-left: 1.3em;
}
.ce_text blockquote {
  position: relative;
  margin: 2.1em 1.9em;
  font-size: 1.1em;
  line-height: 145%;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}
.ce_text blockquote::before {
  content: '”';
  position: absolute;
  top: 10px;
  left: -.55em;
  margin-bottom: 0;
  font-size: 70px;
  color: #e2001a;
}
.ce_text blockquote *:last-child {
  margin-bottom: 0;
  margin-top: 0;
  font-size: .8em;
  line-height: 130%;
  font-style: normal;
}
.ce_text blockquote *:first-child {
  margin-bottom: inherit;
  margin-top: inherit;
  font-size: inherit;
}
.ce_text blockquote *:nth-last-child(2) {
  margin-bottom: .0em;
}
.ce_table table,
.ce_text table {
  width: 100% !important;
  margin-top: .8em;
  margin-bottom: 1.5em;
  border-spacing: 0;
}
.ce_table th,
.ce_text th {
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
.ce_table tr > *:first-child,
.ce_text tr > *:first-child {
  padding-left: 0;
}
.ce_table tr:hover,
.ce_text tr:hover {
  background-color: rgba(226, 0, 26, 0.05);
}
.ce_table tr + tr > td,
.ce_text tr + tr > td {
  border-top: 1px solid #b7b7b7;
}
.ce_table td,
.ce_text td {
  padding: 8px;
}
.ce_table td > *:last-child,
.ce_text td > *:last-child {
  margin-bottom: 0;
}
.ce_headline {
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin: 1.5em 0 1em;
  text-align: center;
}
.ce_headline::before {
  position: relative;
  display: inline-block;
  top: calc(50% - 18px);
  width: 50px;
  height: 50px;
  margin-right: .4em;
  background-repeat: no-repeat;
  background-size: contain;
}
.ce_headline.height {
  margin-left: 80px;
  text-align: left;
}
.ce_headline.height::before {
  position: absolute;
  top: calc(50% - 25px);
  left: -66px;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
}
.ce_headline.unternehmen::before {
  content: "";
  background-image: url(/files/templates/jobs4people-2020/img/icon-unternehmen.svg);
}
.ce_headline.kandidaten::before {
  content: "";
  background-image: url(/files/templates/jobs4people-2020/img/icon-kandidaten.svg);
}
.ce_headline.team::before {
  content: "";
  background-image: url(/files/templates/jobs4people-2020/img/icon-team.svg);
}
.ce_headline.stellenangebote::before,
.ce_headline.jobs::before {
  content: "";
  background-image: url(/files/templates/jobs4people-2020/img/icon-stellenangebote.svg);
}
.ce_headline.standort::before {
  content: "";
  background-image: url(/files/templates/jobs4people-2020/img/icon-standort.svg);
}
.ce_headline.standort::before {
  content: "";
  background-image: url(/files/templates/jobs4people-2020/img/icon-standort.svg);
}
.ce_headline.referenz::before {
  content: "";
  background-image: url(/files/templates/jobs4people-2020/img/icon-referenzen.svg);
}
.ce_headline.netzwerk::before {
  content: "";
  background-image: url(/files/templates/jobs4people-2020/img/icon-netzwerk.svg);
}
.ce_headline.neuorientierung::before {
  content: "";
  background-image: url(/files/templates/jobs4people-2020/img/icon-neuorientierung.svg);
}
.ce_headline.ausbildung-personalberatung::before {
  content: "";
  background-image: url(/files/templates/jobs4people-2020/img/icon-ausbildung-personalberatung.svg);
}
.ce_headline.j4p::before {
  content: "";
  background-image: url(/files/templates/jobs4people-2020/img/icon-platzhalter.svg);
}
@media (max-width: 550px) {
  .ce_headline {
    margin: 2em 0 1.5em;
  }
  .ce_headline::before {
    display: none;
  }
}
.ce_headline + .ce_text > h2:first-child {
  margin-top: .333em;
}
.ce_downloads ul {
  padding-left: 0;
}
.ce_accordion {
  width: 100%;
  border-bottom: 0;
}
.ce_accordion .toggler {
  position: relative;
  padding: 6px 40px 5px 65px;
  border-radius: 7px;
  background-color: #f8f8f8;
  color: #e2001a;
  font-size: 30px;
  font-weight: 300;
  line-height: 40px;
  cursor: pointer;
}
.ce_accordion .toggler.ui-state-active::before {
  transform: rotate(450deg);
  transition: transform 1s;
}
.ce_accordion .toggler.ui-state-active.ui-state-hover::before {
  transform: rotate(360deg);
  transition: transform .5s;
}
.ce_accordion .toggler.ui-state-hover::before {
  transform: rotate(90deg);
  transition: transform .5s;
}
.ce_accordion .toggler::before {
  content: '';
  position: absolute;
  left: 19px;
  top: calc(50% - (27px / 2));
  width: 27px;
  height: 27px;
  background-image: url('/files/templates/jobs4people-2020/img/icon-accordion.svg');
  background-repeat: no-repeat;
  transform-origin: center;
  transition: transform .5s;
}
.ce_accordion .accordion {
  margin: 10px 65px;
}
@media (max-width: 1200px) {
  .ce_accordion .accordion {
    margin: 10px 0;
  }
}
.ce_accordion .accordion .ce_text {
  max-width: 800px;
}
@media (max-width: 1200px) {
  .ce_accordion .accordion .ce_text {
    margin: 0 auto;
  }
}
.ce_accordion.trainer .accordion > div {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.ce_accordion:not(.trainer) .accordion > div .ce_text.kontakt.klein {
  clear: none;
  float: left;
  padding-right: 2%;
}
.ce_accordion:not(.trainer) .accordion > div > * {
  clear: both;
}
.ce_accordion + .ce_accordion {
  margin-top: 8px;
}
.ce_text + .ce_accordion {
  margin-top: 2em;
}
.team-elemente {
  position: relative;
  top: -1em;
  overflow: visible;
}
.team-elemente .ce_team_kontakt {
  box-sizing: border-box;
  width: 29.3333%;
  margin: 2%;
  border: 7px solid #ffffff;
  border-radius: 7px;
  background-color: #f8f8f8;
  display: inline-block;
  perspective: 1000px;
}
.team-elemente .ce_team_kontakt:nth-child(3n-2) {
  box-shadow: -10px 15px 20px 1px rgba(0, 0, 0, 0.15);
}
.team-elemente .ce_team_kontakt:nth-child(3n-1) {
  box-shadow: 0 15px 20px 1px rgba(0, 0, 0, 0.15);
}
.team-elemente .ce_team_kontakt:nth-child(3n-0) {
  box-shadow: 10px 15px 20px 1px rgba(0, 0, 0, 0.15);
}
.team-elemente .ce_team_kontakt .card {
  position: relative;
  cursor: pointer;
  transition-duration: 0.6s;
  transition-timing-function: ease-in-out;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
}
.team-elemente .ce_team_kontakt .card .front,
.team-elemente .ce_team_kontakt .card .back {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 7% 7% 3%;
  overflow: hidden;
  -webkit-perspective: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  visibility: visible;
  backface-visibility: hidden;
}
.team-elemente .ce_team_kontakt .card .front::after,
.team-elemente .ce_team_kontakt .card .back::after {
  content: '';
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 27px;
  height: 27px;
  background-image: url('/files/templates/jobs4people-2020/img/icon-accordion.svg');
  background-repeat: no-repeat;
  transform-origin: center;
  transition: transform .5s;
}
.team-elemente .ce_team_kontakt .card .front:hover::after,
.team-elemente .ce_team_kontakt .card .back:hover::after {
  transform: rotate(90deg);
  transition: transform .5s;
}
.team-elemente .ce_team_kontakt .card .front {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: flex-start;
  position: relative;
  z-index: 2;
  text-align: center;
}
.team-elemente .ce_team_kontakt .card .front figure {
  width: 230px;
  border-radius: 5000px;
  overflow: hidden;
}
.team-elemente .ce_team_kontakt .card .back {
  transform: rotateY(-180deg);
}
.team-elemente .ce_team_kontakt .card .back::after {
  transform: rotate(180deg);
}
.team-elemente .ce_team_kontakt .card .back:hover::after {
  transform: rotate(90deg);
  transition: transform .5s;
}
.team-elemente .ce_team_kontakt .card .back h2 {
  margin-top: 0;
}
.team-elemente .ce_team_kontakt .card .social-media {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin: 10px 0 30px;
}
.team-elemente .ce_team_kontakt .card .social-media figure {
  margin-right: 16px;
  max-height: 100px;
  width: auto;
  border-radius: 0;
}
.team-elemente .ce_team_kontakt .card .social-media figure:last-child {
  margin-right: 0;
}
.team-elemente .ce_team_kontakt .card .social-media img {
  height: 40px;
  background: transparent;
}
.team-elemente .ce_team_kontakt .card .social-media img:hover {
  box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.15);
}
.team-elemente .ce_team_kontakt.hover .card {
  transform: rotateY(-180deg);
}
@media (max-width: 1200px) {
  .team-elemente .ce_team_kontakt {
    width: 44%;
    margin: 3%;
  }
}
@media (max-width: 900px) {
  .team-elemente .ce_team_kontakt {
    width: 80%;
    margin: 2%;
  }
}
@media (max-width: 780px) {
  .team-elemente .ce_team_kontakt {
    width: 90%;
    margin: 2%;
  }
}
@media (max-width: 500px) {
  .team-elemente .ce_team_kontakt {
    width: 100%;
    margin: 3% 0;
  }
}
.company {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
  text-align: center;
}
.company h1 {
  margin-top: 1.15em;
  margin-bottom: .05em;
}
.company h2 {
  margin-top: 1em;
  margin-bottom: 2em;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  color: #212121;
}
.company .ce_text {
  margin-right: 0;
  padding: 0 6%;
}
.teaser {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between !important;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  overflow: visible;
}
.teaser .leistung {
  box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  padding: 1.25em;
  border-radius: 7px;
  border: 7px solid #ffffff;
  background-color: #f8f8f8;
  margin: 0 !important;
  width: calc((100% / 2) - 10px);
}
.teaser .leistung h2 {
  margin-top: 0 !important;
}
@media (max-width: 900px) {
  .teaser .leistung {
    width: 100%;
  }
  .teaser .leistung + .leistung {
    margin-top: 2em !important;
  }
}
.teaser .unternehmen h2 a::before {
  background-image: url(/files/templates/jobs4people-2020/img/icon-unternehmen.svg);
}
.teaser .kandidaten h2 a::before {
  background-image: url(/files/templates/jobs4people-2020/img/icon-kandidaten.svg);
}
.teaser .kandidaten a {
  display: block;
}
.teaser .stellenangebote {
  position: relative;
  text-decoration: none;
  padding: 5px 15px;
  padding-left: 0;
}
.teaser .stellenangebote::after {
  content: '';
  position: absolute;
  top: 0px;
  width: 27px;
  height: 27px;
  margin-left: 8px;
  background-image: url(/files/templates/jobs4people-2020/img/icon-stellenangebote-small.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.teaser h2 {
  position: relative;
  margin: 0;
}
.teaser h2 a {
  display: block;
  padding-top: 5px;
  padding-left: 60px;
  text-decoration: none;
}
.teaser h2 a::before {
  content: '';
  position: absolute;
  top: calc(50% - 23px);
  left: -4px;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
}
.teaser p {
  margin-left: 60px;
  margin-right: 60px;
}
@media (max-width: 550px) {
  .teaser p {
    margin-left: 0;
    margin-right: 0;
  }
}
.reference > .ce_text > h2:last-child {
  margin-bottom: 1em;
}
.reference .start .slider.wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  position: relative;
}
.reference .start .slider.wrapper.count-1 {
  display: none;
}
.reference .start .content-slider {
  box-sizing: border-box;
  width: calc(100% - 35px * 2);
}
.reference .start .none-content-slider {
  margin: 0 40px;
}
.reference .start .slider-wrapper {
  display: flex;
  align-items: stretch;
}
.reference .start .slide_page {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.reference .start .slider-control {
  position: absolute;
  top: calc((100% / 2) - (20px / 2));
  width: 100%;
  height: 20px;
}
.reference .start .slider-control .slider-prev::before {
  background-image: url(/files/templates/jobs4people-2020/img/icon-pfeil-links.svg);
  left: 0;
}
.reference .start .slider-control .slider-next::before {
  background-image: url(/files/templates/jobs4people-2020/img/icon-pfeil-rechts.svg);
  right: 0;
}
.reference .start .slider-control .slider-prev,
.reference .start .slider-control .slider-next {
  text-indent: -5000px;
}
.reference .start .slider-control .slider-prev::before,
.reference .start .slider-control .slider-next::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 22px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.reference .start .slider-control .slider-menu {
  display: none;
}
.reference .start .slider-control a {
  top: 0;
}
.reference .start .none-slider-control {
  display: none;
}
.reference .start .layout_short_referenzen {
  box-sizing: border-box;
  padding: 1.5em;
  border-radius: 7px;
  background-color: #f8f8f8;
  width: calc((100% / 2) - 10px);
  padding-top: .5em;
  padding-left: 2em;
}
.reference .start .layout_short_referenzen .ce_text {
  font-style: italic;
}
.reference .start .layout_short_referenzen strong {
  font-weight: 400;
}
.reference .start .count-3 .layout_short_referenzen {
  width: calc((100% / 3) - 10px);
  padding-top: .5em;
  padding-left: 2em;
}
.reference .start .count-1 .content-slider {
  left: 35px;
}
.reference .start .count-1 .slide_page {
  flex-flow: row wrap;
}
.reference .start .count-1 .layout_short_referenzen {
  width: 100%;
}
@media (max-width: 900px) {
  .reference .start .count-2 {
    display: none !important;
  }
  .reference .start .count-3 {
    display: none !important;
  }
  .reference .start .count-1 {
    display: block !important;
  }
}
@media (max-width: 550px) {
  .reference .start .count-1 .content-slider {
    width: 100%;
    left: 0;
  }
  .reference .start .count-1 .slider-control {
    top: initial;
    bottom: 5px;
  }
  .reference .start .count-1 .slider-control .slider-prev::before,
  .reference .start .count-1 .slider-control .slider-next::before {
    padding: 5px;
  }
  .reference .start .count-1 .slide_page {
    margin-bottom: 35px;
  }
}
.reference h2 {
  position: relative;
}
.reference h2 a {
  display: block;
  padding-top: 5px;
  padding-left: 87px;
  text-decoration: none;
}
.reference h2 a::before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: -5px;
  left: 23px;
  width: 50px;
  background-image: url(/files/templates/jobs4people-2020/img/icon-referenzen.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.reference.-seite h2 {
  padding-top: 5px;
  padding-left: 87px;
  max-width: 1100px;
}
@media (max-width: 800px) {
  .reference.-seite h2 {
    padding-left: 0;
    margin-left: 70px;
    margin-right: 70px;
  }
}
@media (max-width: 550px) {
  .reference.-seite h2 {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 550px) {
  .reference.-seite > .ce_text p {
    margin-right: 0;
    margin-left: 0;
  }
}
.reference > .ce_text {
  max-width: unset;
}
.reference > .ce_text p {
  padding-left: 87px;
  max-width: 780px;
}
@media (max-width: 1050px) {
  .reference > .ce_text p {
    margin-right: 87px;
  }
}
@media (max-width: 800px) {
  .reference > .ce_text p {
    padding-left: 0;
    margin-right: 70px;
    margin-left: 70px;
  }
}
@media (max-width: 550px) {
  .reference > .ce_text p {
    margin-right: 33px;
    margin-left: 33px;
  }
}
.reference .mod_newslist + .ce_text,
.reference .mod_newslist + .mod_newslist {
  margin-top: 40px;
}
.mod_article > .stellenangebote {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  position: relative;
  max-width: 1000px;
  width: calc(100% - 120px);
  margin: 0 60px;
  margin-bottom: 30px;
}
.mod_article > .stellenangebote > * {
  box-sizing: border-box;
  margin: 0 2%;
}
.mod_article > .stellenangebote .filterTool {
  width: 30%;
  padding: 20px;
  border-radius: 7px;
  background-color: #f8f8f8;
}
.mod_article > .stellenangebote .filterTool fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.mod_article > .stellenangebote .filterTool fieldset > strong {
  display: block;
  margin-top: 1em;
  margin-bottom: .5em;
}
.mod_article > .stellenangebote .filterTool fieldset div.checkbox {
  position: relative;
  margin-bottom: .3em;
}
.mod_article > .stellenangebote .filterTool fieldset .prio-1 {
  display: none;
}
.mod_article > .stellenangebote .filterTool fieldset .prio-1.open {
  display: block;
}
.mod_article > .stellenangebote .filterTool fieldset .filterOrtMore {
  display: block;
  margin-top: .5em;
  text-decoration: underline;
  cursor: pointer;
}
.mod_article > .stellenangebote .filterTool input[type='checkbox']:checked,
.mod_article > .stellenangebote .filterTool input[type='radio']:checked,
.mod_article > .stellenangebote .filterTool input[type='checkbox']:not(:checked),
.mod_article > .stellenangebote .filterTool input[type='radio']:not(:checked) {
  background: transparent;
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
}
.mod_article > .stellenangebote .filterTool input[type='checkbox']:checked + label::before,
.mod_article > .stellenangebote .filterTool input[type='radio']:checked + label::before,
.mod_article > .stellenangebote .filterTool input[type='checkbox']:not(:checked) + label::before,
.mod_article > .stellenangebote .filterTool input[type='radio']:not(:checked) + label::before {
  content: ' ';
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: left;
}
.mod_article > .stellenangebote .filterTool input[type='checkbox'] + label,
.mod_article > .stellenangebote .filterTool input[type='radio'] + label {
  display: block;
  padding-left: 30px;
  cursor: pointer;
}
.mod_article > .stellenangebote .filterTool input[type='radio']:not(:checked) + label::before {
  background-image: url("/files/templates/jobs4people/svg/form-elements-radio-unchecked.svg");
}
.mod_article > .stellenangebote .filterTool input[type='radio']:checked + label::before {
  background-image: url("/files/templates/jobs4people/svg/form-elements-radio-checked.svg");
}
.mod_article > .stellenangebote .filterTool input[type='checkbox']:not(:checked) + label::before {
  background-image: url("/files/templates/jobs4people/svg/form-elements-checkbox-unchecked.svg");
}
.mod_article > .stellenangebote .filterTool input[type='checkbox']:checked + label::before {
  background-image: url("/files/templates/jobs4people/svg/form-elements-checkbox-checked.svg");
}
.mod_article > .stellenangebote .stellen {
  width: 70%;
}
.mod_article > .stellenangebote .stellen a {
  display: block;
  padding: 7px 0;
  text-decoration: none;
}
.mod_article > .stellenangebote .stellen a:hover,
.mod_article > .stellenangebote .stellen a:active,
.mod_article > .stellenangebote .stellen a:focus {
  text-decoration: underline;
}
.mod_article > .stellenangebote h1 {
  display: none;
}
@media (max-width: 1200px) {
  .mod_article > .stellenangebote {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .mod_article > .stellenangebote .filterTool {
    margin-left: 0;
  }
  .mod_article > .stellenangebote .stellen {
    margin-right: 0;
  }
}
@media (max-width: 900px) {
  .mod_article > .stellenangebote .filterTool {
    width: 33%;
  }
  .mod_article > .stellenangebote .stellen {
    width: 63%;
  }
}
@media (max-width: 780px) {
  .mod_article > .stellenangebote {
    flex-flow: row wrap;
  }
  .mod_article > .stellenangebote .filterTool {
    position: relative;
    left: 0;
    width: calc(100% + 80px);
    margin: 0;
    flex-shrink: 0;
  }
  .mod_article > .stellenangebote .stellen {
    width: 100%;
    margin: 0;
    margin-top: 5%;
  }
  .mod_article > .stellenangebote .filterCheck .wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0;
  }
  .mod_article > .stellenangebote .filterCheck fieldset {
    width: 23%;
  }
}
@media (max-width: 650px) {
  .mod_article > .stellenangebote .filterTool {
    position: relative;
    width: 100%;
    flex-shrink: 0;
  }
  .mod_article > .stellenangebote .filterCheck fieldset {
    width: 48%;
  }
}
@media (max-width: 450px) {
  .mod_article > .stellenangebote .filterCheck fieldset {
    width: 100%;
  }
}
.sb-2020-sb #main .inside .mod_article {
  overflow: visible;
}
.sb-2020-sa .button-flex {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  margin-left: calc(50% - 400px);
}
.sb-2020-sa .button-flex > h1 {
  width: calc(100% - 200px);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}
.sb-2020-sa .button-flex > a {
  box-sizing: border-box;
  position: relative !important;
  top: initial !important;
  right: initial !important;
  bottom: initial !important;
  left: initial !important;
  width: 195px;
}
@media (max-width: 1000px) {
  .sb-2020-sa .button-flex {
    flex-flow: row wrap;
    justify-content: center;
    max-width: 800px;
    margin: 0 60px;
  }
  .sb-2020-sa .button-flex > h1 {
    width: 100%;
  }
  .sb-2020-sa .button-flex > a {
    margin: 5px 0 25px !important;
    width: 230px;
  }
}
@media (max-width: 650px) {
  .sb-2020-sa .button-flex {
    margin: 0 5%;
  }
}
@media (max-width: 550px) {
  .sb-2020-sa .button-flex > h1 {
    font-size: 30px;
    line-height: 120%;
    font-weight: 400 !important;
  }
}
.sb-2020-sa.coveto .button-flex {
  padding: 0 !important;
  max-width: unset !important;
}
.sb-2020-sa.coveto .mod_article > *:not(.button-flex):not(.bewerben):not(.kontakt) {
  width: 100%;
  max-width: 800px;
  padding-left: 60px;
  padding-right: 60px;
}
@media (max-width: 650px) {
  .sb-2020-sa.coveto .mod_article > *:not(.button-flex):not(.bewerben):not(.kontakt) {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.sb-2020-sa.coveto .mod_article ul li {
  position: relative;
  left: 1.3em;
  width: calc(100% - 1.3em);
}
.sb-2020-sa.coveto .amaHero {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 500px !important;
}
@media (max-width: 1300px) {
  .sb-2020-sa.coveto .amaHero {
    min-height: 37vw !important;
  }
}
.sb-2020-sa #main .ruf,
.sb-2020-sbw #main .ruf {
  display: none;
}
.sb-2020-sa h1,
.sb-2020-sbw h1 {
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  margin: 1.666em auto .5em;
  padding-right: 1em;
}
.sb-2020-sa h1 span,
.sb-2020-sbw h1 span {
  color: #969494;
}
.sb-2020-sa .kontakt,
.sb-2020-sbw .kontakt {
  width: 100%;
  max-width: 880px;
  margin: 30px 0;
  background-color: #f8f8f8;
  border-radius: 7px;
}
.sb-2020-sa .kontakt .wrapper,
.sb-2020-sbw .kontakt .wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.sb-2020-sa .kontakt .wrapper > div,
.sb-2020-sbw .kontakt .wrapper > div {
  box-sizing: border-box;
  width: 50%;
}
.sb-2020-sa .kontakt .wrapper > div.kontakt,
.sb-2020-sbw .kontakt .wrapper > div.kontakt {
  margin: 0;
  padding: 1.7em 40px;
}
.sb-2020-sa .kontakt .wrapper > div.ce_image,
.sb-2020-sbw .kontakt .wrapper > div.ce_image {
  max-width: 400px;
}
.sb-2020-sa .kontakt .wrapper > div.ce_image figure,
.sb-2020-sbw .kontakt .wrapper > div.ce_image figure {
  border-radius: 7px;
  overflow: hidden;
}
@media (max-width: 550px) {
  .sb-2020-sa .kontakt .wrapper,
  .sb-2020-sbw .kontakt .wrapper {
    flex-flow: wrap-reverse;
    justify-content: center;
  }
  .sb-2020-sa .kontakt .wrapper > div.ce_image,
  .sb-2020-sbw .kontakt .wrapper > div.ce_image {
    width: 100%;
    max-width: 300px;
    padding-top: 30px;
  }
  .sb-2020-sa .kontakt .wrapper > div.ce_image picture,
  .sb-2020-sbw .kontakt .wrapper > div.ce_image picture {
    display: block;
    width: 50vw;
    height: 50vw;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
  }
  .sb-2020-sa .kontakt .wrapper > div.ce_image picture img,
  .sb-2020-sbw .kontakt .wrapper > div.ce_image picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .sb-2020-sa .kontakt .wrapper > div.kontakt,
  .sb-2020-sbw .kontakt .wrapper > div.kontakt {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    text-align: center;
  }
}
.sb-2020-sa .kontakt .social-media,
.sb-2020-sbw .kontakt .social-media {
  display: flex;
  flex-flow: row nowrap;
  margin: 10px 0 30px;
}
.sb-2020-sa .kontakt .social-media figure,
.sb-2020-sbw .kontakt .social-media figure {
  margin-right: 16px;
  max-height: 100px;
}
.sb-2020-sa .kontakt .social-media img,
.sb-2020-sbw .kontakt .social-media img {
  height: 40px;
  background: transparent;
}
.sb-2020-sa .kontakt .social-media img:hover,
.sb-2020-sbw .kontakt .social-media img:hover {
  box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.15);
}
.sb-2020-sa .kontakt .button_ruf,
.sb-2020-sbw .kontakt .button_ruf {
  display: inline-block;
  position: relative;
  padding: 15px;
  padding-left: 40px;
  background-color: #ffffff;
  border-radius: 7px;
  cursor: pointer;
}
.sb-2020-sa .kontakt .button_ruf::before,
.sb-2020-sbw .kontakt .button_ruf::before {
  content: '';
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 9px;
  width: 20px;
  background-image: url(/files/templates/jobs4people-2020/img/icon-rueckruf.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.sb-2020-sa .kontakt .button_ruf:hover,
.sb-2020-sbw .kontakt .button_ruf:hover,
.sb-2020-sa .kontakt .button_ruf:focus,
.sb-2020-sbw .kontakt .button_ruf:focus,
.sb-2020-sa .kontakt .button_ruf:active,
.sb-2020-sbw .kontakt .button_ruf:active {
  box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.15);
}
.button.bewerben {
  display: block;
  position: relative;
  margin: 30px 25%;
  padding: 15px 55px 15px 20px;
  border: none;
  border-radius: 500px;
  color: #212121;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #ffffff !important;
  background: linear-gradient(272deg, #e2001a, #83090f);
  background-color: #e2001a;
  background-size: 400% 400%;
  animation: buttonSubmit 5s ease infinite;
  transition: background 0.5s, background-color 1s;
  cursor: pointer;
}
.button.bewerben::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 13px;
  height: 27px;
  width: 27px;
  background-image: url(/files/templates/jobs4people-2020/img/icon-form-submit.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.button.bewerben:hover,
.button.bewerben:active .button.bewerben:focus {
  background: #f8f8f8;
  color: #212121 !important;
  transition: background-color 0.5s;
}
.button.bewerben.direkt {
  position: absolute;
  top: -140%;
  left: 100%;
  margin: 0;
}
@media (max-width: 1300px) {
  .button.bewerben.direkt {
    right: -15px;
  }
}
.button.callback.fixed {
  position: fixed;
  bottom: 5%;
  right: 10px;
  overflow: hidden;
  align-items: center;
  max-width: 0;
  height: 58px;
  margin: 0 !important;
  padding: 4px;
  padding-left: 41px;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: url(/files/templates/jobs4people-2020/img/icon-rueckruf.svg);
  background-repeat: no-repeat;
  background-size: 25px 40px;
  background-position: 10px center;
  text-decoration: none;
  z-index: 5000;
  transition: max-width 0.2s;
}
.button.callback.fixed .text {
  position: relative;
  left: 75px;
  padding: 7px 13px 5px 5px;
  background: linear-gradient(272deg, #e2001a, #83090f);
  background-size: 400% 400%;
  animation: buttonSubmit 5s ease infinite;
  transition: background .1s;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: left .2s;
}
.button.callback.fixed .mobile {
  display: none;
}
@media (max-width: 780px) {
  .button.callback.fixed .mobile {
    display: inline;
  }
}
.button.callback.fixed.hover {
  max-width: 150px;
  box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.15);
  transition: max-width 0.5s;
}
.button.callback.fixed.hover .text {
  left: 2px;
  transition: left .2s;
}
#modals .button_ruf {
  display: none;
}
#modals > .inside > * {
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  background-color: #ffffff;
  border-radius: 7px;
  padding: 55px 65px 45px;
}
#modals .ruf {
  position: relative;
}
#modals .ruf .h2 {
  position: relative;
  display: block;
  margin-bottom: 1.5em;
  padding: 5px 45px 5px 45px;
  color: #e2001a;
  font-size: 30px;
  line-height: 130%;
  font-weight: 300;
}
#modals .ruf .h2::before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 50px;
  background-image: url(/files/templates/jobs4people-2020/img/icon-rueckruf.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
#modals .ruf .block {
  overflow: visible;
}
#modals .ruf .ce_form .formbody {
  position: relative;
}
#modals .ruf .ce_form .widget-checkbox.checkboxDse {
  margin-bottom: 1em;
  padding-left: 25%;
}
#modals .ruf .ce_form .widget-submit {
  position: absolute;
  right: 0;
  bottom: -23px;
}
@media (max-width: 500px) {
  #modals .ruf .h2 {
    margin-bottom: 1em;
  }
  #modals .ruf .ce_form .widget-submit {
    position: static;
  }
  #modals .ruf .ce_form .widget-submit button {
    margin: 10px auto 0;
  }
  #modals .ruf .ce_form .widget-text label {
    padding: .5em 0 .333em;
  }
}
#modals .closeButton {
  position: absolute;
  right: 15px;
  top: 15px;
  height: 52px;
  width: 52px;
  border: none;
  background-image: url(/files/templates/jobs4people-2020/img/icon-modal-close.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  text-indent: -10000px;
  cursor: pointer;
}
#modals .closeOverlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  padding: 0;
  border-radius: 0;
  background: transparent;
}
#modals.open {
  display: block;
  opacity: 1;
  z-index: 10000;
  transition: opacity 0.75s, z-index 0.8s;
}
#modals a {
  color: #212121;
}
#modals a:hover,
#modals a:active,
#modals afocus {
  color: #e2001a;
}
@media (max-width: 800px) {
  .mobile-hidden {
    display: none;
  }
}
.ce_form .widget-text {
  display: flex;
  flex-flow: row wrap;
}
.ce_form .widget-text label {
  align-self: center;
  width: 20%;
  display: block;
}
@media (max-width: 750px) {
  .ce_form .widget-text label {
    width: 25%;
  }
}
@media (max-width: 500px) {
  .ce_form .widget-text label {
    width: 100%;
    padding: 1em 0 .5em;
  }
}
.ce_form .widget-text > input:first-child {
  margin-left: 25.5%;
}
.ce_form .widget-text + .widget-submit {
  margin-top: 20px;
}
.ce_form .widget-checkbox {
  position: relative;
  margin: 1.1em 0;
  padding-left: 25%;
}
@media (max-width: 750px) {
  .ce_form .widget-checkbox {
    padding-left: 30%;
  }
}
@media (max-width: 500px) {
  .ce_form .widget-checkbox {
    padding-left: 0;
  }
  .ce_form .widget-checkbox.checkboxDse {
    padding-left: 0 !important;
  }
  .ce_form .widget-checkbox input {
    margin-bottom: 1em;
  }
}
.ce_form .widget-checkbox fieldset {
  position: relative;
}
.ce_form .widget-checkbox legend {
  position: absolute;
  left: 0;
}
.ce_form .widget-checkbox input {
  position: relative;
  top: 2px;
  margin-top: 0px;
}
.ce_form .widget-checkbox.checkboxDse {
  padding-left: 0;
  margin: 0;
}
.ce_form .widget-checkbox.checkboxDse legend {
  position: relative;
}
.ce_form .widget-checkbox.checkboxDse input {
  top: 1px;
}
.ce_form .widget-checkbox input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 4px;
  transform: scale(1.4);
}
.ce_form .widget-checkbox input[type="checkbox"] + label::before {
  content: "";
  display: block;
  position: relative;
  top: 1px;
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 9px;
  background-image: url("/files/templates/jobs4people/svg/form-elements-checkbox-unchecked.svg");
  cursor: pointer;
}
.ce_form .widget-checkbox input[type="checkbox"]:checked + label::before {
  background-image: url("/files/templates/jobs4people/svg/form-elements-checkbox-checked.svg");
}
.ce_form .widget-checkbox label {
  cursor: pointer;
}
.ce_form .widget-captcha {
  display: flex;
  flex-flow: row wrap;
}
.ce_form .widget-captcha select {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.ce_form .widget-captcha label {
  align-self: center;
  width: 20%;
  display: block;
}
.ce_form .widget-captcha input {
  width: 73% !important;
  margin-left: 5%;
}
.ce_form .widget-captcha .captcha_text {
  display: block;
  width: 75%;
  margin-left: 25%;
  margin-top: 4px;
}
.ce_form .widget-select {
  display: flex;
  flex-flow: row wrap;
}
.ce_form .widget-select label {
  align-self: center;
  width: 20%;
  display: block;
}
@media (max-width: 750px) {
  .ce_form .widget-select label {
    width: 25%;
  }
}
@media (max-width: 500px) {
  .ce_form .widget-select label {
    width: 100%;
    padding: 1em 0 .5em;
  }
}
.ce_form .widget-select > input:first-child {
  margin-left: 24.7%;
}
@media (max-width: 500px) {
  .ce_form .widget-select > input:first-child {
    margin-left: 0;
  }
}
.ce_form .widget-submit {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.ce_form .widget-submit button {
  position: relative;
  padding: 15px 20px 15px 55px;
  border: none;
  border-radius: 500px;
  color: #212121;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  background: #f8f8f8;
  cursor: pointer;
}
.ce_form .widget-submit button::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 13px;
  height: 27px;
  width: 27px;
  background-image: url(/files/templates/jobs4people-2020/img/icon-form-submit.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.ce_form .widget-submit button:hover,
.ce_form .widget-submit button:active .ce_form .widget-submit button:focus {
  color: #ffffff;
  background: linear-gradient(272deg, #e2001a, #83090f);
  background-size: 400% 400%;
  animation: buttonSubmit 5s ease infinite;
  transition: background .5s;
}
.ce_form .widget-fineuploader {
  margin: 1em 0;
}
.ce_form .widget-fineuploader .values-list {
  margin: 0 0 1em !important;
  border: 1px solid #ddddde;
  border-radius: 3px;
}
.ce_form .widget-fineuploader .values-list:empty {
  display: none;
}
.ce_form .widget-fineuploader .values-list > li {
  display: block;
  padding: 2px 5px;
  background-color: rgba(150, 150, 150, 0.032);
  transition: background-color 1.5s;
}
.ce_form .widget-fineuploader .values-list > li:nth-child(odd) {
  background-color: rgba(150, 150, 150, 0.06);
}
.ce_form .widget-fineuploader .values-list > li:hover {
  background-color: rgba(0, 150, 0, 0.15);
  transition: background-color 0.25s;
}
.ce_form .widget-fineuploader .values-list > li + li {
  border-top: 1px solid #ffffff;
}
.ce_form .widget-fineuploader .values-list .fineuploader-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-left: 23px;
  background-image: url(/system/themes/flexible/icons/ok.svg);
  background-position: left;
  background-repeat: no-repeat;
}
.ce_form .widget-fineuploader .values-list .fineuploader-item .image img {
  max-width: 80px;
  max-height: 60px;
}
.ce_form .widget-fineuploader .values-list .fineuploader-item .content {
  display: inline-block;
  float: none;
}
.ce_form .widget-fineuploader .values-list .fineuploader-item .content > img {
  position: relative;
  top: 1px;
}
.ce_form .widget-fineuploader .values-list .fineuploader-item .content > span {
  position: relative;
  top: -3px;
}
.ce_form .widget-fineuploader .values-list .fineuploader-item .details {
  padding-right: 7px;
  color: rgba(150, 148, 148, 0.9);
}
.ce_form .widget-fineuploader .values-list .fineuploader-item .info {
  display: inline-block;
}
.ce_form .widget-fineuploader .values-list .fineuploader-item figure {
  padding-right: 12px;
}
.ce_form .widget-fineuploader .values-list .fineuploader-item img {
  width: auto;
}
.ce_form .widget-fineuploader .qq-upload-drop-area,
.ce_form .widget-fineuploader .qq-upload-extra-drop-area {
  background-color: #969494;
  color: #ffffff;
  border-radius: 3px;
}
.ce_form .widget-fineuploader .qq-upload-drop-area-active,
.ce_form .widget-fineuploader .qq-upload-extra-drop-area-active {
  background-color: #414143;
  color: #ffffff;
  border-radius: 3px;
}
.ce_form .widget-fineuploader .qq-upload-button {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: none;
  margin-top: 12px;
  padding: 2px 7px 1px;
  font-size: 1em;
  line-height: 2.45em;
  font-weight: 400;
  text-decoration: none !important;
  border-radius: 3px;
  border: 1px solid #ddddde;
  transition-property: background-color;
  transition-duration: .2s;
  transition-timing-function: linear;
  background: #f0f0f0;
  color: #969494;
  width: auto;
  margin-top: 4px;
}
.ce_form .widget-fineuploader .qq-upload-button > div {
  padding: 5px 5px 5px 50px;
  background-image: url(/files/templates/jobs4people/svg/icon-upload.svg);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: center left 7px;
}
.ce_form .widget-fineuploader .qq-total-progress-bar-container {
  display: none !important;
}
.ce_form .widget-fineuploader .qq-progress-bar {
  border-radius: 0;
}
.ce_form .widget-fineuploader .qq-upload-list {
  margin: .5em 0 0 0;
  list-style: none;
}
.ce_form .widget-fineuploader .qq-upload-success {
  display: none;
  background-color: rgba(93, 163, 12, 0.2);
  color: #000000;
}
.ce_form .widget-fineuploader .qq-upload-file {
  font-size: .8em;
}
.ce_form .widget-fineuploader .qq-upload-size {
  color: #5DA30C;
}
.ce_form .widget-fineuploader .qq-upload-size::before {
  content: '(';
}
.ce_form .widget-fineuploader .qq-upload-size::after {
  content: ')';
}
.ce_form input.text,
.ce_form input.captcha,
.ce_form input.readonly {
  width: 73%;
  height: 2.3em;
  margin: 5px 0;
  margin-left: 5%;
  padding: 0 5px;
  background-color: #f8f6f5;
  border: 1px solid #ddddde;
  border-radius: 3px;
}
@media (max-width: 750px) {
  .ce_form input.text,
  .ce_form input.captcha,
  .ce_form input.readonly {
    width: 66%;
  }
}
@media (max-width: 500px) {
  .ce_form input.text,
  .ce_form input.captcha,
  .ce_form input.readonly {
    width: 100%;
    margin-left: 0;
  }
}
.ce_form select.select {
  width: 75%;
  height: 2.6em;
  margin: 2px 0;
  margin-left: 5%;
  padding: 0 5px;
  background-color: #f8f6f5;
  border: 1px solid #ddddde;
  border-radius: 3px;
}
@media (max-width: 750px) {
  .ce_form select.select {
    width: 68%;
  }
}
@media (max-width: 500px) {
  .ce_form select.select {
    width: 100%;
    margin-left: 0;
  }
}
.ce_form fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
#main .ce_form {
  position: relative;
  width: 100%;
  max-width: 920px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 20px 0;
  border: 6px solid #f0f0f0;
  border-radius: 7px;
}
#main .ce_form .formbody > * {
  margin-right: 60px;
  margin-left: 60px;
}
.ce_form .steps {
  position: relative;
  margin-top: 2em;
  margin-bottom: 1.5em;
  padding: .8em 0;
}
.ce_form .steps .stepApprove {
  position: relative;
  padding: .2em 0;
  padding-left: 30px;
}
.ce_form .steps .stepApprove::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: auto;
}
.ce_form .steps .stepApprove.active::before {
  background-image: url(/files/templates/jobs4people/svg/icon-steps-in-work.svg);
}
.ce_form .steps .stepApprove.approved {
  color: #009632;
}
.ce_form .steps .stepApprove.approved::before {
  background-image: url(/files/templates/jobs4people/svg/icon-steps-approved.svg);
}
.ce_form .steps::before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  left: -60px;
  right: -60px;
  top: 0;
  bottom: 0;
  background-color: #f0f0f0;
}
.ce_form .form-steps .widget-submit {
  display: flex;
  justify-content: center;
  margin-top: 2em;
}
.ce_form .form-steps .widget-submit .hidden {
  display: none;
}
.ce_form .form-steps .widget-submit div {
  position: relative;
  margin: 0 1%;
  border: none;
  border-radius: 500px;
  color: #212121;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  background: #f8f8f8;
  cursor: pointer;
}
.ce_form .form-steps .widget-submit div:hover,
.ce_form .form-steps .widget-submit div:active .ce_form .form-steps .widget-submit div:focus {
  color: #ffffff;
  background: linear-gradient(272deg, #e2001a, #83090f);
  background-size: 400% 400%;
  animation: buttonSubmit 5s ease infinite;
  transition: background .5s;
}
.ce_form .form-steps .widget-submit div.next {
  padding: 15px 55px 15px 20px;
}
.ce_form .form-steps .widget-submit div.next::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 13px;
  height: 27px;
  width: 27px;
  background-image: url(/files/templates/jobs4people-2020/img/icon-form-submit.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.ce_form .form-steps .widget-submit div.prev {
  padding: 15px 20px 15px 55px;
}
.ce_form .form-steps .widget-submit div.prev::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 13px;
  height: 27px;
  width: 27px;
  background-image: url(/files/templates/jobs4people-2020/img/icon-form-button-prev.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.ce_form fieldset.hidden {
  display: none;
}
.ce_form fieldset.step-3 .headline {
  display: none;
}
.ce_form .soft-error {
  display: block;
  width: 75%;
  margin-left: 25%;
  padding-top: 4px;
  color: #e2001a;
}
@media (max-width: 750px) {
  .ce_form .soft-error {
    margin-left: 30%;
    width: 66%;
  }
}
@media (max-width: 500px) {
  .ce_form .soft-error {
    margin-left: 0;
    width: 100%;
  }
}
.ce_form .form_hide {
  display: none;
}
.ce_form .form_open {
  display: flex;
}
.ce_form .form_open * {
  display: inherit;
}
#f9 .formbody {
  padding: 10px 0;
}
/* ... Pagination - anchors ... 
-------------------------------------------------------------------------------------------------*/
.pagination {
  padding: 1em;
  background-color: rgba(226, 0, 26, 0.1);
  /* alle Items */
  /* alle Nummern */
  /* erste Nummer wieder zurücksetzen */
}
.pagination p {
  margin: 0 0 5px 5px;
}
.pagination ul,
.pagination li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pagination li {
  float: left;
}
.pagination a,
.pagination strong {
  display: block;
  padding: 5px;
  padding-bottom: 0;
}
.pagination a.link,
.pagination strong {
  padding-left: 10px;
  position: relative;
}
.pagination a.link:before,
.pagination strong:before {
  content: "·";
  /* · */
  position: absolute;
  left: 0;
}
.pagination li[class] + li a.link,
.pagination li:first-child a.link,
.pagination li[class] + li strong,
.pagination li:first-child strong {
  padding-left: 5px;
}
.pagination li[class] + li a.link:before,
.pagination li:first-child a.link:before,
.pagination li[class] + li strong:before,
.pagination li:first-child strong:before {
  display: none;
}
/* ... Pagination - anchors ... END
-------------------------------------------------------------------------------------------------*/
@media (max-width: 39.9375em) {
  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    height: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .tablesaw-stack tbody tr > td:first-child {
    border-top: 1px solid #b7b7b7 !important;
  }
  .tablesaw-stack tbody > tr:first-child > td:first-child {
    border-top: none !important;
  }
  .tablesaw-stack tbody td + td {
    padding-top: 0;
  }
}
.template .nav .level_1 .active {
  position: relative;
  top: -5px;
  padding-top: 16px;
  padding-bottom: 17px;
  background-color: #ffffff;
  border-bottom: 2px solid #e2001a;
  border-radius: 6px;
}
.template .ele .shadow {
  box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.15);
}
.template .ele .box {
  box-sizing: border-box;
  padding: 1.5em;
  border-radius: 7px;
  background-color: #f8f8f8;
}
.template .ele .borderbox {
  box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  padding: 1.25em;
  border-radius: 7px;
  border: 7px solid #ffffff;
  background-color: #f8f8f8;
}