/**
 * Der schwebende Zwischenspeichern-Knopf.
 *
 * Rechts neben dem Formular, mitlaufend, immer sichtbar. Auf schmalen
 * Bildschirmen rutscht er nach unten und wird zur Leiste — dort ist neben
 * dem Formular kein Platz.
 */

.am-resume {
    position: fixed;
    top: 30%;
    right: 1rem;
    z-index: 9000;
    width: 15rem;
    padding: 1rem;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-left: 4px solid #f07d00;
    border-radius: .25rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .12);
    font-size: 14px;
    line-height: 1.4;
}

.am-resume-btn {
    display: block;
    width: 100%;
    padding: .6rem 1rem;
    background: #f07d00;
    color: #fff;
    border: 0;
    border-radius: .2rem;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.am-resume-btn:hover {
    background: #d97100;
}

.am-resume-btn-klein {
    margin-top: .4rem;
    padding: .35rem .8rem;
    font-size: 13px;
    font-weight: 400;
}

.am-resume-status {
    margin-top: .5rem;
    color: #666;
    font-size: 12px;
    min-height: 1.2em;
}

.am-resume-status.am-ok     { color: #1a7f37; }
.am-resume-status.am-fehler { color: #b32d2e; }

.am-resume-dateien {
    margin-top: .75rem;
    padding-top: .75rem;
    border-top: 1px solid #eee;
    font-size: 12px;
}

.am-resume-dateien-titel {
    margin: 0 0 .25rem;
    font-weight: 600;
}

.am-resume-dateien ul {
    margin: 0;
    padding-left: 1.1rem;
    word-break: break-all;
}

.am-resume-link {
    margin-top: .75rem;
    padding-top: .75rem;
    border-top: 1px solid #eee;
}

.am-resume-link label {
    display: block;
    margin-bottom: .25rem;
    font-size: 12px;
    font-weight: 600;
}

.am-resume-link input {
    width: 100%;
    padding: .35rem .5rem;
    border: 1px solid #ccc;
    border-radius: .2rem;
    font-size: 13px;
}

.am-resume-hinweis {
    margin: .5rem 0 0;
    color: #777;
    font-size: 11px;
    line-height: 1.35;
}

/* Ein Feld, das beim Absenden bemängelt wurde. */
.am-fehlt {
    outline: 2px solid #b32d2e;
    outline-offset: 3px;
}

@media (max-width: 1400px) {
    .am-resume {
        position: fixed;
        top: auto;
        bottom: 0;
        right: 0;
        left: 0;
        width: auto;
        border-left: 0;
        border-top: 4px solid #f07d00;
        border-radius: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .75rem;
    }

    .am-resume-btn { width: auto; }

    .am-resume-status,
    .am-resume-dateien,
    .am-resume-link {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }

    .am-resume-link {
        display: flex;
        align-items: center;
        gap: .5rem;
        flex-wrap: wrap;
    }

    .am-resume-link input { width: 16rem; }
    .am-resume-hinweis { flex-basis: 100%; margin: 0; }
}

/* Meldung unter der Einwilligung in Schritt 1. */
.am-consent-fehler {
    margin: .5rem 0 0;
    padding: .5rem .75rem;
    background: #fdf2f2;
    border-left: 3px solid #b32d2e;
    color: #b32d2e;
    font-weight: 600;
}