:root {
          --osr51_frame_linkfarbe: #0099B0;
          --osr51_frame_svg_farbe: #F56363;
          --osr51_frame_akzentfarbe: #0099B0;
          --osr51_frame_textfarbe: #00217A;
      }
      @font-face {
           font-family: 'Poppins';
           font-style: normal;
           font-weight: 200;
           font-display: swap;
           src: url(../fonts/3841175_af8ef045d3.ttf) format('truetype');
      } @font-face {
           font-family: 'Poppins';
           font-style: normal;
           font-weight: 300;
           font-display: swap;
           src: url(../fonts/3841177_77e63911c1.ttf) format('truetype');
      } @font-face {
           font-family: 'Poppins';
           font-style: normal;
           font-weight: 400;
           font-display: swap;
           src: url(../fonts/3841179_49cc66af59.ttf) format('truetype');
      } @font-face {
           font-family: 'Poppins';
           font-style: normal;
           font-weight: 500;
           font-display: swap;
           src: url(../fonts/3841181_b83ebb2b1a.ttf) format('truetype');
      } @font-face {
           font-family: 'Poppins';
           font-style: normal;
           font-weight: 600;
           font-display: swap;
           src: url(../fonts/3841183_a464c3dce7.ttf) format('truetype');
      } @font-face {
           font-family: 'Poppins';
           font-style: normal;
           font-weight: 700;
           font-display: swap;
           src: url(../fonts/3841875_f4b30da6f3.ttf) format('truetype');
      }
       body {
            font-family: Poppins, "Helvetica Neue", Arial, sans-serif;
            font-size: 14px;
            line-height: 1.5;
            color: #3a434f;
            color: var(--osr51_frame_textfarbe);
            background-color: #fff;
          margin: 0;
          }

          .frame_listing{
              padding: 14px;
          }

          .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xlg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xlg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xlg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xlg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xlg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xlg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xlg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xlg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xlg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xlg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xlg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xlg-12, .col-padding {
            position: relative;
            min-height: 1px;
            padding-left: 6px;
            padding-right: 6px;
          }


          .container {
            max-width: 860px;
            margin: 0 auto;
          }

          a {
            color: var(--osr51_frame_akzentfarbe);
            text-decoration: none;
          }

          a {
            background-color: transparent;
          }

          html, input, textarea, select, button {
            -webkit-font-smoothing: antialiased;
          }

          html {
            font-size: 10px;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            font-family: sans-serif;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
          }

          .list-h {
            margin: 0;
            padding: 0;
            list-style: none;
          }

          .list-h > li {
            display: inline-block;
          }

          ul, ol {
            margin-top: 0;
            margin-bottom: 10.5px;
          }

          * {
            box-sizing: border-box;
          }

          h1, .h1 {
            font-size: 21px;
          }

          h1, .h1, h2, .h2, h3, .h3 {
            margin-top: 21px;
            margin-bottom: 10.5px;
          }

          h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
            font-family: inherit;
            font-weight: normal;
            line-height: 1.3;
            color: inherit;
          }
          .list-h svg {
          fill: var(--osr51_frame_svg_farbe);
            }

          .offer__content{
            }

          .offer__section{
            padding: 17px;
            margin-bottom: 12px;
            background-color: #ffffff;
            border-radius: 3px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            position: relative;
            -webkit-font-smoothing: antialiased;
          }

          .no_marg {
              margin-bottom: 0px;
              padding:0;
          }

          .listing-list{
            font-size: 14px;
            font-family: 'Helvetica Neue',Arial,sans-serif;
            line-height: 21px;
            padding: 0;
            padding-right: 12px;
            margin-bottom: 6px;
            display: inline-block;
          }

          .listing-list-icon{
            fill: #566578;
            height: 16px;
            width: 16px;
            display: inline-block;
            margin-right: 6px;
            position: relative;
            top: -1px;
            vertical-align: middle;
            line-height: 1;
          }


          .card__body{
          }
          .card__body p:first-child{
            margin-top: 0;
          }

          .card__body_hero-picture-mex{
            margin-top: 12px;
            margin-bottom: 12px;
            background-color: rgb(255, 255, 255);
            display: flex;
            flex-direction: column;
            position: relative;
            -webkit-font-smoothing: antialiased;
          }

          .card__body_hero-picture-mex img{
              width: calc(100% - 34px);
              position: relative;
          display: block;
          margin: 0 auto !important;
          border-radius: 17px;
          }


          .listing-header {
            background-color: #ffffff;
         /*  border: 1px solid #dcdfe2;*/
            border-radius: 3px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            position: relative;
            -webkit-font-smoothing: antialiased;
            padding: 12px;
          }

          .listing__job-title {
            font-weight: bold;
            margin-top: 6px;
          }

          .listing__company-name {
            margin: 2px 0px;
            font-weight: bold;
            font-size: 12px;
          }

          .row {
            box-sizing: border-box;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            list-style: none;
            width: 100%;
          }

          .col-xs-2 {
            -webkit-flex: 0 0 16%;
            -ms-flex: 0 0 16%;
            flex: 0 0 16%;
            max-width: 16%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
          }

          .col-xs-4 {
            -webkit-flex: 0 0 32%;
            -ms-flex: 0 0 32%;
            flex: 0 0 32;
            max-width: 32%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
          }

          [class*="col-"] {
            flex: 1;
          }

          .company-logo{
            min-width: 134px;
            flex: 0;
          }

          .at-listing-nav-company-logo {
            padding: 0px;
            display: block;
            background-image: url(../images/logoPreview-StepStone-137401DE_b88a67c2cb.gif);
            background-position: center;
            background-size: 40px auto;
            background-repeat: no-repeat;
            background-color: #ffffff;
            border: 1px solid rgba(220, 223, 226, 0.8);
            border-radius: 3px;
            width: 46px;
            height: 46px;

            width: 120px;
            height: 120px;
            background-size: 108px auto;
          }

          .green-header-button.bottom-page-button{
            max-width: 500px;
            margin: 30px auto 30px;
            display: block;
          }

          .richtext img {
              display: none !important;
          }

          .video_size {
              width: 100%;
              height: 400px;
          border-radius: 17px;
          }

          hr {
          width: 100%;
          border-top: 1px solid #CFD6E7;
          color: transparent;
          background-color: transparent;
          height: 0;
          margin-top: 30px;
          margin-bottom: 20px;
          margin-bottom:0px;
          }

          

          main img {
              display: none !important;
          }
          .relaxx_hide * {
              display: none !important;
          }
          .at-section-header {
              color: #AA0C60 !important;
          }
          main a {
              color: #AA0C60;
          }
          .richtext{
              min-height: 1.5em;
          }
          .listing-content__liquiddesign_container .richtext h1,
          .listing-content__liquiddesign_container .richtext h2,
          .listing-content__liquiddesign_container .richtext h3,
          .listing-content__liquiddesign_container .richtext h4,
          .listing-content__liquiddesign_container .richtext h5,
          .listing-content__liquiddesign_container .richtext h6 {
              color: #AA0C60;
          }
          .listing-content__liquiddesign_container .card__body div {
          }
          .listing-content__liquiddesign_container {
          }
          .listing-content__liquiddesign_container .card__body *:last-child, .listing-content__liquiddesign_container .company-card *:last-child {
              margin: 0;
          }
          .frame_listing {
              background: linear-gradient(180deg, rgba(239,239,239,0.3) 300px, #f2fafb 800px), url() no-repeat top center;
              background-size: 100%;
              background-color: #f2fafb !important;
              background-color: transparent !important;
          }
          .grey_wrapper h2.card__title {
              color: #cccccc !important;
          }
          .listing__apply-now_bottom{
              border: none !important;
          }

          .green-header-button{
              font-weight: bold;
          width: 100%;
          font-size: 16px;
          line-height: 24px;
          user-select: none;
          display: inline-block;
          margin-bottom: 0px;
          text-align: center;
          vertical-align: middle;
          touch-action: manipulation;
          cursor: pointer;
          background-image: none;
          white-space: nowrap;
          color: rgb(255, 255, 255);
          background-color: var(--osr51_frame_linkfarbe);
          padding: 12px 3px;
          border-radius: 35px;
          border-width: 1px;
          border-style: solid;
          border-image: initial;
          outline: none;
          transition: all 0.2s ease-in-out 0s;
          border-color: transparent;
          font-size: 16px;
          line-height: 24px;
          }
          .white-header-button{
              font-size: 16px;
          line-height: 24px;
              width: 100%;
          font-size: 14px;
          line-height: 18px;
          user-select: none;
          display: inline-block;
          margin-bottom: 0px;
          font-weight: normal;
          text-align: center;
          vertical-align: middle;
          touch-action: manipulation;
          cursor: pointer;
          background-image: none;
          white-space: nowrap;
          color: var(--osr51_frame_textfarbe);
          background-color: #e1f6f7;
          padding: 12px;
          border-radius: 35px;
          border-width: 1px;
          border-style: solid;
          border-image: initial;
          outline: none;
          transition: all 0.2s ease-in-out 0s;
          border-color: #e1f6f7;
          font-size: 16px;
          line-height: 24px;
          }

          .white-header-button .icon-wrapper{
          position: relative;
          vertical-align: middle;
          top: -1px;
          display: inline-block;
          line-height: 1px;
          background-size: cover;
          width: 16px;
          height: 16px;
          }
          .white-header-button svg{
              fill: var(--osr51_frame_textfarbe);
          }
          .at-listing-nav-print{
              display:none;
          }

          .at-listing-nav-save .sc-jzJRlG{
              display:none;
          }

          .flex-row{
              display: flex;
              margin-right: -10px;
          }
          .flex-column{
              margin-right: 10px;
          }
          .flex-column.size-1{
              flex: 1;
          }
          .flex-column.size-2{

              flex: 2;
          }

          .at-section-header {
              box-sizing: border-box;
              font-family: sans-serif;
              text-align: left;
              word-break: break-word;
              overflow-wrap: break-word;
          fill: var(--osr51_frame_textfarbe);
              font-size: 16px !important;
              font-weight: bold !important;
              height: auto !important;
              line-height: 24px !important;
              padding-top: 32px;
              padding-bottom: 20px;
              margin: 0 !important;
          }


          @media (min-width: 768px){

          .at-listing-nav-print{
              display:block;
          }
          .at-listing-nav-save {
              flex: 2 !important;
          }
          .at-listing-nav-save .sc-jzJRlG{
              display:inline-block;
          }
          }

          @media (max-width: 1019px){
          div.listing_html_ld.branding-colors__primary, div.listing_template_ld.branding-colors__primary, div.listing_dynamic_ld.branding-colors__primary, div.listing_plus_ld.branding-colors__primary, div.listing_standard_ld.branding-colors__primary {
              /* Ist aktuell NICHT so bei Stepstone, sollte gemacht werden!
              background: linear-gradient(180deg, rgba(239,239,239,0.3) 300px, rgba(239,239,239,1) 800px), url() no-repeat top center;
              */
              /* Aktuell steht dort dies: */
              background: linear-gradient(transparent,#f5f5f5 70%),#f5f5f5;
          }
          .frame_listing {
              background: linear-gradient(180deg, rgba(239,239,239,0.3) 300px, rgba(239,239,239,1) 800px), url() no-repeat top center;
              background-size: 100%;
              background-color: transparent !important;
          }
          }


          @media (max-width: 767px){
            .listing__apply-now_bottom{
              display: inherit;
            }
            .company-logo{
               min-width: 52px;
            }

            .at-listing-nav-company-logo{
               width: 46px;
               height: 46px;
               background-size: 100% auto;
            }
          }

          @media (max-width: 765px){
          .frame_listing {
              background-color: #FFFFFF !important;
          }
          }