{# === Page Chrome: Layer 1, 2, 16, 17 (wiederkehrende Layer auf jeder Seite) === #}
{# Hinweis: Dieses Template wird in das {% for page in pages %}-Loop eingebunden. #}
{# Verfügbare Variablen: logo_img, logo_text, dienstleistungen, bankblock, page (mit page.seitenzahl) #}

{# === Layer 1: Logo und Kopf-Text === #}
<div class="layer-1{% if logo_img %} logo-image logo-h-{{ logo_align_h }} logo-v-{{ logo_align_v }}{% elif logo_text %} logo-text{% endif %}" style="--ra-logo-offset-x: {{ logo_offset_x|default(0) }}px; --ra-logo-offset-y: {{ logo_offset_y|default(0) }}px;">
  {%- if logo_img -%}
    <div class="logo-image-host"><img src="{{ logo_img }}"></div>
  {%- elif logo_text -%}
    {# O-070: kein |safe mehr. logo_text kommt als markupsafe.Markup aus
       canonicalize_text_logo_html und wird deshalb unveraendert gerendert;
       eine gewoehnliche Zeichenkette an derselben Stelle wuerde escaped statt
       ausgefuehrt. Die Vertrauensgrenze liegt damit in Python, nicht hier. #}
    <div class="logo-text-host">{{- logo_text -}}</div>
  {%- else -%}
    Handwerksbetrieb Maier
  {%- endif -%}
</div>

{# === Layer 2: Dienstleistungen (nur wenn vorhanden) === #}
{% if dienstleistungen %}
<div class="layer-2">{{ dienstleistungen|safe }}</div>
{% endif %}

{# === Layer 16: Bankblock === #}
{% set layer16_start = page.y_coords_mm.layer16_start|default(258.9) %}
{% set layer16_h = page.y_coords_mm.layer16_height|default(23.8) %}
{% if layer16_h > 0 %}
<div class="layer-16" style="top: {{ layer16_start }}mm; height: {{ layer16_h }}mm;">{{ bankblock|safe }}</div>
{% endif %}

{# === Layer 17: Seitenzahl === #}
{% set layer17_start = page.y_coords_mm.layer17_start|default(282.7) %}
<div class="layer-17" style="top: {{ layer17_start }}mm;">{{ page.seitenzahl }}</div>