/*
 * This file was auto-generated using SASS
 * You can manually modify it - but usually you will want to 
 * Re-generate it using the SASS variables of your theme
*/
@media all {
  .co-header-tall {
    position: relative;
    height: 50vh;
    max-height: 550px;
    min-height: 250px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #111; }
    .co-header-tall .co-text-overlay {
      position: absolute;
      top: 0;
      height: 100%;
      width: 100%;
      color: #fff;
      font-weight: 300;
      text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
      background-image: url("/Portals/0/2sxc/Content/dist/Job4You-bg-mobile.png");
      background-position: top -200px;
      background-size: cover; } }
    @media all and (min-width: 768px) {
      .co-header-tall .co-text-overlay {
        background-position: top left;
        background-image: url("/Portals/0/2sxc/Content/dist/Job4You-bg.png"); } }

@media all {
      .co-header-tall .co-text-overlay .co-text-container {
        padding-left: 15px;
        padding-right: 15px; } }
      @media all and (min-width: 768px) {
        .co-header-tall .co-text-overlay .co-text-container {
          padding-left: 45px;
          padding-right: 45px; } }
      @media all and (min-width: 992px) {
        .co-header-tall .co-text-overlay .co-text-container {
          padding-left: 120px;
          padding-right: 120px; } }

@media all {
        .co-header-tall .co-text-overlay .co-text-container .title {
          line-height: 1.2em;
          font-size: 1.6rem; } }
        @media all and (min-width: 768px) {
          .co-header-tall .co-text-overlay .co-text-container .title {
            font-size: 1.8rem; } }
        @media all and (min-width: 992px) {
          .co-header-tall .co-text-overlay .co-text-container .title {
            font-size: 2.2rem; } }

@media all {
    .co-header-tall.co-header-small {
      height: 33vh;
      max-height: 350px;
      min-height: 250px; }
  /* Header */
  .co-header img {
    width: 100%; }
  /* Default Content */
  .co-content {
    margin-bottom: 30px; }
  .co-text-beside-image h1, .co-text-beside-image h2, .co-text-beside-image h3, .co-text-beside-image h4, .co-text-beside-image h5, .co-text-beside-image h6 {
    margin-top: 0; }
  .co-content-image {
    margin-bottom: 30px;
    width: 100%; }
  /* Content Navigation */
  .co-navigation {
    position: relative; }
    .co-navigation .glyphicon.glyphicon-menu-right.glyphicon-right-custom {
      font-size: 15px;
      vertical-align: middle; }
    .co-navigation.co-navigation-image a.co-link-box {
      transform: scale(1);
      transition: transform .2s ease-in-out,box-shadow .3s ease-in-out;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
      border-radius: 3px; }
      .co-navigation.co-navigation-image a.co-link-box .co-overlay-text {
        position: absolute;
        z-index: 800;
        bottom: 0;
        top: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 25px;
        color: #FFF;
        -webkit-box-shadow: inset 0px 0px 0px 0px rgba(196, 33, 49, 0);
        -moz-box-shadow: inset 0px 0px 0px 0px rgba(196, 33, 49, 0);
        box-shadow: inset 0px 0px 0px 0px rgba(196, 33, 49, 0);
        transition: box-shadow .3s ease-in-out; }
        .co-navigation.co-navigation-image a.co-link-box .co-overlay-text h3 {
          margin-top: .3em;
          margin-bottom: 0px; }
        .co-navigation.co-navigation-image a.co-link-box .co-overlay-text p {
          font-size: 14px; }
        .co-navigation.co-navigation-image a.co-link-box .co-overlay-text span.co-link {
          font-weight: 500;
          text-transform: uppercase;
          font-size: 12px;
          color: #FFF; }
        .co-navigation.co-navigation-image a.co-link-box .co-overlay-text a span.glyphicon {
          font-size: .6em;
          margin-right: .2em; }
      .co-navigation.co-navigation-image a.co-link-box .co-img-wrapper {
        margin-bottom: 0; }
      .co-navigation.co-navigation-image a.co-link-box .co-img-placeholder {
        background: #c42131;
        padding-bottom: 62.5%; }
      .co-navigation.co-navigation-image a.co-link-box:hover, .co-navigation.co-navigation-image a.co-link-box:focus {
        transform: scale(1.02);
        box-shadow: 3px 3px 18px rgba(0, 0, 0, 0.4); }
        .co-navigation.co-navigation-image a.co-link-box:hover .co-overlay-text, .co-navigation.co-navigation-image a.co-link-box:focus .co-overlay-text {
          -webkit-box-shadow: inset 0px 0px 0px 5px #c42131;
          -moz-box-shadow: inset 0px 0px 0px 5px #c42131;
          box-shadow: inset 0px 0px 0px 5px #c42131; }
    .co-navigation img {
      width: 100%; }
    .co-navigation a.co-link-box {
      display: block;
      text-decoration: none;
      height: 100%;
      z-index: 200;
      position: relative;
      color: #555555; }
      .co-navigation a.co-link-box .co-icon {
        font-size: 2em;
        width: 100%; }
      .co-navigation a.co-link-box .co-img-wrapper {
        background: #c42131;
        overflow: hidden; }
        .co-navigation a.co-link-box .co-img-wrapper img {
          position: relative;
          transition: opacity .3s;
          backface-visibility: hidden; }
      .co-navigation a.co-link-box .co-overlay {
        background-color: rgba(52, 58, 64, 0.6); }
      .co-navigation a.co-link-box:hover {
        color: #555555; }
        .co-navigation a.co-link-box:hover .co-overlay {
          background-color: rgba(52, 58, 64, 0.2); }
    .co-navigation .co-overlay {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6); }
    .co-navigation .co-button-wrapper {
      position: relative; }
  .co-navigation-icon h3 {
    margin-top: 5px; }
  .co-navigation-icon .co-icon {
    font-size: 2em; }
  /* Images */
  .co-img-wrapper {
    margin-bottom: 30px; }
    .co-img-wrapper a:hover .co-overlay {
      background-color: rgba(52, 58, 64, 0.4); }
    .co-img-wrapper figure {
      position: relative;
      margin-bottom: 0; }
      .co-img-wrapper figure .co-overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 10;
        width: 100%;
        background-color: rgba(0, 0, 0, 0);
        transition: background-color 0.2s ease-in-out; }
        .co-img-wrapper figure .co-overlay figcaption {
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          padding: 20px;
          font-size: 0.85em;
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
          color: #FFF; }
  .co-img-wrapper.co-2colimg {
    margin-bottom: 0; }
  /* Documents and Links */
  ul.co-documents {
    padding: 0; }
    ul.co-documents, ul.co-documents li {
      list-style-type: none; }
    ul.co-documents .co-document .glyphicon {
      font-size: 17px;
      line-height: 1.2em; }
    ul.co-documents .co-document a, ul.co-documents .co-document a p, ul.co-documents .co-document a:link, ul.co-documents .co-document a:link p, ul.co-documents .co-document a:visited, ul.co-documents .co-document a:visited p {
      color: #555555;
      text-decoration: none; }
    ul.co-documents .co-document-text {
      margin-left: 30px; }
  /* Google Maps */ }

@media all and (min-width: 992px) {
  .co-google-map-container {
    margin-top: 25px;
    margin-bottom: 25px; } }

@media all and (min-width: 768px) {
  .ly-header-pane .co-google-map-container {
    padding-bottom: 35%; } }

@media all {
  .ly-header-pane .co-google-map-container {
    margin-top: 0;
    margin-bottom: 0; }
  .googlemap-apiwarning {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0; }
  /* Kontakt Map */
  .co-contactmap address {
    padding: 15px 0; }
  .co-contactmap .co-company, .co-contactmap .co-address, .co-contactmap .co-details {
    margin-bottom: 15px; }
  /* Sperating Line */
  .role-admin .co-separatingline {
    padding: 15px 0; }
  hr.ly-darkhr {
    border-color: #e9ecef; }
  hr.ly-primaryhr {
    border-color: #c42131; }
  hr.ly-primaryhr-half {
    width: 50%;
    margin-right: auto;
    margin-left: auto; }
  /* Person */
  .co-person {
    overflow: hidden; }
  .co-person-wrapper img {
    width: 100%; }
  .co-person-text {
    word-wrap: break-word; }
    .co-person-text strong {
      font-size: 1.25em; }
    .co-person-text svg {
      min-width: 20px; }
  .co-person-placeholder {
    background: #e9ecef;
    padding-bottom: 128%; }
  .co-person-image-rounded .co-person-image-wrapper {
    border-radius: 50%;
    overflow: hidden; }
    .co-person-image-rounded .co-person-image-wrapper img {
      backface-visibility: hidden; }
  .co-person-image-rounded .co-person-placeholder {
    border-radius: 50%;
    padding-bottom: 100%; }
  .co-person-wrapper .co-person-image {
    width: 50%;
    margin-bottom: 15px;
    padding-right: 19px; }
  .co-person-wrapper .co-person-text {
    width: 100%; }
  /* Youtube */
  .role-admin .co-youtube-video-wrapper {
    padding-top: 40px; } }

/*# sourceMappingURL=bs4.css.map */