/**
 * iOS Safari: Pill-/Slide-Buttons — Text und untere Kante nicht abschneiden.
 * Ursache: line-height:1 + feste height/max-height + overflow:hidden + Barlow-Metriken.
 */

@supports (-webkit-touch-callout: none) {
    .ff-btn-slide,
    a.ff-btn-slide,
    button.ff-btn-slide,
    input.ff-btn-slide {
        -webkit-appearance: none;
        appearance: none;
        max-height: none !important;
        height: auto !important;
        min-height: 36px;
        line-height: 1.2 !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
        -webkit-font-smoothing: antialiased;
    }

    .ff-umfragen-question-answer.ff-btn-slide,
    .ff-umfragen-thanks-submit.ff-btn-slide,
    .ff-umfragen-thanks-home.ff-btn-slide {
        min-height: 32px;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .ff-btn-slide > *,
    .ff-btn-slide .ff-umfragen-single-start-text,
    .ff-btn-slide .ff-umfragen-question-answer-text,
    .ff-btn-slide .ff-umfragen-question-next-text,
    .ff-btn-slide .ff-umfragen-question-toggle-text {
        line-height: 1.2 !important;
        transform: translateZ(0);
    }

    .ff-mp-btn,
    .ff-reg-btn-weiter {
        -webkit-appearance: none;
        appearance: none;
        line-height: 1.2;
        min-height: 34px;
        padding-top: 8px;
        padding-bottom: 9px;
    }

    .ff-mein-profil-page .ff-mp-ffplus-inner .ff-mp-ffplus-cta.ff-mp-btn {
        min-height: 38px;
        padding-top: 9px;
        padding-bottom: 10px;
    }

    /* Button-Zeilen nicht am overflow-x:clip der Seite abschneiden */
    .ff-umfragen-question-footer,
    .ff-umfragen-question-submit-wrap,
    .ff-umfragen-question-start-wrap,
    .ff-mein-profil-page #ff-mein-profil-forms,
    .ff-mein-profil-page .ff-mp-ffplus-inner,
    .ff-reg-flow .ff-reg-submit {
        overflow: visible;
    }
}