Test Fahrplan

/* Gesamter Fahrplanbereich */ #mzb-fahrplan-app { width: 100%; margin: 20px 0; color: #17364d; font-family: Arial, Helvetica, sans-serif; } /* Beschriftungen */ .mzb-beschriftung { display: block; margin-bottom: 8px; color: #17364d; font-size: 16px; font-weight: bold; } /* Stationsauswahl */ #haltestellen { box-sizing: border-box; width: 100%; min-height: 54px; padding: 10px 42px 10px 14px; border: 2px solid #087ca5; border-radius: 8px; background-color: #ffffff; color: #17364d; font-size: 17px; cursor: pointer; } #haltestellen:focus { outline: 3px solid rgba(8, 124, 165, 0.25); outline-offset: 2px; } /* Rahmen rund um den Fahrplan */ #mzb-fahrplan { display: flex; flex-direction: column; width: 100%; margin-top: 18px; overflow: hidden; border: 1px solid #cbd8de; border-radius: 10px; background: #ffffff; } /* Obere Schaltflächen */ .mzb-werkzeugleiste { display: flex; flex-wrap: wrap; gap: 10px; padding: 12px; background: #eef5f7; border-bottom: 1px solid #cbd8de; } .mzb-button { box-sizing: border-box; min-height: 46px; padding: 10px 16px; border: 2px solid #087ca5; border-radius: 7px; background: #087ca5; color: #ffffff; font-size: 16px; font-weight: bold; cursor: pointer; } .mzb-button:hover, .mzb-button:focus { background: #065f7e; border-color: #065f7e; } .mzb-button-hell { background: #ffffff; color: #087ca5; } .mzb-button-hell:hover, .mzb-button-hell:focus { background: #e4f2f6; color: #065f7e; } #mzb-vollbild-schliessen { display: none; } /* Links-/Rechts-Navigation */ .mzb-wischleiste { display: flex; justify-content: space-between; gap: 10px; padding: 8px 12px; background: #ffffff; border-bottom: 1px solid #dce4e8; } .mzb-wischbutton { min-height: 44px; padding: 8px 15px; border: 1px solid #087ca5; border-radius: 6px; background: #ffffff; color: #087ca5; font-size: 15px; font-weight: bold; cursor: pointer; } .mzb-wischhinweis { align-self: center; margin: 0; color: #536a78; font-size: 14px; text-align: center; } /* Horizontal verschiebbarer Bereich */ #mzb-fahrplan-scroll { width: 100%; height: 650px; overflow-x: auto; overflow-y: hidden; background: #ffffff; scrollbar-color: #087ca5 #e7edef; scrollbar-width: auto; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y; } /* * Der Iframe ist absichtlich breiter als ein Smartphone. * Dadurch kann der äußere Bereich nach links und rechts bewegt werden. */ #mzb-fahrplan-scroll iframe { display: block; width: 900px !important; min-width: 900px !important; max-width: none !important; height: 650px; border: 0; background: #ffffff; } /* Vollbildansicht */ #mzb-fahrplan.mzb-vollbild { position: fixed; z-index: 99999; inset: 0; width: 100%; height: 100vh; height: 100dvh; margin: 0; border: 0; border-radius: 0; background: #ffffff; } #mzb-fahrplan.mzb-vollbild #mzb-vollbild-oeffnen { display: none; } #mzb-fahrplan.mzb-vollbild #mzb-vollbild-schliessen { display: inline-block; } #mzb-fahrplan.mzb-vollbild #mzb-fahrplan-scroll { flex: 1 1 auto; height: auto; } #mzb-fahrplan.mzb-vollbild #iframe { height: 100%; min-height: 650px; } /* Darstellung auf Smartphones */ @media (max-width: 600px) { #haltestellen { min-height: 58px; font-size: 18px; } #mzb-fahrplan { width: calc(100% + 20px); margin-right: -10px; margin-left: -10px; border-radius: 0; } .mzb-werkzeugleiste { flex-direction: column; } .mzb-button { width: 100%; min-height: 52px; font-size: 17px; } .mzb-wischleiste { position: sticky; z-index: 5; top: 0; align-items: stretch; } .mzb-wischbutton { flex: 1 1 50%; min-height: 48px; } .mzb-wischhinweis { display: none; } #mzb-fahrplan-scroll { height: 70vh; min-height: 560px; } #mzb-fahrplan-scroll iframe { width: 850px !important; min-width: 850px !important; height: 70vh; min-height: 560px; } #mzb-fahrplan.mzb-vollbild { width: 100%; } #mzb-fahrplan.mzb-vollbild #mzb-fahrplan-scroll { min-height: 0; } } Haltestelle auswählen St. Pölten HauptbahnhofSt. Pölten AlpenbahnhofOber-GrafendorfKlangenWeinburgKammerhofHofstetten-GrünauMainburgRabenstein an der PielachSteinklammSteinschal-TradigistKirchbergSchwerbachLoichSchwarzenbach an der PielachFrankenfelsBodingLaubenbachmühleWinterbachPuchenstubenGösingAnnabergWienerbruck-JosefsbergErlaufklauseMitterbach (Gemeindealpe)Mariazell Fahrplan groß anzeigenVollbild schließenIn neuem Fenster öffnen ← Nach links Fahrplan seitlich verschieben Nach rechts → function mzbHaltestelleWechseln(auswahl) { var iframe = document.getElementById("iframe"); var scrollbereich = document.getElementById("mzb-fahrplan-scroll"); iframe.src = auswahl.value; scrollbereich.scrollLeft = 0; } function mzbHorizontal(richtung) { var scrollbereich = document.getElementById("mzb-fahrplan-scroll"); var strecke = Math.max(250, scrollbereich.clientWidth * 0.75); scrollbereich.scrollBy({ left: richtung * strecke, behavior: "smooth" }); } function mzbVollbildOeffnen() { document.getElementById("mzb-fahrplan").classList.add("mzb-vollbild"); document.body.style.overflow = "hidden"; } function mzbVollbildSchliessen() { document.getElementById("mzb-fahrplan").classList.remove("mzb-vollbild"); document.body.style.overflow = ""; } function mzbNeuesFenster() { var iframe = document.getElementById("iframe"); window.open(iframe.src, "_blank", "noopener"); } document.addEventListener("keydown", function(event) { if (event.key === "Escape") { mzbVollbildSchliessen(); } }); Alternativ können Sie hier den Fahrplan als PDF herunterladen und bei Bedarf ausdrucken.