h2 {
        color: #3A3A39;
    }

    .accordion-item, .accordion-button {
        background: #F7F7F7;
        border-radius: 1rem !important;
        border: none;
        font-family: GibsonMedium, sans-serif;
        font-size: 18px;
    }

    p.innerheadline {
        font-family: GibsonMedium, sans-serif;
        font-size: 18px;
    }

    col-lg-12 p strong {
        font-family: GibsonMedium, sans-serif;
        font-size: 18px;
    }

    .accordion-body p:not(.innerheadline), .accordion-body li {
        font-family: GibsonLight, sans-serif;
        font-size: 18px;
    }

    .accordion-body ul {
        margin-left: 0;
        padding-left: 1rem;
    }
    .accordion-body p {
        text-align: left;
    }

    .accordion {
        margin-bottom: 1rem;
    }

    .accordion-button:not(.collapsed) {
        color: inherit;
        background: inherit;
    }

    .accordion-button {
        box-shadow: none !important;
    }

    .accordion-button:focus {
        border: none !important;
    }

    .accordion-button div {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-right: 2rem;
    }
    .accordion-button div a{
        display:none;
    }

    .bewerben {
        text-decoration: underline;
        font-family: GibsonLight, sans-serif;
        font-size: 18px;
    }

    .weiterlesen-btn {
        margin-bottom: 1.5rem;
        max-width: 270px;
    }

    #footer {
        margin-top: 4rem;
    }

    body .tab-pane {
        background-color: var(--main-color-grey);
        border-radius: 2rem;
        border: none;
    }

    .nav-tabs, .nav-tabs .nav-link.active {
        border: none;
    }

    #home {
        min-height: 825px;
    }

    ul#myTab {
        margin-left: 0;
        display: flex;
        justify-content: space-between;
        margin-top: 4rem;
    }

    ul#myTab li button.nav-link {
        text-align: center;
        width: 100%;
        border-radius: 2rem;
        padding: 14px 20px;
    }

    ul#myTab li button.nav-link.active {
        background-color: var(--main-color-hover);

    }

    #myTab .nav-item {
        width: 32%;
    }

    @media (max-width: 767px) {
        ul#myTab, #myTabContent {
            display: none;
        }

        .tab-container {
            display: block;
        }
    }

    @media (min-width: 768px) {
        ul#myTab, #myTabContent {
            display: flex;
        }

        .tab-container {
            display: none;
        }
    }