.workshop-offerings {
    width: 100%;
}

.workshop-offerings-table {
    position: relative;
    margin-bottom: 40px;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}

.appointment-table-title {
    width: 100%;
    padding: 5px 10px;
    background-color: #E8E8E7;
    font-size: 20px;
}

.language-german {
    padding: 5px 10px;
    background-color: #444444;
    color: white;
    font-size: 20px;
}

.language-other {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    background-color: #444444;
    color: white;
    font-size: 20px;
}

.appointment-table thead tr {
    background-color: #E8E8E7;
}

.appointment-table tbody tr {
    padding-top: 10px;
    padding-bottom: 10px;
}

.appointment-table tbody td {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

.table-header-titles {
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    white-space: nowrap;
}

.course-format-title-icon {
    display: flex;
}

.course-format-title p {
    margin-left: -5px;
    margin-top: 3px;
}

.course-format-icon {
    padding: 0 10px;
    width: 40px;
}

.appointment-table-icons {
    width: 100%;
    height: 100%;
}


.space-available {
    width: 14px;
    height: 14px;
}

.space-available-1 .space-available {
    background-color: #FFD800;
}

.space-available-2 .space-available {
    background-color: #199500;
}

.space-available-3 .space-available {
    background-color: #199500;
}

.space-available-4 .space-available {
    background-color: #DB0031;
}

.hidden-appointment-other-lang {
    background-color: #E8E8E7;
    width: 100%;
    padding: 10px;
}

.mobile-appointment-label {
    display: none;
}

.mobile-appointment-price {
    display: none;
}



.blue-graphic {
    position: absolute;
    right: -40px;
    top: -25px;
    pointer-events: none;
    z-index: 1;
}

.blue-icon {
    position: absolute;
    right: -6px;
    top: -5px;
}

.table-discount-icon p {
    width: 20.6px;
    height: 20.6px;
}

.table-discount-icon {
    width: 20.6px;
    height: 20.6px;
    background-color: #db0031;
    margin-right: 20px;
    margin-left: 7px;
}

.pd-r-l {
    padding-left: 1.5rem;
    padding-right: 0.5rem;
}

.timer-pl {
    padding-left: 1rem;
    padding-top: 0.5rem;
}

.bucket-icons {
    padding-left: 0.5rem;
    padding-right: 3.5rem;
    display: flex;
    padding-top: 0.5rem;
}

.appointment-table-bucket-icons {
    width: 28px;
    height: 24px;
}

.appointment-table-timer-icons {
    width: 28px;
    height: 24px;
}





.appointment-table-chevron-icon {
    color: white;
    font-size: 20px;
    margin-right: 10px;
}

.appointment-options {
    display: flex;
}

.appointment-option-position {
    display: flex;
    width: 100%;
    justify-content: space-between;
}


.component {
    background-color: #E8E8E7;
    width: 100%;
    padding: 8px;
}

.centered-container {
    display: flex;
    justify-content: center;
}

.termin-calendar {
    color: #db0031;
    font-size: 1.5rem;
}

.appointment-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.training-data {
    margin-bottom: 40px;
}

.training-data>* {
    margin-bottom: 10px;
}

.training-tabs {
    margin-bottom: 20px;
}

.training-tabs button {
    width: auto;
    padding: 4px 10px;
    margin-right: 10px;
    background: #878787;
    color: white;
    font-size: 20px;
}

.training-tabs button.active {
    background-image: linear-gradient(to right, #db0031, #BB0F26);
}


/*!* Desktop small / new Tablets *!*/
/*@media only screen and (max-width: 1280px) {*/
/*    .blue-graphic {*/
/*        position: absolute;*/
/*        left: 678px;*/
/*        margin-top: -100px;*/
/*    }*/
/*}*/