<!DOCTYPE html>
<html lang="de"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Wo ist die Ilztalbahn?</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="apple-touch-icon" href="https://ilztal.live/apple-touch-icon.png">
        <!-- Place favicon.ico in the root directory -->
        <style>

         body {
             background-color: olivedrab;
             color: white;
             font-family: "Sans Serif";
             max-width: 60em;
             margin-left: auto;
             margin-right: auto;
             margin-top: 4em;
         }

         body > p, #sonst p {
             text-align: center;
             margin-bottom: 4rem;
         }

         section > p {
             text-align: center;
         }

         a {
             text-decoration: none;
         }

         h1, h2, h3 {
             font-weight: lighter
         }

         h1 {
             font-size: 40pt;
             text-align: center;
         }

         @media only screen and (max-width: 1000px) {
             h1 {
                 font-size: 30pt;
             }
             body {
                 margin: 1em;
             }
         }

         h2 {
             font-size: 23pt;
         }

         tr {
             background-color: white;
             color: black;
         }

         td {
             margin-left: 0;
             padding: 0.5em;
         }

         #wo {
             color: black;
             background-color: white;
             padding: 1em;
             max-width: 40em;
             margin: auto;
             font-weight: bold;
         }

         #wo div h2 {
             margin-left: 2rem;
         }

         #wo div p {
             margin-left: 3rem;
         }

         #fahrplan {
             margin: auto;
             max-width: 40em;
         }

         #fahrplan table tr td:last-child {
             min-width: 70%;
         }

         #fahrplan table {
             width: 100%;
         }

        </style>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">
            You are using an <strong>outdated</strong> browser. Please
            <a href="http://browsehappy.com/">upgrade your browser</a> to improve
            your experience.
            </p>
        <![endif]-->

        <h1>Wo ist die <a href="https://ilztalbahn.eu/">Ilztalbahn</a> gerade?</h1>

        <p>(es gibt eh nur eine)</p>

        <div id="root"><main id=""><h2 id="">Gerade nicht unterwegs</h2><div id="wo"><h2 id="">Nächste Fahrt 2022</h2><p id="">Fahrplan ist noch nicht bekannt.</p></div></main></div>

        <section>
            <p>Andere Abfahrten ab Passau <a href="https://marudor.de/NPA">via marudor.de</a> | <a href="https://iris.noncd.db.de/wbt/js/index.html?bhf=NPA&amp;Zeilen=20">via Iris der DB</a></p>

            <p style="margin-top:3em">(Diese Seite also known as "oh, die Ilztalbahn <a href="https://ilztalbahn.eu/wp-content/uploads/2020/07/gtfs.zip">hat ja Open Data</a> 😍" – <a href="https://ilztal.live/info.html">Weitere Infos</a>)</p>
        </section>

    

</body></html>