.ce-tabpanel {
  .nav-tabs {
    border: none;
    gap: 0 1rem;

    @include media-breakpoint-up(lg) {
      flex-wrap: nowrap;
    }

    button.nav-link {
      background: $secondary;
      border: none;
      color: white;
      flex-grow: 1;
      font-size: 1.5rem;
      font-weight: 700;
      text-transform: uppercase;

      @include media-breakpoint-down(md) {
        width: 100%;
      }
    }

    button.nav-link.active {
      background: $primary;
    }
  }

  .tab-content {
    .tab-pane {
      >.frame {
        padding-top: 2rem !important;
        padding-bottom: 3rem !important;
      }
    }

    .card-menu-columns-3 {
      .card-menu-item {
        @include media-breakpoint-down(lg) {
          width: 50%;
        }

        @include media-breakpoint-down(sm) {
          width: 100%;
        }
      }
    }

    .card-menu-item {
      padding: 2rem 1rem;

      .card {
        .card-body {
          h3 {
            font-size: 1.25rem;
            margin-top: 2.5rem;
            text-align: center;
            text-transform: uppercase;

            a::before {
              display: none;
            }
          }
        }

        .card-footer {
          a {
            background-color: $primary;
            color: white;
            font-size: 1rem;
            font-weight: 700;
            left: 50%;
            padding: 0.75rem 1.5rem;
            position: absolute;
            transform: translateX(-50%);
          }
        }
      }
    }

    .frame-option-4 {
      .card {
        .card-body::before {
          content: 'Stellenanzeige';
        }
      }
    }

    .frame-option-5 {
      .card {
        .card-body::before {
          content: 'Ausbildung';
        }
      }
    }

    .frame-option-6 {
      .card {
        .card-body::before {
          content: 'Duales Studium';
        }
      }
    }

    .frame-option-7 {
      .card {
        .card-body::before {
          content: 'Praktikum';
        }
      }
    }

    .frame-option-4,
    .frame-option-5,
    .frame-option-7 {
      .card {
        .card-body {
          .card-title {
            a::after {
              content: '(m/w/d)';
              display: block;
            }
          }
        }
      }
    }

    .frame-option-4,
    .frame-option-5,
    .frame-option-6,
    .frame-option-7 {
      .card {
        .card-body::before {
          display: block;
          left: 50%;
          position: absolute;
          transform: translateX(-50%);
        }
      }
    }
  }
}

.frame-type-ce_columns3 {
  .ce-col {
    @include media-breakpoint-down(md) {
      margin: 2rem 0;
    }

    > div {
      padding: 0 !important;
    }
  }
}