:root{--blau:#1B4F8A;--blau-hell:#E7EFF8;--gruen:#0E7A61;--text:#0B2036;--leise:#33485C;--rand:#A9BECE;--papier:#F4F7FA;--weiss:#fff;--warn:#8A5A00;--warn-hell:#FFF1CC}
*{box-sizing:border-box}
html,body{margin:0;background:var(--papier);color:var(--text);font:18px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:720px;margin:0 auto;padding:16px 16px 40px}
h1{font-size:26px;margin:8px 0 6px}
h2{font-size:20px;margin:24px 0 10px}
p{margin:0 0 12px}
.leise{color:var(--leise)}
.marke{height:34px;margin:6px 0 4px}
.netz{display:none;margin:0 0 14px;padding:12px 14px;border-radius:12px;background:var(--warn-hell);color:var(--warn);border:2px solid #E8C266;font-weight:600}
.netz.an{display:block}
.knopf{display:flex;align-items:center;gap:14px;width:100%;min-height:72px;margin:0 0 12px;padding:14px 18px;border-radius:14px;border:0;font:inherit;font-weight:700;font-size:19px;text-align:left;text-decoration:none;cursor:pointer}
.knopf small{display:block;font-weight:400;font-size:15px;opacity:.92}
.knopf .ic{font-size:28px;line-height:1;flex:none}
.haupt{background:var(--blau);color:#fff}
.zweit{background:var(--weiss);color:var(--text);border:2px solid var(--blau)}
.hinweis{background:var(--blau-hell);border-radius:12px;padding:12px 14px;font-size:16px}
.schritte{counter-reset:s;list-style:none;padding:0;margin:0 0 14px}
.schritte li{counter-increment:s;position:relative;padding:10px 0 10px 48px;border-bottom:1px solid #DCE5EE}
.schritte li::before{content:counter(s);position:absolute;left:0;top:8px;width:34px;height:34px;border-radius:50%;background:var(--blau);color:#fff;font-weight:700;display:grid;place-items:center}
footer{margin-top:36px;font-size:14px;color:var(--leise);text-align:center}
footer a{color:var(--leise)}
.strecke{position:fixed;inset:0;background:#0B2036;z-index:10;display:none;flex-direction:column}
.strecke.an{display:flex}
.s-kopf{display:flex;justify-content:space-between;align-items:center;padding:max(10px,env(safe-area-inset-top)) 14px 10px;color:#fff}
.s-kopf button{border:2px solid #fff;background:none;color:#fff;font:inherit;font-weight:700;border-radius:10px;padding:8px 16px;cursor:pointer}
.s-bahn{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.s-bild{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 16px 16px}
.s-bild img{max-width:100%;max-height:calc(100vh - 150px);border-radius:12px;background:#fff}
.s-bild p{color:#fff;margin:10px 0 0;font-weight:600;text-align:center}
.s-fuss{display:flex;justify-content:space-between;align-items:center;padding:10px 14px max(14px,env(safe-area-inset-bottom));color:#cfe0f0}
.s-fuss button{border:0;background:#ffffff22;color:#fff;font:inherit;font-weight:700;border-radius:10px;padding:10px 18px;cursor:pointer}