<div id="pageheader" class="py-5 w-full max-w-sm mx-auto">
     <div class="flex flex-col items-center h-sm:flex-row h-sm:text-start h-sm:items-start h-sm:gap-4">
        <div class="h-sm:w-1/3">
            <img
                class="mx-auto w-auto block dark:hidden h-sm:max-h-10"
                data-wco="logo"
                src="{{logobglight.src}}"
                alt="{{logobglight.alt}}"
                src="{{logobgdark.src}}"
                alt="{{logobgdark.alt}}"
            />
            <img
                class="mx-auto w-auto hidden dark:block h-sm:max-h-10"
                data-wco="logo"
                src="{{logobgdark.src}}"
                alt="{{logobgdark.alt}}"
            />
        </div>
        <div class="h-sm:w-2/3">
            <h2
                class="mt-10 h-sm:mt-0 h-sm:text-lg text-2xl font-bold leading-9 tracking-tight"
                data-wco="claim"
            >
                {{claim.textContent}}
            </h2>
        </div>
    </div>    
</div>
<div id="loading" class="flex min-h-full flex-col justify-center">
    <div class="sm:mx-auto sm:w-full sm:max-w-sm py-4 text-center">
          <span class="loading loading-spinner loading-lg text-secondary"></span>
    </div>
</div>
<div id="{{contentid}}" wco-name="{{contentwconame}}" wco-link="{{contentscreen}}" class="py-5 flex-grow flex flex-col overflow-y-auto items-start"></div>
<div class="navlink flex justify-around border-t bg-base-200 p-2"></div>