.arbeit-tabs{
    display: flex;
    flex-wrap: wrap;
}

.arbeit-tabs input[type="radio"]{
    display: none;
}

.arbeit-tabs .tab-label {
    padding: 5px 20px 5px 20px;
    margin-right: 5px;
    font-size: 16px;

    margin-bottom: 20px;
}

.arbeit-tabs .tab{
    width: 100%;

    order: 1;

    display: none;
    opacity: 0;

    transition: all 0.25s ease;
}

.arbeit-tabs input[type="radio"]:checked + label + .tab{
    display: block;
    opacity: 1;
}

.arbeit-tabs input[type="radio"]:checked + label{
    background-color: #8b90ff;

    border-radius: 1rem;
}

.arbeit-tabs input[type="radio"] + label{
    background-color: #f2f4f8;

    border-radius: 1rem;
}

.arbeit-tabs input[type="radio"] + label:hover{
    background-color: #7a7fff;
}



.tabContainer{
    display: flex;
    flex-wrap: wrap;
}

.tabContainer input[type="radio"]{
    display: none;
}

.tabContainer .tab-label {
    padding: 5px 20px 5px 20px;
    margin-right: 5px;
    font-size: 16px;

    margin-bottom: 20px;
}

.tabContainer .tab{
    width: 100%;

    order: 1;

    display: none;
    opacity: 0;

    transition: all 0.25s ease;
}

.tabContainer input[type="radio"]:checked + label + .tab{
    display: block;
    opacity: 1;
}

.tabContainer input[type="radio"]:checked + label{
    background-color: #8b90ff;
    color: white;

    border-radius: 1rem;
}

.tabContainer input[type="radio"] + label{
    background-color: #ebebeb;

    border-radius: 1rem;
}

.tabContainer input[type="radio"] + label:hover{
    background-color: #7a7fff;
    color: white;
}