/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 07 2026 | 09:45:59 */
/**
 * MJR APPL:AI-Victory Ergebnisseiten V1.1 | 07.09.2026
 * Nur fuer den Shortcode [mjr_victory_result].
 * V1.1: robuste blaue H1-Farbe innerhalb dunkler Divi-Textmodule.
 */

.mjr-result-page,
.mjr-result-page * {
    box-sizing: border-box;
}

/* V1.1: Divi kann bei einem Textmodul mit dunklem Hintergrund H1 weiss
   erzwingen. Dieser komponentenspezifische Selektor gewinnt, ohne andere
   Seitentitel oder Module zu verändern. */
.mjr-result-page h1.mjr-result-title,
.et_pb_text.et_pb_bg_layout_dark .mjr-result-page h1.mjr-result-title {
    color: var(--mjr-blue, #0f2774) !important;
    -webkit-text-fill-color: var(--mjr-blue, #0f2774) !important;
}

.mjr-result-page {
    --mjr-blue: #0f2774;
    --mjr-orange: #f33908;
    --mjr-ink: #17213a;
    --mjr-muted: #5f687b;
    --mjr-line: #dce2ee;
    --mjr-soft: #f6f8fc;
    --mjr-orange-soft: #fff1ec;
    width: min(1120px, calc(100% - 40px));
    margin: 48px auto 64px;
    color: var(--mjr-ink);
    font-family: inherit;
}

.mjr-result-card {
    position: relative;
    overflow: hidden;
    padding: clamp(34px, 5vw, 64px);
    text-align: center;
    background: #fff;
    border: 1px solid var(--mjr-line);
    border-top: 7px solid var(--mjr-blue);
    border-radius: 24px;
    box-shadow: 0 18px 55px rgba(15, 39, 116, .10);
}

.mjr-result-icon {
    display: grid;
    width: 72px;
    height: 72px;
    margin: 0 auto 22px;
    place-items: center;
    color: #fff;
    background: var(--mjr-orange);
    border-radius: 50%;
    box-shadow: 0 10px 24px rgba(243, 57, 8, .24);
    font-size: 38px;
    font-weight: 800;
    line-height: 1;
}

.mjr-result-eyebrow {
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: var(--mjr-orange) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: .11em;
    line-height: 1.35 !important;
}

.mjr-result-title {
    max-width: 820px;
    margin: 0 auto 14px !important;
    padding: 0 !important;
    color: var(--mjr-blue) !important;
    font-size: clamp(34px, 4vw, 52px) !important;
    font-weight: 800 !important;
    letter-spacing: -.025em;
    line-height: 1.12 !important;
}

.mjr-result-lead {
    max-width: 790px;
    margin: 0 auto !important;
    padding: 0 !important;
    color: var(--mjr-muted) !important;
    font-size: clamp(18px, 2vw, 21px) !important;
    line-height: 1.6 !important;
}

.mjr-result-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 40px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: left;
}

.mjr-result-step {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    min-height: 132px;
    margin: 0 !important;
    padding: 22px;
    background: var(--mjr-soft);
    border: 1px solid var(--mjr-line);
    border-radius: 16px;
}

.mjr-result-step::before,
.mjr-result-step::after {
    display: none !important;
    content: none !important;
}

.mjr-result-step-number {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    color: var(--mjr-blue);
    background: #fff;
    border: 1px solid #cfd7e8;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}

.mjr-result-step-copy {
    display: block;
    min-width: 0;
}

.mjr-result-step-copy strong,
.mjr-result-step-copy span {
    display: block;
}

.mjr-result-step-copy strong {
    margin: 2px 0 5px;
    color: var(--mjr-blue);
    font-size: 17px;
    line-height: 1.3;
}

.mjr-result-step-copy span {
    color: var(--mjr-muted);
    font-size: 15px;
    line-height: 1.5;
}

.mjr-result-output {
    margin: 30px 0 0;
    padding: clamp(22px, 4vw, 34px);
    text-align: left;
    background: #fff;
    border: 1px solid var(--mjr-line);
    border-radius: 16px;
}

.mjr-result-output > h2 {
    margin: 0 0 20px !important;
    padding: 0 0 12px !important;
    color: var(--mjr-blue) !important;
    border-bottom: 1px solid var(--mjr-line);
    font-size: clamp(24px, 3vw, 32px) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.mjr-result-output .gv-container,
.mjr-result-output .gv-list-container,
.mjr-result-output .gv-list-view {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

.mjr-result-pdf {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 28px;
}

.mjr-result-pdf a,
.mjr-result-pdf .mjr-result-pdf-button {
    display: inline-flex !important;
    min-height: 54px;
    padding: 14px 28px !important;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    background: var(--mjr-orange) !important;
    border: 2px solid var(--mjr-orange) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.mjr-result-pdf a:hover,
.mjr-result-pdf a:focus-visible,
.mjr-result-pdf .mjr-result-pdf-button:hover,
.mjr-result-pdf .mjr-result-pdf-button:focus-visible {
    color: #fff !important;
    background: #cf2f05 !important;
    border-color: #cf2f05 !important;
    box-shadow: 0 9px 22px rgba(243, 57, 8, .18) !important;
    transform: translateY(-1px);
}

.mjr-result-note {
    margin: 28px 0 0 !important;
    padding: 16px 18px !important;
    color: #6d321f !important;
    background: var(--mjr-orange-soft);
    border: 1px solid #ffd5c7;
    border-radius: 12px;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.mjr-result-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 28px;
}

.mjr-result-button {
    display: inline-flex;
    min-height: 52px;
    padding: 13px 24px;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--mjr-blue);
    border-radius: 12px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
    text-decoration: none !important;
    transition: color .18s ease, background-color .18s ease, transform .18s ease;
}

.mjr-result-button--primary {
    color: #fff !important;
    background: var(--mjr-blue);
}

.mjr-result-button--secondary {
    color: var(--mjr-blue) !important;
    background: #fff;
}

.mjr-result-button:hover,
.mjr-result-button:focus-visible {
    color: #fff !important;
    background: #091b59;
    transform: translateY(-1px);
}

.mjr-result-admin-note {
    max-width: 760px;
    margin: 30px auto;
    padding: 16px;
    color: #7a271a;
    background: #fff1ec;
    border: 1px solid #f33908;
    border-radius: 10px;
}

@media (max-width: 900px) {
    .mjr-result-steps {
        grid-template-columns: 1fr;
    }

    .mjr-result-step {
        min-height: 0;
    }
}

@media (max-width: 600px) {
    .mjr-result-page {
        width: min(100% - 24px, 1120px);
        margin: 28px auto 42px;
    }

    .mjr-result-card {
        padding: 30px 18px;
        border-radius: 18px;
    }

    .mjr-result-icon {
        width: 62px;
        height: 62px;
        font-size: 32px;
    }

    .mjr-result-step {
        grid-template-columns: 40px minmax(0, 1fr);
        padding: 18px;
    }

    .mjr-result-step-number {
        width: 40px;
        height: 40px;
    }

    .mjr-result-actions,
    .mjr-result-pdf {
        flex-direction: column;
    }

    .mjr-result-button,
    .mjr-result-pdf a,
    .mjr-result-pdf .mjr-result-pdf-button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mjr-result-page * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}
