/* ==========================================================================
   Tablet / iPad Styles (769px - 1024px)
   ========================================================================== */

@media (min-width: 769px) and (max-width: 1024px) {

    /* Parallax: background-attachment: fixed funktioniert nicht auf iOS */
    .parallax-section {
        height: 400px;
    }
    .parallax-bg {
        position: absolute;
        top: -30%;
        height: 160%;
        background-attachment: scroll;
        will-change: transform;
    }
    .parallax-text {
        font-size: 2.4rem;
        padding: 0 30px;
    }

    /* Subnav: sticky unter Header, über 321Med */
    .page-subnav {
        background: var(--white);
        z-index: 2147483001;
    }

    /* Page Header: genug Platz für festen Header */
    .page-header { padding-bottom: 40px; }
    .page-header h1 { font-size: 2.2rem; }
}