/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-5hbbw9f74r] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-5hbbw9f74r] {
    flex: 1;
}

.sidebar[b-5hbbw9f74r] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-5hbbw9f74r] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-5hbbw9f74r]  a, .top-row[b-5hbbw9f74r]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-5hbbw9f74r]  a:hover, .top-row[b-5hbbw9f74r]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-5hbbw9f74r]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-5hbbw9f74r] {
        justify-content: space-between;
    }

    .top-row[b-5hbbw9f74r]  a, .top-row[b-5hbbw9f74r]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-5hbbw9f74r] {
        flex-direction: row;
    }

    .sidebar[b-5hbbw9f74r] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-5hbbw9f74r] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-5hbbw9f74r]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }


}
/* /Modals/AdditionalInfoEditorModal/AdditionalInfoEditorModal.razor.rz.scp.css */
/* === Backdrop / Modal Root === */
.ai-modal-backdrop[b-2giqv95xow] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 1040;
}

.ai-modal[b-2giqv95xow] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    z-index: 1050;
}

/* === Modal Box === */
.ai-modal__box[b-2giqv95xow] {
    width: min(600px, 90vw);
    background: #fff;
    border: 2px solid #000;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,.25);
    display: flex;
    flex-direction: column;
    max-height: 80vh;
    overflow: hidden;
}

/* Header / Footer */
.ai-modal__header[b-2giqv95xow],
.ai-modal__footer[b-2giqv95xow] {
    background: #d3d3d3;
    border-bottom: 2px solid #000;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ai-modal__footer[b-2giqv95xow] {
    border-top: 2px solid #000;
    border-bottom: 0;
    gap: 8px;
}

/* Title + Close */
.ai-modal__title[b-2giqv95xow] {
    font-weight: 800;
}

.ai-modal__close[b-2giqv95xow] {
    font-size: 20px;
}

/* Body */
.ai-modal__body[b-2giqv95xow] {
    padding: 16px;
    overflow: auto;
}

/* === Form Controls === */
.ai-label[b-2giqv95xow] {
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
}

.ai-checkbox[b-2giqv95xow] {
    width: 18px;
    height: 18px;
    accent-color: #000; /* sorgt für schwarzen Haken */
    cursor: pointer;
}

.ai-input[b-2giqv95xow] {
    width: 100%;
    height: 36px;
    padding: 6px 10px;
    border: 2px solid #000;
    border-radius: 8px;
    outline: none;
    font-size: 14px;
}

/* Vorschau (optional) */
.ai-preview[b-2giqv95xow] {
    margin-top: 8px;
    font-size: 13px;
    color: #555;
    border-left: 3px solid #ccc;
    padding-left: 6px;
}
/* /Modals/ConfirmModal/ConfirmModal.razor.rz.scp.css */
/* /Modals/ErrorModal/ErrorModal.razor.rz.scp.css */
/* /Modals/EvaluationEditorModal/EvaluationEditorModal.razor.rz.scp.css */
/* === Backdrop / Modal Root === */
.ev-modal-backdrop[b-sj4mlveyuh] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    /*z-index: 1040;*/
}

.ev-modal[b-sj4mlveyuh] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    z-index: 10;
    height: 100%;
}

/* === Modal Box === */
.ev-modal__box[b-sj4mlveyuh] {
    width: 80vw;
    background: #fff;
    border: 2px solid #000;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,.25);
    display: flex;
    flex-direction: column;
    height: 85vh;
    overflow: hidden;
}

/* Header / Footer */
.ev-modal__header[b-sj4mlveyuh],
.ev-modal__footer[b-sj4mlveyuh] {
    background: #d3d3d3;
    border-bottom: 2px solid #000;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ev-modal__footer[b-sj4mlveyuh] {
    border-top: 2px solid #000;
    border-bottom: 0;
    gap: 8px;
}

/* Title + Close */
.ev-modal__title[b-sj4mlveyuh] {
    font-weight: 800;
}

.ev-modal__close[b-sj4mlveyuh] {
    font-size: 20px;
}

/* Body */
.ev-modal__body[b-sj4mlveyuh] {
    padding: 16px;
    overflow: auto;
    height: 100%;
}

/* === Form Controls === */
.ev-label[b-sj4mlveyuh] {
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
}

.ev-input[b-sj4mlveyuh] {
    width: 100%;
    height: 100%;
    padding: 6px 10px;
    border: 2px solid #000;
    border-radius: 8px;
    outline: none;
    font-size: 14px;
}

/* Grid */
.ev-grid[b-sj4mlveyuh] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    height: 100%;
}

.ev-col-3[b-sj4mlveyuh] {
    grid-column: 1;
}

.ev-col-9[b-sj4mlveyuh] {
    grid-column: 2;
}

@media (max-width: 700px) {
    .ev-grid[b-sj4mlveyuh] {
        grid-template-columns: 1fr;
    }

    .ev-col-3[b-sj4mlveyuh], .ev-col-9[b-sj4mlveyuh] {
        grid-column: 1;
    }
}

/* Telerik Dialog/Fenster/Popups über alles andere */
.k-dialog-wrapper[b-sj4mlveyuh],
.k-window[b-sj4mlveyuh],
.k-animation-container[b-sj4mlveyuh],
.k-popup[b-sj4mlveyuh] {
    z-index: 2000000 !important;
}

.k-overlay[b-sj4mlveyuh] {
    z-index: 1999999 !important;
}

.k-editor telerik-blazor[b-sj4mlveyuh] {
    height: 100vh !important;
}
/* /Modals/LoginModal/LoginModal.razor.rz.scp.css */
/* Hintergrund */
.modal-backdrop[b-ty98klbcoq] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

/* Fenster */
.modal-window[b-ty98klbcoq] {
    background: #fff;
    border-radius: 8px;
    width: 400px;
    max-width: 90%;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Header */
.modal-header[b-ty98klbcoq] {
    background: #000;
    color: #fff;
    display: flex;
    justify-content: center; /* Titel mittig */
    align-items: center;
    padding: 12px 16px;
    position: relative; /* Damit der Close-Button absolut positioniert werden kann */
}

    .modal-header h2[b-ty98klbcoq] {
        margin: 0;
        font-size: 1.4rem;
        text-align: center;
        flex: 1;
    }

.modal-close[b-ty98klbcoq] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

/* Body: alles untereinander (eine Spalte) */
.modal-body[b-ty98klbcoq] {
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

    .modal-body > *[b-ty98klbcoq] {
        width: 100%;
        box-sizing: border-box;
    }

    /* Einheitlicher Input-Look */
    .modal-body .modal-input[b-ty98klbcoq] {
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 6px;
        font-size: 1rem;
        line-height: 1.25rem;
        background: #fff;
        color: #111;
        outline: none;
    }

        /* Fokus-Style (optional) */
        .modal-body .modal-input:focus[b-ty98klbcoq] {
            border-color: #888;
            box-shadow: 0 0 0 3px rgba(0,0,0,0.06);
        }

    /* ----- Date: Browser-spezifische Angleichungen ----- */

    /* Native Styles zurücknehmen, damit Padding/Border greifen */
    .modal-body input.modal-input[type="date"][b-ty98klbcoq] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: textfield; /* Firefox */
        height: 40px; /* gleiche Höhe wie Text/Passwort */
        padding-right: 36px; /* Platz für Kalender-Icon */
    }

        /* Innerer Datums-Text linksbündig (WebKit) */
        .modal-body input.modal-input[type="date"][b-ty98klbcoq]::-webkit-date-and-time-value {
            text-align: left;
            min-height: 1.25rem;
            line-height: 1.25rem;
        }

        /* Kalender-Icon angleichen */
        .modal-body input.modal-input[type="date"][b-ty98klbcoq]::-webkit-calendar-picker-indicator {
            opacity: 0.65;
            cursor: pointer;
            margin-right: 4px;
        }

        /* Spin-Buttons entfernen (manche Browser) */
        .modal-body input.modal-input[type="date"][b-ty98klbcoq]::-webkit-inner-spin-button,
        .modal-body input.modal-input[type="date"][b-ty98klbcoq]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

    /* Platzhalter-Farbe */
    .modal-body .modal-input[b-ty98klbcoq]::placeholder {
        color: #888;
    }

/* Button */
.modal-submit[b-ty98klbcoq] {
    margin-top: 10px;
    padding: 12px;
    background: #000;
    color: #fff;
    border: none;
    border-radius: 999px;
    cursor: pointer;
    font-weight: bold;
    transition: filter 0.2s;
    justify-self: stretch; /* volle Breite im Grid */
}

    .modal-submit:hover[b-ty98klbcoq] {
        filter: brightness(1.1);
    }
/* /Modals/QuestionEditorModal/QuestionEditorModal.razor.rz.scp.css */
/* === Backdrop / Modal Root === */
.ai-modal-backdrop[b-ginehh33bu] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 1040;
}

.ai-modal[b-ginehh33bu] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    z-index: 1050;
}

/* === Modal Box === */
.ai-modal__box[b-ginehh33bu] {
    width: min(900px, 95vw);
    background: #fff;
    border: 2px solid #000;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,.25);
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    overflow: hidden;
}

/* === Header / Footer === */
.ai-modal__header[b-ginehh33bu],
.ai-modal__footer[b-ginehh33bu] {
    background: #d3d3d3;
    border-bottom: 2px solid #000;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ai-modal__footer[b-ginehh33bu] {
    border-top: 2px solid #000;
    border-bottom: 0;
    gap: 8px;
}

.ai-modal__title[b-ginehh33bu] {
    font-weight: 800;
}

.ai-modal__close[b-ginehh33bu] {
    font-size: 20px;
}

.ai-modal__body[b-ginehh33bu] {
    padding: 12px;
    overflow: auto;
}

/* === Form Controls === */
.ai-label[b-ginehh33bu] {
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
}

.ai-input[b-ginehh33bu] {
    width: 100%;
    height: 36px;
    padding: 6px 10px;
    border: 2px solid #000;
    border-radius: 8px;
    outline: none;
}

    .ai-input.center[b-ginehh33bu] {
        text-align: center;
    }

/* === Checkbox-Reihe (lokal, da CSS-Isolation) === */
.ai-checkbox-row[b-ginehh33bu] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    user-select: none;
    cursor: pointer;
    line-height: 1;
}

    .ai-checkbox-row input[b-ginehh33bu] {
        position: absolute;
        opacity: 0;
    }

    .ai-checkbox-row .cq-check[b-ginehh33bu] {
        width: 22px;
        height: 22px;
        border: 2px solid #000;
        border-radius: 4px;
        background: #fff;
        display: inline-block;
        position: relative;
    }

    .ai-checkbox-row input:checked + .cq-check[b-ginehh33bu] {
        background: #0a0;
    }

        .ai-checkbox-row input:checked + .cq-check[b-ginehh33bu]::after {
            content: "✔";
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-58%);
            font-size: 16px;
            color: #fff;
            text-shadow: 0 0 1px #000;
        }

/* === Grid (2 Spalten, mobil 1) === */
.ai-grid[b-ginehh33bu] {
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    gap: 8px;
}

.ai-col-3[b-ginehh33bu] {
    grid-column: 1;
}

.ai-col-9[b-ginehh33bu] {
    grid-column: 2;
}

@media (max-width: 700px) {
    .ai-grid[b-ginehh33bu] {
        grid-template-columns: 1fr;
    }

    .ai-col-3[b-ginehh33bu],
    .ai-col-9[b-ginehh33bu] {
        grid-column: 1;
    }
}

/* === Sectionbar === */
.ai-sectionbar[b-ginehh33bu] {
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 8px 0;
}

/* === Tabelle === */
.ai-table-wrap[b-ginehh33bu] {
    border: 2px solid #000;
    border-radius: 8px;
    overflow: hidden;
}

.ai-table[b-ginehh33bu] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 14px;
}

.ai-th[b-ginehh33bu] {
    background: #000;
    color: #fff;
    padding: 6px 10px;
    font-weight: 700;
    text-align: left;
    border-right: 2px solid #fff;
}

.ai-td[b-ginehh33bu] {
    background: #fff;
    border-bottom: 2px solid #000;
    padding: 6px 10px;
}

    .ai-td + .ai-td[b-ginehh33bu] {
        border-left: 2px solid #000;
    }

/* === Spaltenbreiten === */
.ai-col-pos[b-ginehh33bu] {
    width: 80px;
    text-align: center;
}

.ai-col-imgurl[b-ginehh33bu] {
    width: 220px;
}

.ai-col-score[b-ginehh33bu] {
    width: 120px;
    text-align: center;
}

.ai-col-actions[b-ginehh33bu] {
    width: 90px;
    text-align: center;
}

/* === Buttons im Tabellenbereich === */
.ai-btn[b-ginehh33bu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    min-width: 28px;
    border: 2px solid #000;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    line-height: 1;
    padding: 0 8px;
    user-select: none;
}

    .ai-btn:hover[b-ginehh33bu] {
        background: #eee;
    }

.ai-btn-icon[b-ginehh33bu] {
    width: 28px;
}

/* === Gesamtpunktzahl === */
.ai-totalbar[b-ginehh33bu] {
    background: #000;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
    font-weight: 800;
    margin-top: 8px;
    border-radius: 8px;
}
/* /Modals/RegisterModal/RegisterModal.razor.rz.scp.css */
/* Hintergrund */
.modal-backdrop[b-0d0ky6p0jh] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

/* Fenster */
.modal-window[b-0d0ky6p0jh] {
    background: #fff;
    border-radius: 8px;
    width: 400px;
    max-width: 90%;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Header */
.modal-header[b-0d0ky6p0jh] {
    background: #000;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    position: relative;
}

.modal-close[b-0d0ky6p0jh] {
    position: absolute;
    right: 12px;
    top: 10%;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

/* Body */
.modal-body[b-0d0ky6p0jh] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .modal-body input[b-0d0ky6p0jh] {
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 6px;
    }

/* Button */
.modal-submit[b-0d0ky6p0jh] {
    margin-top: 10px;
    padding: 12px;
    background: #000;
    color: #fff;
    border: none;
    border-radius: 999px;
    cursor: pointer;
    font-weight: bold;
}

    .modal-submit:hover[b-0d0ky6p0jh] {
        filter: brightness(1.1);
    }
/* /Pages/AdminOverview/AdminOverview.razor.rz.scp.css */
/* ===== Layout-Grundgerüst ===== */
.lp-body[b-ka312zdbcq] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* ===== Header ===== */
.lp-header[b-ka312zdbcq] {
    flex: 0 0 80px;
    display: flex;
    background-color: darkgreen;
}

.lp-header__outter[b-ka312zdbcq] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-inline: 10px;
}

.lp-header__inner[b-ka312zdbcq] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.lp-header-text[b-ka312zdbcq] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.lp-brand__title[b-ka312zdbcq] {
    margin: 0;
    line-height: 1.2;
    color: white;
    font-weight: 1000;
}

.lp-brand__subtitle[b-ka312zdbcq] {
    margin: 0;
    line-height: 1.2;
    color: white;
}

.lp-header__img[b-ka312zdbcq] {
    height: 65px;
    max-height: 100%;
}

.lp-actions[b-ka312zdbcq] {
    width: 30%;
    display: flex;
    justify-content: right;
    align-items: center;
}

.lp-actions-inner[b-ka312zdbcq] {
    display: flex;
    gap: 8px;
}

    .lp-actions-inner .btn[b-ka312zdbcq] {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 6px 14px;
        background: #000;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        text-decoration: none;
        border: 1px solid #fff;
        border-radius: 10px;
        transition: all 0.2s ease-in-out;
    }

        .lp-actions-inner .btn:hover[b-ka312zdbcq] {
            background-color: darkslategrey;
            color: #000;
        }

/* ===== Main ===== */
.lp-main[b-ka312zdbcq] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 16px 10px 24px;
}

/* Obere breite Buttons */
.ao-actions-top[b-ka312zdbcq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}

.btn-wide[b-ka312zdbcq] {
    padding: 12px 18px;
    font-size: 18px;
    border-radius: 10px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    min-width: 400px; /* „breit“ */
}

    .btn-wide:hover[b-ka312zdbcq] {
        background-color: darkslategrey;
        color: #000;
    }

/* ===== Listen ===== */
.ao-lists[b-ka312zdbcq] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.ao-list[b-ka312zdbcq] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    /*border: black solid 2px;*/
}

/* Listenkopf wie zuvor zentriert und auf 70% Breite */
.ao-list-header[b-ka312zdbcq] {
    display: grid;
    grid-template-columns: 1fr auto 1fr; /* Mitte für zentrierten Titel */
    align-items: center;
    width: 70%;
    margin: 10px auto 10px;
    gap: 12px;
}

.ao-title[b-ka312zdbcq] {
    grid-column: 2 / 3;
    margin: 0;
    font-weight: 800;
    text-align: center;
    flex: 0 0 auto;
}

.ao-search[b-ka312zdbcq] {
    grid-column: 3 / 4;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

    .ao-search > span[b-ka312zdbcq] {
        font-size: 14px;
    }

    .ao-search > input[b-ka312zdbcq] {
        height: 32px;
        min-width: 240px;
        padding: 0 10px;
        border: 1px solid #bbb;
        border-radius: 8px;
        outline: none;
        transition: box-shadow .15s ease, border-color .15s ease;
        background: #fff;
    }

        .ao-search > input:focus[b-ka312zdbcq] {
            border-color: #888;
            box-shadow: 0 0 0 3px rgba(0,0,0,.08);
        }

/* Die eigentliche Liste */
.ao-items[b-ka312zdbcq] {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 95%;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding-right: 6px;
    border: black solid 1px;
}

/* Listeneinträge optisch exakt wie vorher */
.ao-item[b-ka312zdbcq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px; /* unkritisch, sorgt für Luft */
    padding: 16px 16px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #fff;
    height: 20px;
    background-color: lightgray;
}

    .ao-item:hover[b-ka312zdbcq] {
        background: #eaeaea;
        transform: translateY(-1px);
    }

/* Titel wie damals */
.ao-item__title[b-ka312zdbcq] {
    font-weight: 400;
}

/* NEU im Markup: Meta ausblenden, damit es wie früher wirkt */
.ao-item__meta[b-ka312zdbcq] {
    display: flex;
    justify-content: space-evenly;
    width: 50%;
}

/* Aktionen rechtsbündig, gleiche Abstände */
.ao-item__actions[b-ka312zdbcq] {
    display: flex;
    gap: 8px;
    margin-left: auto; /* schiebt Aktionen nach rechts */
}

/* Aktionsbuttons auf 18x18 „Icon-Quadrate“ wie früher trimmen,
   Text im neuen HTML wird unsichtbar gemacht, damit die Optik identisch ist */
/*.ao-action {
    width: 18px;
    height: 18px;
    padding: 0;
    border: 1px solid #bbb;
    background: #f7f7f7;
    border-radius: 4px;
    cursor: pointer;
    transition: transform .05s ease, background .15s ease;*/
    /* Text unsichtbar machen, ohne Layout zu verändern */
    /*font-size: 0;
    line-height: 0;
    color: transparent;
    overflow: hidden;
    white-space: nowrap;
}*/

    .ao-action:hover[b-ka312zdbcq] {
        background: #eaeaea;
        transform: translateY(-1px);
    }

/* Abstand zwischen den zwei Listen */
.ao-list--evaluated[b-ka312zdbcq] {
    margin-top: 28px;
}

/* ===== Footer ===== */
.lp-footer[b-ka312zdbcq] {
    background: cadetblue;
    flex: 0 0 20px;
}
/* /Pages/CreateNewFormularPage/CreateNewFormular.razor.rz.scp.css */
.lp-body[b-0tdo6term5] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* ===== Header ===== */
.lp-header[b-0tdo6term5] {
    flex: 0 0 80px;
    display: flex;
    background-color: darkgreen;
}

/* Titlebar: links Abbrechen, mittig H1 */
.creator-titlebar[b-0tdo6term5] {
    width: 80%;
    margin: 0 auto 12px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
}

.creator-title[b-0tdo6term5] {
    grid-column: 2;
    text-align: center;
    font-weight: 800;
    margin: 8px 0 0;
}

.lp-header__outter[b-0tdo6term5] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-inline: 10px;
}

.lp-header__inner[b-0tdo6term5] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.lp-header-text[b-0tdo6term5] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.lp-brand__title[b-0tdo6term5] {
    margin: 0;
    line-height: 1.2;
    color: white;
    font-weight: 1000;
}

.lp-brand__subtitle[b-0tdo6term5] {
    margin: 0;
    line-height: 1.2;
    color: white;
}

.lp-header__img[b-0tdo6term5] {
    height: 65px;
    max-height: 100%;
}

.lp-actions[b-0tdo6term5] {
    width: 30%;
    display: flex;
    justify-content: right;
    align-items: center;
}

.lp-actions-inner[b-0tdo6term5] {
    display: flex;
    gap: 8px;
}

    .lp-actions-inner .btn[b-0tdo6term5] {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 6px 14px;
        background: #000;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        text-decoration: none;
        border: 1px solid #fff;
        border-radius: 10px;
        transition: all 0.2s ease-in-out;
    }

        .lp-actions-inner .btn:hover[b-0tdo6term5] {
            background-color: darkslategrey;
            color: #000;
        }



/* ===== Main ===== */
.lp-main[b-0tdo6term5] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 16px 10px 24px;
}

/* Titel */
.creator-title[b-0tdo6term5] {
    text-align: center;
    font-weight: 800;
    margin: 8px 0 16px;
}

/* Buttons (angelehnt an Header-Style) */
.creator-btn[b-0tdo6term5] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 14px;
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
}

    .creator-btn.ghost:hover[b-0tdo6term5] {
        background-color: darkslategrey;
        color: #000;
    }

    .creator-btn.primary[b-0tdo6term5] {
        background: #000;
        color: #fff;
    }

        .creator-btn.primary:hover[b-0tdo6term5] {
            background: darkslategrey;
            color: #000;
        }

/* Karte */
.creator-card[b-0tdo6term5] {
    border: 2px solid #000;
    border-radius: 10px;
    overflow: hidden;
    width: 80%;
    margin: 0 auto 16px;
}

.creator-card__header[b-0tdo6term5] {
    background: #d3d3d3;
    padding: 6px 12px;
    border-bottom: 2px solid #000;
    font-weight: 700;
    display: flex;
    justify-content:space-between;
}

/* Zeile mit Input, Multiselect, Icon */
.creator-question-row[b-0tdo6term5] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 8px;
    padding: 8px;
}

/* Textfeld (links) */
.cq-input[b-0tdo6term5] {
    height: 36px;
    padding: 6px 10px;
    border: 2px solid #000;
    border-radius: 8px;
    outline: none;
}

/* Multiselect-Zelle mittig mit links/rechts-Trennern */
.cq-multiselect[b-0tdo6term5] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    height: 36px;
    border-left: 2px solid #000;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
}

    .cq-multiselect input[b-0tdo6term5] {
        position: absolute;
        opacity: 0;
    }

/* Checkbox-Optik (grün mit Haken, sonst weiß) */
.cq-check[b-0tdo6term5] {
    width: 22px;
    height: 22px;
    border: 2px solid #000;
    border-radius: 4px;
    background: #fff;
    display: inline-block;
    position: relative;
}

.cq-multiselect input:checked + .cq-check[b-0tdo6term5] {
    background: #0a0;
}

    .cq-multiselect input:checked + .cq-check[b-0tdo6term5]::after {
        content: "✔";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-58%);
        font-size: 16px;
        color: #fff;
        text-shadow: 0 0 1px #000;
    }

/* Icon-Button rechts (schwarzer Rahmen, wie im Mockup) */
.cq-icon-btn[b-0tdo6term5] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #000;
    border-radius: 6px;
    background: #fff;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}

    .cq-icon-btn:hover[b-0tdo6term5] {
        background: #eee;
    }

/* ===== ac: AnswerCreator ===== */
.ac-wrap[b-0tdo6term5] {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-top: 0;
}

/* Tabelle */
.ac-table[b-0tdo6term5] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 14px;
}

/* Head: schwarzer Balken */
.ac-th[b-0tdo6term5] {
    background: #000;
    color: #fff;
    border-right: 2px solid #fff;
    padding: 6px 10px;
    text-align: left;
    font-weight: 700;
}

    .ac-th:last-child[b-0tdo6term5] {
        border-right: 0;
    }

/* Spaltenbreiten grob wie im Bild */
.ac-col-pos[b-0tdo6term5] {
    width: 80px;
    text-align: center;
}

.ac-col-text[b-0tdo6term5] {
    width: auto;
}

.ac-col-img[b-0tdo6term5] {
    width: 110px;
    text-align: center;
}

.ac-col-score[b-0tdo6term5] {
    width: 120px;
    text-align: center;
}

.ac-col-add[b-0tdo6term5] {
    width: 90px;
    text-align: center;
}

/* Zellen */
.ac-td[b-0tdo6term5] {
    background: #fff;
    border-bottom: 2px solid #000;
    padding: 6px 10px;
}

    .ac-td + .ac-td[b-0tdo6term5] {
        border-left: 2px solid #000;
    }

    .ac-td.ac-col-pos[b-0tdo6term5] {
        text-align: center;
    }

/* Inputs im Tabellenstil (Mockup-Radius) */
.ac-input[b-0tdo6term5] {
    width: 100%;
    height: 32px;
    border: 2px solid #000;
    border-radius: 8px;
    padding: 4px 8px;
    outline: none;
}

.ac-input-pos[b-0tdo6term5] {
    text-align: center;
}

.ac-input-score[b-0tdo6term5] {
    text-align: center;
    width: 80px;
}

/* Buttons */
.ac-btn[b-0tdo6term5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    min-width: 28px;
    border: 2px solid #000;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    line-height: 1;
    padding: 0 8px;
    user-select: none;
}

    .ac-btn:hover[b-0tdo6term5] {
        background: #eee;
    }

.ac-btn-img[b-0tdo6term5] {
    width: 28px;
    font-weight: 700;
}

.ac-btn-icon[b-0tdo6term5] {
    width: 28px;
    margin-left: 6px;
}

/* Plus im Head (Hinzufügen) – etwas prominenter */
.ac-btn-add[b-0tdo6term5] {
    width: 32px;
    height: 32px;
    font-weight: 800;
}

/* Gesamtpunktzahl-Balken unten */
.ac-totalbar[b-0tdo6term5] {
    background-color: black;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
    font-weight: 800;
}

.ac-total-left[b-0tdo6term5] {
    font-size: 16px;
}

.ac-total-right[b-0tdo6term5] {
    font-size: 16px;
}

/* ===== ic: InfoCreator ===== */
.ic-wrap[b-0tdo6term5] {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}

.ic-table[b-0tdo6term5] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 14px;
}

/* Header */
.ic-th[b-0tdo6term5] {
    background: #000;
    color: #fff;
    border-right: 2px solid #fff;
    padding: 6px 10px;
    text-align: left;
    font-weight: 700;
}

    .ic-th:last-child[b-0tdo6term5] {
        border-right: 0;
    }

/* Spalten (ohne linke Checkbox/ohne Datums-Spalten) */
.ic-col-pos[b-0tdo6term5] {
    width: 80px;
    text-align: center;
}

.ic-col-text[b-0tdo6term5] {
    width: auto;
}

.ic-col-show[b-0tdo6term5] {
    width: 140px;
    text-align: center;
}

.ic-col-add[b-0tdo6term5] {
    width: 90px;
    text-align: center;
}

/* Zellen */
.ic-td[b-0tdo6term5] {
    background: #fff;
    border-bottom: 2px solid #000;
    padding: 6px 10px;
}

    .ic-td + .ic-td[b-0tdo6term5] {
        border-left: 2px solid #000;
    }

    .ic-td.ic-col-pos[b-0tdo6term5] {
        text-align: center;
    }

/* Checkbox wie "Multiselect" (grüne Box mit Haken) */
.ic-checkbox[b-0tdo6term5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 100%;
    cursor: pointer;
    user-select: none;
    gap: 6px;
}

    .ic-checkbox input[b-0tdo6term5] {
        position: absolute;
        opacity: 0;
    }

    /* nutzt die bestehende .cq-check Box aus deinem Multiselect-Stil */
    .ic-checkbox .cq-check[b-0tdo6term5] {
        width: 22px;
        height: 22px;
        border: 2px solid #000;
        border-radius: 4px;
        background: #fff;
        display: inline-block;
        position: relative;
    }

    .ic-checkbox input:checked + .cq-check[b-0tdo6term5] {
        background: #0a0;
    }

        .ic-checkbox input:checked + .cq-check[b-0tdo6term5]::after {
            content: "✔";
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-58%);
            font-size: 16px;
            color: #fff;
            text-shadow: 0 0 1px #000;
        }
        
/* Buttons */
.ic-btn[b-0tdo6term5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    min-width: 28px;
    border: 2px solid #000;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    line-height: 1;
    padding: 0 8px;
    user-select: none;
}

    .ic-btn:hover[b-0tdo6term5] {
        background: #eee;
    }

.ic-btn-add[b-0tdo6term5] {
    width: 32px;
    height: 32px;
    font-weight: 800;
}

.ic-btn-icon[b-0tdo6term5] {
    width: 28px;
    margin-left: 6px;
}

/* ===== evc: EvaluationCreator ===== */
.evc-wrap[b-0tdo6term5] {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}

.evc-table[b-0tdo6term5] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 14px;
}

/* Headerzeile (schwarz wie im Mockup) */
.evc-th[b-0tdo6term5] {
    background: #000;
    color: #fff;
    border-right: 2px solid #fff;
    padding: 6px 10px;
    text-align: left;
    font-weight: 700;
}

    .evc-th:last-child[b-0tdo6term5] {
        border-right: 0;
    }

/* Spaltenbreiten */
.evc-col-score[b-0tdo6term5] {
    width: 180px;
    text-align: center;
}

.evc-col-text[b-0tdo6term5] {
    width: auto;
}

.evc-col-img[b-0tdo6term5] {
    width: 180px;
    text-align: center;
}

.evc-col-add[b-0tdo6term5] {
    width: 90px;
    text-align: center;
}

/* Zellen */
.evc-td[b-0tdo6term5] {
    background: #fff;
    border-bottom: 2px solid #000;
    padding: 6px 10px;
}

    .evc-td + .evc-td[b-0tdo6term5] {
        border-left: 2px solid #000;
    }

    .evc-td.evc-col-score[b-0tdo6term5] {
        text-align: center;
    }

/* Buttons */
.evc-btn[b-0tdo6term5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    min-width: 28px;
    border: 2px solid #000;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    line-height: 1;
    padding: 0 8px;
    user-select: none;
}

    .evc-btn:hover[b-0tdo6term5] {
        background: #eee;
    }

.evc-btn-add[b-0tdo6term5] {
    width: 32px;
    height: 32px;
    font-weight: 800;
}

.evc-btn-icon[b-0tdo6term5] {
    width: 28px;
    margin-left: 6px;
}

/* Save unten mittig */
.creator-actions[b-0tdo6term5] {
    width: 80%;
    margin: 20px auto 28px;
    display: flex;
    justify-content: center;
}

/* ===== Footer ===== */
.lp-footer[b-0tdo6term5] {
    background: cadetblue;
    flex: 0 0 20px;
}

/* ===== Ergänzungen für ic-Tabellen (Fragen & Auswertung) ===== */

/* Fragen-spezifische Spaltenbreiten */
.ic-col-type[b-0tdo6term5] {
    width: 160px;
    text-align: center;
}

.ic-col-answers[b-0tdo6term5] {
    width: 140px;
    text-align: center;
}

.ic-col-total[b-0tdo6term5] {
    width: 160px;
    text-align: center;
}

/* Auswertung-spezifische Spaltenbreiten */
.ic-col-score[b-0tdo6term5] {
    width: 180px;
    text-align: center;
}

.ic-col-img[b-0tdo6term5] {
    width: 180px;
    text-align: center;
}

/* Einheitliche Actions-Spalte (falls nicht schon vorhanden) */
.ic-col-actions[b-0tdo6term5],
.ic-col-add[b-0tdo6term5] {
    width: 120px; /* vorher 90px → etwas luftiger für 2 Icon-Buttons */
    text-align: center;
}
/* /Pages/EditFormularPage/EditFormular.razor.rz.scp.css */
.lp-body[b-isf3nqiwg7] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* ===== Header ===== */
.lp-header[b-isf3nqiwg7] {
    flex: 0 0 80px;
    display: flex;
    background-color: darkgreen;
}

/* Titlebar: links Abbrechen, mittig H1 */
.creator-titlebar[b-isf3nqiwg7] {
    width: 80%;
    margin: 0 auto 12px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
}

.creator-title[b-isf3nqiwg7] {
    grid-column: 2;
    text-align: center;
    font-weight: 800;
    margin: 8px 0 0;
}

.lp-header__outter[b-isf3nqiwg7] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-inline: 10px;
}

.lp-header__inner[b-isf3nqiwg7] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.lp-header-text[b-isf3nqiwg7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.lp-brand__title[b-isf3nqiwg7] {
    margin: 0;
    line-height: 1.2;
    color: white;
    font-weight: 1000;
}

.lp-brand__subtitle[b-isf3nqiwg7] {
    margin: 0;
    line-height: 1.2;
    color: white;
}

.lp-header__img[b-isf3nqiwg7] {
    height: 65px;
    max-height: 100%;
}

.lp-actions[b-isf3nqiwg7] {
    width: 30%;
    display: flex;
    justify-content: right;
    align-items: center;
}

.lp-actions-inner[b-isf3nqiwg7] {
    display: flex;
    gap: 8px;
}

    .lp-actions-inner .btn[b-isf3nqiwg7] {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 6px 14px;
        background: #000;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        text-decoration: none;
        border: 1px solid #fff;
        border-radius: 10px;
        transition: all 0.2s ease-in-out;
    }

        .lp-actions-inner .btn:hover[b-isf3nqiwg7] {
            background-color: darkslategrey;
            color: #000;
        }



/* ===== Main ===== */
.lp-main[b-isf3nqiwg7] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 16px 10px 24px;
}

/* Titel */
.creator-title[b-isf3nqiwg7] {
    text-align: center;
    font-weight: 800;
    margin: 8px 0 16px;
}

/* Buttons (angelehnt an Header-Style) */
.creator-btn[b-isf3nqiwg7] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 14px;
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
}

    .creator-btn.ghost:hover[b-isf3nqiwg7] {
        background-color: darkslategrey;
        color: #000;
    }

    .creator-btn.primary[b-isf3nqiwg7] {
        background: #000;
        color: #fff;
    }

        .creator-btn.primary:hover[b-isf3nqiwg7] {
            background: darkslategrey;
            color: #000;
        }

/* Karte */
.creator-card[b-isf3nqiwg7] {
    border: 2px solid #000;
    border-radius: 10px;
    overflow: hidden;
    width: 80%;
    margin: 0 auto 16px;
}

.creator-card__header[b-isf3nqiwg7] {
    background: #d3d3d3;
    padding: 6px 12px;
    border-bottom: 2px solid #000;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
}

/* Zeile mit Input, Multiselect, Icon */
.creator-question-row[b-isf3nqiwg7] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 8px;
    padding: 8px;
}

/* Textfeld (links) */
.cq-input[b-isf3nqiwg7] {
    height: 36px;
    padding: 6px 10px;
    border: 2px solid #000;
    border-radius: 8px;
    outline: none;
}

/* Multiselect-Zelle mittig mit links/rechts-Trennern */
.cq-multiselect[b-isf3nqiwg7] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    height: 36px;
    border-left: 2px solid #000;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
}

    .cq-multiselect input[b-isf3nqiwg7] {
        position: absolute;
        opacity: 0;
    }

/* Checkbox-Optik (grün mit Haken, sonst weiß) */
.cq-check[b-isf3nqiwg7] {
    width: 22px;
    height: 22px;
    border: 2px solid #000;
    border-radius: 4px;
    background: #fff;
    display: inline-block;
    position: relative;
}

.cq-multiselect input:checked + .cq-check[b-isf3nqiwg7] {
    background: #0a0;
}

    .cq-multiselect input:checked + .cq-check[b-isf3nqiwg7]::after {
        content: "✔";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-58%);
        font-size: 16px;
        color: #fff;
        text-shadow: 0 0 1px #000;
    }

/* Icon-Button rechts (schwarzer Rahmen, wie im Mockup) */
.cq-icon-btn[b-isf3nqiwg7] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #000;
    border-radius: 6px;
    background: #fff;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}

    .cq-icon-btn:hover[b-isf3nqiwg7] {
        background: #eee;
    }

/* ===== ac: AnswerCreator ===== */
.ac-wrap[b-isf3nqiwg7] {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-top: 0;
}

/* Tabelle */
.ac-table[b-isf3nqiwg7] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 14px;
}

/* Head: schwarzer Balken */
.ac-th[b-isf3nqiwg7] {
    background: #000;
    color: #fff;
    border-right: 2px solid #fff;
    padding: 6px 10px;
    text-align: left;
    font-weight: 700;
}

    .ac-th:last-child[b-isf3nqiwg7] {
        border-right: 0;
    }

/* Spaltenbreiten grob wie im Bild */
.ac-col-pos[b-isf3nqiwg7] {
    width: 80px;
    text-align: center;
}

.ac-col-text[b-isf3nqiwg7] {
    width: auto;
}

.ac-col-img[b-isf3nqiwg7] {
    width: 110px;
    text-align: center;
}

.ac-col-score[b-isf3nqiwg7] {
    width: 120px;
    text-align: center;
}

.ac-col-add[b-isf3nqiwg7] {
    width: 90px;
    text-align: center;
}

/* Zellen */
.ac-td[b-isf3nqiwg7] {
    background: #fff;
    border-bottom: 2px solid #000;
    padding: 6px 10px;
}

    .ac-td + .ac-td[b-isf3nqiwg7] {
        border-left: 2px solid #000;
    }

    .ac-td.ac-col-pos[b-isf3nqiwg7] {
        text-align: center;
    }

/* Inputs im Tabellenstil (Mockup-Radius) */
.ac-input[b-isf3nqiwg7] {
    width: 100%;
    height: 32px;
    border: 2px solid #000;
    border-radius: 8px;
    padding: 4px 8px;
    outline: none;
}

.ac-input-pos[b-isf3nqiwg7] {
    text-align: center;
}

.ac-input-score[b-isf3nqiwg7] {
    text-align: center;
    width: 80px;
}

/* Buttons */
.ac-btn[b-isf3nqiwg7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    min-width: 28px;
    border: 2px solid #000;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    line-height: 1;
    padding: 0 8px;
    user-select: none;
}

    .ac-btn:hover[b-isf3nqiwg7] {
        background: #eee;
    }

.ac-btn-img[b-isf3nqiwg7] {
    width: 28px;
    font-weight: 700;
}

.ac-btn-icon[b-isf3nqiwg7] {
    width: 28px;
    margin-left: 6px;
}

/* Plus im Head (Hinzufügen) – etwas prominenter */
.ac-btn-add[b-isf3nqiwg7] {
    width: 32px;
    height: 32px;
    font-weight: 800;
}

/* Gesamtpunktzahl-Balken unten */
.ac-totalbar[b-isf3nqiwg7] {
    background-color: black;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
    font-weight: 800;
}

.ac-total-left[b-isf3nqiwg7] {
    font-size: 16px;
}

.ac-total-right[b-isf3nqiwg7] {
    font-size: 16px;
}

/* ===== ic: InfoCreator ===== */
.ic-wrap[b-isf3nqiwg7] {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}

.ic-table[b-isf3nqiwg7] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 14px;
}

/* Header */
.ic-th[b-isf3nqiwg7] {
    background: #000;
    color: #fff;
    border-right: 2px solid #fff;
    padding: 6px 10px;
    text-align: left;
    font-weight: 700;
}

    .ic-th:last-child[b-isf3nqiwg7] {
        border-right: 0;
    }

/* Spalten (ohne linke Checkbox/ohne Datums-Spalten) */
.ic-col-pos[b-isf3nqiwg7] {
    width: 80px;
    text-align: center;
}

.ic-col-text[b-isf3nqiwg7] {
    width: auto;
}

.ic-col-show[b-isf3nqiwg7] {
    width: 140px;
    text-align: center;
}

.ic-col-add[b-isf3nqiwg7] {
    width: 90px;
    text-align: center;
}

/* Zellen */
.ic-td[b-isf3nqiwg7] {
    background: #fff;
    border-bottom: 2px solid #000;
    padding: 6px 10px;
}

    .ic-td + .ic-td[b-isf3nqiwg7] {
        border-left: 2px solid #000;
    }

    .ic-td.ic-col-pos[b-isf3nqiwg7] {
        text-align: center;
    }

/* Checkbox wie "Multiselect" (grüne Box mit Haken) */
.ic-checkbox[b-isf3nqiwg7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 100%;
    cursor: pointer;
    user-select: none;
    gap: 6px;
}

    .ic-checkbox input[b-isf3nqiwg7] {
        position: absolute;
        opacity: 0;
    }

    /* nutzt die bestehende .cq-check Box aus deinem Multiselect-Stil */
    .ic-checkbox .cq-check[b-isf3nqiwg7] {
        width: 22px;
        height: 22px;
        border: 2px solid #000;
        border-radius: 4px;
        background: #fff;
        display: inline-block;
        position: relative;
    }

    .ic-checkbox input:checked + .cq-check[b-isf3nqiwg7] {
        background: #0a0;
    }

        .ic-checkbox input:checked + .cq-check[b-isf3nqiwg7]::after {
            content: "✔";
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-58%);
            font-size: 16px;
            color: #fff;
            text-shadow: 0 0 1px #000;
        }

/* Buttons */
.ic-btn[b-isf3nqiwg7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    min-width: 28px;
    border: 2px solid #000;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    line-height: 1;
    padding: 0 8px;
    user-select: none;
}

    .ic-btn:hover[b-isf3nqiwg7] {
        background: #eee;
    }

.ic-btn-add[b-isf3nqiwg7] {
    width: 32px;
    height: 32px;
    font-weight: 800;
}

.ic-btn-icon[b-isf3nqiwg7] {
    width: 28px;
    margin-left: 6px;
}

/* ===== evc: EvaluationCreator ===== */
.evc-wrap[b-isf3nqiwg7] {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}

.evc-table[b-isf3nqiwg7] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 14px;
}

/* Headerzeile (schwarz wie im Mockup) */
.evc-th[b-isf3nqiwg7] {
    background: #000;
    color: #fff;
    border-right: 2px solid #fff;
    padding: 6px 10px;
    text-align: left;
    font-weight: 700;
}

    .evc-th:last-child[b-isf3nqiwg7] {
        border-right: 0;
    }

/* Spaltenbreiten */
.evc-col-score[b-isf3nqiwg7] {
    width: 180px;
    text-align: center;
}

.evc-col-text[b-isf3nqiwg7] {
    width: auto;
}

.evc-col-img[b-isf3nqiwg7] {
    width: 180px;
    text-align: center;
}

.evc-col-add[b-isf3nqiwg7] {
    width: 90px;
    text-align: center;
}

/* Zellen */
.evc-td[b-isf3nqiwg7] {
    background: #fff;
    border-bottom: 2px solid #000;
    padding: 6px 10px;
}

    .evc-td + .evc-td[b-isf3nqiwg7] {
        border-left: 2px solid #000;
    }

    .evc-td.evc-col-score[b-isf3nqiwg7] {
        text-align: center;
    }

/* Buttons */
.evc-btn[b-isf3nqiwg7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    min-width: 28px;
    border: 2px solid #000;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    line-height: 1;
    padding: 0 8px;
    user-select: none;
}

    .evc-btn:hover[b-isf3nqiwg7] {
        background: #eee;
    }

.evc-btn-add[b-isf3nqiwg7] {
    width: 32px;
    height: 32px;
    font-weight: 800;
}

.evc-btn-icon[b-isf3nqiwg7] {
    width: 28px;
    margin-left: 6px;
}

/* Save unten mittig */
.creator-actions[b-isf3nqiwg7] {
    width: 80%;
    margin: 20px auto 28px;
    display: flex;
    justify-content: center;
}

/* ===== Footer ===== */
.lp-footer[b-isf3nqiwg7] {
    background: cadetblue;
    flex: 0 0 20px;
}

/* ===== Ergänzungen für ic-Tabellen (Fragen & Auswertung) ===== */

/* Fragen-spezifische Spaltenbreiten */
.ic-col-type[b-isf3nqiwg7] {
    width: 160px;
    text-align: center;
}

.ic-col-answers[b-isf3nqiwg7] {
    width: 140px;
    text-align: center;
}

.ic-col-total[b-isf3nqiwg7] {
    width: 160px;
    text-align: center;
}

/* Auswertung-spezifische Spaltenbreiten */
.ic-col-score[b-isf3nqiwg7] {
    width: 180px;
    text-align: center;
}

.ic-col-img[b-isf3nqiwg7] {
    width: 180px;
    text-align: center;
}

/* Einheitliche Actions-Spalte (falls nicht schon vorhanden) */
.ic-col-actions[b-isf3nqiwg7],
.ic-col-add[b-isf3nqiwg7] {
    width: 120px; /* vorher 90px → etwas luftiger für 2 Icon-Buttons */
    text-align: center;
}
/* /Pages/EvaluationsViewPage/EvaluationsViewer.razor.rz.scp.css */
/* ===== Grundlayout (wie Landing) ===== */
.lp-body[b-dqrlm42kt1] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Header */
.lp-header[b-dqrlm42kt1] {
    flex: 0 0 80px;
    display: flex;
    background-color: darkgreen;
}

.lp-header__outter[b-dqrlm42kt1] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-inline: 10px;
}

.lp-header__inner[b-dqrlm42kt1] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.lp-header-text[b-dqrlm42kt1] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.lp-header__img[b-dqrlm42kt1] {
    height: 65px;
    max-height: 100%;
}

.lp-brand__title[b-dqrlm42kt1] {
    margin: 0;
    line-height: 1.2;
    color: white;
    font-weight: 1000;
}

.lp-brand__subtitle[b-dqrlm42kt1] {
    margin: 0;
    line-height: 1.2;
    color: white;
}

.lp-actions[b-dqrlm42kt1] {
    width: 30%;
    display: flex;
    justify-content: right;
    align-items: center;
}

.lp-actions-inner[b-dqrlm42kt1] {
    display: flex;
    gap: 8px;
}

    .lp-actions-inner .btn[b-dqrlm42kt1] {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 6px 14px;
        background: #000;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        text-decoration: none;
        border: 1px solid #fff;
        border-radius: 10px;
        transition: all 0.2s ease-in-out;
    }

        .lp-actions-inner .btn:hover[b-dqrlm42kt1] {
            background-color: darkslategrey;
            color: #000;
        }

/* Main */
.lp-main[b-dqrlm42kt1] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ev-main[b-dqrlm42kt1] {
    padding: 16px 10px 24px;
    overflow: auto;
}

/* ===== Evaluations-Card ===== */
.ev-card[b-dqrlm42kt1] {
    width: min(1100px, 96%);
    margin: 0 auto;
    background: #fff;
    border: 2px solid black;
    border-radius: 12px;
    padding: 18px;
}

.ev-card--error[b-dqrlm42kt1] {
    border-color: #c0392b;
    background: #fdecea;
}

/* Kopfbereich */
.ev-head[b-dqrlm42kt1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
    background-color: lightgreen;
    border: lightgreen solid 1px;
    border-radius: 5px;
}

.ev-title[b-dqrlm42kt1] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 800;
}

.ev-title--center[b-dqrlm42kt1] {
    text-align: center;
    width: 100%;
}

.ev-meta[b-dqrlm42kt1] {
    display: flex;
    font-weight: 600;
    justify-content: space-between; /* optisch passend zur zentrierten Headline */
    margin-right: 15px;
    margin-left: 15px;
}

.ev-id[b-dqrlm42kt1] {
    opacity: .75;
}

/* Ergebnis-Panel (Basic) */
.ev-result[b-dqrlm42kt1] {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 12px;
    background: #f8f8f8;
    margin-top: 16px;
}

/* Neues finales Score-Feld (unten) */
.ev-result--final[b-dqrlm42kt1] {
    text-align: center;
}

.ev-final__scoreline[b-dqrlm42kt1] {
    font-weight: 800;
    font-size: 1.1rem;
    margin-bottom: 6px;
}

.ev-final__score[b-dqrlm42kt1] {
    font-size: 1.4rem;
}

.ev-final__title[b-dqrlm42kt1] {
    margin: 6px 0 6px 0;
}

.ev-final__text[b-dqrlm42kt1] {
    margin: 0;
}

/* Grid: Antworten | Zusatzinfos */
.ev-grid[b-dqrlm42kt1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

@media (max-width: 900px) {
    .ev-grid[b-dqrlm42kt1] {
        grid-template-columns: 1fr;
    }
}

.ev-section h3[b-dqrlm42kt1] {
    margin: 0 0 8px 0;
}

.ev-section__title--center[b-dqrlm42kt1] {
    text-align: center;
}

/* Listen */
.ev-list[b-dqrlm42kt1] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ev-item[b-dqrlm42kt1] {
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 8px 12px;
}

.ev-label[b-dqrlm42kt1] {
    font-weight: 700;
    margin-right: 6px;
}

.ev-value[b-dqrlm42kt1] {
    word-break: break-word;
}

.ev-muted[b-dqrlm42kt1] {
    opacity: .7;
}

/* Footer */
.lp-footer[b-dqrlm42kt1] {
    background: cadetblue;
    flex: 0 0 20px;
}

/* ====== Fragen/Antworten angepasst ====== */

/* Fragenliste ohne Punkte */
.ev-q-list[b-dqrlm42kt1] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ev-q-item[b-dqrlm42kt1] {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    background: #fafafa;
    padding: 10px 12px;
}

/* Frage in Feld – gleicher Look wie ev-item */
.ev-q-box[b-dqrlm42kt1] {
    background: #f5f5f5; /* wie AdditionalInfo */
    border: 1px solid #e5e5e5; /* wie AdditionalInfo */
    border-radius: 8px; /* wie AdditionalInfo */
    padding: 8px 12px; /* wie AdditionalInfo */
    font-weight: 700;
    margin-bottom: 8px;
}

/* Antworten ohne Punkte, etwas hellerer Hintergrund */
.ev-a-list[b-dqrlm42kt1] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ev-a-item-box[b-dqrlm42kt1] {
    background: #fbfbfb; /* etwas heller als Fragefeld */
    border: 1px solid #ececec;
    border-radius: 8px;
    padding: 8px 12px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.ev-a-text[b-dqrlm42kt1] {
}

.ev-a-score[b-dqrlm42kt1] {
    opacity: .75;
    font-weight: 600;
}
/* /Pages/LandingPage/LandingPage.razor.rz.scp.css */
.lp-body[b-cy8gzdjr4q] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

                             /*//Header//*/

.lp-header[b-cy8gzdjr4q] {
    flex: 0 0 80px; /* nimmt genau 100px ein */
    display: flex;
    background-color: darkgreen; 
}

/*.lp-header_img {
   width: 50px;
}*/

.lp-header__outter[b-cy8gzdjr4q] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-inline: 10px;
}

.lp-header__inner[b-cy8gzdjr4q] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.lp-header-text[b-cy8gzdjr4q] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.lp-brand__title[b-cy8gzdjr4q] {
    margin: 0;
    line-height: 1.2;
    color: white;
    font-weight: 1000;
}

.lp-brand__subtitle[b-cy8gzdjr4q] {
    margin: 0;
    line-height: 1.2;
    color: white;
}

.lp-actions[b-cy8gzdjr4q] {
    width: 30%;
    display: flex;
    justify-content: right;
    align-items: center;
}

.lp-actions-inner[b-cy8gzdjr4q] {
    display: flex;
    gap: 8px; /* Abstand zwischen den Buttons */
}

.lp-actions-inner .btn[b-cy8gzdjr4q] {
        display: inline-flex; /* Icon + Text nebeneinander */
        align-items: center; /* vertikal mittig */
        gap: 10px; /* Abstand Icon <-> Text */
        padding: 6px 14px; /* Innenabstand */
        background: #000; /* schwarzer Hintergrund */
        color: #fff; /* weiße Schrift */
        font-size: 20px;
        font-weight: 500;
        text-decoration: none; /* kein Unterstrich */
        border-radius: 999px; /* Pill-Form */
        border: 2px solid #000; /* Außenlinie */
        transition: all 0.2s ease-in-out; /* smooth hover */
        border: white solid 1px;
        border-radius: 10px;
    }

.lp-actions-inner .btn:hover[b-cy8gzdjr4q] {
            background-color: darkslategrey;
            color: #000;
    }



                               /*//Main//*/


.lp-main[b-cy8gzdjr4q] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: auto;
}

.lp-main__content[b-cy8gzdjr4q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; 
    gap: 16px;
    padding: 0 16px; 
    font-family: Verdana;
}



.lp-hero[b-cy8gzdjr4q], .lp-how[b-cy8gzdjr4q] {
    width: 100%;
    max-width: 900px; 
}

.lp-how__list[b-cy8gzdjr4q] {
    text-align: left;
    margin: 0 auto;
}

.lp-header__img[b-cy8gzdjr4q] {
    height: 65px;
    max-height: 100%;
}

.lp-illustration__img[b-cy8gzdjr4q] {
    width: 400px; 
    max-width: 100%; 
    height: auto;
    display: block;
    margin: 0 auto; 
}



.lp-footer[b-cy8gzdjr4q] {
    background: cadetblue;
    flex: 0 0 20px;
}
/* /Pages/MandantManagementPage/MandantMangement.razor.rz.scp.css */
.lp-body[b-pm8lqzwq0a] {
    display: flex;
    flex-direction: column;
}

/* ===== Header ===== */
.lp-header[b-pm8lqzwq0a] {
    flex: 0 0 80px;
    display: flex;
    background-color: darkgreen;
}

.lp-header__outter[b-pm8lqzwq0a] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-inline: 10px;
}

.lp-header__inner[b-pm8lqzwq0a] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.lp-header-text[b-pm8lqzwq0a] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.lp-brand__title[b-pm8lqzwq0a] {
    margin: 0;
    line-height: 1.2;
    color: white;
    font-weight: 1000;
}

.lp-brand__subtitle[b-pm8lqzwq0a] {
    margin: 0;
    line-height: 1.2;
    color: white;
}

.lp-header__img[b-pm8lqzwq0a] {
    height: 65px;
    max-height: 100%;
}

.lp-actions[b-pm8lqzwq0a] {
    width: 30%;
    display: flex;
    justify-content: right;
    align-items: center;
}

.lp-actions-inner[b-pm8lqzwq0a] {
    display: flex;
    gap: 8px;
}

    .lp-actions-inner .btn[b-pm8lqzwq0a] {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 6px 14px;
        background: #000;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        text-decoration: none;
        border: 1px solid #fff;
        border-radius: 10px;
        transition: all 0.2s ease-in-out;
    }

        .lp-actions-inner .btn:hover[b-pm8lqzwq0a] {
            background-color: darkslategrey;
            color: #000;
        }



.lp-footer[b-pm8lqzwq0a] {
    background: cadetblue;
    flex: 0 0 20px;
}
/* /Pages/Public/PublicFormRunner/PublicFormRunner.razor.rz.scp.css */
.ai-input--invalid[b-tk4rno792v] {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.1rem rgba(220,53,69,.15);
}

.ai-error[b-tk4rno792v] {
    color: #dc3545;
    font-size: .9rem;
    margin-top: .25rem;
}

.info-block[b-tk4rno792v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* /Pages/UserManagementPage/UserManagement.razor.rz.scp.css */
.lp-body[b-vt8ab036fs] {
    display: flex;
    flex-direction: column;
}

/* ===== Header ===== */
.lp-header[b-vt8ab036fs] {
    flex: 0 0 80px;
    display: flex;
    background-color: darkgreen;
}

.lp-header__outter[b-vt8ab036fs] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-inline: 10px;
}

.lp-header__inner[b-vt8ab036fs] {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.lp-header-text[b-vt8ab036fs] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.lp-brand__title[b-vt8ab036fs] {
    margin: 0;
    line-height: 1.2;
    color: white;
    font-weight: 1000;
}

.lp-brand__subtitle[b-vt8ab036fs] {
    margin: 0;
    line-height: 1.2;
    color: white;
}

.lp-header__img[b-vt8ab036fs] {
    height: 65px;
    max-height: 100%;
}

.lp-actions[b-vt8ab036fs] {
    width: 30%;
    display: flex;
    justify-content: right;
    align-items: center;
}

.lp-actions-inner[b-vt8ab036fs] {
    display: flex;
    gap: 8px;
}

    .lp-actions-inner .btn[b-vt8ab036fs] {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 6px 14px;
        background: #000;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        text-decoration: none;
        border: 1px solid #fff;
        border-radius: 10px;
        transition: all 0.2s ease-in-out;
    }

        .lp-actions-inner .btn:hover[b-vt8ab036fs] {
            background-color: darkslategrey;
            color: #000;
        }



.lp-footer[b-vt8ab036fs] {
    background: cadetblue;
    flex: 0 0 20px;
}