<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
  xmlns:s="http://www.sitemaps.org/schemas/sitemap/0.9">
  <xsl:output method="html" encoding="UTF-8" indent="yes"/>
  <xsl:template match="/">
    <html lang="de">
      <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <title>Sitemap - Sonnen-Apotheke Shop</title>
        <style>
          :root{color-scheme:light dark}
          *{box-sizing:border-box}
          body{margin:0;font-family:'Lato',system-ui,Arial,sans-serif;background:#fff8ec;color:#33312e}
          .wrap{max-width:1000px;margin:0 auto;padding:24px 16px}
          header{background:linear-gradient(135deg,#ffcf3f,#f39200);color:#3a2c00;border-radius:14px;padding:22px 26px;box-shadow:0 6px 20px rgba(243,146,0,.25)}
          header h1{margin:0 0 4px;font-size:1.55rem}
          header p{margin:0;opacity:.85;font-size:.95rem}
          .count{display:inline-block;margin-top:14px;background:rgba(255,255,255,.55);border-radius:999px;padding:4px 14px;font-weight:700;font-size:.85rem}
          table{width:100%;border-collapse:collapse;margin-top:22px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06)}
          th{background:#4a3f2a;color:#ffe9b0;text-align:left;padding:11px 14px;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
          td{padding:10px 14px;border-top:1px solid #f0e6d2;font-size:.9rem;vertical-align:top}
          tr:hover td{background:#fff6e0}
          a{color:#c8760a;text-decoration:none;word-break:break-all}
          a:hover{text-decoration:underline}
          .pr{font-variant-numeric:tabular-nums;color:#8a7a55}
          footer{margin-top:18px;text-align:center;color:#9a8b6a;font-size:.8rem}
          @media (prefers-color-scheme:dark){
            body{background:#241f17;color:#efe6d4} table{background:#2e2820}
            td{border-top-color:#3d3527} tr:hover td{background:#37301f}
            a{color:#ffc861} .count{color:#3a2c00}
          }
        </style>
      </head>
      <body>
        <div class="wrap">
          <header>
            <h1>Sonnen-Apotheke Biberach &#8212; Shop-Sitemap</h1>
            <p>Alle indexierbaren Seiten unseres Online-Shops im &#220;berblick.</p>
            <span class="count"><xsl:value-of select="count(s:urlset/s:url)"/> URLs</span>
          </header>
          <table>
            <tr><th>Seite (URL)</th><th>Zuletzt ge&#228;ndert</th><th>Prio.</th></tr>
            <xsl:for-each select="s:urlset/s:url">
              <tr>
                <td><a href="{s:loc}"><xsl:value-of select="s:loc"/></a></td>
                <td><xsl:value-of select="substring(s:lastmod,1,10)"/></td>
                <td class="pr"><xsl:value-of select="s:priority"/></td>
              </tr>
            </xsl:for-each>
          </table>
          <footer>Sonnen-Apotheke, Obstmarkt 5, 88400 Biberach an der Ri&#223; &#183; Powered by Mauve ApoShop</footer>
        </div>
      </body>
    </html>
  </xsl:template>
</xsl:stylesheet>
