@charset "UTF-8";* { -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box;}.flex {display: flex;}table td{border-bottom:1px groove #000;} span.headline, h3{ font-size: 1.4em; font-weight: bold; margin: 0.5em 0 0 0; display: block;}h2 { font-size: 1.6em; font-weight: bold; margin: 0.5em 0 0.5em 0;} h1 { font-size: 1.6em; font-weight: bold; margin: 0.5em 0;}aside ul {list-style: none;margin: 0;padding: 0 ;display: inline;}aside li {display: block;padding: 3px 3px ;}footer ul {margin: 0;padding: 0 ;}body { font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Roboto”, “Oxygen”, “Ubuntu”, “Cantarell”, “Fira Sans”, “Droid Sans”, “Helvetica Neue”, sans-serif; padding: 0; margin: 0; overflow-y: scroll;}nav { background-color: #343a40;}.navbar-brand { rotate: 0deg; color: #feed24; display: inline-block; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; text-decoration: none;}.navbar-nav { display: box; font-size: 1.25rem; line-height: inherit; white-space: nowrap; text-decoration: none; padding: 0; margin:0 ;}.container { max-width: 75rem; width: 100%; margin: 0rem auto; padding: 1.25rem;}.container:before, .container:after { content: ""; display: table;}.container:after { clear: both;}.list-right { display: inline; float: right;}.list-right li { display: inline; list-style-type: none; padding: 0px 0.5em 0px 0.5em;}header, footer { max-width: 75rem; width: 100%; margin: 0.625rem auto; padding: 1.25rem; background-color: #fff; min-height: 6.25rem;}header:before, header:after, footer:before, footer:after { content: ""; display: table;}header:after, footer:after { clear: both;}main { max-width: 75rem; width: 100%; margin: 0 auto; padding: 0;}main:before, main:after { content: ""; display: table;}main:after { clear: both;}section { width: 74.75%; float: left; padding: 0.625rem 1.25rem; margin: 0 1% 0 0; }section.full { width: 100%; float: left; padding: 0.625rem 1.25rem; margin: 0 1% 0 0;}aside { width: 24.25%; float: left; padding: 0.625rem 1.25rem; margin: 0 0 0 0; background-color: #fff;}article { width: 32%; float: left; padding: 0 1.25rem 1.25rem 1.25rem; margin: 0 2% 1.25rem 0; background-color: #fff;}@media (min-width: 68rem) { article:nth-of-type(3n) { margin-right: 0; }}@media (max-width: 68rem) { article { width: 49%; float: left; padding: 0 1.25rem 1.25rem 1.25rem; margin: 0 2% 1.25rem 0; }}@media (max-width: 68rem) and (min-width: 53rem) { article:nth-of-type(2n) { margin-right: 0; }}@media (max-width: 53rem) { article { width: 100%; float: left; padding: 0 1.25rem 1.25rem 1.25rem; margin: 0 0% 1.25rem 0; } section { width: 66.3333333333%; float: left; padding: 0.625rem 1.25rem; margin: 0 1% 0 0; } aside { width: 32.6666666667%; float: left; padding: 0.625rem 1.25rem; margin: 0 0 0 0; }}@media (max-width: 36rem) { section { width: 100%; float: left; padding: 0.625rem 1.25rem; margin: 0 0 0 0; } aside { width: 100%; float: left; padding: 0.625rem 1.25rem; margin: 0 0 0 0; } }.swiper-slide { float: left; margin: 0 1.2rem 0 0;}.swiper-wrapper { overflow: hidden; white-space: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%;}.bg-feed24{background-color: #feed24;}.bg-gray{background-color: #343a40;color: #fff;}.note{font-size: 0.75rem; line-height: inherit; text-decoration: none; padding: 1.5rem 0; margin:0 ; color: #333;}th { text-align: left;}caption { text-align: left; margin: 0 0 1rem 0;}tr td {height: 2.5rem; margin:0 ; padding: 0 0rem; text-align: left; vertical-align: middle;}td div.message{color: red;font-size: 1.0rem;}a { color: inherit; text-decoration: none; }.hero #logo{width: 6rem;}.headline{margin: 0.5rem 0 0rem 0; padding: 0;}.headline span, .headline p, .headline h1, .headline h2 {margin: 0.2rem 0 0.2rem 0; padding: 0;}.bg-rmv{background: #f5f5f5; }.timetable{ display: flex; flex-direction: column; margin-top: 1.0em;}.timetable .row { border-bottom: 1px solid #ccc; display: grid; grid-template-columns: 60px 90px auto 60px; row-gap: 0; column-gap: clamp(4px, 2vw, 24px); margin:0; padding:0; }.timetable > .row.headline > div { min-height: unset; padding: 0.2em 0 0.2em 0;}.timetable > .row > div { padding: 0; min-height: 2.5em; align-content: center; overflow: hidden; }.timetable .headline { font-weight: bold;}.timetable .platform, .platform { text-align: right;}.time {width:60px;}.train {min-width:80px;max-width:90px;}.platform{text-align: right;width:60px;}.timetable .message{color: red;font-size: 1.0rem;} .flash-cell { animation: flashCell 0.6s ease; } @keyframes flashCell { 0% { background-color: #ffffcc; } 50% { background-color: #fff79a; } 100% { background-color: transparent; } } .flip-cell { display: inline-block; animation: flip 0.5s ease; transform-origin: center; backface-visibility: hidden; display: table-row; transform-style: preserve-3d; } @keyframes flip { 0% { transform: rotateX(0deg); } 50% { transform: rotateX(90deg); opacity: 0.2; } 100% { transform: rotateX(0deg); opacity: 1; } }#logo {width: 150px;}#findStation { display: flex; padding: 0.7rem; align-items: center; justify-content: center; flex-direction: row; gap: 0.625rem; }.button-icon { width: 21px; height: 21px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; display: inline-block; flex-shrink: 0; margin-right: 0px;}.button-icon2 { width: 21px; height: 21px; background-color: currentColor; display: inline-block; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); mask-size: contain; mask-repeat: no-repeat; mask-position: center;}.button-text { display: flex; align-items: center; gap: 0.625rem; font-size: 16px;}.hero.container-box{max-width: unset;} .container-box { display: flex; align-items: center; justify-content: center; max-width: 800px;margin: 1.25rem auto; flex-direction: row; gap: 1.25rem; } .box { padding: 20px; margin: 10px; } @media (max-width: 53rem) { .container-box { flex-direction: column; height: auto; text-align: center; margin: 1.25rem auto; } .box { padding: 0; margin: 0; } #logo{ width: 120px; } .hero .container-box { flex-direction: column-reverse; height: auto; text-align: center; margin: 1rem auto; } .hero #logo{ width: 4rem; } }.none-list-Style{list-style-type: none;margin: 0; padding: 0; text-align: center;}.card {margin: 1rem auto 4rem auto; max-width: 34rem; text-align: center; height: 12rem; }.center{ text-align: center;} button, .button-link { padding: 6px 14px; font-size: 16px; font-weight: 500; background-color: white; color: black; border: none; cursor: pointer; border: 1px solid #ccc; border-radius: 6px; display: flex; margin: 0.5em auto; max-width: 250px; transition: background-color 0.3s, color 0.3s, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; align-items: center; align-content: center; gap: 1.25rem; flex-direction: column; } button:hover, .button-link:hover { background-color: white; color: black; border-color: #1e90ff; box-shadow: 0 0 4px rgba(30, 144, 255, 0.4); } .button-link { background-color: transparent; } .button-link:hover { background-color: transparent; } tr {height = 1.5rem;}.bg-feed24{background-color: #feed24;}article {height: 250px; background-color: #feed24;}.row { margin: 2rem 0;}.navbar-dark .navbar-brand { rotate: 0deg; color: #feed24;}nav { background-color: #343a40;}.navbar {display:flex;justify-content: space-between; max-width: 75rem; width: 100%; margin: 0rem auto; padding: 0 1.25rem; height: 3.8rem; align-items: center; }.navbar:after { clear: both;}.navbar-brand { rotate: 0deg; color: #feed24; display: inline-block; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; text-decoration: none;}.navbar-nav { display: box; font-size: 1.25rem; line-height: inherit; white-space: nowrap; text-decoration: none; padding: 0; margin:0 ;} .navbar button, .navbar .button-link { padding: 6px 14px; margin:0; font-size: 12px; font-weight: 500; background-color: transparent; color: #ccc; border: none; cursor: pointer; border: 1px solid #222; border-radius: 3px; transition: background-color 0.3s, color 0.3s; } .navbar button:hover, .navbar .button-link:hover { background-color: white; color: black; } .navbar #logo{ width: 3rem; }.btn-primary { color: #fff; background-color: #feed24; border-color: #feed24;}.btn-group-lg > .btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0rem;}.hero { padding: 0rem 0rem; margin: 0 auto; max-width: 50rem; overflow: hidden; background-color: #feed24;}.hero h1{text-align: center;}.hero h1, .hero p, .hero .container-box{margin: 1rem 0;padding: 0;}.teaser h3{ font-size: 1.2rem; font-weight: bold; padding-top: 1.5rem;}.autocomplete { position: relative; display: inline-block; width: 100%; max-width: 300px; font-family: system-ui, sans-serif;}.autocomplete input { padding: 10px 14px; font-size: 16px; width: 100%; border: 1px solid #ccc; border-radius: 6px; transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;}.autocomplete input:focus { border-color: #1e90ff; box-shadow: 0 0 4px rgba(30, 144, 255, 0.4); outline: none;}.autocomplete-items { position: absolute; top: 100%; left: 0; right: 0; z-index: 99; background-color: white; border: 1px solid #ccc; border-top: none; border-radius: 0 0 6px 6px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; text-align: left; animation: fadeIn 0.15s ease-in-out; max-height: 220px; overflow-y: auto; scroll-behavior: smooth;}.autocomplete-items div { padding: 10px 14px; cursor: pointer; text-align: left; transition: background-color 0.15s ease-in-out;}.autocomplete-items div:hover { background-color: #f0f8ff;}.autocomplete-active { background-color: #1e90ff !important; color: white;}@keyframes fadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); }}