/* @import url('http://example.com/example_style.css'); */



/***********************************************/
/*                Allgemein                    */
/***********************************************/

* {
    border-radius: 0 !important;
}


/* Font */

  /* NeueHelvetica 45 Light */
  @font-face {
    font-family: 'NeueHelvetica-light';
    src: url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-45-light.woff2') format('woff2'),
      url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-45-light.woff') format('woff');
    font-weight: 200;
  }

  /* NeueHelvetica 46 Light Italic */
  @font-face {
    font-family: 'NeueHelvetica-light-italic';
    src: url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-46-light-italic.woff2') format('woff2'),
      url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-46-light-italic.woff') format('woff');
    font-weight: 200;
  }

  /* NeueHelvetica 55 Roman */
  @font-face {
    font-family: 'NeueHelvetica-roman;
    src: url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-55-roman.woff2') format('woff2'),
      url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-55-roman.woff') format('woff');
    font-weight: 400;
  }

  /* NeueHelvetica 56 Roman Italic */
  @font-face {
    font-family: 'NeueHelvetica-roman-italic';
    src: url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-56-italic.woff2') format('woff2'),
      url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-56-italic.woff') format('woff');
    font-weight: 400;
  }

  /* NeueHelvetica 65 Medium */
  @font-face {
    font-family: 'NeueHelvetica-medium';
    src: url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-65-medium.woff2') format('woff2'),
      url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-65-medium.woff') format('woff');
    font-weight: 500;
  }

  /* NeueHelvetica 66 Medium Italic */
  @font-face {
    font-family: 'NeueHelvetica-medium-italic';
    src: url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-66-medium-italic.woff2') format('woff2'),
      url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-66-medium-italic.woff') format('woff');
    font-weight: 500;
  }

  /* NeueHelvetica 75 Bold */
  @font-face {
    font-family: 'NeueHelvetica-bold';
    src: url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-75-bold.woff2') format('woff2'),
      url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-75-bold.woff') format('woff');
    font-weight: 600;
  }

  /* NeueHelvetica 76 Bold Italic */
  @font-face {
    font-family: 'NeueHelvetica-bold-italic';
    src: url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-76-bold-italic.woff2') format('woff2'),
      url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-76-bold-italic.woff') format('woff');
    font-weight: 600;
  }

  /* NeueHelvetica 95 Black */
  @font-face {
    font-family: 'NeueHelvetica-black';
    src: url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-95-black.woff2') format('woff2'),
      url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-95-black.woff') format('woff');
    font-weight: 800;
  }

  /* NeueHelvetica 95 Black Italic */
  @font-face {
    font-family: 'NeueHelvetica-black-italic';
    src: url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-95-black-italic.woff2') format('woff2'),
      url('https://26813033.fs1.hubspotusercontent-eu1.net/hubfs/26813033/01-WI/01%20Fonts/neue-helvetica-95-black-italic.woff') format('woff');
    font-weight: 800;
  }



  body, p {
    font-family: 'NeueHelvetica-roman', sans-serif;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: 'NeueHelvetica-bold', sans-serif;
    font-weight: 600;
  }

.interactive-button {
      font-family: 'NeueHelvetica-roman', sans-serif!important;
}

  p.big {
    font-size: 1.3rem;
  }

  .block_light h1,
  .block_light h2,
  .block_light h3,
  .block_light h4,
  .block_light h5,
  .block_light h6,
  .block_light div,
  .block_light p {
    color: #081950;
  }

  .block--dark h1,
  .block--dark h2,
  .block--dark h3,
  .block--dark h4,
  .block--dark h5,
  .block--dark h6,
  .block--dark div,
  .block--dark p {
    color: #ffffff;
  }

  .white h1,
  .white h2,
  .white h3,
  .white h4,
  .white h5,
  .white h6,
  .white div,
  .white p {
    color: #ffffff;
  }

  .h1 {
    font-size: 72px;
    line-height: 0.9;
  }

 .small-h1 {
    font-size: 72px;
    line-height: 0.9;
    text-transform: uppercase;
    font-weight: 700;
  }

  .big-h1 {
    font-size: 80px;
    line-height: 0.95;
    text-transform: uppercase;
  }

  .h2 {
   font-size: 40px;
   line-height: 1.3 !important;
  }
  .h2, h2 {
    line-height:1.3;
  }

  .h3 {
   font-size: 30px;
   line-height: 1.2;
  }



/***********************************************/

/* Headline Color Class */

  .deep-blue {
    color: #081950!important;
  }

  .coral {
    color: #ff594d!important;
  }

  .digital-blue {
    color: #3030f5!important;
  }

  .petrol {
    color: #007e91!important;
  }
  
  .sand {
    color: #eceae7;
  }

  .deep-sand {
    color: #d9d6d1;
  }

  .gelb {
    color: #ffdd43;
  }

  .mint {
    color: #7fcacd;
  }

  .violett {
    color: #a288d9;
  }

  .white {
    color: #ffffff;
  }

  .black {
    color: #000000;
  }

 /*fontsize 14px und digital-blue*/
  .small-blue {
    font-size: 0.8rem;
    line-height: 1rem;
    color: #3030f5!important;
  }

 /* fontsize 14px und white */
  .small-white {
    font-size: 0.8rem;
    line-height: 1rem;
    color: #fff!important;
  }


/*fontsize 25px und digital-blue*/
  .middle-blue {
    font-size: 1.5rem;
    color: #3030f5!important;
  }

/*fontsize 25px und black*/
  .middle-black {
    font-size: 1.5rem;
    color: #000!important;
  }


 /*fontsize 30px und digital-blue*/
  .medium-blue {
    font-size: 1.7rem;
    color: #3030f5!important;
  }

  @media (min-width: 380px) {
    .medium-blue {
    font-size: 1.3rem!important;
    color: #3030f5!important;
   }
  }


/***********************************************/

/* Custom Presets */

  .white_font,
  .white_font h1,
  .white_font h2,
  .white_font h3,
  .white_font h4,
  .white_font h5,
  .white_font h6,
  .white_font p {
    color: white;
  }

/***********************************************/

/* Header - Logo Positionierung */

/*Anpassung Logo groesser */
  .header__logo img {
    max-width: 300px;
  }

  .header__logo {
    padding: 5px 0;
  }

  .header__bottom {
    padding-left: 0;
  }

  .header__container.sticky-trans .header__logo-image.logo_ini {
    display: block;
  }

  .header__container .header__logo-image.logo_ini {
    display: none;
  }

  .header__container.sticky-trans .header__logo-image.head_sticky {
    display: none;
  }

  .header__container .header__logo-image.head_sticky {
    display: block;
    margin-left: 30px;
  }


  @media (min-width: 1080px) {
    .header__container.sticky-trans .header__logo {
      position: absolute;
      margin-top: 37px;
      padding: 0;
    }
  }

  @media (max-width: 1079px) {
    .header__container.sticky-trans .header__logo-image.logo_ini {
      display: none;
    }
    .header__container.sticky-trans .header__logo-image.head_sticky {
      display: block;
    }
  }
/*
#header__fix.header__container {
  transition: top 3s cubic-bezier(0.42, 0, 1, 1);
}*/

#header__fix {
  box-shadow: 1px 4px 7px rgb(8,25,80,0.1);
}

/* Kein Border-radius */

.fn__image__box__el,
.fn__image-el,
.oc__addcalendar,
.fn__image__card,
.atcb_button,
.oc__row__columns-wpp.content.simple .oc__row__text,
.oc__row__columns-wpp.content.simple .oc__row__image-container-el {
  border-radius: 0!important;
}

/* Success Story */

.fn__company_card-body_f .fn__company_card-dt {
  display: none;
  width: 0;
}

/*Top-Bar*/
#hs_cos_wrapper_header-module-1 .header__top_a {
    font-weight: normal;
    font-size:0.85rem;
}

#hs_cos_wrapper_header-module-1 .header__top_a:hover {
    font-weight: normal;
    font-family: "NeueHelvetica-roman", sans-serif;
    text-decoration: underline;
}

.header__button-col > a:nth-child(1):hover {
  border:none;
}


/***********************************************/
/*       Footer                                */
/***********************************************/

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer p, .footer a:not(.button), .footer span, .footer div, .footer li, .footer blockquote, .footer .tabs__tab, .footer .tabs__tab:hover, .footer .tabs__tab:focus, .footer .tabs__tab:active {
    color: #ffffff;
    font-family: "NeueHelvetica-roman", sans-serif;
}
/* go-to*/

.footer a.go-to {
    left: unset;
    right: 1.5rem
}


/***********************************************/
/*            Modul Erweiterungen              */
/***********************************************/

/* wsg-ocean-cta */

.ocean__parallax_img {
  max-width: unset;
}

  .ocean_cta.block_light .ocean_cta__content, 
  .ocean_cta.block_light .ocean_cta__content-title-el,
  .ocean_cta.block_light .ocean_cta__content-resume h1,
  .ocean_cta.block_light .ocean_cta__content-resume h2,
  .ocean_cta.block_light .ocean_cta__content-resume h3,
  .ocean_cta.block_light .ocean_cta__content-resume h4,
  .ocean_cta.block_light .ocean_cta__content-resume h5,
  .ocean_cta.block_light .ocean_cta__content-resume h6,
  .ocean_cta.block_light .ocean_cta__content-resume p {
    color: #081950;
  }

  .ocean_cta.block--dark .ocean_cta__content, 
  .ocean_cta.block--dark .ocean_cta__content-title-el,
  .ocean_cta.block--dark .ocean_cta__content-resume h1,
  .ocean_cta.block--dark .ocean_cta__content-resume h2,
  .ocean_cta.block--dark .ocean_cta__content-resume h3,
  .ocean_cta.block--dark .ocean_cta__content-resume h4,
  .ocean_cta.block--dark .ocean_cta__content-resume h5,
  .ocean_cta.block--dark .ocean_cta__content-resume h6,
  .ocean_cta.block--dark .ocean_cta__content-resume p {
    color: #ffffff;
  }

  .ocean_cta.block_light,
  .ocean_cta.block--dark {
    display: unset!important;
  }

    /* Height 500px */ 
      .cta-height500 .ocean_cta__wraper-el {
        min-height: 500px!important;
        justify-content: space-around!important;
        padding: 20px;
        max-width: 100%;
      }

      .ocean_cta.block_light.cta-height500 .ocean_cta__content {
        max-width: 100%!important;
        padding: 23px!important;
        min-height: 490px;
        justify-content: flex-end;
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex-grow: 1;
      }

      .ocean_cta.block--dark.cta-height500 .ocean_cta__content {
        max-width: 100%!important;
        padding: 23px!important; 
        min-height: 490px;
        justify-content: flex-end;
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex-grow: 1;
      }

      .cta-height500 .ocean_cta__content h1,
      .cta-height500 .ocean_cta__content h2,
      .cta-height500 .ocean_cta__content h3,
      .cta-height500 .ocean_cta__content h4,
      .cta-height500 .ocean_cta__content h5,
      .cta-height500 .ocean_cta__content h6,
      .cta-height500 .ocean_cta__content p,
      .cta-height500 .ocean_cta__content .button {
        margin: 0;
      }

   /* Height 500px mit Border */ 
      .wsg-cta-border.cta-height500 .ocean_cta__wraper-el {
        min-height: 500px!important;
        justify-content: space-around!important;
        padding: 20px;
        max-width: 100%;
      }

      .ocean_cta.block_light.wsg-cta-border.cta-height500 .ocean_cta__content {
        max-width: 100%!important;
        padding: 23px!important;
        border: 1px solid #081950;  
        min-height: 490px;
        justify-content: flex-end;
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex-grow: 1;
      }

      .ocean_cta.block--dark.wsg-cta-border.cta-height500 .ocean_cta__content {
        max-width: 100%!important;
        padding: 23px!important;
        border: 1px solid #ffffff;  
        min-height: 490px;
        justify-content: flex-end;
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex-grow: 1;
      }

      .wsg-cta-border.cta-height500 .ocean_cta__content h1,
      .wsg-cta-border.cta-height500 .ocean_cta__content h2,
      .wsg-cta-border.cta-height500 .ocean_cta__content h3,
      .wsg-cta-border.cta-height500 .ocean_cta__content h4,
      .wsg-cta-border.cta-height500 .ocean_cta__content h5,
      .wsg-cta-border.cta-height500 .ocean_cta__content h6,
      .wsg-cta-border.cta-height500 .ocean_cta__content p,
      .wsg-cta-border.cta-height500 .ocean_cta__content .button {
        margin: 0;
      }

  /* Height 685px */ 
      .wsg-cta-border.cta-height685 .ocean_cta__wraper-el {
        min-height: 500px!important;
        justify-content: space-around!important;
        padding: 20px;
        max-width: 100%;
      }

      .ocean_cta.block_light.wsg-cta-border.cta-height685 .ocean_cta__content {
        max-width: 100%!important;
        padding: 23px!important;
        border: 1px solid #081950;  
        min-height: 490px;
        justify-content: flex-end;
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex-grow: 1;
      }

      .ocean_cta.block--dark.wsg-cta-border.cta-height685 .ocean_cta__content {
        max-width: 100%!important;
        padding: 23px!important;
        border: 1px solid #ffffff;  
        min-height: 490px;
        justify-content: flex-end;
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex-grow: 1;
      }

      .wsg-cta-border.cta-height685 .ocean_cta__content h1,
      .wsg-cta-border.cta-height685 .ocean_cta__content h2,
      .wsg-cta-border.cta-height685 .ocean_cta__content h3,
      .wsg-cta-border.cta-height685 .ocean_cta__content h4,
      .wsg-cta-border.cta-height685 .ocean_cta__content h5,
      .wsg-cta-border.cta-height685 .ocean_cta__content h6,
      .wsg-cta-border.cta-height685 .ocean_cta__content p,
      .wsg-cta-border.cta-height685 .ocean_cta__content .button {
        margin: 0;
      }

 /* Height 300px */ 
      .wsg-cta-border.cta-height300 .ocean_cta__wraper-el {
        min-height: 300px!important;
        justify-content: space-around!important;
        padding: 20px;
        max-width: 100%;
      }

      .ocean_cta.block_light.wsg-cta-border.cta-height300 .ocean_cta__content {
        max-width: 100%!important;
        padding: 23px!important;
        border: 1px solid #081950;  
        min-height: 290px;
        justify-content: flex-end;
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex-grow: 1;
      }

      .ocean_cta.block--dark.wsg-cta-border.cta-height300 .ocean_cta__content {
        max-width: 100%!important;
        padding: 23px!important;
        border: 1px solid #ffffff;  
        min-height: 290px;
        justify-content: flex-end;
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex-grow: 1;
      }

      .wsg-cta-border.cta-height685 .ocean_cta__content h1,
      .wsg-cta-border.cta-height685 .ocean_cta__content h2,
      .wsg-cta-border.cta-height685 .ocean_cta__content h3,
      .wsg-cta-border.cta-height685 .ocean_cta__content h4,
      .wsg-cta-border.cta-height685 .ocean_cta__content h5,
      .wsg-cta-border.cta-height685 .ocean_cta__content h6,
      .wsg-cta-border.cta-height685 .ocean_cta__content p,
      .wsg-cta-border.cta-height685 .ocean_cta__content .button {
        margin: 0;
      }

/***********************************************/

/* wsg-heading add Button */

  .heading__wrap {
    padding: 0!important;
  }

  .heading__content__p-el {
    margin-top: 0!important;
  }

  .wsg-col-3 {
    width: 60%;
    float: right;
    padding-right: 10%;
  }

  .wsg-col-3 .h2 {
    font-size: 60px;
  }

  .wsg-col-2-right {
    width: 50%;
    float: right;
    padding-left: 1.5%;
  }

  .bg-white {
    background-color: white;
    padding: 25px;
  }

  .wsg-col-2-left {
    width: 50%;
    float: left;
    padding-right: 1.5%;
  }

  .wsg-ptb-2 {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .wsg-ptb-bottom {
    padding-top: 200px;
    padding-bottom: 50px;
  }

  .wsg-banner-kontakt .heading__content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .wsg-banner-kontakt .heading__content h2,
  .wsg-banner-kontakt .heading__content p,
  .wsg-banner-kontakt .heading__content p.h2 {
    margin-bottom: 0;
    font-size: 30px;
  }


/***********************************************/

/* wsg-hero-slider */

  .wsg-slider-h1 .hero__slider__wraper-el {
    padding-left: 30px;
    padding-right: 30px;
  }

  .wsg-slider-h1 .hero__banner__content-inner h1,
  .wsg-slider-h1 .hero__banner__content-inner h2,
  .wsg-slider-h1 .hero__banner__content-inner h3,
  .wsg-slider-h1 .hero__banner__content-inner h4,
  .wsg-slider-h1 .hero__banner__content-inner h5,
  .wsg-slider-h1 .hero__banner__content-inner h6,
  .wsg-slider-h1 .hero__banner__content-inner p,
  .wsg-slider-h1 .hero__banner__content-inner div {
    color: white;
    font-size: 100px!important;
    font-weight: bold!important;
    line-height: 0.9!important;
  }

    /* Slider Benefits & Facts */

    .wsg-slider-benefits .swiper-pagination-bullet {
      width: 10px!important;
      height: 10px!important;
    }

/***********************************************/

/* wsg-image_grid */

  /* Title Ausgabe */

  .hs-image__grid__item__overlay:hover .hs-image__grid__title {
    opacity: 0;
  }

  /* Formatierung 2 Kacheln */
  .column_2 .hs-image__grid__title h1,
  .column_2 .hs-image__grid__title h2,
  .column_2 .hs-image__grid__title h3,
  .column_2 .hs-image__grid__title h4,
  .column_2 .hs-image__grid__title h5,
  .column_2 .hs-image__grid__title h6,
  .column_2 .hs-image__grid__title p,
  .column_2 .hs-image__grid__title div,
  .column_2 .hs-image__grid__title span {
    font-size: 40px;
    font-weight: 600;
    line-height: 43px;
    color: white;
    text-transform: uppercase;
    word-break: break-word;
  }

  .column_2 .hs-image__grid__title {
    position: absolute;
    top: 5px;
    left: 25px;
    display: flex;
    overflow: hidden;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    padding: 1rem;
    align-items: flex-start;
    justify-content: flex-start;
  }

    /* Formatierung 3 Kacheln */
  .column_3 .hs-image__grid__title h1,
  .column_3 .hs-image__grid__title h2,
  .column_3 .hs-image__grid__title h3,
  .column_3 .hs-image__grid__title h4,
  .column_3 .hs-image__grid__title h5,
  .column_3 .hs-image__grid__title h6,
  .column_3 .hs-image__grid__title p,
  .column_3 .hs-image__grid__title div,
  .column_3 .hs-image__grid__title span {
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    color: white;
    text-transform: uppercase;
    word-break: break-word;
  }

  .column_3 .hs-image__grid__title {
    position: absolute;
    top: 5px;
    left: 25px;
    display: flex;
    overflow: hidden;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    padding: 1rem;
    align-items: flex-start;
    justify-content: flex-start;
  }

  /* Formatierung 4 Kacheln */
  .column_4 .hs-image__grid__title h1,
  .column_4 .hs-image__grid__title h2,
  .column_4 .hs-image__grid__title h3,
  .column_4 .hs-image__grid__title h4,
  .column_4 .hs-image__grid__title h5,
  .column_4 .hs-image__grid__title h6,
  .column_4 .hs-image__grid__title p,
  .column_4 .hs-image__grid__title div,
  .column_4 .hs-image__grid__title span {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: white;
    text-transform: uppercase;
    word-break: break-word;
  }

  .column_4 .hs-image__grid__title {
    position: absolute;
    top: 5px;
    left: 12px;
    display: flex;
    overflow: hidden;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    padding: 1rem;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .hs-image__grid__item__overlay__content .hs-image__grid__item__overlay__content--fit {
    font-weight: 600!important;
    font-size: 14px!important;
    color: #081950;
    line-height: 150%;
  }

  .hs-image__grid__item__overlay__content .hs-image__grid__item__overlay__content--fit p {
    font-weight: inherit!important;
  }

 .hs-image__grid__item__overlay__content .hs-image__grid__item__overlay__content--fit a p {
    color: #081950;
  }

  .hs-image__grid__item__overlay__content .hs-image__grid__item__overlay__content--fit p:first-child {
    margin: 0 0 1.4rem;
  }

  .hs-image__grid__item__overlay__content .hs-image__grid__item__overlay__content--fit p.click-image-button {
    border: 0px solid #3030f5;
    padding-top: 7px;
    padding-right: 18px;
    padding-bottom: 7px;
    padding-left: 18px;
    font-family: var(--buttonPrimaryFont);
    font-style: normal;
    font-weight: normal;
    font-weight: 600;
    border-radius: 2px;
    color: #ffffff;
    fill: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background-color: rgba(48, 48, 245, 1.0);
    display: inline;
  }

  .hs-image__grid__item__overlay__content .hs-image__grid__item__overlay__content--fit p a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(48, 48, 245, 1.0);
    z-index: -1;
    display: block;
    transition: all .4s ease-in-out;
  }


  .hs-image__grid__item__overlay__content .hs-image__grid__item__overlay__content--fit p a:after,
  .hs-image__grid__item__overlay__content .hs-image__grid__item__overlay__content--fit p a:hover{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    background-color: rgba(8, 25, 80, 1.0);
    transition: all .4s ease-in-out;
    z-index: -1;
    display: block;
  }

  .hs-image__grid__item__overlay__content .hs-image__grid__item__overlay__content--fit p a:first-child {
    display: none;
  }

  .wsg_bg_sand .hs-image__grid__item__overlay:hover {
    background-color: #eceae7;
  }

  .hs-image__grid__item__overlay {
    transition: background-color .7s ease-in-out, opacity .7s ease-in-out!important;
  }

  /* Look Karriere */

  .wsg_karriere_grid .hs-image__grid__item__overlay__content--fit p {
    margin-bottom: 0!important;
  }

/***********************************************/

/* wsg-reviews-slider */

  .wsg-layout-text_slide .main__reviews__wrapper {
    justify-content: flex-start!important;
  }

  .wsg-layout-text_slide .main__reviews-el.white_font {
    padding: 0!important;
    margin: 0!important;
  }

  .wsg-layout-text_slide .main__reviews-el.white_font h3 {
    margin-bottom: 0!important;
    font-size: 35px!important;
    line-height: 150%;
    text-align: left;
  }

  .wsg-layout-text_slide .main__reviews__person,
  .wsg-layout-text_slide .main__reviews__review {
    display: none!important;
  }

  .wsg-layout-text_slide .main__reviews {
    padding: 0!important;
    margin: 0!important;
  }

  .wsg-layout-text_slide {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 20px;
  }

.wsg-layout-classic .flickity-button:before,
.wsg-layout-classic .flickity-button:after {
 background-color: transparent;
}


  .wsg-kundenstimmen .main__reviews__review-el {
    font-size: 18px!important;
  }
  .wsg-kundenstimmen .main__reviews__person-name,
  .wsg-kundenstimmen .main__reviews__person-company {
    font-size: 16px!important;
  }

      /* für success-story */ 
        .wsg-success-story h3 {
          font-size: 1rem!important;
          margin: 0 0 1.4rem;
          font-weight: normal;
           line-height: 1.5;
          color: rgb(8, 25, 80);
        }

        .wsg-success-story p.main__reviews__review-el {
          color: #3030f5;
          font-size: 1rem!important;
          line-height: 1.5;
        }

.slider-image-top {
  background-position: top!important;
}

/***********************************************/

/* Custom Class für Fancy Rich Text */

  .wsg-intro {
    width: 50%;
  }

  .wsg-intro .fn__rich_text-el {
    padding: 0px!important;
  }

  .wsg-intro h1,
  .wsg-intro h2,
  .wsg-intro h3,
  .wsg-intro h4,
  .wsg-intro h5,
  .wsg-intro h6 {
    font-size: 50px;
    text-transform: uppercase;
    margin-bottom: 10px;
  }


/*********************************************/

/* image personen */

.wsg-people-image {
  width: 50%;
  float: right;
  margin-top: -45vh;
}

.wsg-people-image .fn__image-el {
  height: 45vh!important;
}

.wsg-people-image .fn__image-img {
  object-fit: contain;
}

.wsg-people-image.wsg-people-image-big {
    width: unset;
    float: unset;
    margin-top: 0;
}

.wsg-people-image-big {
    transform: translateY(-100%);
    position: absolute;
    right: 0;
}

.wsg-people-image-big .fn__image-img {
  width: auto;
}


/* Fix für ipad Pro */

@media screen and (min-width: 1024px) and (max-width: 1024px) {
  .wsg-people-image.wsg-people-image-big {
    width: 50%;
    float: right;
    transform: translateY(-90%);
  }
}

/***********************************************/

/* Karriere allg. - Modul Hero Split */

.block--dark .hero__angled__content-btn a.button {
  padding-top: 7px!important;
  padding-right: 18px!important;
  padding-bottom: 7px!important;
  padding-left: 18px!important;
  border-radius: unset!important;
  border: 1px solid #ff594d!important;
}

/***********************************************/

/* About */

/* Timeline */ 
.oc__timeline .fncard__text {
  box-shadow: 0 4px 7px rgb(8,25,80,0.25)!important;
  border-radius: 0!important;
}

/* Standorte */
.hs-content-id-96398471890 .oc__numbers {
  align-items: baseline;
}

.hs-content-id-96398471890 .oc__numbers p.stats-font {
  font-size: 1rem;
  text-transform: initial;
  color: black;
}

/***********************************************/

/* wsg-image-grid-filter */

.wsg-image-grid-filter .fn__image__box__image {
  width: 60%;
  height: 150px!important;
  margin: 25px auto 0;
}

.wsg-image-grid-filter .fn__image__box__image .fn__image__box__image-el {
  object-fit: contain!important;
  -o-object-fit: contain!important;
}
/*Fix nach Update
img.fn__image__box__image-el {
    object-fit: cover !important;
    height: 250px;
}*/

.wsg-box-look .fn__image__box__el {
  box-shadow: 1px 4px 7px rgb(8,25,80,0.1)!important;
  background-color: #fff!important;
}

.fn__image__box__cont {
  padding: 25px!important;
}

.fn__image__box__wp .fn__image__box .fn__image__box__a {
  position: initial!important;
}

.fn__image__box__wp .fn__image__box .flickity-slider .fn__image__box__a {
  position: absolute!important;

}


/***********************************************/
/*                Responsive                   */
/***********************************************/
/* RWD max-width: 1780px */
@media only screen and (max-width: 1780px) {
  .small-h1 {
  font-size: 60px;
  }
}


/* RWD max-width: 1370px */
@media only screen and (max-width: 1370px) {
  
  .wsg-layout-text_slide {
    min-height: 265px;
  }
  .small-h1 {
  font-size: 40px;
  }
}




/* RWD max-width: 1200px */
@media only screen and (max-width: 1200px) {
 
  /* Image Grid Karriere */
  
  .wsg_karriere_grid .hs-image__grid__item__overlay h3 {
    font-size: 22px;
  }  
  
  .wsg_karriere_grid .hs-image__grid__title {
    left: 10px;
  }
   
}


/* RWD max-width: 1130px */
@media only screen and (max-width: 1130px) {
  
  .wsg-intro {
    width: 60%;
  }
}

/* RWD max-width: 1080px */
@media only screen and (max-width: 1080px) {

  /* Heading */
  
  .wsg-col-3 {
    width: 80%;
    float: right;
  }
  
    
  /* wsg-image_grid */

  .column_2 .hs-image__grid__title h1,
  .column_2 .hs-image__grid__title h2,
  .column_2 .hs-image__grid__title h3,
  .column_2 .hs-image__grid__title h4,
  .column_2 .hs-image__grid__title h5,
  .column_2 .hs-image__grid__title h6,
  .column_2 .hs-image__grid__title p,
  .column_2 .hs-image__grid__title div,
  .column_2 .hs-image__grid__title span {
    font-size: 35px;
    line-height: 110%;
  }
  
  .column_2 .hs-image__grid__title {
    top: 20px;
    left: 40px;
  }
  
  .column_4 .hs-image__grid__list__item {
    flex-basis: calc(50.0% - 10px)!important;
  }
  
  .column_4 .hs-image__grid__title h1,
  .column_4 .hs-image__grid__title h2,
  .column_4 .hs-image__grid__title h3,
  .column_4 .hs-image__grid__title h4,
  .column_4 .hs-image__grid__title h5,
  .column_4 .hs-image__grid__title h6,
  .column_4 .hs-image__grid__title p,
  .column_4 .hs-image__grid__title div,
  .column_4 .hs-image__grid__title span {
    font-size: 35px;
    line-height: 110%;
  }
  
  .column_4 .hs-image__grid__title {
    top: 20px;
    left: 40px;
  }
  
  /* Fancy-Rich Text */
  
  .wsg-intro {
    width: 70%;
  } 

  /* Success Story */

  .success-template .dnd-section > .row-fluid {
    display: block!important;
  }

  .success-template .row-fluid [class*="span"] {
        display: block!important;
        float: none;
        width: auto;
        margin-left: 0;
  }
  
  .success-template .fnmodule__cards__image .fn__image__cards {
        --gap: 20px;
        --cols: 2;
        --grid-flow: rows;
    }
  
  /* Tiles - WinEX */
  
  .winex-tiles .tile {
    grid-column: span 4;
    min-height: 250px!important;
  }
  
  .winex-tiles .tiles__step_icon {
   top: auto!important;
   transform: translate(50%) rotate(90deg)!important;
   right: 50%!important;
   bottom: -15px!important;
  }
  
  /* Home - CTA height 500px */
  
  .hs-content-id-95888426946 .ocean_cta.block--dark.cta-height500 .ocean_cta__content {
    padding: 5px!important;
  }
  
}


/* RWD max-width: 982px */
@media only screen and (max-width: 982px) {
  
  /* Allgemein */
  
  h1, .h1 {
    font-size: 40px;
  }
  
  .big-h1 {
  /*font-size: 35px;*/
    font-size: 40px;
    line-height: 1;
  }
  
  .small-h1 {
    font-size: 1.4rem;
  }
  
  h2, .h2 {
    font-size: 35px;
    line-height: 1.3 !important;
  }
  
 
  
  /*font-size 30px;*/
  h3, .h3 {
    font-size: 1.5rem;
    line-height: 1.2;
  }
  
  h3.ocean_cta__content-title-el {
    font-size: 1.25rem;
  }
  
  .wsg-col-3 .h2 {
      font-size: 35px;
  }
  
  /*fontsize 25px und black*/
  .middle-black {
    font-size: 1.25rem;
    color: #000!important;
  }
  
    /* Hero Slider */ 
  
  .wsg-slider-h1 {
    height: 450px!important;
  }
  
  .wsg-slider-h1 .hero__banner {
    min-height: 450px!important;
  }
  
  .wsg-slider-h1 .hero__banner__content-inner h1,
  .wsg-slider-h1 .hero__banner__content-inner h2,
  .wsg-slider-h1 .hero__banner__content-inner h3,
  .wsg-slider-h1 .hero__banner__content-inner h4,
  .wsg-slider-h1 .hero__banner__content-inner h5,
  .wsg-slider-h1 .hero__banner__content-inner h6,
  .wsg-slider-h1 .hero__banner__content-inner p,
  .wsg-slider-h1 .hero__banner__content-inner div {
    font-size: 60px!important;
    }

  
  .wsg-slider-h1 .hero__banner__content {
    padding-right: 20px;
    padding-left: 20px;
  }
  
  .hs-content-id-95888426946 .wsg-slider-h1 .hero__slider__wraper-el {
    padding-right: 0px;
    padding-left: 0px;
  }
  
  /* Heading */
  
  .wsg-col-2-right {
    width: 70%;
    float: right;
  }
  
   .oc-parallax-background .simpleParallax img {
    transform: scale(1.5)!important;
  }
  
  .wsg-col-2-left {
    width: 70%;
    float: left;
  }
  
  .wsg-col-3 {
    width: 80%;
    float: right;
  }
  
  .wsg-ptb-2 {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 25px;
  }
  
  .wsg-ptb-bottom {
    padding-top: 100px;
    padding-bottom: 50px;
  }
  
  .wsg-intro {
    width: 100%;
  }
  
  .wsg-layout-text_slide {
    min-height: 260px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  /* Image Grid Karriere */
  
  .wsg_karriere_grid .hs-image__grid__item__overlay {
     padding: 0.5rem;
     align-items: center;
  }  
  
   .wsg_karriere_grid .hs-image__grid__item__overlay__content .hs-image__grid__item__overlay__content--fit {
    font-size: 12px!important;
  }
  
  .wsg_karriere_grid .hs-image__grid__item__overlay h3 {
    font-size: 18px;
    line-height: 110%;
  }
  
  .column_2 .hs-image__grid__title h1,
  .column_2 .hs-image__grid__title h2,
  .column_2 .hs-image__grid__title h3,
  .column_2 .hs-image__grid__title h4,
  .column_2 .hs-image__grid__title h5,
  .column_2 .hs-image__grid__title h6,
  .column_2 .hs-image__grid__title p,
  .column_2 .hs-image__grid__title div,
  .column_2 .hs-image__grid__title span {
    font-size: 32px;
    line-height: 110%;
  }
  
  .column_3 .hs-image__grid__title h1,
  .column_3 .hs-image__grid__title h2,
  .column_3 .hs-image__grid__title h3,
  .column_3 .hs-image__grid__title h4,
  .column_3 .hs-image__grid__title h5,
  .column_3 .hs-image__grid__title h6,
  .column_3 .hs-image__grid__title p,
  .column_3 .hs-image__grid__title div,
  .column_3 .hs-image__grid__title span {
    font-size: 32px;
    line-height: 110%;
  }
  
  .column_4 .hs-image__grid__title h1,
  .column_4 .hs-image__grid__title h2,
  .column_4 .hs-image__grid__title h3,
  .column_4 .hs-image__grid__title h4,
  .column_4 .hs-image__grid__title h5,
  .column_4 .hs-image__grid__title h6,
  .column_4 .hs-image__grid__title p,
  .column_4 .hs-image__grid__title div,
  .column_4 .hs-image__grid__title span {
    font-size: 20px;
    line-height: 110%;
  }
  
    /* Steps */
  
  .tiles__step_icon {
    bottom: -35px!important
  }
  
}

/*Image Grid with Filter - warum Wilken*/

  .wsg-image-slider img.fn__image__box__image-el {
    object-fit: contain;
    width: 9rem;
  }

  .wsg-image-slider .fn__image__box__el {
    align-items: center;
  }

/* RWD min-width: 769px and max-width: 1139px */
@media (min-width: 769px) and (max-width: 1139px) {
  .row-fluid .span3 {
    width: 48.618784527%;
    flex: 0 0 48.618784527%;
  }
  
  .row-fluid .span3:first-child,
  .row-fluid .span3:nth-child(3) {
    margin-left: 0;
  }
  
  .row-fluid .span3.dnd-column:first-child,
  .row-fluid .span3.dnd-column:nth-child(2) {
    padding-bottom: 30px !important;
  }
  
}


/* RWD max-width: 768px fontsize 30px*/
@media only screen and (max-width: 768px) {
  
  h1, .h1,
  h2, .h2 {
    font-size: 1.8rem;
  }

  h3, .h3 {
    font-size: 1.25rem;
    line-height: 1.2;
  }
  
  /*fontsize 25px und black*/
  .middle-black {
    font-size: 1.1rem;
    color: #000!important;
  }
  
    /* Parallax */

  .oc-parallax-background .simpleParallax img {
    transform: scale(1.3)!important;
  }
  
  .success-parallax {
    display: none;
  }
  
  .success-parallax .bg-white {
    box-shadow: 0 4px 7px rgb(8,25,80,0.25)!important;
  }

  
    /* Hero Slider */ 
     
  .wsg-slider-h1 {
    height: 400px!important;
  }
  
  .wsg-slider-h1 .hero__banner {
    min-height: 400px!important;
  }
  
  .wsg-slider-h1 .hero__banner__content-inner h1,
  .wsg-slider-h1 .hero__banner__content-inner h2,
  .wsg-slider-h1 .hero__banner__content-inner h3,
  .wsg-slider-h1 .hero__banner__content-inner h4,
  .wsg-slider-h1 .hero__banner__content-inner h5,
  .wsg-slider-h1 .hero__banner__content-inner h6,
  .wsg-slider-h1 .hero__banner__content-inner p,
  .wsg-slider-h1 .hero__banner__content-inner div {
    font-size: 40px!important;
    }
  
  /* Heading */
  
  .wsg-col-2-right {
    width: 100%;
    float: none;
  }
  
  .wsg-col-2-left {
    width: 100%;
    float: none;
    padding-right: 25px;
  }
  
  .wsg-col-3 {
    width: 100%;
    clear: both;
    padding-left: 25px;
    padding-right: 25px;
  }
  
  .wsg-ptb-2 {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .wsg-ptb-2 h2 {
    margin-bottom: 0;
  }
  
  .wsg-ptb-bottom {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  /* image personen */
  
  .wsg-people-image {
    width: 100%;
    float: none;
    margin-top: 0;
  }
  
  /* Kontaktbanner */
  
  .wsg-banner-kontakt {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  .wsg-banner-kontakt .heading__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  
  /* wsg-image_grid */
  
  .column_2 .hs-image__grid__list__item,
  .column_3 .hs-image__grid__list__item,
  .column_4 .hs-image__grid__list__item {
    flex-basis: 100%!important;
  }
  
  .column_2 .hs-image__grid__title {
    top: 15px;
    left: 45px;
  }
  
  .column_2 .hs-image__grid__title h1,
  .column_2 .hs-image__grid__title h2,
  .column_2 .hs-image__grid__title h3,
  .column_2 .hs-image__grid__title h4,
  .column_2 .hs-image__grid__title h5,
  .column_2 .hs-image__grid__title h6,
  .column_2 .hs-image__grid__title p,
  .column_2 .hs-image__grid__title div,
  .column_2 .hs-image__grid__title span {
    font-size: 35px;
    line-height: 110%;
  }
  
  .column_3 .hs-image__grid__title {
    top: 30px;
    left: 60px;
  }
  
  .column_3 .hs-image__grid__title h1,
  .column_3 .hs-image__grid__title h2,
  .column_3 .hs-image__grid__title h3,
  .column_3 .hs-image__grid__title h4,
  .column_3 .hs-image__grid__title h5,
  .column_3 .hs-image__grid__title h6,
  .column_3 .hs-image__grid__title p,
  .column_3 .hs-image__grid__title div,
  .column_3 .hs-image__grid__title span {
    font-size: 35px;
    line-height: 110%;
  }
  
  .column_4 .hs-image__grid__title {
    top: 30px;
    left: 60px;
  }
  
  .column_4 .hs-image__grid__title h1,
  .column_4 .hs-image__grid__title h2,
  .column_4 .hs-image__grid__title h3,
  .column_4 .hs-image__grid__title h4,
  .column_4 .hs-image__grid__title h5,
  .column_4 .hs-image__grid__title h6,
  .column_4 .hs-image__grid__title p,
  .column_4 .hs-image__grid__title div,
  .column_4 .hs-image__grid__title span {
    font-size: 20px;
    line-height: 110%;
  }
  
  .wsg_karriere_grid .hs-image__grid__item__overlay__content .hs-image__grid__item__overlay__content--fit {
    font-size: 14px!important;
  }
  
  .wsg_karriere_grid .hs-image__grid__title {
    top: 20px;
    left: 20px;
  }
  
   .wsg-layout-text_slide {
      min-height: auto;
      padding-top: 40px;
      padding-bottom: 40px;
    }
  
  .success-template .fnmodule__cards__image .fn__image__cards {
        --gap: 20px;
        --cols: 1;
        --grid-flow: rows;
    }
    /*Fix Bild Image Grid with Filter
    img.fn__image__box__image-el {
      object-fit: contain !important;
      height: 100%;
    }*/
}

/* RWD max-width: 425px fontsize 39px*/
@media only screen and (max-width: 480px) {
  
    
 .fn__image__box__image .fn__image__box__image-el {
    object-fit: contain !important;
    height: 100%;
  }
  
  h1, .h1 {
    font-size: 1.9rem;
  }
  
  h1.heading__content-h {
    font-size: 1.9rem!important;
  }
  
 /*fontsize 30px*/
   h2, .h2 {
    font-size: 1.6rem;
  }
    
  .column_2 .hs-image__grid__title {
    top: 20px;
    left: 20px;
  }

  .small-h1 {
  font-size: 22px;
  }

  
  /*fontsize 30px*/
  .column_2 .hs-image__grid__title h1,
  .column_2 .hs-image__grid__title h2,
  .column_2 .hs-image__grid__title h3,
  .column_2 .hs-image__grid__title h4,
  .column_2 .hs-image__grid__title h5,
  .column_2 .hs-image__grid__title h6,
  .column_2 .hs-image__grid__title p,
  .column_2 .hs-image__grid__title div,
  .column_2 .hs-image__grid__title span {
    font-size: 1.8rem;
    line-height: 110%;
  }
  
  .column_3 .hs-image__grid__title {
    top: 20px;
    left: 20px;
  }
  
   /*fontsize 30px*/
  .column_3 .hs-image__grid__title h1,
  .column_3 .hs-image__grid__title h2,
  .column_3 .hs-image__grid__title h3,
  .column_3 .hs-image__grid__title h4,
  .column_3 .hs-image__grid__title h5,
  .column_3 .hs-image__grid__title h6,
  .column_3 .hs-image__grid__title p,
  .column_3 .hs-image__grid__title div,
  .column_3 .hs-image__grid__title span {
    font-size: 1.8rem;
    line-height: 110%;
  }
  
  
  .column_4 .hs-image__grid__title {
    top: 30px;
    left: 15px;
    width: 80%;
  }
  
   /*fontsize 30px*/
  .column_4 .hs-image__grid__title h1,
  .column_4 .hs-image__grid__title h2,
  .column_4 .hs-image__grid__title h3,
  .column_4 .hs-image__grid__title h4,
  .column_4 .hs-image__grid__title h5,
  .column_4 .hs-image__grid__title h6,
  .column_4 .hs-image__grid__title p,
  .column_4 .hs-image__grid__title div,
  .column_4 .hs-image__grid__title span {
    font-size: 1.1rem;
    line-height: 110%;
  }
  
}
/*blaue Box Versorgungswirtschaft*/
#hs_cos_wrapper_widget_1709892359616 .hs-image__grid__item__overlay:hover .hs-image__grid__item__overlay__content * {
  font-size: 11px !important;
}


/* RWD max-width: 425px */
@media only screen and (max-width: 425px) {
  
  /* Home CTA 500px height */
  
  .hs-content-id-95888426946 .cta-height500 .ocean_cta__wraper-el {
    padding: 18px;
  }
  
  /* Parallax */

  .oc-parallax-background .simpleParallax img {
    transform: scale(2)!important;
  }
}

/* ueber uns Historie*/
/*
#hs_cos_wrapper_widget_1710500503553 .oc_number_num {
    width: max-content;
    height: max-content;
    position: relative;
}*/

.oc_number_num-el {
  font-weight: bold;
  letter-spacing: .2px;
  min-width: max-content;
  font-size: 20px;
  }

#hs_cos_wrapper_widget_1710500503553 .oc_number_num:before {
    background-color: #f2f2f2 !important;
    width: 60px;
    left: -12px;
  }

/*Logo Anpassung Jobs*/
.hs-content-id-99083634893 .header__container.sticky-trans .header__logo-image.logo_ini {
  display: none;
  }

.hs-content-id-99083634893 .header__container.sticky-trans .header__logo-image.head_sticky {
    display: block;
  }

.hs-content-id-99083634893 .header__logo {
    margin-top: 0;
    top: 30px;
  }

.hs-content-id-99083634893 .header__logo {
    margin-top: 0!important;
  }

/* Jobs Button*/
#backToOpenPositions {
  border-bottom-width: 0px;
  border-bottom: 0px;
  border: none;
}

#openPositionDetail .job-detail h2 {
    font-size: 1.8rem !important;
    line-height: 1.0em !important;
}

/* Pop-Up Formular */
/*
span.hs-form__field__radio__label-text p {
    font-family: 'NeueHelvetica-roman', sans-serif;
    font-weight: 400;
    font-size: 18px;
}


#hs-form-5bf89f7f-5008-4256-8aaa-994dbbeb40f3-5a74d17e-36d8-4e4f-9d0f-fb3161f963c4 > div.hs-form__pagination-content-container > div:nth-child(1) > div > div > h4 > strong {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}*/

/* Button */

/*hover Button normal*/
.button.button--secondary:hover {
   border: none;
  }

.button.button--simple:hover, .button.button--simple:active {
  font-weight: 600;
  font-family: var(--anchorFont);
}

form input {
  font-weight: 600!important;
  font-family: 'neue Helvetica'!important;
}


form input:hover {
  font-weight: 600!important;
  font-family: 'neue Helvetica'!important;
}


/* RWD max-width: 1200px */
@media (min-width: 768px) and (max-width: 1335px) {
  /* Home col-3 */
  
  .hs-content-id-95888426946 .wsg-col-3 {
    width: 80%;
  }
  
  h1, .h1 {
    font-size: 60px;
  }
  
  h2, .h2 {
    font-size: 35px;
  }

  h3.ocean_cta__content-title-el {
    font-size: 1.25rem;
  }

}

.fn__image__box {
    height: auto !important;
}

/* Breadcrumb*/


.wsg-breadcrumb ol li span {
    font-size: 16px;
}

.wsg-breadcrumb a:hover, .wsg-breadcrumb a {
  font-family: 'NeueHelvetica-roman', sans-serif;
}

.wsg-breadcrumb ol li::after {
  top: 46% !important;
  right: -20.5px !important;
  font-size: 29px !important;
}

/* Breadcrumb ausblenden mobil */
@media (max-width: 1150px) {
  .wsg-breadcrumb-mobile {
    display: none;
  }
}

/* Form script */

.hs-input[type=checkbox], .hs-input[type=radio] {
  --active: #3030f5;
--focus: 2px 
rgba(48, 48, 245, 0.3);
--border: #bbc1e1;
--border-hover: #3030f5;
--background: #fff;
--disabled: #f6f8ff;
--disabled-inner: #e1e6f9;
}

iframe form label {
font-family: var(--formLabelFont);
font-style: normal;
font-weight: normal;
color: #000000;
font-size: 18px;
}

/*Update */

a.header__button.button.button--icon-right {
    font-weight: 600 !important;
}

.header__button.button {
  font-weight: 600 !important;
}

.button.fn__button__one {
  font-weight: 600 !important;
}


.error-page {
    padding: 22.8rem 0;
}


/* Cookiebot */

button.CookiebotWidget-logo:before,
button.CookiebotWidget-logo:after,
button.CookiebotWidget-close:before,
button.CookiebotWidget-close:after,
button.CookiebotWidget-show-consent-details:before,
button.CookiebotWidget-show-consent-details:after,
button#CookiebotWidget-btn-withdraw:before,
button#CookiebotWidget-btn-withdraw:after,
button#CookiebotWidget-btn-change:after,
#CookiebotWidget,
.CybotCookiebotDialogDetailBodyContentCookieContainerButton:before,
.CybotCookiebotDialogDetailBodyContentCookieContainerButton:after,
.CybotCookiebotDialogBodyButton:after {
  background-color: transparent!important;
  box-shadow: none!important;
  border-radius: 2px!important;
}

#CookiebotWidget .CookiebotWidget-consent-details button {
  color: #3030f5!important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg,
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li svg {
  fill: #3030f5!important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw:disabled {
  border-color: #3030f5!important;
  opacity: 1!important;
  background-color: transparent!important;
  color: #3030f5!important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  border-color: #3030f5!important;
}

#CybotCookiebotDialogBodyFieldsetInnerContainer input,
.CybotCookiebotDialogBodyLevelButtonSliderWrapper {
  border-radius: 7px!important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {
  border-radius: 32px!important;
}

.CybotCookiebotDialogDetailBodyContentCookieContainerButton.CybotCookiebotDialogCollapsed:before, .CybotCookiebotDialogDetailBodyContentIABv2Tab.CybotCookiebotDialogCollapsed:before,
.CybotCookiebotDialogDetailBodyContentCookieContainerButton:before, .CybotCookiebotDialogDetailBodyContentIABv2Tab:before,
.CybotCookiebotDialog button:after {
  top: -0.2em!important;
  left: 1em!important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  border: none!important;
}


/* FIX Tablet */
@media only screen and (min-width: 768px) and (max-width: 1139px) {
          .dnd-section .dnd-column.span6:nth-child(2):has(.widget-type-rich_text) {
    margin-left: 2.762430939%;
                flex: 0 0 48.618784527%;
        width: 48.618784527%;
        float: left;
  }
  
  footer .footer-3-column-2-row-0-vertical-alignment > .row-fluid {
    display: block!important;
  }
  
  footer .footer-3-column-2-row-0-vertical-alignment .span3 {
    float: left;
    margin-left: 5%!important;
    width: 45%;
  }
  
  footer .footer-3-column-2-row-0-vertical-alignment .span3:first-child,
  footer .footer-3-column-2-row-0-vertical-alignment .span3:nth-child(2) {
    margin-bottom: 30px;
  }
  
  footer .footer-3-column-1-row-2-padding .span4 {
    flex: 0 0 100%;
    width: 100%;
  }
  
  footer .footer-3-column-1-row-2-padding .span8 {
    flex: 0 0 100%;
    width: 85%;
  }
  
  footer .social-follow {
    justify-content: center!important;
  }
  
  footer .footer__legal {
    flex-direction: column-reverse!important;
    text-align: center!important;
  }
}

@media only screen and (min-width: 769px) {
  img.fn__image__box__image-el {
      object-fit: cover !important;
      height: 250px;
  }
}

@media only screen and (min-width: 651px) and (max-width: 768px) {
  .fn__image__box .fn__image__box__a {
    width: 100%!important;
  }
}

/*Header Logo Landingpage GY*/
/*
.hs-content-id-189216019705 .header__bottom {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease-in-out;
}

.hs-content-id-189216019705 .header__bottom.show {
    display: block
}
*/



/*Stats Leiste Textgröße*/
@media only screen and (max-width: 768px) {
  div#count_module_17333243549875_1 {
    font-size: 32px !important;
  }
}
/*CTA auf Seite GY Transformation*/

#hs_cos_wrapper_widget_1734441999092 .ocean_cta__wraper-el {
    min-height: 100px !important;
}


@media only screen and (min-width: 768px) and (max-width: 1026px) {
  #hs_cos_wrapper_dnd_area-module-1 .interactive-button {
    width: 111% !important;
    height: auto !important;
    transform: scale(0.7) !important;
    transform-origin: top left !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1139px) {
 .hs-content-id-195395075287 .dnd-section .dnd-column.span6:nth-child(2):has(.widget-type-rich_text) {
        margin-top: 30px !important;         
        margin-left: 0px;
        flex: none;
        width: 100%;
        float: left;
    }
}


/* -------------- Landingpage Utility-------------*/
/* Anpassungen Formular Check */
form input[type=checkbox]:not(.switch):after {
    border: none;
    border-left: none;
    border-top: none;
    height: 20px;
    left: 0px;
    top: 0px;
    transform: none;
    width: 20px;
}
/* Preis Switcher */
/*Kreis*/
.form-switch .form-check-input, .form-switch .form-check-input:focus {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
/* background */
.form-switch .form-check-input {
    background-color: #081950 !important;
    border-radius: 50px !important;
}
/* aktiv */
.form-switch .form-check-input:checked {
    background-color: #3030f5 !important;
}

/* Header Logo Landingpage Utility */
.hs-content-id-228694284529 .header.landing-global {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.hs-content-id-228694284529 #oc__nav_anchor.fixed {
  position: fixed !important;
  top: 149px !important; 
  z-index: 999;
  width: 100%;
}
/* Header Logo Landingpage Utility - mobil */
@media only screen and (max-width: 767px) {
	.hs-content-id-228694284529 #hs_cos_wrapper_widget_1745413809163_ img.hs-image-widget {
    	width: 200px;
	}
	.hs-content-id-228694284529 #oc__nav_anchor.fixed {
  		top: 134px !important; 
	}
}

/* ------------------Fixes nach Update v47----------------------------------------*/
.header__menu--desktop .header__menu-item--depth-1 > .header__menu-link:after {
    display: none !important;
}

/*Anker Probleme*/
.js-nav-scroller.hs-nav-scroller-horizontal.oc__nav_anchor {
    z-index: 99999;
}

/*Fehler auf Deine Karriere Beratung*/
.wsg-image-box .flickity-viewport {
    min-height: 450px !important;
}
/*Fehler auf Deine Karriere Entwicklung*/
.wsg-image-box-2 .flickity-viewport {
    min-height: 520px !important;
}
#hs_cos_wrapper_module_17373573227665 .fn__image__box__a {
    height: calc(80% + 72px);
}


/*Karriere Corporate Functions*/
.fn__image__box__el.lg {
    height: 100%;
    min-height: 410px;
}

/*Anker Problem auf Warum Wilken*/
.dnd_section_ocean_module_1740663655022 {
    position: relative;
    z-index: 1;
}
.dnd_section_ocean_widget_1740663154709 {
    position: relative;
    z-index: 1;
}

#hs_cos_wrapper_module_17406637019625 {
    position: relative;
    z-index: 1;
}
/*Anker Problem auf Karriere*/
.dnd_section_ocean_module_173711813769613 {
    position: relative;
    z-index: 1;
}
/*Box auf Karriere*/
/*.fn__image__box.oc_box_module_17373573227665 .fn__image__box__el.lg {
    min-height: 564px;
}*/

/*Umlaute in Typewriter*/
.fn__typed__typed-el {
    line-height: 1.3;
}
.fn__typed__title span {
    display:inline-block !important;
    overflow: visible;
}
/*Fix Ende*/

/* Typewriter*/
.fn__typed__title {
display: flex ;
 flex-direction: column;
}

/*Newsletter Text*/
form .legal-consent-container, form .legal-consent-container .hs-richtext, form .legal-consent-container .hs-richtext p {
    color: #000;
    font-family: 'NeueHelvetica-roman', sans-serif;
    font-size: 18px;
    font-weight: 500;
}
form .legal-consent-container .hs-richtext p a {
    color: #3030f5;
}
form .legal-consent-container .hs-richtext p a:hover {
 color: #081950 !important;
}

/*Umbruch Sternchen*/
.hs-form-booleancheckbox-display .hs-form-required {
    white-space: nowrap;
    display: inline;
}
.hs-form-booleancheckbox-display span {
    display: inline !important;
    white-space: normal !important;
}

/*CTA*/
.button-container #interactive-close-button {
	    fill: #ffffffb3;
}

a#go-to-top {
    bottom: 50%;
}
/*CTA auf Karriere Seite*/
/*alle CTA
.go1222083472 {
  bottom: 35px !important;
  right: 18px !important;
}*/
/* CTA slide-in V2*/
div#hs-overlay-cta-239204933824 {
    bottom: 50px !important;
}

div#hs-overlay-cta-236259533033 {
  bottom: 90px !important;
  right: 18px !important;
}
@media only screen and (max-width: 982px) { div#hs-overlay-cta-236259533033 {
  bottom: 25px !important;
  right: 16px !important;
}
  a#go-to-top {
    right: 18px;
}
}

/*** Youtube frame****/
.cookieconsent-optout-marketing {
    font-family: 'NeueHelvetica-roman', sans-serif;
    font-size: 16px;
    text-align: center;
    padding: 50px;
    background: #d4d6df30;
    margin: 20px;
}


/* RWD - Jobbaner */

@media (min-width: 983px) and (max-width: 1139px) {
  .wsg-people-image-big .fn__image-el { height: 38vh !important; }
}

@media only screen and (max-width: 982px) {
  .wsg-people-image-big {
      transform: none;
      position: relative;
  }
  
    .wsg-people-image-big .fn__image-el {
        height: 100% !important;
  }
}

@media only screen and (max-width: 767px) {

}