.bzkr-register-login-logout {
    color: white;
    display: flex;
    font-size: 14px;
    justify-content: flex-end;
    gap: 10px;
}

a.bzkr-register-login-logout-link {
    color: white;
}

a.bzkr-register-login-logout-link:hover {
    color: #6d2f7f;
    margin-left: 0;
    text-decoration: none;
}

/* --- Filter --- */
.bzkr-course-filter .facetwp-facet-target_groups {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}

.bzkr-course-filter .facetwp-radio,
.bzkr-course-filter .facetwp-radio.checked {
    background-image: none;
}

.bzkr-course-filter .facetwp-counter {
    display: none;
}

.bzkr-course-filter .facetwp-radio,
.bzkr-course-filter .facetwp-display-value {
    padding: 0;
    margin: 0;
}

.bzkr-course-filter .facetwp-radio {
    /* background: linear-gradient(90deg, rgb(61, 27, 70) 0%, #886791 100%); */
    border:1px solid #886791;
    color: #886791;
    border-radius: 2rem;
    line-height: 1.1;
    padding: 12px 24px;
}

.bzkr-course-filter .facetwp-radio.checked,
.bzkr-course-filter .facetwp-radio:hover {
    background: linear-gradient(90deg, rgb(61, 27, 70) 0%, #886791 100%);
    border-color: none;
    color: white;
}

button.facetwp-load-more {
    border:1px solid transparent;
    background: none;
    color: #66486d;
    border-radius: 2rem;
    line-height: 1.1;
    padding: 12px 24px;
    outline: none;
    margin: 0 auto;
    font-size: 20px;
}
button.facetwp-load-more:hover,
button.facetwp-load-more:active,
button.facetwp-load-more:focus {
    border:1px solid transparent;
    background: linear-gradient(90deg, rgb(61, 27, 70) 0%, #886791 100%);
    border-color: none;
    color: white;
    outline: none;
}

button.facetwp-load-more::before {
    font: var(--fa-font-light);
    content: '\f0fe';
    padding-right: 8px;
}

.facetwp-facet-more_courses {
    display: flex;
}

/* --- Courses --- */
.bzkr-no-courses {
    background: linear-gradient(90deg, rgba(30, 4, 37, 0.94) 0%, rgb(137, 104, 146) 100%);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7rem;
}

.bzkr-course-listview {
    margin-bottom: 2rem;
}

.bzkr-course-item {
    background: linear-gradient(90deg, rgba(30, 4, 37, 0.94) 0%, rgb(137, 104, 146) 100%);
    border-radius: 1rem;
    font-weight: 200;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 7rem;
    margin-bottom: 2rem;
    a:hover {
        text-decoration: none;
    }
    h4 {
        color: white;
        font-weight: 700;
        font-size: 2rem;
        line-height: 1.3;
        margin:0 0 0.5rem;
    }
}

@media(max-width: 500px){
    .bzkr-course-item {
        padding: 2rem;
    }
}

@media(min-width: 992px){
    .bzkr-course-listview {
        display: grid;
        grid-template-columns: minmax(0,1fr) repeat(2, auto);
        gap:2rem 8rem
    }
    .bzkr-course-item {
        display: grid;
        grid-template-columns: subgrid;
        grid-column: 1/-1;
        margin-bottom: 0;
    }
}

.bzkr-course-item_speaker-box {margin-bottom: 1rem;}
a.bzkr-course-speaker-link {
    color: white;
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 700;
    &:hover {
        text-decoration: underline;
        color: white;
    }
}

.bzkr-course-item_action-box {
    display: flex;
    align-items: center;
}
.bzkr-course-item_type-box {
    margin-bottom: 1rem;
    font-weight: 700;
    line-height: 2rem;
}
.bzkr-course-item_date-box {
    margin-bottom: 0.5rem;
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.6rem;
}
a.bzkr-link-course-registration {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:1rem;
    font-size: 1.6rem;
    color: white;
    text-decoration: none;
    line-height: 1.8rem;
    border: 1px solid white;
    border-radius: 1rem;
    background-image: linear-gradient(90deg, rgb(61, 27, 70) 0%, #886791 100%);
    padding: 1.5rem 3rem;
    width: 100%;
}
a.bzkr-link-course-registration:hover {
    box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.21);
    transition: 0.3s ease;
    text-decoration: none;
    color: white;
    cursor: pointer;
}
.bzkr-course-circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #e92563;
    &.circle-orange {
        background-color: #ea6e26;
    }
    &.circle-green {
        background-color: #bfe925;
    }
}
.bzkr-course-detail-item p:not(.bzkr-course-detail-item-headline) {
    color: black;
}
.bzkr-course-detail-item:not(:last-child) {
    margin-bottom: 20px;
    display: flow-root;
}

.bzkr-course-detail-item-headline {
    color: rgb(61, 27, 70);
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 5px;
}

.bzkr-course-detail-item-value {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
}

.bzkr-course-detail-item-value.course-detail-small {
    font-weight: 200;
    font-size: 16px;
}

.course-detail-time-wrapper:not(:last-child){
    margin-bottom: 20px;
    
}
.course-detail-time-wrapper .bzkr-course-detail-item-value:first-child {
    margin-bottom: 0;
}
.bzkr-flat-rate-course {
    display: inline-block;
    background-color: #6d2f7f;
    color: white;
    padding: 4px 8px;
    margin-bottom: 4px;
}
.guest-fee-block {
    color: black;
}
.guest-fee-block p {
    display: inline;
}

.bzkr-course-document-box {
    display: flex;
    flex-direction: column;
    gap:16px;
}
.bzkr-course-document-box a {
    color: rgb(77, 26, 91);
    text-decoration: none;
    font-weight: 700;
    display: flex;
    gap:4px;
    font-size: 16px;
    line-height: 1;
    svg {
        height: 16px;
    }
    &:hover,
    &:focus {
        color:#643078;
        text-decoration: none;
        svg path {
            fill: #643078
        }
    }
}

.bzkr-speaker-box,
.bzkr-speaker-box:hover {
    display: flex;
    color: rgb(77, 26, 91);
    align-items: center;
    text-decoration: none;
    gap: 10px;
    &:not(:last-child) {
        margin-bottom: 20px;
    }
    p {
        margin-bottom: 0;
        font-weight: 700;
    }
    .speaker-avatar {
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        background-color: rgb(77, 26, 91);
        width: 50px;
        height: 50px;
        border-radius: 50%;
        font-size: 25px;
        overflow: hidden;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

.bzkr-speaker-keyfacts {
    background-color: #f0f0f0;
    border-radius: 10px;
    padding: 40px;
    color: black;
    h3 {
        color: rgb(77, 26, 91);
        margin-top: 0px;
        margin-bottom: 20px;
    }
    ul {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding-left: 20px;
    }
}

.bzkr-register-link,
.bzkr-register-link:hover {
    background-image: linear-gradient(90deg, rgb(61, 27, 70) 0%, #886791 100%);
    box-sizing: border-box;
    border-style: none;
    border-width: 0;
    color: #FFF;
    padding: 1.5rem 3rem;
    white-space: nowrap;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    gap:10px;
    i {
        font-size: 12px;
    }
    &.link-full {
        width:100%;
    }
}
.bzkr-register-link:hover {
    box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.21);
    transition: 0.3s ease;
}

/* --- Buchungsformulare --- */
#bzkr-booking-form {
    container-type: inline-size;
    container-name: booking-form;
    .acf-field-group .acf-input .acf-fields {
        margin: 0 -16px;
    }

    .acf-label {
        color: black;
    }

    .acf-field-group > .acf-label {
        color: #6d2f7f;
    }

    .acf-field-bzkr-booking-consent .acf-label,
    .acf-field-group>.acf-label>label {
        font-size: 24px;
        font-weight: 300;
        border-bottom: 1px solid #6d2f7f;
    }

    .acf-field-bzkr-booking-consent {
        .consent-checklist {
            list-style: none;
            margin: 0;
            padding: 0;

            label {
                font-weight: 400;
            }
        }
    }

    .acf-fields.-border {
        border: none;
    }

    .acf-field[data-width]+.acf-field[data-width],
    .acf-fields>.acf-field {
        border: none;
    }

    input,
    select {
        padding: 8px 16px;
        font-size: 16px;
    }

    select {
        background-color: #fcfcfc;
        border-color: #e6e6e6;
        border-radius: 4px;
    }

    input[type="submit"] {
        background-image: linear-gradient(90deg, rgb(61, 27, 70) 0%, #886791 100%);
        box-sizing: border-box;
        border-style: none;
        border-width: 0;
        color: #FFF;
        padding: 1.5rem 3rem;
        white-space: nowrap;
        border-radius: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        margin-left: auto;
        &:hover {
            box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.21);
            transition: 0.3s ease;
        }
    }

    .acf-button {
        /* background-image: linear-gradient(90deg, rgb(61, 27, 70) 0%, #886791 100%); */
        /* color: white; */
        background-color: #f0f0f0;
        color: #6d2f7f;
        border: 1px solid #886791;
        text-decoration: none;
        padding: 8px 16px;
        margin-top: 16px;
    }

    .acf-icon.-plus {
        display: none;
    }

    .acf-icon.-minus {
        display: block;
        /* background-image: linear-gradient(90deg, rgb(61, 27, 70) 0%, #886791 100%);
        color: white; 
        border: none; */
        background-color: #f0f0f0;
        color: #6d2f7f;
        border: 1px solid #886791;
        top: 10px;
        margin: 0;
        right: calc(100% + 16px);
        border-radius: 0;
        width: 160px;
        height: auto;
        padding: 6px 0;
        line-height: 1;

        &:before {
            content: "Teilnehmer entfernen";
            font-family: 'Jost', 'Arial', sans-serif;
            font-size: 14px;
            font-weight: 500;
            width: 100%;
            text-align: center;
        }

        &:hover,
        &:focus {
            text-decoration: none;
        }
    }

    .acf-row-number {
        background: #6d2f7f;
        display: block;
        width: 30px;
        height: 30px;
        color: white;
        border-radius: 50%;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-shadow: none;
    }

    .acf-repeater .acf-row-handle {
        vertical-align: top !important;
    }
    .acf-repeater .acf-row-handle.remove {
        width: 0;
        padding: 0;
    }

    .acf-repeater.-table thead {
        display: none;
    }

    .acf-repeater .acf-row-handle.order {
        background: white;

        +.acf-fields {
            border: none;
        }
    }

    .acf-field-repeater .acf-table {
        border: none;

        .acf-row {
            border-bottom: 1px solid #E1E1E1;
        }
    }
}

@container booking-form (width < 500px) {
  #bzkr-booking-form .acf-mobile-w-override,
  #bzkr-booking-form .acf-mobile-w-override input[type='file'] {
    width: 100%!important;
  }
  .acf-repeater .acf-row-handle.order {
        padding-left: 0;
        padding-right: 0;
    }
}

.bzkr-member-booking-list {
    list-style: none;
    padding: 0;
    margin: 0;
    box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.25);
    background-color: white;
    border-right: 4px solid #886791;
    border-bottom: 4px solid #886791;

    li {
        display: flex;
        gap: 16px;
        padding: 12px;
        border-bottom: 1px solid lightgray;

        &:last-child {
            border-bottom: none;
        }

        div:first-child {
            flex: 1;
        }
    }
}

#bzkr-dashboard {
    .um-profile-nav {
        background: none;
        color: #606060;
        padding: 8px 0;
    }

    .um-profile-nav-item a {
        background-color: #555;
    }

    .um-profile-nav-item.active a,
    .um-profile-nav-item a:hover {
        background-color: #6d2f7f;
    }

    .mailbox-container {
        align-items: start;
        display: grid;
        grid-template-columns: 250px minmax(0, 1fr);
        margin-bottom: 128px;
        /* border: 1px solid #fbc900; */
        height: 600px;
    }

    .mailbox-sections {
        background-color: #f4f4f4;
    }

    .mb-section-header {
        font-weight: 300;
        font-size: 24px;
        color: black;
        padding: 16px 16px 4px;
    }

    .mailbox-list {
        list-style: none;
        padding-left: 8px;
        margin: 0;
        padding: 6px 16px;
    }

    .mb-line {
        background-color: #6d2f7f;
        height: 1px;
        width: 50px;
        margin-left: 16px;
    }

    .mailbox-item {
        padding: 4px;
        cursor: pointer;
    }

    .mailbox-item:hover {
        background-color: #f0f0f0;
    }

    .mailbox-item.active {
        font-weight: bold;
        /* background-color: #e0e0e0; */
    }

    .mailbox-content {
        flex: 1;
        /* padding-left: 16px; */
        height: 100%;
        box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.25);
        position: relative;
        top: 16px;
        left: -32px;
        background-color: white;
        border-right: 4px solid #6d2f7f;
        border-bottom: 4px solid #6d2f7f;
    }

    .mailbox-btn {
        /* background: none; */
        background-image: linear-gradient(90deg, rgb(61, 27, 70) 0%, #886791 100%);
        border: 2px solid #6d2f7f;
        /* color: black; */
        color: white;
        font-size: 15px;
        font-weight: 200;
        padding: 1.5rem;
        border-radius: 1rem;
        border-width: 0;
        display: flex;
        gap:10px;

        &:hover {
            box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.21);
            transition: 0.3s ease;
        }

    }

    .mailbox-sidebar-action-wrapper {
        margin-top: 16px;
    }

    .mailbox-action-wrapper {
        display: flex;
        justify-content: flex-end;
        padding: 16px;
    }

    .mailbox-messages {
        display: flex;
        flex-direction: column;
        gap: 16px;
        height: 100%;
    }

    .mailbox-heading {
        margin-bottom: 8px;
        /* color: #fbc900; */
        font-size: 32px;
        font-weight: 300;
    }

    .mailbox-thankyou {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .mailbox-empty {
        border: 2px dashed #6b7280;
        border-radius: 8px;
        font-weight: 700;
        margin: 16px;
        text-align: center;
        padding: 16px;
    }
}

.copy-participant-container {
    container-type: inline-size;
    container-name: copy-participant;
}



.copy-participant-wrapper {
    background-color: #f0f0f0;
    padding: 16px;
    display:flex;
    gap: 16px;
    margin-bottom:32px;
    color:black;
    font-size:14px;
    align-items:center
}

@container copy-participant (width < 500px) {
  .copy-participant-wrapper {
    flex-direction: column;
  }
}

.copy-participant-button {
    background:none;
    color: #6d2f7f;
    border-color: #6d2f7f;
    font-size: 14px
}

.copy-participant-button:hover,
.copy-participant-button:active,
.copy-participant-button:focus {
    background-color: #6d2f7f;
    border-color: #6d2f7f;
    color: white;
}

table.tbl-user-masterdata {
    border-collapse: collapse;
    th,
    td {
        border: 1px solid #ccc;
        padding: 8px 12px;
        text-align: left;
    }
}