/* CSS Document */
* {
  outline: none !important;
}

body, h1, h2, h3, h4, p, ul, ol, li {
  font-family: 'Coco Profi', Arial;
}

img {
  max-width: 100%;
  height: auto; }

.headerimg {
  width: 100%;
  height: auto; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.fw {
  width: 100%; }

.img-fw {
  width: 100%;
  height: auto; }

.vertical {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

.grey {
  background-color: #E8E8E8; }

.section {
  padding-top: 30px;
  padding-bottom: 30px; }

.fw.section {
  margin-top: 60px; }

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

.modal-dialog {
  z-index: 999; }

.modal-content {
  border-radius: 0; }
  .modal-content .modal-header {
    border-bottom: 0; }

b, strong {
  color: #de0000; }

h1, h2, h3, h4, h5 {
  text-align: center;
  word-wrap: break-word; }

p a, p a:focus, p a:active, p a:visited {
  color: #de0000;
  text-decoration: none; }

p a:hover {
  color: #ff4545;
  text-decoration: none; }

li a, li a:focus, li a:active, li a:visited {
  color: #de0000;
  text-decoration: none; }

li a:hover {
  color: #ff4545;
  text-decoration: none; }

.spacing {
  height: 86px;
  width: 100%;
  background-color: #fff; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 99;
  height: 86px;
  transition: all 0.2s ease-in-out; }
  .header .logo {
    max-height: 60px;
    width: auto;
    transition: all 0.2s ease-in-out; }

.navbar-collapse {
  background-color: #fff;
  padding: 15px; }

a.navbar-brand {
  max-width: 70%; }

body.scroll .header {
  height: 56px; }
  body.scroll .header .logo {
    max-height: 30px; }

.events-content ol {
  padding-left: 0; }

.carousel-caption {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  bottom: 0;
  padding-top: 35px;
  padding-bottom: 35px; }

main {
  margin-top: 60px; }

.werte-btn {
  cursor: pointer; }

.werte ul.werte-list {
  margin-top: 1em;
  padding-left: 0; }
  .werte ul.werte-list li {
    list-style-type: none; }
    .werte ul.werte-list li .fa {
      color: #de0000; }

.werte-container {
  text-align: center; }
  .werte-container ul {
    padding-left: 0; }
  .werte-container li {
    list-style-type: none; }
  .werte-container .fa {
    color: #de0000; }
  .werte-container .wert {
    display: none; }

.jobbereiche .jobbereich {
  cursor: pointer;
  position: relative; }
  .jobbereiche .jobbereich .jobbereich-name {
    position: absolute;
    top: 0;
    left: 15px;
    width: calc(100% - 30px);
    background-color: rgba(0, 0, 0, 0.7);
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out; }
    .jobbereiche .jobbereich .jobbereich-name p {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      color: #fff;
      font-size: 20px; }
.jobbereiche .jobbereich:hover .jobbereich-name {
  height: 100%; }

.benefit {
  position: relative;
  transition: all 0.2s ease-in-out; }

.benefit-caption {
  position: absolute;
  left: 50%;
  bottom: 20%;
  word-wrap: break-word;
  transform: translateX(-50%);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  width: 80%;
  text-align: center;
  padding: 0.3em 1em;
  font-size: 1.5em;
  font-weight: bold;
  cursor: pointer; }
  .benefit-caption.open {
    height: auto !important; }

.benefit-caption-inner {
  display: none;
  font-size: 14px !important;
  font-weight: normal !important; }

.grid-item {
  margin-bottom: 30px;
  transition: all 0.3s ease-in-out; }

.videoslides .slick-slide {
  padding: 10px; }
.videoslides .slick-next {
  right: -45px; }

.jobs-table a, .jobs-table a:focus, .jobs-table a:active, .jobs-table a:visited {
  color: #000;
  text-decoration: none; }
.jobs-table a:hover {
  color: #666666;
  text-decoration: none; }

.blog-row h2 {
  text-align: left;
  margin-bottom: 5px; }
.blog-row .ydc-postmeta {
  font-size: 0.7em;
  margin-bottom: 5px;
  color: #4e5862;
  font-style: italic; }

.blog-single h1 {
  text-align: left;
  margin-bottom: 5px; }
.blog-single h2, .blog-single h3, .blog-single h4 {
  text-align: left; }
.blog-single .ydc-postmeta {
  font-size: 0.7em;
  margin-bottom: 5px;
  color: #4e5862;
  font-style: italic; }

.sidebar-r {
  border-left: 1px solid #e5e4e4; }

.erfahrungen {
  margin-top: 25px; }
  .erfahrungen i.fa-star, .erfahrungen i.fa-star-o, .erfahrungen i.fa-star-half-o {
    color: #e6c800 !important; }
  .erfahrungen h4 {
    text-align: left;
    cursor: pointer;
    margin-bottom: 25px; }
  .erfahrungen .erfahrungsbox {
    display: none; }
  .erfahrungen .single-erfahrung {
    margin-bottom: 15px;
    border: 1px solid #000;
    padding: 15px; }
    .erfahrungen .single-erfahrung b {
      color: #212529; }
    .erfahrungen .single-erfahrung .erfahrung-wd {
      display: inline-block;
      font-weight: bold;
      font-size: 0.8rem; }
    .erfahrungen .single-erfahrung .erfahrung-dt {
      font-size: 0.8rem;
      color: #464646;
      text-align: right; }

#main-pag .page-link {
  color: #de0000;
  box-shadow: none !important; }
#main-pag .page-item.active .page-link {
  background-color: #de0000;
  border-color: #de0000;
  color: #fff; }

.footer {
  padding: 60px 0;
  margin-top: 60px;
  background-color: #fff;
  border-top: 2px solid #de0000; }

.ydc-faq-box {
  margin-top: 2em; }
  .ydc-faq-box .ydc-faq-head {
    text-align: left;
    cursor: pointer; }
  .ydc-faq-box p {
    display: none; }

.ydc-faq-cont .ydc-faq-close {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer; }
  .ydc-faq-cont .ydc-faq-close:hover {
    color: #de0000; }
.ydc-faq-cont #ydc-faq-bubble {
  border-radius: 3px;
  background-color: transparent;
  display: none; }
.ydc-faq-cont .FluentChatCover {
  background-color: rgba(255, 255, 255, 0.9) !important; }
.ydc-faq-cont .faq-icon {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #fff; }
.ydc-faq-cont .ydc-faq-content {
  display: block;
  padding: 15px; }
  .ydc-faq-cont .ydc-faq-content a.btn {
    position: absolute;
    bottom: 15px;
    left: 15px; }
.ydc-faq-cont .HideChat #ydc-faq-bubble {
  border-radius: 100px;
  background-color: #de0000; }
.ydc-faq-cont .HideChat .FluentChatCover {
  background-color: #de0000 !important; }
.ydc-faq-cont .HideChat .faq-icon {
  display: block; }
.ydc-faq-cont .HideChat .ydc-faq-content {
  display: none; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; } }
@media (min-width: 700px) {
  .modal-dialog {
    max-width: 700px;
    margin: 1.75rem auto; } }
@media (min-width: 768px) {
  .navbar-collapse {
    background-color: #fff;
    padding: 0; } }
@media (max-width: 767px) {
  .carousel-caption {
    position: relative;
    background-color: #fff;
    color: #333;
    padding-left: 15px;
    padding-right: 15px; }

  h1 {
    font-size: 1.8rem; }

  h2 {
    font-size: 1.6rem; }

  h3 {
    font-size: 1.4rem; }

  h5 {
    font-size: 1rem; }

  h5.modal-title {
    text-align: left; }

  .cd-horizontal-timeline .events-content p {
    font-size: 1rem; }

  .jobbereiche .jobbereich {
    cursor: pointer;
    position: relative; }
    .jobbereiche .jobbereich .jobbereich-name {
      position: absolute;
      top: 0;
      left: 15px;
      width: calc(100% - 30px);
      background-color: rgba(0, 0, 0, 0.7);
      height: 100%;
      overflow: hidden;
      transition: all 0.3s ease-in-out; }
      .jobbereiche .jobbereich .jobbereich-name p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        color: #fff;
        font-size: 16px; }
  .jobbereiche .jobbereich:hover .jobbereich-name {
    height: 100%; } }
@media (max-width: 302px) {
  .header .logo {
    max-height: 21px; } }

#job-filter {
  padding: 5px;
  font-weight: 700;
}