.coe-campus {
  position: relative;
  margin-block: 3.428rem;
  overflow: hidden; }
  .coe-campus .inside {
    width: 90%;
    max-width: 1266px;
    margin: 0 auto; }
  .coe-campus .section-text {
    position: relative;
    padding: clamp(3rem, 2.535rem + 1.357vw, 4rem) 0 18rem;
    background-color: #0F7F91;
    color: #FFFFFF; }
    .coe-campus .section-text:before {
      content: '';
      position: absolute;
      width: 50%;
      max-width: 55rem;
      aspect-ratio: 795 / 759;
      overflow: hidden;
      top: 50%;
      right: -1.2rem;
      translate: 0 -50%;
      background: url(../../../assets/images/coe-campus-bg.svg) center/100% auto no-repeat;
      z-index: 1;
      opacity: 0.2; }
      @media only screen and (max-width: 719.98px) {
        .coe-campus .section-text:before {
          width: 90%;
          top: 5%;
          right: -0.6rem; } }
    .coe-campus .section-text .inside {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
      gap: 14px;
      z-index: 2; }
    .coe-campus .section-text-logo {
      width: 100%;
      margin-bottom: 14px; }
    .coe-campus .section-text-heading {
      margin-bottom: 0.5rem; }
    .coe-campus .section-text-body {
      max-width: 68ch; }
      .coe-campus .section-text-body p, .coe-campus .section-text-body ul, .coe-campus .section-text-body ol {
        font-size: 14px;
        line-height: 1.5;
        font-size: clamp(1.071rem, 1.012rem + 0.174vw, 1.2rem);
        color: #FFFFFF; }
      .coe-campus .section-text-body a:not(:hover) {
        font-size: inherit;
        color: inherit; }
    .coe-campus .section-text-link {
      display: inline-flex;
      align-items: center;
      position: relative;
      margin: 0 1em 1em 0;
      padding-bottom: 2px;
      color: #000000;
      background-color: transparent;
      color: #FFFFFF;
      text-decoration-color: #FFFFFF;
      margin-top: 14px;
      text-decoration-color: #E94E24; }
      .coe-campus .section-text-link:after {
        content: '';
        display: inline-block;
        margin-left: 0.5em;
        width: 0.5em;
        height: 0.5em;
        transform: rotate(45deg) translateX(1px);
        transform-origin: center;
        border-style: solid;
        border-color: #000000;
        border-width: 2px 2px 0 0;
        transition: all 0.4s ease; }
      .coe-campus .section-text-link:hover {
        color: #E94E24; }
        .coe-campus .section-text-link:hover:after {
          border-color: #E94E24; }
      .coe-campus .section-text-link:after {
        border-color: #FFFFFF; }
      .coe-campus .section-text-link:hover {
        color: #FFFFFF;
        opacity: 0.8; }
        .coe-campus .section-text-link:hover:after {
          border-color: #FFFFFF; }
      .coe-campus .section-text-link:last-child {
        margin-right: 0;
        margin-bottom: 0; }
  .coe-campus-tabs-wrapper {
    position: relative;
    display: flex;
    padding-bottom: clamp(3rem, 2.535rem + 1.357vw, 4rem);
    background: #EBECF0;
    z-index: 2; }
    .coe-campus-tabs-wrapper .inside {
      margin-top: -14rem;
      padding-bottom: clamp(0.714rem, -0.548rem + 3.682vw, 3.429rem);
      background-color: #FFFFFF; }
      @media only screen and (min-width: 580px) {
        .coe-campus-tabs-wrapper .inside {
          padding-inline: 1.428rem; } }
    .coe-campus-tabs-wrapper ul {
      list-style: none;
      margin: 0; }
      .coe-campus-tabs-wrapper ul li {
        margin: 0; }
    @media only screen and (min-width: 1080px) {
      .coe-campus-tabs-wrapper .slider-controls .splide__arrow--prev {
        left: -6%; }
      .coe-campus-tabs-wrapper .slider-controls .splide__arrow--next {
        right: -6%; } }
    @media only screen and (min-width: 720px) and (max-width: 1079.98px) {
      .coe-campus-tabs-wrapper .slider-controls .splide__arrow--prev {
        left: -7.5%; }
      .coe-campus-tabs-wrapper .slider-controls .splide__arrow--next {
        right: -7.5%; } }
    @media only screen and (min-width: 580px) and (max-width: 719.98px) {
      .coe-campus-tabs-wrapper .slider-controls .splide__arrow--prev {
        left: -8.5%; }
      .coe-campus-tabs-wrapper .slider-controls .splide__arrow--next {
        right: -8.5%; } }
    @media only screen and (max-width: 579.98px) {
      .coe-campus-tabs-wrapper {
        padding-inline: 4%; }
        .coe-campus-tabs-wrapper .slider-controls .splide__arrow--prev {
          left: -7.5%; }
        .coe-campus-tabs-wrapper .slider-controls .splide__arrow--next {
          right: -7.5%; } }
  .coe-campus-tabs-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.72rem;
    padding: clamp(1.714rem, 0.917rem + 2.326vw, 3.429rem) 5%; }
    .coe-campus-tabs-header button {
      display: inline-block;
      position: relative;
      align-content: center;
      font-family: "Noto Sans", sans-serif;
      font-size: 14px;
      font-weight: 600;
      line-height: 1.4;
      padding: 1.072em 2.8em;
      color: #FFFFFF;
      background-color: #00305B;
      border: 1px solid #00305B;
      border-radius: 0;
      text-decoration: none;
      color: #000000;
      background-color: transparent;
      border-color: rgba(0, 48, 91, 0.2);
      color: #00305B; }
      .coe-campus-tabs-header button:after {
        content: '';
        display: inline-block;
        margin-left: 0.7em;
        width: 0.7em;
        height: 0.7em;
        transform: rotate(45deg);
        transform-origin: center;
        border-style: solid;
        border-color: #E94E24;
        border-width: 2px 2px 0 0; }
      .coe-campus-tabs-header button:hover {
        color: #000000;
        background-color: transparent;
        border-color: rgba(0, 48, 91, 0.2); }
      .coe-campus-tabs-header button:active {
        scale: 0.95; }
      .coe-campus-tabs-header button:hover {
        color: #FFFFFF;
        background-color: #00305B;
        border-color: #00305B; }
      .coe-campus-tabs-header button:disabled {
        opacity: 0.5;
        pointer-events: none; }
      .coe-campus-tabs-header button:not(:last-of-type) {
        margin: 0 1em 1em 0; }
      .coe-campus-tabs-header button:hover {
        background-color: #00305B;
        color: #FFFFFF; }
      .coe-campus-tabs-header button.tab-active {
        background-color: #00305B;
        color: #FFFFFF;
        pointer-events: none; }
      .coe-campus-tabs-header button.coe-campus-tab-btn {
        padding-block: 0.5rem;
        cursor: pointer; }
        .coe-campus-tabs-header button.coe-campus-tab-btn:after {
          display: none; }
  .coe-campus-tabs-content {
    width: 100%;
    display: grid; }
    .coe-campus-tabs-content .coe-campus-content {
      grid-area: 1 / 1;
      z-index: -5;
      min-width: 0;
      max-width: 100%;
      width: 100%; }
      .coe-campus-tabs-content .coe-campus-content .slider-controls {
        visibility: hidden; }
      .coe-campus-tabs-content .coe-campus-content .coe-campus-item {
        translate: 0 5%;
        opacity: 0;
        transition: opacity 0.4s linear, translate 0.4s linear; }
      .coe-campus-tabs-content .coe-campus-content.tab-active {
        z-index: 5; }
        .coe-campus-tabs-content .coe-campus-content.tab-active .slider-controls {
          visibility: visible; }
        .coe-campus-tabs-content .coe-campus-content.tab-active .coe-campus-item {
          translate: 0 0;
          opacity: 1; }
  .coe-campus-item {
    position: relative;
    padding: 1.428rem;
    display: flex;
    flex-direction: column;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%; }
    .coe-campus-item-image {
      position: relative;
      width: 100%;
      margin-bottom: 1.428rem;
      flex-shrink: 0;
      aspect-ratio: 16/9;
      overflow: hidden;
      background-color: #F7F7F9; }
      .coe-campus-item-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .coe-campus-item-info {
      display: flex;
      flex-direction: column;
      height: 100%; }
    .coe-campus-item-category {
      position: absolute;
      top: 1.428rem;
      left: 1.428rem;
      width: auto;
      padding: 0.5rem 1.428rem;
      background-color: #0F7F91;
      color: #FFFFFF; }
    .coe-campus-item-top, .coe-campus-item-bottom {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 14px; }
    .coe-campus-item-top {
      position: relative; }
    .coe-campus-item-bottom {
      margin-top: auto; }
    .coe-campus-item-logo {
      max-width: 3.5rem;
      max-height: 3.5rem; }
    .coe-campus-item-date {
      font-size: 14px;
      font-weight: 400;
      line-height: 1.4;
      font-weight: 600; }
    .coe-campus-item-title {
      font-size: 1.2rem;
      margin: 0.9rem 0 0.72rem;
      transition: all 0.4s ease; }
    .coe-campus-item-speaker {
      position: relative;
      margin-bottom: 2.2rem; }
    .coe-campus-item-price {
      font-size: clamp(1.443rem, 1.31rem + 0.388vw, 1.729rem);
      font-weight: 700; }
    .coe-campus-item-link {
      display: inline-flex;
      align-items: center;
      position: relative;
      margin: 0 1em 1em 0;
      padding-bottom: 2px;
      color: #000000;
      background-color: transparent;
      position: static; }
      .coe-campus-item-link:after {
        content: '';
        display: inline-block;
        margin-left: 0.5em;
        width: 0.5em;
        height: 0.5em;
        transform: rotate(45deg) translateX(1px);
        transform-origin: center;
        border-style: solid;
        border-color: #000000;
        border-width: 2px 2px 0 0;
        transition: all 0.4s ease; }
      .coe-campus-item-link:hover {
        color: #E94E24; }
        .coe-campus-item-link:hover:after {
          border-color: #E94E24; }
      .coe-campus-item-link:last-child {
        margin-right: 0;
        margin-bottom: 0; }
      .coe-campus-item-link:before {
        content: '';
        position: absolute;
        width: calc(100% - 2.856rem);
        height: calc(100% - 2.856rem);
        top: 1.428rem;
        left: 1.428rem; }
    .coe-campus-item:has(.coe-campus-item-link:hover) .coe-campus-item-title {
      color: #E94E24; }

.coe-campus:has(+ .job-offers-marketplace-teaser) {
  margin-bottom: 0; }

/*# sourceMappingURL=coe-campus.css.map */