<!DOCTYPE html>
<html lang="de">
  <head>
    <title>Image-App</title>
    <meta charset="utf-8" />
    <style>
      img {
        width: 300px;
        height: auto;
      }

      body {
        text-align: center;
      }

      .navigation {
        margin-top: 20px;
      }

      .navigation a {
        text-decoration: none;
        padding: 5px 10px;
        color: #333;
      }

      .navigation a:hover {
        color: #666;
      }
    </style>
  </head>

  <body>
    <h3><%= bildData.bild.beschreibung %></h3>
    <img
      src="/img/<%= bildData.bild.dateiname %>"
      alt="<%= bildData.bild.beschreibung %>"
    />
    <div class="navigation">
      <a href="/?data=<%= encodeURIComponent(prevData) %>">Zurück</a> |
      <a href="/?data=<%= encodeURIComponent(nextData) %>">Vor</a>
    </div>
  </body>
</html>
