<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/black">

    <HorizontalScrollView
        android:id="@+id/layer0"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="none">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:adjustViewBounds="true"
            android:gravity="center_vertical"
            android:importantForAccessibility="no"
            android:scaleType="fitXY"
            android:src="@drawable/background_pic" />

    </HorizontalScrollView>

    <!-- Second layer -->

    <HorizontalScrollView
        android:id="@+id/layer1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="none"
        android:visibility="gone">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginBottom="50dp"
            android:ellipsize="none"
            android:gravity="center_vertical"
            android:paddingBottom="75dp"
            android:singleLine="true"
            android:text=""
            android:textColor="#55000000"
            android:textSize="150sp"
            android:visibility="visible" />
    </HorizontalScrollView>

    <!-- Viewpager -->

    <ch.threema.app.ui.ParallaxViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <View
        android:id="@+id/divider"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_gravity="bottom"
        android:layout_marginBottom="@dimen/wizard_footer_height"
        android:background="?android:attr/dividerHorizontal" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="@dimen/wizard_footer_height"
        android:layout_gravity="bottom"
        android:background="@color/wizard_alpha_background">

        <com.google.android.material.button.MaterialButton
            android:id="@+id/prev_page_button"
            style="@style/Threema.MaterialButton.Borderless.Wizard"
            android:maxWidth="250dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:text="@string/back"
            android:visibility="visible"
            app:icon="@drawable/ic_keyboard_arrow_left"
            app:iconGravity="start" />

        <ch.threema.app.ui.StepPagerStrip
            android:id="@+id/strip"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:padding="10dp"
            app:nextColor="#FF919191"
            app:previousColor="#FF919191"
            app:selectedColor="@android:color/white" />

        <com.google.android.material.button.MaterialButton
            android:id="@+id/next_page_button"
            style="@style/Threema.MaterialButton.Borderless.Wizard"
            android:maxWidth="250dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:text="@string/next"
            android:visibility="visible"
            app:icon="@drawable/ic_keyboard_arrow_right"
            app:iconGravity="end" />

    </RelativeLayout>

</FrameLayout>
