/* SUBPAGE PRICES */
.staff-row {
    margin-top: 2.5rem;
    margin-bottom: 4rem;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;  
}
.staff-row .staff-column-2 { display: flex; flex-direction: column; }
.staff-column-1, .staff-column-2 { text-align: center;}
.staff-row .staff-column-2 select {
    text-align: center;
    text-indent: 0px;
    border-color: var(--gray);
    margin: 0em;
    border-width: 4px;
    border-style: solid;
    border-color: var(--gray);
    border-image: initial;
    border-radius: 30px;
    padding: 10px 20px 10px 20px;
}
#staff_count { margin: 0px 10px; width: 120px; }
.staff-row .staff-column-1 input {
    color: var(--text);
    text-align: center;
    appearance: auto;
    -webkit-rtl-ordering: logical;
    background-color: var(--gray);
    margin: 0em;
    padding: 10px 20px 10px 20px;
    border-width: 4px;
    border-style: solid;
    border-color: var(--gray);
    border-image: initial;
    border-radius: 30px;
}
.staff-number, .bundle-duration { margin-bottom: 11px; font-size: 1.2em; }
.subpage-standard #content .colored {
    border-radius: 10px;
    padding: 25px;
    background-color: var(--dark-blue);
    color: var(--white);
}
.subpage-standard #content .colored .btn-primary {
    background-color: var(--gray);
    color: var(--darker-blue);
}
.subpage-standard #content .btn-dark,
.subpage-standard #content .btn-primary { display: block; width: 100%; }
.subpage-standard #content .basic-colored {
    border-radius: 10px;
    padding: 25px;
    background-color: var(--gray);
    width: 90%;
}
.paket-header span {
    padding: 6px 15px;
    border: 1px solid;
    border-radius: 10px;
    font-size: 1.3em;
}
.price-per-user-2, .price-per-user-3, .price-per-user-4 { font-size: 2em; margin-top: 12px }
.price-duration { font-size: 1.4em; line-height: 1em; }
.price-subscription {
    margin: 20px 0 10px 0;
    font-size: 1em;
    line-height: 1.3em;
}
#paket-body-basic .accordion-item { margin-bottom: 30px; margin-top: 22px; }
.pdf-button { margin-top: 1em;}
.paket-footer svg { width: 15px;}
.colored .paket-footer svg {fill: var(--white);}
.paket-footer .pdf-button span { text-decoration: none; font-size: .8em; }


@media(max-width: 768px) {
    #staff_count { width: 70px; }
    .staff-row .staff-column-1 input {padding: 10px 9px;}
}

@media(min-width: 768px) and (max-width: 1023px) {
    .subpage-standard p { width: 77%;}
    .price-duration { font-size: 1.2em; }
    .subpage-standard #content .basic-colored {
        padding: 15px;
        width: 100%;
    }
    .subpage-standard #content .colored { padding: 15px; }    
    .subpage-standard .basic-colored .accordion-button,
    .subpage-standard .colored .accordion-button {
        padding: 10px;
    }
}