/* /Components/Pages/NotFound.razor.rz.scp.css */
.notfound-screen[b-ui4z533tas] {
    min-height: 100dvh;
    padding: 24px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03)),
        linear-gradient(90deg, #91c2ee 0%, #2d95eb 100%);
}

.notfound-container[b-ui4z533tas] {
    width: min(100%, 760px);
    min-height: min(92dvh, 640px);
    padding: 18px 24px 42px;
    justify-content: flex-start;
}

.notfound-badge[b-ui4z533tas] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border: 1px solid rgba(11, 74, 139, 0.18);
    border-radius: 999px;
    background: #ffffff;
    color: #0b4a8b;
    font-size: 14px;
    line-height: 1;
    box-shadow: 0 8px 18px rgba(11, 74, 139, 0.14);
}

.notfound-badge-flag[b-ui4z533tas] {
    font-size: 18px;
}

.notfound-icon[b-ui4z533tas] {
    margin-top: 86px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 76px;
    line-height: 1;
}

.notfound-title[b-ui4z533tas] {
    margin: 18px 0 14px;
    color: #ffffff;
    font-size: clamp(34px, 4vw, 44px);
    font-weight: 700;
    line-height: 1.1;
}

.notfound-text[b-ui4z533tas] {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
}

.notfound-text-wide[b-ui4z533tas] {
    max-width: 620px;
    font-weight: 500;
}

.notfound-close-btn[b-ui4z533tas] {
    margin-top: 22px;
    min-width: 240px;
    min-height: 56px;
    padding: 0 28px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #edf5fd 100%);
    color: #1970c8;
    font-size: 18px;
    font-weight: 600;
    box-shadow: 0 10px 18px rgba(32, 85, 138, 0.2);
    transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
}

.notfound-close-btn:hover[b-ui4z533tas] {
    filter: brightness(0.99);
    box-shadow: 0 12px 22px rgba(32, 85, 138, 0.24);
}

.notfound-close-btn:active[b-ui4z533tas] {
    transform: translateY(1px);
}

@media (max-width: 768px) {
    .notfound-screen[b-ui4z533tas] {
        padding: 16px;
    }

    .notfound-container[b-ui4z533tas] {
        min-height: calc(100dvh - 32px);
        padding: 18px 16px 32px;
    }

    .notfound-icon[b-ui4z533tas] {
        margin-top: 72px;
        font-size: 64px;
    }

    .notfound-title[b-ui4z533tas] {
        font-size: 32px;
    }

    .notfound-text[b-ui4z533tas] {
        font-size: 16px;
    }

    .notfound-close-btn[b-ui4z533tas] {
        min-width: 220px;
        min-height: 52px;
        font-size: 17px;
    }
}
/* /Components/Pages/StudentFormAssignments/CreateStudentFormAssignmentPage.razor.rz.scp.css */
.assignment-create-page[b-petxca9adp] {
    max-width: 1100px;
}

.details-grid dt[b-petxca9adp] {
    font-weight: 600;
    color: #1f2937;
}

.details-grid dd[b-petxca9adp] {
    color: #111827;
    word-break: break-word;
}

.qr-image[b-petxca9adp] {
    max-width: 260px;
    background-color: #fff;
    padding: 8px;
}
/* /Components/Pages/Tests/Common/ExamHeader.razor.rz.scp.css */
.exam-header[b-ew22lciwkd] {
    background: #2196F31A;
    border-bottom: 1px solid #c8d5e2;
    padding: 24px 32px 23px;
}

.logo-german[b-ew22lciwkd] {
    width: 121px;
    height: auto;
    display: block;
    object-fit: contain;
}

.logo-telc[b-ew22lciwkd] {
    width: 72px;
    height: 40px;
    margin-top: 2px;
    background: #c5161d;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 2px;
}

.logo-seconos-image[b-ew22lciwkd] {
    width: 82px;
    height: auto;
    display: block;
    object-fit: contain;
}

.exam-title-group[b-ew22lciwkd] {
    min-width: 320px;
    text-align: left;
    color: #003369;
}

.exam-title-line[b-ew22lciwkd] {
    gap: 10px;
}

.exam-title[b-ew22lciwkd] {
    font-size: 15px;
    margin-bottom: 3px;
}

.exam-subtitle[b-ew22lciwkd] {
    font-size: 17px;
    font-weight: 700;
    color: #184d80;
    margin-bottom: 3px;
}

.exam-version[b-ew22lciwkd] {
    font-size: 14px;
    color: #3d5f81;
    white-space: nowrap;
}

.candidate-row[b-ew22lciwkd] {
    margin-top: 11px;
    font-size: 12px;
    color: #738190;
}

.field-label[b-ew22lciwkd] {
    margin-right: 4px;
}

.field-value[b-ew22lciwkd] {
    color: #2e3944;
}

@media (max-width: 900px) {
    .exam-title-group[b-ew22lciwkd] {
        min-width: 0;
        width: 100%;
    }
}
/* /Components/Pages/Tests/Common/ExamPaper.razor.rz.scp.css */
.exam-paper[b-7eggccoxci] {
    width: min(816px, 100%);
    min-height: 1120px;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #cfd2d6;
    color: #192a39;
}

.exam-body[b-7eggccoxci] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 14px 0 0;
}

.exam-content[b-7eggccoxci] {
    flex: 1;
    padding: 0 24px 20px;
}

.exam-footer[b-7eggccoxci] {
    min-height: 60px;
    background: #2196F31A;
    padding: 0 30px;
}

.exam-before-footer[b-7eggccoxci] {
    padding: 0 24px 14px;
}

.exam-footer-text[b-7eggccoxci] {
    color: #6e7780;
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
}

@media (max-width: 992px) {
    .exam-paper[b-7eggccoxci] {
        min-height: auto;
    }

    .exam-body[b-7eggccoxci] {
        padding-top: 12px;
    }

    .exam-content[b-7eggccoxci] {
        padding: 0 12px 14px;
    }

    .exam-footer[b-7eggccoxci] {
        min-height: 52px;
        padding: 0 16px;
    }

    .exam-before-footer[b-7eggccoxci] {
        padding: 0 12px 12px;
    }

    .exam-footer-text[b-7eggccoxci] {
        font-size: 13px;
    }
}
/* /Components/Pages/Tests/Common/FloatingCountdownTimer.razor.rz.scp.css */
.floating-countdown-timer[b-dalnplrqvf] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 176px;
    background: #49a84e;
    border-radius: 10px;
    padding: 8px 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.22);
}

.floating-countdown-icon-wrap[b-dalnplrqvf] {
    width: 30px;
    height: 30px;
    border: 3px solid #dff3df;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.floating-countdown-icon[b-dalnplrqvf] {
    color: #f5fff5;
    font-size: 14px;
    line-height: 1;
}

.floating-countdown-content[b-dalnplrqvf] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.floating-countdown-labels[b-dalnplrqvf] {
    display: flex;
    justify-content: center;
    gap: 14px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #f3fff3;
    line-height: 1;
}

.floating-countdown-values[b-dalnplrqvf] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.floating-countdown-value-box[b-dalnplrqvf] {
    min-width: 54px;
    height: 30px;
    background: #f2f4ef;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #5e6a5f;
    font-size: 31px;
    line-height: 1;
    font-weight: 400;
    font-family: "Arial", "Helvetica Neue", sans-serif;
}

.floating-countdown-separator[b-dalnplrqvf] {
    color: #efffee;
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    margin-top: -2px;
}

@media (max-width: 992px) {
    .floating-countdown-timer[b-dalnplrqvf] {
        min-width: 164px;
        padding: 7px 9px;
        gap: 9px;
    }

    .floating-countdown-icon-wrap[b-dalnplrqvf] {
        width: 28px;
        height: 28px;
    }

    .floating-countdown-value-box[b-dalnplrqvf] {
        min-width: 50px;
        height: 28px;
        font-size: 28px;
    }

    .floating-countdown-separator[b-dalnplrqvf] {
        font-size: 22px;
    }
}

@media (max-width: 576px) {
    .floating-countdown-timer[b-dalnplrqvf] {
        min-width: 148px;
        padding: 6px 8px;
        gap: 8px;
        border-radius: 9px;
    }

    .floating-countdown-icon-wrap[b-dalnplrqvf] {
        width: 24px;
        height: 24px;
        border-width: 2px;
    }

    .floating-countdown-icon[b-dalnplrqvf] {
        font-size: 11px;
    }

    .floating-countdown-labels[b-dalnplrqvf] {
        font-size: 9px;
        gap: 12px;
    }

    .floating-countdown-values[b-dalnplrqvf] {
        gap: 5px;
    }

    .floating-countdown-value-box[b-dalnplrqvf] {
        min-width: 44px;
        height: 24px;
        font-size: 24px;
        border-radius: 3px;
    }

    .floating-countdown-separator[b-dalnplrqvf] {
        font-size: 20px;
    }
}
/* /Components/Pages/Tests/Common/TeacherSignaturePanel.razor.rz.scp.css */
.teacher-signature-panel[b-o2t15refwu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

.teacher-signature-panel-meta[b-o2t15refwu] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 14px;
    font-size: 14px;
    color: #41596d;
    text-align: left;
    flex: 1;
}

.teacher-signature-panel-label[b-o2t15refwu] {
    font-size: 14px;
    font-weight: 700;
    color: #111;
}

.teacher-signature-panel-signer-label[b-o2t15refwu] {
    font-size: 13px;
    font-weight: 400;
    color: #00000080;
}

.teacher-signature-panel-signer-value[b-o2t15refwu] {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
}

.teacher-signature-panel-box[b-o2t15refwu] {
    width: 206px;
    min-height: 97px;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid #cfe4f6;
    background: #E9F4FE;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    font-size: 14px;
    color: #4578a5;
    box-shadow: 0px 2px 8px 1px #107ACF99;
}

.teacher-signature-panel-box.is-readonly[b-o2t15refwu] {
    opacity: 0.7;
}

.teacher-signature-panel-copy[b-o2t15refwu] {
    flex: 1;
    font-size: 11px;
    line-height: 1.25;
    font-weight: 400;
    color: #0B5590CC;
    padding-right: 42px;
}

.teacher-signature-panel-preview[b-o2t15refwu] {
    width: 100%;
    height: 100%;
    min-height: 72px;
    object-fit: contain;
    object-position: center;
    display: block;
    padding-right: 28px;
}

.teacher-signature-panel-actions[b-o2t15refwu] {
    position: absolute;
    inset: auto 12px 8px 12px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    pointer-events: none;
}

.teacher-signature-panel-primary[b-o2t15refwu] {
    padding: 0;
    border: 0;
    color: #111;
    font-size: 22px;
    line-height: 1;
    text-decoration: none;
    pointer-events: auto;
}

.teacher-signature-panel-reset[b-o2t15refwu] {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: #fff;
    box-shadow: 0 10px 24px rgba(33, 54, 78, 0.14);
    color: #2e2f33;
    pointer-events: auto;
}

.teacher-signature-panel-reset i[b-o2t15refwu] {
    font-size: 12px;
}

.teacher-signature-panel-primary:disabled[b-o2t15refwu],
.teacher-signature-panel-reset:disabled[b-o2t15refwu] {
    opacity: 0.45;
}

.teacher-signature-modal[b-o2t15refwu] {
    background: rgba(17, 24, 39, 0.28);
}

.teacher-signature-modal-content[b-o2t15refwu] {
    border-radius: 18px;
}

.teacher-signature-canvas-wrap[b-o2t15refwu] {
    border: 1px solid #cfe4f6;
    border-radius: 16px;
    background: #f8fbfe;
    padding: 8px;
}

.teacher-signature-canvas[b-o2t15refwu] {
    width: 100%;
    height: auto;
    display: block;
    background: #fff;
    border-radius: 12px;
    touch-action: none;
    cursor: crosshair;
}

@media (max-width: 991.98px) {
    .teacher-signature-panel[b-o2t15refwu] {
        flex-direction: column;
        align-items: stretch;
    }

    .teacher-signature-panel-meta[b-o2t15refwu] {
        justify-content: center;
        text-align: center;
    }

    .teacher-signature-panel-box[b-o2t15refwu] {
        width: 100%;
        min-height: 97px;
        padding: 12px 14px;
    }

    .teacher-signature-panel-copy[b-o2t15refwu] {
        font-size: 11px;
        padding-right: 42px;
    }

    .teacher-signature-panel-preview[b-o2t15refwu] {
        padding-right: 24px;
    }

    .teacher-signature-panel-actions[b-o2t15refwu] {
        inset: auto 12px 8px 12px;
    }

    .teacher-signature-panel-primary[b-o2t15refwu] {
        font-size: 22px;
    }

    .teacher-signature-panel-reset[b-o2t15refwu] {
        width: 26px;
        height: 26px;
    }

    .teacher-signature-panel-reset i[b-o2t15refwu] {
        font-size: 12px;
    }
}
/* /Components/Pages/Tests/Common/TestCountdownTimer.razor.rz.scp.css */
.countdown-timer-card[b-5z237ugfen] {
    display: inline-flex;
    align-items: center;
    color: #17324a;
}

.countdown-timer-inline[b-5z237ugfen] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(232, 242, 251, 0.9);
    border: 1px solid #bfd8f4;
}

.countdown-timer-icon[b-5z237ugfen] {
    color: #1976d2;
    font-size: 14px;
    line-height: 1;
}

.countdown-timer-title[b-5z237ugfen] {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    color: #476277;
}

.countdown-timer-value[b-5z237ugfen] {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

@media (max-width: 992px) {
    .countdown-timer-inline[b-5z237ugfen] {
        gap: 8px;
        padding: 5px 10px;
    }

    .countdown-timer-icon[b-5z237ugfen] {
        font-size: 13px;
    }

    .countdown-timer-title[b-5z237ugfen] {
        font-size: 11px;
    }

    .countdown-timer-value[b-5z237ugfen] {
        font-size: 13px;
    }
}
/* /Components/Pages/Tests/Integrationskurs/IntegrationskursPage.razor.rz.scp.css */
.test-page-shell[b-b9wk0lpweq] {  
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 18px 12px;
    background-color: #2196f3;
    background-image:
        radial-gradient(71.48% 183% at 0% 57.81%, rgba(255, 255, 255, 0.4) 3.37%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
    background-repeat: no-repeat;
    background-size: cover;
}

.test-page-content[b-b9wk0lpweq] {
    width: min(816px, 100%);
}

.test-page-content.step1-intro-mode[b-b9wk0lpweq] {
    width: min(1280px, 100%);
    min-height: calc(100vh - 36px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.test-page-shell.step2-intro-mode[b-b9wk0lpweq] {
    min-height: 100dvh;
    align-items: center !important;
}

.test-page-content.step2-intro-mode[b-b9wk0lpweq] {
    width: min(1280px, 100%);
    height: calc(100dvh - 36px);
    max-height: calc(100dvh - 36px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-submit-row[b-b9wk0lpweq] {
    margin-top: 20px;
    margin-bottom: 8px;
}

.step2-inline-timer-wrap[b-b9wk0lpweq] {
    display: flex;
    justify-content: center;
    margin: 6px 0 12px;
}

.step2-floating-timer-wrap[b-b9wk0lpweq] {
    position: fixed;
    top: 14px;
    right: 16px;
    z-index: 1200;
}

.flow-topbar[b-b9wk0lpweq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 14px;
}

.flow-stepper[b-b9wk0lpweq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.flow-step[b-b9wk0lpweq] {
    border: 1px solid #d0d7e2;
    border-radius: 12px;
    background: #ffffff;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
}

.flow-step.is-active[b-b9wk0lpweq] {
    border-color: #1976d2;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.12);
}

.flow-step-index[b-b9wk0lpweq] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e8f1fb;
    color: #124f8f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
}

.flow-step-label[b-b9wk0lpweq] {
    font-size: 14px;
    color: #243447;
    font-weight: 600;
}

.flow-controls[b-b9wk0lpweq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.locale-picker[b-b9wk0lpweq] {
    width: 140px;
}

.teacher-step-card[b-b9wk0lpweq] {
    background: #eef6ff;
    border: 1px solid #bfd8f4;
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 14px;
}

.teacher-step-card h3[b-b9wk0lpweq] {
    margin: 0 0 8px;
    font-size: 18px;
    color: #153e75;
}

.teacher-step-card p[b-b9wk0lpweq] {
    margin: 0;
    color: #324e6f;
}

.teacher-question-preview[b-b9wk0lpweq] {
    border: 1px dashed #cfd8e6;
    border-radius: 8px;
    padding: 8px 10px;
    margin-bottom: 8px;
    background: #fafcff;
    color: #28384a;
    font-size: 14px;
}

.step1-question-shell[b-b9wk0lpweq] {
    background: #ffffffde;
    border: 1px solid #cbe1f6;
    border-radius: 14px;
    padding: 16px;
}

.step1-question-header[b-b9wk0lpweq] {
    border-bottom: 1px solid #d9e7f5;
    margin-bottom: 14px;
    padding-bottom: 10px;
}

.step1-question-header h2[b-b9wk0lpweq] {
    font-size: clamp(20px, 2.2vw, 30px);
    color: #144d84;
}

.step1-question-header p[b-b9wk0lpweq] {
    color: #4a627a;
    margin-top: 4px;
}

.step1-question-section[b-b9wk0lpweq] {
    position: relative;
}

.step1-section-badge[b-b9wk0lpweq] {
    position: absolute;
    right: 12px;
    top: 10px;
    font-size: 12px;
    background: #e8f1fb;
    color: #1a4d83;
    border: 1px solid #c2daf3;
    border-radius: 999px;
    padding: 3px 8px;
}

.submit-test-btn[b-b9wk0lpweq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 50px;
    padding: 0 22px;
    border: 1.5px solid #0b4a8b;
    border-radius: 999px;
    background: #ffffff;
    color: #0b4a8b;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    box-shadow: 0 8px 18px rgba(11, 74, 139, 0.18);
    transition: transform 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease;
}

.submit-test-btn:hover[b-b9wk0lpweq] {
    background: #f8fbff;
    box-shadow: 0 10px 22px rgba(11, 74, 139, 0.22);
}

.submit-test-btn:active[b-b9wk0lpweq] {
    transform: translateY(1px);
}

.submit-test-btn i[b-b9wk0lpweq] {
    font-size: 22px;
}

@media (max-width: 992px) {
    .test-page-shell[b-b9wk0lpweq] {
        padding: 8px 4px;
    }

    .page-submit-row[b-b9wk0lpweq] {
        margin-top: 14px;
    }

    .step2-floating-timer-wrap[b-b9wk0lpweq] {
        top: 10px;
        right: 10px;
    }

    .test-page-content.step2-intro-mode[b-b9wk0lpweq] {
        height: calc(100dvh - 16px);
        max-height: calc(100dvh - 16px);
    }

    .submit-test-btn[b-b9wk0lpweq] {
        min-height: 46px;
        padding: 0 18px;
        font-size: 16px;
        gap: 10px;
    }

    .submit-test-btn i[b-b9wk0lpweq] {
        font-size: 20px;
    }

    .flow-controls[b-b9wk0lpweq] {
        flex-wrap: wrap;
    }
}

.completion-screen[b-b9wk0lpweq] {
    min-height: 100vh;
    background: transparent;
    padding: 14px;
}

.completion-container[b-b9wk0lpweq] {
    min-height: calc(100vh - 28px);
    padding-top: 16px;
    padding-bottom: 24px;
}

.completion-badge[b-b9wk0lpweq] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f1f8ff;
    border: 1px solid #1e88e5;
    border-radius: 999px;
    color: #0f4f8a;
    padding: 6px 14px;
    font-size: clamp(14px, 1.6vw, 22px);
    line-height: 1;
}

.completion-badge-flag[b-b9wk0lpweq] {
    font-size: clamp(18px, 2vw, 26px);
    line-height: 1;
}

.completion-check[b-b9wk0lpweq] {
    margin-top: 44px;
    color: #1e88e5;
    font-size: clamp(36px, 4vw, 56px);
    line-height: 1;
}

.completion-title[b-b9wk0lpweq] {
    margin: 20px 0 0;
    font-size: clamp(28px, 3.2vw, 48px);
    line-height: 1.16;
    font-weight: 700;
    color: #090d13;
}

.completion-text[b-b9wk0lpweq] {
    margin: 30px 0 0;
    font-size: clamp(18px, 2.1vw, 30px);
    line-height: 1.45;
    color: #23272b;
}

.completion-text-wide[b-b9wk0lpweq] {
    margin-top: 28px;
    max-width: 980px;
}

.completion-thanks[b-b9wk0lpweq] {
    margin: 34px 0 0;
    font-size: clamp(20px, 2.2vw, 34px);
    line-height: 1.28;
    color: #003f7f;
    font-weight: 700;
}

.completion-provider[b-b9wk0lpweq] {
    padding-top: 42px;
    font-size: clamp(12px, 1.1vw, 18px);
    color: #7a8085;
}

.completion-logos[b-b9wk0lpweq] {
    margin-top: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 42px;
}

.completion-logo[b-b9wk0lpweq] {
    display: block;
    object-fit: contain;
}

.completion-logo-seconos[b-b9wk0lpweq] {
    width: clamp(88px, 9vw, 144px);
}

.completion-logo-bamf[b-b9wk0lpweq] {
    width: clamp(88px, 9vw, 144px);
}

.completion-logo-telc[b-b9wk0lpweq] {
    width: clamp(72px, 7vw, 110px);
    height: clamp(42px, 4vw, 62px);
    border-radius: 4px;
    background: #bf1212;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(30px, 3.4vw, 50px);
    line-height: 1;
    font-weight: 700;
}

@media (max-width: 992px) {
    .completion-screen[b-b9wk0lpweq] {
        padding: 0;
    }

    .completion-container[b-b9wk0lpweq] {
        min-height: 100vh;
        padding: 16px 14px 26px;
    }

    .completion-badge[b-b9wk0lpweq] {
        font-size: 16px;
        padding: 5px 12px;
    }

    .completion-badge-flag[b-b9wk0lpweq] {
        font-size: 20px;
    }

    .completion-check[b-b9wk0lpweq] {
        margin-top: 40px;
        font-size: 44px;
    }

    .completion-title[b-b9wk0lpweq] {
        margin-top: 18px;
        font-size: 28px;
    }

    .completion-text[b-b9wk0lpweq] {
        margin-top: 28px;
        font-size: 16px;
    }

    .completion-text-wide[b-b9wk0lpweq] {
        margin-top: 22px;
        max-width: 760px;
    }

    .completion-thanks[b-b9wk0lpweq] {
        margin-top: 26px;
        font-size: 22px;
    }

    .completion-provider[b-b9wk0lpweq] {
        padding-top: 36px;
        font-size: 13px;
    }

    .completion-logos[b-b9wk0lpweq] {
        gap: 16px;
        margin-top: 12px;
    }

    .completion-logo-seconos[b-b9wk0lpweq] {
        width: 90px;
    }

    .completion-logo-bamf[b-b9wk0lpweq] {
        width: 90px;
    }

    .completion-logo-telc[b-b9wk0lpweq] {
        width: 70px;
        height: 40px;
        font-size: 34px;
    }
}

@media (max-width: 576px) {
    .submit-test-btn[b-b9wk0lpweq] {
        font-size: 20px;
        min-height: 40px;
    }
}
/* /Components/Pages/Tests/Integrationskurs/IntegrationskursTeacherPage.razor.rz.scp.css */
.teacher-page[b-fvs9t528an] {
    min-height: 100dvh;
    padding: 8px;
    background: #ebebeb;
    font-size: 0.93rem;
    overflow-x: hidden;
}

.teacher-grid[b-fvs9t528an] {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    gap: 16px;
    min-height: 0;
    height: calc(100dvh - 16px);
    overflow-x: hidden;
}

.teacher-sidebar[b-fvs9t528an] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 100%;
}

.teacher-sidebar-card[b-fvs9t528an] {
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.07) !important;
}

.teacher-sidebar-card .card-header[b-fvs9t528an],
.teacher-sidebar-card .card-body[b-fvs9t528an] {
    background: #fff;
}

.teacher-panel-badges[b-fvs9t528an] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.teacher-summary-tiles[b-fvs9t528an] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    min-width: 0;
}

.teacher-summary-tile[b-fvs9t528an] {
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    min-width: 0;
}

.teacher-summary-tile-label[b-fvs9t528an] {
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}

.teacher-summary-tile-value[b-fvs9t528an] {
    display: block;
    font-size: 13px;
    color: #0f172a;
    overflow-wrap: anywhere;
}

.teacher-management-kv[b-fvs9t528an] {
    padding-top: 14px;
    margin-top: 14px !important;
    border-top: 1px solid #eef2f7;
}

.teacher-reset-link-label[b-fvs9t528an] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #5a7390;
    margin-bottom: 8px;
}

.teacher-reset-link-box[b-fvs9t528an] {
    margin-top: 14px;
    padding: 12px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #d4e3f1;
}

.teacher-reset-link-url[b-fvs9t528an] {
    word-break: break-all;
    color: #0b4f8c;
    font-weight: 600;
    font-size: 13px;
}

.teacher-live-pill[b-fvs9t528an],
.teacher-live-state[b-fvs9t528an] {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.teacher-live-pill.is-connected[b-fvs9t528an],
.teacher-live-state.is-online[b-fvs9t528an] {
    background: #e2f6eb;
    color: #11663b;
    border: 1px solid #9fd1b3;
}

.teacher-live-pill.is-disconnected[b-fvs9t528an],
.teacher-live-state.is-offline[b-fvs9t528an] {
    background: #fff1f1;
    color: #9e2f37;
    border: 1px solid #e4b9bf;
}

.teacher-live-state.is-paused[b-fvs9t528an] {
    background: #fff4dd;
    color: #8a5a00;
    border: 1px solid #e7cd8c;
}

.teacher-live-metrics[b-fvs9t528an] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.teacher-live-metric[b-fvs9t528an] {
    padding: 12px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid rgba(138, 183, 218, 0.45);
}

.teacher-live-metric-label[b-fvs9t528an] {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    color: #64809c;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.teacher-live-timeline[b-fvs9t528an] {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

.teacher-live-step[b-fvs9t528an] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(138, 183, 218, 0.25);
    color: #4a617a;
}

.teacher-live-step-index[b-fvs9t528an] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #d3e2ef;
    color: #0b4f8c;
    font-weight: 800;
}

.teacher-live-step.is-active[b-fvs9t528an] {
    background: #dff0ff;
    border-color: #94c5ef;
    color: #093b64;
}

.teacher-live-step.is-active .teacher-live-step-index[b-fvs9t528an] {
    background: #1e8adb;
    color: #fff;
}

.teacher-live-step.is-done[b-fvs9t528an] {
    background: #e4f6eb;
    border-color: #aad2b7;
    color: #1f6a40;
}

.teacher-live-step.is-done .teacher-live-step-index[b-fvs9t528an] {
    background: #1d9b53;
    color: #fff;
}

.teacher-live-banner[b-fvs9t528an] {
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #fff9e8;
    border: 1px solid #ead28b;
    color: #7b5900;
    font-weight: 600;
}

.teacher-action-btn[b-fvs9t528an] {
    border-radius: 14px;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 12px;
    min-height: 42px;
}

.teacher-bootstrap-kv dt[b-fvs9t528an],
.teacher-bootstrap-kv dd[b-fvs9t528an] {
    margin-bottom: 0;
}

.teacher-bootstrap-kv dt[b-fvs9t528an] {
    color: #6c757d;
    font-weight: 700;
}

.teacher-bootstrap-kv dd[b-fvs9t528an] {
    color: #212529;
}

.teacher-summary-stack[b-fvs9t528an] {
    display: grid;
    gap: 12px;
}

.teacher-summary-section[b-fvs9t528an] {
    padding: 12px;
    border: 1px solid #e9ecef;
    border-radius: 14px;
    background: #f8f9fa;
    min-width: 0;
}

.teacher-summary-heading[b-fvs9t528an] {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #5f7690;
}

.teacher-summary-section .teacher-bootstrap-kv[b-fvs9t528an] {
    --bs-gutter-x: 0.65rem;
    --bs-gutter-y: 0.45rem;
    margin-left: 0;
    margin-right: 0;
}

.teacher-summary-section .teacher-bootstrap-kv > dt[b-fvs9t528an],
.teacher-summary-section .teacher-bootstrap-kv > dd[b-fvs9t528an] {
    padding-left: 0;
    padding-right: 0;
    min-width: 0;
}

.teacher-summary-section .teacher-bootstrap-kv > dt[b-fvs9t528an] {
    font-size: 12px;
}

.teacher-summary-section .teacher-bootstrap-kv > dd[b-fvs9t528an] {
    font-size: 13px;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.teacher-url-stack[b-fvs9t528an] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.teacher-url-row[b-fvs9t528an] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.teacher-url-label[b-fvs9t528an] {
    font-size: 12px;
    font-weight: 700;
    color: #6c757d;
}

.teacher-url-value[b-fvs9t528an] {
    padding: 9px 10px;
    border-radius: 10px;
    border: 1px solid #dbe5ef;
    background: #fff;
    color: #0b4f8c;
    font-size: 12px;
    font-weight: 600;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.teacher-url-note[b-fvs9t528an] {
    font-size: 12px;
    line-height: 1.45;
    color: #6c757d;
    overflow-wrap: anywhere;
}

@media (max-width: 1200px) {
    .teacher-summary-section .teacher-bootstrap-kv > dt[b-fvs9t528an],
    .teacher-summary-section .teacher-bootstrap-kv > dd[b-fvs9t528an] {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.teacher-progress-card[b-fvs9t528an] {
    margin-top: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    max-height: none;
    overflow: visible;
}

.teacher-progress-title[b-fvs9t528an] {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
}

.teacher-progress-head[b-fvs9t528an] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 0;
}

.teacher-progress-status[b-fvs9t528an] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid #79b8ec;
    background: #e9f4fd;
    color: #0b4f8c;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.teacher-step-card-index[b-fvs9t528an] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #5f7c99;
    margin-bottom: 4px;
}

.teacher-step-card-title[b-fvs9t528an] {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: #0b3e68;
}

.teacher-step-card-status[b-fvs9t528an] {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    border: 1px solid #c8d8e9;
    background: #f4f8fb;
    color: #53708c;
}

.teacher-step-card-status.is-active[b-fvs9t528an] {
    background: #dff0ff;
    border-color: #94c5ef;
    color: #0b4f8c;
}

.teacher-step-card-status.is-waiting[b-fvs9t528an] {
    background: #fff4dd;
    border-color: #e7cd8c;
    color: #8a5a00;
}

.teacher-step-card-status.is-paused[b-fvs9t528an] {
    background: #fff1f1;
    border-color: #e4b9bf;
    color: #9e2f37;
}

.teacher-step-card-status.is-offline[b-fvs9t528an] {
    background: #fce8e6;
    border-color: #d89a92;
    color: #8f2d22;
}

.teacher-step-card-status.is-done[b-fvs9t528an] {
    background: #e2f6eb;
    border-color: #9fd1b3;
    color: #11663b;
}

.teacher-stage[b-fvs9t528an] {
    border: 1px solid #aeb4b9;
    background: #f3f4f6;
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    overflow-x: hidden;
    border-radius: 24px;
}

.teacher-analytics-board[b-fvs9t528an] {
    padding: 16px;
    border-bottom: 1px solid #d7dde5;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.teacher-analytics-board-head[b-fvs9t528an] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.teacher-analytics-grid[b-fvs9t528an] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.teacher-analytics-card[b-fvs9t528an] {
    padding: 14px;
    border-radius: 18px;
    border: 1px solid #dbe3ec;
    background: #ffffff;
    min-width: 0;
}

.teacher-analytics-card.is-active[b-fvs9t528an] {
    border-color: #86b7fe;
    background: #eef6ff;
}

.teacher-analytics-card.is-offline[b-fvs9t528an] {
    border-color: #d89a92;
    background: #fff4f2;
}

.teacher-analytics-card.is-paused[b-fvs9t528an] {
    border-color: #e4b9bf;
    background: #fff7f7;
}

.teacher-analytics-card.is-done[b-fvs9t528an] {
    border-color: #a3cfbb;
    background: #eefaf1;
}

.teacher-analytics-card-head[b-fvs9t528an] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.teacher-analytics-card-title[b-fvs9t528an] {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: #0b3e68;
}

.teacher-analytics-progress[b-fvs9t528an] {
    margin-bottom: 12px;
}

.teacher-mini-progress[b-fvs9t528an] {
    height: 8px;
    border-radius: 999px;
    background: #e9eef5;
}

.teacher-mini-progress .progress-bar[b-fvs9t528an] {
    border-radius: 999px;
    background: linear-gradient(90deg, #0d6efd 0%, #49a3ff 100%);
}

.teacher-analytics-progress-text[b-fvs9t528an] {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #526581;
}

.teacher-analytics-meta[b-fvs9t528an] {
    margin: 0;
    display: grid;
    grid-template-columns: minmax(88px, 104px) 1fr;
    gap: 6px 10px;
}

.teacher-analytics-meta dt[b-fvs9t528an] {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
}

.teacher-analytics-meta dd[b-fvs9t528an] {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
    overflow-wrap: anywhere;
}

.teacher-stage-header[b-fvs9t528an] {
    display: grid;
    grid-template-columns: auto auto auto 1fr;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    background: #fff;
    border-bottom: 1px solid #d7dde5;
}

.teacher-pill[b-fvs9t528an] {
    font-size: 12px;
    color: #3b4d60;
    font-weight: 700;
    width: fit-content;
}

.teacher-elapsed-wrap[b-fvs9t528an] {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.teacher-elapsed-label[b-fvs9t528an] {
    font-weight: 700;
}

.flow-topbar[b-fvs9t528an] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.flow-stepper[b-fvs9t528an] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.flow-step[b-fvs9t528an] {
    border: 1px solid #d0d7e2;
    border-radius: 12px;
    background: #ffffff;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
}

.flow-step.is-active[b-fvs9t528an] {
    border-color: #1976d2;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.12);
}

.flow-step.is-disabled[b-fvs9t528an] {
    opacity: 0.5;
    cursor: not-allowed;
    background: #f6f8fb;
}

.flow-step-index[b-fvs9t528an] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e8f1fb;
    color: #124f8f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
}

.flow-step-label[b-fvs9t528an] {
    font-size: 14px;
    color: #243447;
    font-weight: 600;
}

.teacher-elapsed[b-fvs9t528an] {
    min-width: 70px;
    text-align: right;
}

.teacher-stage-body[b-fvs9t528an] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 22px;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (max-width: 1400px) {
    .teacher-analytics-grid[b-fvs9t528an] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .teacher-grid[b-fvs9t528an] {
        grid-template-columns: 1fr;
        height: auto;
    }

    .teacher-sidebar[b-fvs9t528an] {
        overflow: visible;
    }

    .teacher-stage[b-fvs9t528an] {
        min-height: 70vh;
    }
}

@media (max-width: 920px) {
    .teacher-live-metrics[b-fvs9t528an] {
        grid-template-columns: 1fr;
    }

    .teacher-summary-tiles[b-fvs9t528an] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .teacher-analytics-grid[b-fvs9t528an] {
        grid-template-columns: 1fr;
    }

    .teacher-stage-header[b-fvs9t528an] {
        grid-template-columns: 1fr;
        justify-items: start;
    }
}

.teacher-stage-body-review[b-fvs9t528an] {
    justify-content: flex-start;
    align-items: stretch;
    text-align: left;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.teacher-review-shell[b-fvs9t528an] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    min-height: 0;
}

.teacher-review-layout[b-fvs9t528an] {
    margin: 0;
}

.teacher-student-paper[b-fvs9t528an] {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 16px;
    border: 1px solid #d8dde3;
    background: transparent;
    max-height: calc(100vh - 180px);
    overflow-y: auto;
    overflow-x: hidden;
}

.teacher-student-paper[b-fvs9t528an]  .exam-paper {
    background: transparent;
}

.teacher-score-details[b-fvs9t528an] {
    border: 1px solid #d8dde3;
    background: #f3f3f3;
    padding: 12px;
    max-width: 100%;
    overflow-x: hidden;
}

.teacher-details-title[b-fvs9t528an] {
    margin: 0 0 10px;
    font-size: 29px;
    font-weight: 700;
    color: #213247;
}

.teacher-details-time[b-fvs9t528an] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 13px;
}

.teacher-details-block[b-fvs9t528an] {
    margin-bottom: 14px;
}

.teacher-details-block-title[b-fvs9t528an] {
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 700;
    color: #0b3d74;
}

.teacher-details-subtitle[b-fvs9t528an] {
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 700;
}

.teacher-details-head[b-fvs9t528an] {
    display: grid;
    grid-template-columns: 42% 38% 20%;
    gap: 8px;
    font-size: 11px;
    color: #4f5962;
    margin-bottom: 4px;
}

.teacher-details-row[b-fvs9t528an] {
    display: grid;
    grid-template-columns: 42% 38% 20%;
    gap: 8px;
    align-items: center;
    font-size: 12px;
    margin-bottom: 6px;
}

.teacher-details-total[b-fvs9t528an] {
    margin-top: 6px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
    padding: 6px 8px;
    border-radius: 6px;
    background: #cfe4f5;
    color: #0b3d74;
    font-weight: 700;
    font-size: 12px;
}

.teacher-score-sheet[b-fvs9t528an] {
    margin-top: 14px;
}

.teacher-score-sheet-title[b-fvs9t528an] {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 700;
    color: #0b3d74;
}

.teacher-score-panel[b-fvs9t528an] {
    background: #c7dceb;
    border-radius: 22px;
    padding: 14px 18px;
}

.teacher-score-head[b-fvs9t528an] {
    margin-bottom: 4px;
}

.teacher-score-head-card[b-fvs9t528an] {
    width: 100%;
    border: 0;
    border-radius: 12px;
    padding: 10px 8px 8px;
    min-height: 74px;
    background: #9fc5e4;
    color: #0f1720;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.teacher-score-head-card.is-selected[b-fvs9t528an] {
    box-shadow: inset 0 0 0 2px #1e8adb;
    background: #8ebbe0;
}

.teacher-score-head-title[b-fvs9t528an] {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.16;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.teacher-score-head-points[b-fvs9t528an] {
    font-size: 13px;
    color: #3d4955;
}

.teacher-lang-head-grid[b-fvs9t528an] {
    margin-bottom: 8px;
}

.teacher-lang-head-card[b-fvs9t528an] {
    background: #9fc5e4;
    border-radius: 10px;
    min-height: 88px;
    padding: 8px 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.teacher-lang-head-title[b-fvs9t528an] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.15;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-align: center;
}

.teacher-lang-head-points[b-fvs9t528an] {
    font-size: 11px;
    color: #3d4955;
}

.teacher-score-row[b-fvs9t528an] {
    margin-top: 8px;
}

.teacher-score-row.circles-only[b-fvs9t528an] {
    margin-top: 8px;
}

.teacher-score-label[b-fvs9t528an] {
    font-size: 13px;
    font-weight: 700;
    color: #143760;
    line-height: 1.18;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.teacher-score-radio[b-fvs9t528an] {
    justify-self: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 3px solid #4c5662;
    background: #dce8f2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.teacher-score-radio-dot[b-fvs9t528an] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: transparent;
}

.teacher-score-radio.is-selected[b-fvs9t528an] {
    border-color: #1e8adb;
}

.teacher-score-radio.is-selected .teacher-score-radio-dot[b-fvs9t528an] {
    background: #1e8adb;
}

.teacher-a1-inhalt-card[b-fvs9t528an] {
    grid-column: 1 / -1;
}

.teacher-a1-inhalt-title[b-fvs9t528an] {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 700;
    color: #0b3d74;
}

.teacher-a1-inhalt-options[b-fvs9t528an] {
    background: #c7dceb;
    border-radius: 30px;
    padding: 16px 22px 14px;
}

.teacher-a1-inhalt-option[b-fvs9t528an] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.teacher-a1-option-head[b-fvs9t528an] {
    width: 100%;
    min-height: 74px;
    border: 0;
    border-radius: 14px;
    background: #9fc5e4;
    color: #0f1720;
    padding: 10px 10px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}

.teacher-a1-option-head.is-selected[b-fvs9t528an] {
    box-shadow: inset 0 0 0 2px #1e8adb;
    background: #8ebbe0;
}

.teacher-a1-option-title[b-fvs9t528an] {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.18;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.teacher-a1-option-points[b-fvs9t528an] {
    font-size: 12px;
    line-height: 1.15;
    color: #3d4955;
}

.teacher-a1-option-radio[b-fvs9t528an] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 3px solid #4c5662;
    background: #dce8f2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.teacher-a1-option-dot[b-fvs9t528an] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: transparent;
}

.teacher-a1-option-radio.is-selected[b-fvs9t528an] {
    border-color: #1e8adb;
}

.teacher-a1-option-radio.is-selected .teacher-a1-option-dot[b-fvs9t528an] {
    background: #1e8adb;
}

.teacher-stage-title[b-fvs9t528an] {
    margin: 0;
    font-size: 30px;
    color: #595959;
    font-weight: 700;
}

.teacher-stage-btn[b-fvs9t528an] {
    border-radius: 0;
    font-weight: 700;
    font-size: 13px;
    min-width: 180px;
}

@media (max-width: 1200px) {
    .teacher-grid[b-fvs9t528an] {
        grid-template-columns: 1fr;
        height: auto;
    }

    .teacher-sidebar[b-fvs9t528an] {
        overflow: visible;
    }

    .teacher-progress-card[b-fvs9t528an] {
        margin-top: 4px;
        max-height: none;
        overflow: visible;
    }

    .teacher-stage[b-fvs9t528an] {
        min-height: 58vh;
    }
}

@media (max-width: 768px) {
    .teacher-page[b-fvs9t528an] {
        padding: 6px;
    }

    .teacher-grid[b-fvs9t528an] {
        gap: 8px;
    }

    .teacher-section-title[b-fvs9t528an] {
        font-size: 24px;
    }

    .teacher-progress-title[b-fvs9t528an] {
        font-size: 24px;
    }

    .teacher-step-card-grid[b-fvs9t528an] {
        grid-template-columns: 1fr;
    }

    .teacher-progress-head[b-fvs9t528an] {
        align-items: flex-start;
        flex-direction: column;
    }

    .teacher-stage-title[b-fvs9t528an] {
        font-size: 22px;
    }

    .teacher-review-layout[b-fvs9t528an] {
        margin: 0;
    }

    .teacher-score-label[b-fvs9t528an] {
        margin-top: 8px;
    }

    .teacher-stage-header[b-fvs9t528an] {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .teacher-elapsed-wrap[b-fvs9t528an] {
        justify-self: start;
    }

    .teacher-student-paper[b-fvs9t528an] {
        max-height: calc(100vh - 220px);
    }
}
/* /Components/Pages/Tests/Integrationskurs/Steps/Step1/IntegrationskursStep1Header.razor.rz.scp.css */
.step1-back-wrap[b-l0bo7gqbou] {
    display: inline-block;
}

.step1-back-btn[b-l0bo7gqbou] {
    border: 1px solid #6b8fb4;
    background: #fff;
    color: #0d3e74;
    border-radius: 16px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
    font-size: 0.9rem;
    width: auto !important;
    max-width: max-content;
    white-space: nowrap;
    flex: 0 0 auto;
}

.step1-info-card[b-l0bo7gqbou] {
    width: min(792px, 100%);
    height: 181px;
    border-radius: 24px;
    padding: 32px 16px;
    background:
        linear-gradient(0deg, rgba(33, 150, 243, 0.1), rgba(33, 150, 243, 0.1)),
        #fff;
    box-shadow: 0 2px 8px 0 #00000040;
}

.step1-info-logo-bamf[b-l0bo7gqbou] {
    width: clamp(68px, 7.6vw, 112px);
}

.step1-info-logo-seconos[b-l0bo7gqbou] {
    width: clamp(50px, 4.2vw, 60px);
}

.step1-info-logo-telc[b-l0bo7gqbou] {
    min-width: 50px;
    height:40px;
    background: #c70f12;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px 1px;
}

.step1-info-title[b-l0bo7gqbou] {
    margin: 0;
    font-size: clamp(0.95rem, 1vw, 1.1rem);
    font-weight: 700;
    color: #0d3e74;
    border-bottom: 1px solid #a3bed6;
    padding-bottom: 4px;
}

.step1-info-language[b-l0bo7gqbou] {
    margin-top: 2px;
    color: #0d3e74;
    font-size: clamp(0.8rem, 0.85vw, 0.95rem);
    font-weight: 500;
}

.step1-meta-label[b-l0bo7gqbou] {
    color: #6d747a;
    font-size: clamp(0.72rem, 0.75vw, 0.8rem);
}

.step1-meta-value[b-l0bo7gqbou] {
    color: #111;
    font-size: 13px;
    font-weight: 400;
}

@media (max-width: 992px) {
    .step1-info-card[b-l0bo7gqbou] {
        height: auto;
        padding: 14px 12px;
        border-radius: 14px;
    }
}
/* /Components/Pages/Tests/Integrationskurs/Steps/Step1/IntegrationskursStep1Intro.razor.rz.scp.css */
.step1-intro[b-955wro6aqn] {
    width: 100%;
}

.step1-kicker[b-955wro6aqn] {
    font-size: 20px;
    font-weight: 300;
    opacity: 0.95;
}

.step1-title[b-955wro6aqn] {
    font-size: 32px;
    font-weight: 800;
    line-height: 1.15;
    margin: 8px 0 10px;
}

.step1-subtitle[b-955wro6aqn] {
    font-size: 20px;
    font-weight: 400;
}

.step1-panel[b-955wro6aqn] {
    width: min(1144px, 100%);
    min-height: 843px;
    background: #ffffff;
    border-radius: 48px;
    box-shadow:
        0 -2px 16px 1px rgba(0, 0, 0, 0.25),
        inset 0 0 16px 8px rgba(255, 255, 255, 1);
}

.step1-panel-body[b-955wro6aqn] {
    min-height: 843px;
    height: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.step1-panel-title[b-955wro6aqn] {
    color: rgba(0, 51, 105, 0.9);
    font-size: 20px;
    font-weight: 400;
}

.step1-search .input-group-text[b-955wro6aqn],
.step1-search .form-control[b-955wro6aqn] {
    background: #ffffff;
    border-color: #ffffff;
    min-height: 48px;
}

.step1-search[b-955wro6aqn] {
    border-radius: 100px;
    box-shadow: 0 2px 8px 1px rgba(0, 51, 105, 0.25);
    overflow: hidden;
}

.step1-search .input-group-text[b-955wro6aqn] {
    border-radius: 999px 0 0 999px;
}

.step1-search .form-control[b-955wro6aqn] {
    border-radius: 0 999px 999px 0;
    box-shadow: none;
}

.step1-lang-btn[b-955wro6aqn] {
    border: 1px solid #2196f380;
    background: #2196f31a;
    border-radius: 16px;
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #112233;
    transition: all 0.15s ease;
}

.step1-lang-btn:hover[b-955wro6aqn] {
    border-color: #3f9af0;
    background: #c8d7e4;
    transform: translateY(-1px);
}

.step1-lang-btn:focus-visible[b-955wro6aqn] {
    border-color: #1f75d8;
    box-shadow: 0 0 0 2px rgba(31, 117, 216, 0.2);
}

.step1-flag[b-955wro6aqn] {
    font-size: 24px;
    line-height: 1;
}

.step1-lang-name[b-955wro6aqn] {
    font-size: 18px;
    font-weight: 400;
}

.step1-sponsor[b-955wro6aqn] {
    margin-top: auto;
    padding-top: 8px;
}

.step1-sponsor-title[b-955wro6aqn] {
    text-align: center;
    color: #8a8a8a;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 18px;
}

.step1-sponsor-logos[b-955wro6aqn] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 34px;
    flex-wrap: wrap;
}

.step1-sponsor-logo[b-955wro6aqn] {
    display: block;
}

.step1-sponsor-logo-seconos[b-955wro6aqn] {
    width: clamp(96px, 8vw, 122px);
}

.step1-sponsor-logo-bamf[b-955wro6aqn] {
    width: clamp(108px, 9vw, 136px);
}

.step1-sponsor-logo-telc[b-955wro6aqn] {
    min-width: 82px;
    height: 50px;
    border-radius: 12px;
    background: #c70f12;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    padding: 0 12px 2px;
}

@media (max-width: 768px) {
    .step1-panel[b-955wro6aqn] {
        border-radius: 18px;
        min-height: auto;
    }

    .step1-panel-body[b-955wro6aqn] {
        padding: 16px;
        gap: 14px;
    }

    .step1-lang-btn[b-955wro6aqn] {
        min-height: 46px;
        border-radius: 14px;
    }

    .step1-flag[b-955wro6aqn] {
        font-size: 20px;
    }

    .step1-lang-name[b-955wro6aqn] {
        font-size: 16px;
    }

    .step1-sponsor-title[b-955wro6aqn] {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .step1-sponsor-logos[b-955wro6aqn] {
        gap: 12px;
    }

    .step1-sponsor-logo-telc[b-955wro6aqn] {
        min-width: 60px;
        height: 36px;
        font-size: 24px;
        border-radius: 8px;
    }

    .step1-sponsor-logo-seconos[b-955wro6aqn] {
        width: 86px;
    }

    .step1-sponsor-logo-bamf[b-955wro6aqn] {
        width: 94px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .step1-panel[b-955wro6aqn] {
        border-radius: 28px;
        min-height: auto;
    }

    .step1-panel-body[b-955wro6aqn] {
        min-height: auto;
        padding: 24px;
        gap: 20px;
    }

    .step1-lang-btn[b-955wro6aqn] {
        min-height: 50px;
    }

    .step1-flag[b-955wro6aqn] {
        font-size: 22px;
    }

    .step1-lang-name[b-955wro6aqn] {
        font-size: 17px;
    }
}
/* /Components/Pages/Tests/Integrationskurs/Steps/Step1/IntegrationskursStep1Questions.razor.rz.scp.css */
.step1-question-shell[b-f6emh8j6op] {
    background: #ffffffde;
    border: 1px solid #cbe1f6;
    border-radius: 14px;
    padding: 16px;
}

.step1-question-header[b-f6emh8j6op] {
    border-bottom: 1px solid #d9e7f5;
    margin-bottom: 14px;
    padding-bottom: 10px;
}

.step1-question-header h2[b-f6emh8j6op] {
    font-size: clamp(20px, 2.2vw, 30px);
    color: #144d84;
}

.step1-question-header p[b-f6emh8j6op] {
    color: #4a627a;
    margin-top: 4px;
}

.step1-question-section[b-f6emh8j6op] {
    position: relative;
}

.step1-section-badge[b-f6emh8j6op] {
    position: absolute;
    right: 12px;
    top: 10px;
    font-size: 12px;
    background: #e8f1fb;
    color: #1a4d83;
    border: 1px solid #c2daf3;
    border-radius: 999px;
    padding: 3px 8px;
}
/* /Components/Pages/Tests/Integrationskurs/Steps/Step1/IntegrationskursStep1QuestionsMain.razor.rz.scp.css */
.step1-question-section[b-ml0cb8sa8n] {
    background-color: #ffffff !important;
    box-shadow: 0 2px 8px 0 #00000026 !important;
    border-radius: 24px;
    opacity: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 16px !important;
    padding-right: 28px !important;
    padding-bottom: 16px !important;
    padding-left: 40px !important;  
}
.question-section-title-step1[b-ml0cb8sa8n]{

      color: #003369;
    font-size: 25px !important  ;

}
.answer-input[b-ml0cb8sa8n] {
    border: 1px solid #6aa9e6;
    border-radius: 6px;
    background: #f0f7ff;
    height: 40px;
    font-size: 14px;
    padding-left: 12px;
    min-width: 0;
}

.step1-question-number[b-ml0cb8sa8n] {
    color: #003369;
    font-weight: 600;
    font-size: 16px;
    margin-right: 4px;
}

.step1-question-text[b-ml0cb8sa8n] {
    font-weight: 400;
    font-size: 16px;
}

.step1-submit-btn[b-ml0cb8sa8n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 50px;
    padding: 0 22px;
    border: 1.5px solid #0b4a8b;
    border-radius: 999px;
    background: #ffffff;
    color: #0b4a8b;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    box-shadow: 0 8px 18px rgba(11, 74, 139, 0.18);
    transition: transform 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease;
}

.step1-submit-btn:hover[b-ml0cb8sa8n] {
    background: #f8fbff;
    box-shadow: 0 10px 22px rgba(11, 74, 139, 0.22);
}

.step1-submit-btn:active[b-ml0cb8sa8n] {
    transform: translateY(1px);
}

.step1-submit-btn i[b-ml0cb8sa8n] {
    font-size: 22px;
}

@media (max-width: 768px) {
    .step1-submit-btn[b-ml0cb8sa8n] {
        min-height: 46px;
        padding: 0 18px;
        font-size: 16px;
        gap: 10px;
    }

    .step1-submit-btn i[b-ml0cb8sa8n] {
        font-size: 20px;
    }
}
/* /Components/Pages/Tests/Integrationskurs/Steps/Step2/IntegrationskursStep2IntroScreen.razor.rz.scp.css */
.intro-shell[b-tl092q3fx9] {
    height: 100%;
    max-height: 100%;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
}

.intro-main[b-tl092q3fx9] {
    width: 100%;
    max-height: 100%;
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 28px 24px 34px;
    box-sizing: border-box;
}

.lang-badge[b-tl092q3fx9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    border: 1px solid #d8e4ef;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 15px;
    font-weight: 600;
    color: #0b3b70;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}

.lang-flag[b-tl092q3fx9] {
    font-size: 16px;
    line-height: 1;
}

.lang-label[b-tl092q3fx9] {
    font-size: 14px;
    font-weight: 400;
    color: #003369;
}

.intro-title[b-tl092q3fx9] {
    margin: 10px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

.intro-card[b-tl092q3fx9] {
    width: 100%;
    max-width: 920px;
    background: #f2f2f2;
    border-radius: 42px;
    padding: 30px 42px 34px;
    text-align: center;
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.22);
}

.step-kicker[b-tl092q3fx9] {
    margin: 0;
    color: #335f8b;
    font-size: 18px;
}

.step-title[b-tl092q3fx9] {
    margin: 10px 0 34px;
    color: #0b3b70;
    font-size: 26px;
    font-weight: 700;
}

.intro-time-text[b-tl092q3fx9] {
    margin: 0;
    color: #2f3740;
    font-size: 19px;
    line-height: 1.45;
}

.highlight-blue[b-tl092q3fx9] {
    color: #0b3b70;
    font-weight: 700;
}

.warning-title[b-tl092q3fx9] {
    margin: 36px 0 14px;
    color: #0b3b70;
    font-size: 21px;
    font-weight: 700;
}

.warning-body[b-tl092q3fx9] {
    margin: 0;
    color: #2f3740;
    font-size: 20px;
}

.intro-cta-label[b-tl092q3fx9] {
    margin: 42px 0 22px;
    color: #0b3b70;
    font-size: 22px;
    font-weight: 700;
}

.intro-begin-btn[b-tl092q3fx9] {
    width: 100%;
    border: none;
    border-radius: 28px;
    background: #2e96e6;
    color: #ffffff;
    padding: 24px 30px;
    font-size: 23px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
}

.btn-arrow[b-tl092q3fx9] {
    font-size: 34px;
    line-height: 1;
}

@media (max-width: 992px) {
    .intro-shell[b-tl092q3fx9] {
        padding: 12px;
    }

    .intro-main[b-tl092q3fx9] {
        padding: 22px 12px 24px;
    }

    .intro-title[b-tl092q3fx9] {
        margin: 34px 0 24px;
        font-size: clamp(16px, 2.8vw, 24px);
    }

    .intro-card[b-tl092q3fx9] {
        border-radius: 28px;
        padding: 28px 18px 22px;
    }

    .step-kicker[b-tl092q3fx9] {
        font-size: clamp(12px, 2vw, 16px);
    }

    .step-title[b-tl092q3fx9] {
        margin: 8px 0 18px;
        font-size: clamp(18px, 3vw, 28px);
    }

    .intro-time-text[b-tl092q3fx9],
    .warning-body[b-tl092q3fx9] {
        font-size: clamp(14px, 2.2vw, 20px);
    }

    .warning-title[b-tl092q3fx9] {
        margin: 20px 0 10px;
        font-size: clamp(16px, 2.8vw, 22px);
    }

    .intro-cta-label[b-tl092q3fx9] {
        margin: 24px 0 14px;
        font-size: clamp(16px, 2.8vw, 24px);
    }

    .intro-begin-btn[b-tl092q3fx9] {
        border-radius: 18px;
        padding: 16px 16px;
        font-size: clamp(18px, 3.2vw, 28px);
    }

    .btn-arrow[b-tl092q3fx9] {
        font-size: clamp(20px, 3.6vw, 30px);
    }

    .lang-label[b-tl092q3fx9] {
        font-size: 16px;
    }

    .lang-flag[b-tl092q3fx9] {
        font-size: 18px;
    }
}
/* /Components/Pages/Tests/Integrationskurs/Steps/Step2/IntegrationskursStep2SingleChoiceQuestion.razor.rz.scp.css */
.sc-question + .sc-question[b-ajpgu73mnj] {
    margin-top: 26px;
}

.sc-question-text[b-ajpgu73mnj] {
    margin: 0 0 10px;
    color: #1f2d3b;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
}

.question-text-content[b-ajpgu73mnj] {
    white-space: pre-line;
}

.sc-option[b-ajpgu73mnj] {
    margin-bottom: 6px;
}

.sc-option .form-check-label[b-ajpgu73mnj] {
    font-size: 16px;
    color: #151e27;
}
/* /Components/Pages/Tests/Integrationskurs/Steps/Step2/IntegrationskursStep2TaskFourSection.razor.rz.scp.css */
.task-four-section[b-8j3k5dkzwu] {
    margin-top: 30px;
}

.task-four-write[b-8j3k5dkzwu] {
    margin-top: 18px;
}

.task-four-write-title[b-8j3k5dkzwu] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #1f2d3b;
}

.task-four-write-icon[b-8j3k5dkzwu] {
    color: #3c6f9b;
    font-size: 15px;
}

.task-four-list[b-8j3k5dkzwu] {
    margin: 8px 0 14px 22px;
    padding: 0;
    color: #1f2d3b;
    font-size: 16px;
}

.task-four-list li + li[b-8j3k5dkzwu] {
    margin-top: 4px;
}

.task-four-input-wrap[b-8j3k5dkzwu] {
    position: relative;
}

.task-four-textarea[b-8j3k5dkzwu] {
    min-height: 250px;
    border: 1px solid #53a5ea;
    background: #d3e1ec;
    border-radius: 7px;
    font-size: 14px;
    padding: 11px 12px 12px 12px;
    resize: none;
}

.task-four-textarea[b-8j3k5dkzwu]::placeholder {
    color: #95a4b2;
    font-family: "Font Awesome 6 Free", "Roboto", sans-serif;
    font-weight: 400;
}

@media (max-width: 992px) {
    .task-four-section[b-8j3k5dkzwu] {
        margin-top: 22px;
    }

    .task-four-textarea[b-8j3k5dkzwu] {
        min-height: 190px;
    }
}
/* /Components/Pages/Tests/Integrationskurs/Steps/Step2/IntegrationskursStep2TaskThreeSection.razor.rz.scp.css */
.task-three-section[b-6kotw7juhw] {
    margin-top: 30px;
}

@media (max-width: 992px) {
    .task-three-section[b-6kotw7juhw] {
        margin-top: 22px;
    }
}
/* /Components/Pages/Tests/Integrationskurs/Steps/Step2/IntegrationskursStep2TaskTwoSection.razor.rz.scp.css */
.task-two-section[b-urrivnx3ra] {
    margin-top: 28px;
}

@media (max-width: 992px) {
    .task-two-section[b-urrivnx3ra] {
        margin-top: 20px;
    }
}
/* /Components/Pages/Tests/Integrationskurs/Steps/Step2/IntegrationskursStep2TextQuestionRow.razor.rz.scp.css */
.question-row-task-one[b-mtp5hkz0ya] {
    padding-top: 13px;
}

.question-row-task-two[b-mtp5hkz0ya] {
    margin-top: 12px;
}

.question-row-task-two + .question-row-task-two[b-mtp5hkz0ya] {
    margin-top: 10px;
}

.question-row-task-three[b-mtp5hkz0ya] {
    margin-top: 14px;
}

.question-row-task-three + .question-row-task-three[b-mtp5hkz0ya] {
    margin-top: 14px;
}

.question-row-task-four[b-mtp5hkz0ya] {
    margin-top: 14px;
}

.image-col[b-mtp5hkz0ya] {
    width: 190px;
}

.image-placeholder[b-mtp5hkz0ya] {
    height: 195px;
    position: relative;
    overflow: hidden;
    background-color: #8a8a8a;
}

.image-placeholder[b-mtp5hkz0ya]::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.42;
    background-image:
        radial-gradient(circle at 18% 15%, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0) 22%),
        radial-gradient(circle at 83% 72%, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0) 20%);
}

.image-caption[b-mtp5hkz0ya] {
    position: absolute;
    left: 10px;
    bottom: 8px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.image-has-photo[b-mtp5hkz0ya] {
    background-color: #555;
}

.embedded-photo[b-mtp5hkz0ya] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.theme-person[b-mtp5hkz0ya] {
    background-image: linear-gradient(145deg, #7f3e24 0%, #9b5b34 45%, #3c2b1f 100%);
}

.theme-market[b-mtp5hkz0ya] {
    background-image: linear-gradient(145deg, #b74a45 0%, #d9a526 40%, #4f8c2b 63%, #1c5f82 100%);
}

.theme-pool[b-mtp5hkz0ya] {
    background-image: linear-gradient(145deg, #36a6d2 0%, #1788b3 45%, #0b6688 100%);
}

.shared-text-box[b-mtp5hkz0ya] {
    background: #cbe0ee;
    color: #172635;
}

.shared-text-box p[b-mtp5hkz0ya] {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.34;
}

.shared-text-box p:last-child[b-mtp5hkz0ya] {
    margin-bottom: 0;
}

.shared-text-box-with-image[b-mtp5hkz0ya] {
    height: 195px;
    padding: 10px 11px;
}

.shared-text-box-no-image[b-mtp5hkz0ya] {
    padding: 16px 16px 14px;
    min-height: 165px;
}

.shared-box-title[b-mtp5hkz0ya] {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 8px;
    line-height: 1.2;
}

.answer-row[b-mtp5hkz0ya] {
    margin-top: 6px;
    flex-wrap: nowrap;
}

.answer-label[b-mtp5hkz0ya] {
    color: #1f2f3d;
    font-size: 16px;
    flex-shrink: 0;
    width: 200px;
    white-space: pre-line;
}

.answer-input-wrap[b-mtp5hkz0ya] {
    position: relative;
}

.input-icon[b-mtp5hkz0ya] {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    color: #6f7f8f;
    font-size: 13px;
    pointer-events: none;
}

.input-prefix[b-mtp5hkz0ya] {
    font-size: 13px;
    color: #1f2f3d;
    font-weight: 500;
    white-space: nowrap;
    padding: 0 6px 0 34px;
    flex-shrink: 0;
    display: inline-block;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.answer-input[b-mtp5hkz0ya] {
    border: 1px solid #6aa9e6;
    border-radius: 6px;
    background: #f0f7ff;
    height: 40px;
    font-size: 14px;
    padding-left: 12px;
    min-width: 0;
}

.question-row-task-one .question-right[b-mtp5hkz0ya] {
    padding-top: 2px;
}

.question-row-task-two .question-right[b-mtp5hkz0ya] {
    padding-top: 3px;
}

.question-row-task-three .question-right[b-mtp5hkz0ya] {
    padding-top: 4px;
}

.question-row-task-four .question-right[b-mtp5hkz0ya] {
    padding-top: 4px;
}

.question-row-task-three .shared-text-box-no-image[b-mtp5hkz0ya] {
    min-height: 354px;
    padding: 18px 16px 16px;
}

.question-row-task-four .shared-text-box-no-image[b-mtp5hkz0ya] {
    min-height: 354px;
    padding: 18px 16px 16px;
}

.question-row-task-three .shared-text-box p[b-mtp5hkz0ya] {
    margin-bottom: 14px;
}

.question-row-task-four .shared-text-box p[b-mtp5hkz0ya] {
    margin-bottom: 14px;
}

@media (max-width: 992px) {
    .image-col[b-mtp5hkz0ya] {
        width: auto;
    }

    .shared-text-box-with-image[b-mtp5hkz0ya],
    .image-placeholder[b-mtp5hkz0ya] {
        height: auto;
        min-height: 170px;
    }

    .shared-text-box-no-image[b-mtp5hkz0ya] {
        min-height: 0;
    }

    .question-row-task-two[b-mtp5hkz0ya] {
        margin-top: 10px;
    }

    .question-row-task-three .shared-text-box-no-image[b-mtp5hkz0ya] {
        min-height: 0;
    }

    .question-row-task-four .shared-text-box-no-image[b-mtp5hkz0ya] {
        min-height: 0;
    }

    .answer-row[b-mtp5hkz0ya] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .answer-label[b-mtp5hkz0ya] {
        width: auto;
    }

    .answer-input-wrap[b-mtp5hkz0ya] {
        width: 100%;
    }

    .input-prefix[b-mtp5hkz0ya] {
        width: 110px;
    }
}

@media (max-width: 576px) {
    .shared-text-box p[b-mtp5hkz0ya] {
        font-size: 15px;
    }
}
/* /Components/Pages/Tests/Integrationskurs/Steps/Step2/IntegrationskursStep2TrueFalseQuestion.razor.rz.scp.css */
.tf-question + .tf-question[b-8815vhrg6i] {
    margin-top: 16px;
}

.question-text[b-8815vhrg6i] {
    margin: 0 0 6px;
    color: #1f2d3b;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
}

.question-text-content[b-8815vhrg6i] {
    white-space: pre-line;
}

.choice-row[b-8815vhrg6i] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.form-check[b-8815vhrg6i] {
    margin: 0;
    min-height: auto;
}

.form-check-input[b-8815vhrg6i] {
    margin-top: 3px;
}

.form-check-label[b-8815vhrg6i] {
    font-size: 16px;
    color: #151e27;
}
/* /Components/Pages/Tests/Integrationskurs/Steps/Step3/IntegrationskursStep3TeacherView.razor.rz.scp.css */
.step3-empty-state[b-d1p144rlh5] {
    padding: 24px;
    border: 1px solid #d4dbe3;
    border-radius: 14px;
    background: #fff;
    color: #445566;
}

.step3-empty-title[b-d1p144rlh5] {
    margin: 0 0 8px;
    color: #0b3d74;
    font-size: 24px;
    font-weight: 700;
}

.step3-paper-shell[b-d1p144rlh5] {
    width: min(816px, 100%);
    margin: 0 auto;
    box-shadow: 0 6px 24px rgba(17, 39, 64, 0.08);
}

.step3-body[b-d1p144rlh5] {
    padding: 18px 22px 20px;
}

.step3-intro-card[b-d1p144rlh5] {
    margin-bottom: 18px;
    padding: 14px 16px;
    border: 1px solid #bfd5bf;
    border-radius: 14px;
    background: #eaf8e9;
    font-size: 14px;
    line-height: 1.45;
    color: #26404f;
}

.step3-intro-lead[b-d1p144rlh5],
.step3-intro-paragraph[b-d1p144rlh5] {
    margin: 0 0 8px;
}

.step3-goal-list[b-d1p144rlh5] {
    margin: 0 0 8px;
    padding-left: 18px;
}

.step3-task-section + .step3-task-section[b-d1p144rlh5] {
    margin-top: 18px;
}

.step3-task-title[b-d1p144rlh5] {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 700;
    color: #0b4f8c;
}

.step3-task-meta[b-d1p144rlh5] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 12px;
    font-size: 13px;
    color: #607487;
}

.step3-inline-check[b-d1p144rlh5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.step3-inline-check input[b-d1p144rlh5] {
    width: 12px;
    height: 12px;
    margin: 0;
}

.step3-task-grid[b-d1p144rlh5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 16px;
    align-items: start;
}

.step3-prompt-panel[b-d1p144rlh5] {
    font-size: 14px;
    color: #263c50;
}

.step3-prompt-intro[b-d1p144rlh5] {
    margin: 0 0 10px;
    font-weight: 600;
}

.step3-prompt-list[b-d1p144rlh5] {
    margin: 0;
    padding-left: 18px;
}

.step3-prompt-list li + li[b-d1p144rlh5] {
    margin-top: 8px;
}

.step3-answer-panel[b-d1p144rlh5] {
    display: grid;
    gap: 12px;
}

.step3-relevant-stack[b-d1p144rlh5] {
    display: grid;
    gap: 8px;
}

.step3-relevant-field[b-d1p144rlh5] {
    display: grid;
    gap: 4px;
}

.step3-field-label[b-d1p144rlh5],
.step3-notes-label[b-d1p144rlh5] {
    font-size: 13px;
    font-weight: 700;
    color: #334b5f;
}

.step3-text-input[b-d1p144rlh5],
.step3-notes-area[b-d1p144rlh5] {
    width: 100%;
    border: 1px solid #9ec8ec;
    border-radius: 4px;
    background: #e7f2fb;
    color: #23384a;
    padding: 7px 10px;
    font-size: 14px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.step3-text-input:disabled[b-d1p144rlh5],
.step3-notes-area:disabled[b-d1p144rlh5] {
    opacity: 1;
    color: #23384a;
}

.teacher-score-sheet[b-d1p144rlh5] {
    margin-top: 14px;
}

.teacher-score-panel[b-d1p144rlh5] {
    background: #c7dceb;
    border-radius: 22px;
    padding: 14px 18px;
}

.teacher-score-head[b-d1p144rlh5] {
    margin-bottom: 4px;
    align-items: stretch;
}

.teacher-score-head > div[b-d1p144rlh5] {
    display: flex;
}

.teacher-score-head-card[b-d1p144rlh5] {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 12px;
    padding: 10px 8px 8px;
    min-height: 118px;
    background: #9fc5e4;
    color: #0f1720;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
}

.teacher-score-head-card.is-selected[b-d1p144rlh5] {
    box-shadow: inset 0 0 0 2px #1e8adb;
    background: #8ebbe0;
}

.teacher-score-head-title[b-d1p144rlh5] {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.22;
    white-space: normal;
    overflow-wrap: anywhere;
}

.teacher-score-head-points[b-d1p144rlh5] {
    margin-top: 0;
    font-size: 13px;
    color: #3d4955;
}

.teacher-lang-head-grid[b-d1p144rlh5] {
    margin-bottom: 8px;
}

.teacher-lang-head-card[b-d1p144rlh5] {
    background: #9fc5e4;
    border-radius: 10px;
    min-height: 88px;
    padding: 8px 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.teacher-lang-head-title[b-d1p144rlh5] {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-align: center;
}

.teacher-lang-head-points[b-d1p144rlh5] {
    font-size: 13px;
    color: #3d4955;
}

.teacher-score-row[b-d1p144rlh5] {
    margin-top: 8px;
}

.teacher-score-row.circles-only[b-d1p144rlh5] {
    margin-top: 8px;
}

.teacher-score-row.circles-only > div[b-d1p144rlh5] {
    min-height: 74px;
    align-items: center;
}

.teacher-score-label[b-d1p144rlh5] {
    font-size: 14px;
    font-weight: 700;
    color: #143760;
    line-height: 1.18;
}

.teacher-score-radio[b-d1p144rlh5] {
    justify-self: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 3px solid #4c5662;
    background: #dce8f2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.teacher-score-radio-dot[b-d1p144rlh5] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: transparent;
}

.teacher-score-radio.is-selected[b-d1p144rlh5] {
    border-color: #1e8adb;
}

.teacher-score-radio.is-selected .teacher-score-radio-dot[b-d1p144rlh5] {
    background: #1e8adb;
}

.step3-notes-block[b-d1p144rlh5] {
    display: grid;
    gap: 4px;
}

.step3-notes-area[b-d1p144rlh5] {
    resize: vertical;
    min-height: 94px;
}

.step3-score-sheet[b-d1p144rlh5] {
    margin-top: 12px;
}

.step3-score-title[b-d1p144rlh5],
.step3-language-title[b-d1p144rlh5] {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 700;
    color: #0b3d74;
}

.step3-score-caption[b-d1p144rlh5] {
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: 14px;
    color: #35516d;
}

.step3-language-sheet[b-d1p144rlh5] {
    margin-top: 20px;
}

.step3-final-evaluation-copy[b-d1p144rlh5] {
    margin-top: 22px;
}

.step3-final-title[b-d1p144rlh5] {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 700;
    color: #0b4f8c;
}

.step3-final-copy-grid[b-d1p144rlh5] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.step3-final-copy-heading[b-d1p144rlh5] {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 700;
    color: #264862;
}

.step3-final-copy-line[b-d1p144rlh5] {
    font-size: 14px;
    color: #41596d;
}

.step3-footer-panel[b-d1p144rlh5] {
    margin-top: 20px;
    padding-top: 12px;
    border-top: 1px solid #d7e2eb;
}

.step3-footer-top[b-d1p144rlh5] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
    font-size: 16px;
}

.step3-footer-label[b-d1p144rlh5] {
    font-weight: 700;
    color: #21415d;
}

.step3-footer-score[b-d1p144rlh5] {
    font-weight: 700;
    color: #0b4f8c;
}

.step3-footer-relevant[b-d1p144rlh5] {
    display: grid;
    gap: 4px;
    margin-bottom: 12px;
}

@media (max-width: 991px) {
    .step3-paper[b-d1p144rlh5] {
        width: 100%;
    }

    .step3-task-grid[b-d1p144rlh5] {
        grid-template-columns: 1fr;
    }

    .step3-answer-panel[b-d1p144rlh5] {
        order: 2;
    }

    .step3-candidate-row[b-d1p144rlh5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .step3-header[b-d1p144rlh5],
    .step3-body[b-d1p144rlh5] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .step3-header-top[b-d1p144rlh5] {
        grid-template-columns: 1fr;
    }

    .step3-logo-group[b-d1p144rlh5] {
        flex-wrap: wrap;
    }

}
/* /Components/Pages/Tests/Integrationskurs/Steps/Step4/IntegrationskursStep4TeacherView.razor.rz.scp.css */
.step4-label[b-4ec9xgqwjp],
.step4-kicker[b-4ec9xgqwjp],
.step4-field-title[b-4ec9xgqwjp],
.step4-binary-title[b-4ec9xgqwjp],
.step4-ger-title[b-4ec9xgqwjp] {
    font-size: 13px;
    font-weight: 700;
    color: #5f7486;
}

.step4-kicker[b-4ec9xgqwjp] {
    color: #48657f;
}

.step4-paper-body[b-4ec9xgqwjp] {
    font-size: 15px;
}

.step4-section-title[b-4ec9xgqwjp] {
    font-size: 18px;
    line-height: 1.1;
    font-weight: 700;
    color: #0f4f87;
}

.step4-filled-control[b-4ec9xgqwjp] {
    border-color: #97c5ea;
    background: #e8f2fb;
    color: #203748;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
    border-radius: 6px;
}

.step4-filled-control:disabled[b-4ec9xgqwjp] {
    opacity: 1;
    color: #203748;
}

.step4-paper-body .form-check-input[b-4ec9xgqwjp] {
    width: 1.15rem;
    height: 1.15rem;
}

.step4-large-area[b-4ec9xgqwjp] {
    min-height: 124px;
}

.step4-medium-area[b-4ec9xgqwjp] {
    min-height: 88px;
}

.step4-inline-field[b-4ec9xgqwjp] {
    min-width: 160px;
    border: 0;
    border-bottom: 1px solid #d4dde7;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding-inline: 0;
}

.step4-inline-field:focus[b-4ec9xgqwjp] {
    box-shadow: none;
}

.step4-score-card[b-4ec9xgqwjp] {
    min-height: 60px;
    padding: 10px 12px;
    border-radius: 8px;
    background: #53a8ef;
    color: #fff;
}

.step4-score-card span[b-4ec9xgqwjp] {
    font-size: 13px;
    font-weight: 700;
}

.step4-score-card strong[b-4ec9xgqwjp] {
    font-size: 16px;
    font-weight: 700;
}

.step4-score-card small[b-4ec9xgqwjp] {
    font-size: 12px;
    opacity: .9;
}

.step4-score-banner[b-4ec9xgqwjp] {
    min-height: 60px;
    border-radius: 8px;
    background: #53a8ef;
}

.step4-language-board[b-4ec9xgqwjp] {
    gap: 18px;
}

.step4-language-top[b-4ec9xgqwjp] {
    display: grid;
    grid-template-columns: 184px 244px minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
}

.step4-language-head[b-4ec9xgqwjp] {
    display: grid;
    grid-template-columns: 132px 132px 132px 1fr 292px;
    gap: 16px;
    align-items: end;
}

.step4-metric-head[b-4ec9xgqwjp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #101418;
}

.step4-metric-head strong[b-4ec9xgqwjp] {
    font-size: 15px;
    line-height: 1.15;
}

.step4-metric-head span[b-4ec9xgqwjp],
.step4-achieved-label[b-4ec9xgqwjp],
.step4-course-head[b-4ec9xgqwjp] {
    font-size: 13px;
    color: #61666d;
}

.step4-metric-head small[b-4ec9xgqwjp] {
    font-size: 13px;
    color: #61666d;
}

.step4-metric-head small strong[b-4ec9xgqwjp] {
    margin-left: 8px;
    font-size: 15px;
    color: #0e1114;
}

.step4-course-head[b-4ec9xgqwjp] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
}

.step4-band-list[b-4ec9xgqwjp] {
    gap: 12px;
}

.step4-band-row[b-4ec9xgqwjp] {
    display: grid;
    grid-template-columns: 40px 40px 40px 92px minmax(180px, 1fr) 60px 128px 100px;
    gap: 10px;
    align-items: center;
    padding: 8px 10px;
    border-radius: 18px;
}

.step4-band-row.is-selected[b-4ec9xgqwjp] {
    background: #cfe4f8;
}

.step4-band-dot-wrap[b-4ec9xgqwjp] {
    display: flex;
    justify-content: center;
}

.step4-band-score[b-4ec9xgqwjp],
.step4-band-label[b-4ec9xgqwjp],
.step4-band-general[b-4ec9xgqwjp],
.step4-band-intensive[b-4ec9xgqwjp] {
    font-size: 13px;
    color: #101418;
}

.step4-band-score[b-4ec9xgqwjp],
.step4-band-general[b-4ec9xgqwjp],
.step4-band-intensive[b-4ec9xgqwjp] {
    white-space: nowrap;
}

.step4-band-label[b-4ec9xgqwjp] {
    line-height: 1.25;
}

.step4-band-ger[b-4ec9xgqwjp] {
    justify-self: center;
    min-width: 44px;
    padding: 8px 8px;
    border-radius: 18px;
    background: #2b95f0;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.step4-soft-panel[b-4ec9xgqwjp] {
    background: #edf6ff;
}

.step4-note-box[b-4ec9xgqwjp] {
    background: #eef8ef;
    color: #31515b;
}

.step4-radio-dot[b-4ec9xgqwjp] {
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 50%;
    border: 1.75px solid #6d8194;
    background: #fff;
}

.step4-radio-dot.is-selected[b-4ec9xgqwjp] {
    background: #2b95f0;
    border-color: #2b95f0;
    box-shadow: inset 0 0 0 2px #ffffff;
}

.step4-chip[b-4ec9xgqwjp] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    padding: 4px 12px;
    border-radius: 999px;
    border: 1px solid #a9cfee;
    background: #fff;
    color: #22517a;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.step4-chip input[b-4ec9xgqwjp] {
    position: absolute;
    inset: 0;
    opacity: 0;
}

.step4-chip.is-selected[b-4ec9xgqwjp] {
    background: #4aa5f2;
    border-color: #4aa5f2;
    color: #fff;
}

@media (max-width: 991.98px) {
    .step4-section-title[b-4ec9xgqwjp] {
        font-size: 23px;
    }

    .step4-language-top[b-4ec9xgqwjp],
    .step4-language-head[b-4ec9xgqwjp] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .step4-band-row[b-4ec9xgqwjp] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .step4-band-label[b-4ec9xgqwjp] {
        grid-column: 1 / -1;
    }

    .step4-band-ger[b-4ec9xgqwjp],
    .step4-band-general[b-4ec9xgqwjp],
    .step4-band-intensive[b-4ec9xgqwjp],
    .step4-band-score[b-4ec9xgqwjp] {
        justify-self: start;
    }
}