/* Gleichwertige Ausbildungskarten und klarer Einstieg über den Netzplan. */
.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1.8fr);gap:40px}.hero h1{font-size:clamp(48px,5vw,70px)}.hero-actions{flex-direction:column;align-items:flex-start;gap:8px}.hero-actions #start-button{font-size:14px;padding:10px 3px}.hero-actions #show-map-button{font-size:15px;padding:17px 23px}.hero-tickets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:stretch;min-width:0;padding:10px 8px}.hero-tickets .hero-ticket{width:100%;max-width:none;margin:0;padding:22px 20px 19px;transform:rotate(1.5deg);border-top-color:var(--red);box-shadow:6px 10px 0 #e9edef;min-width:0}.hero-tickets .ticket-title{font-size:21px;line-height:1.3;margin:21px 0;min-height:82px}.hero-tickets .ticket-top{font-size:8px;letter-spacing:1px;gap:8px}.hero-tickets .ticket-top .line-square{min-width:27px}.hero-tickets .ticket-stats strong{font-size:29px}.hero-tickets .ticket-stats span{font-size:12px;line-height:1.4}.hero-tickets .ticket-stats>div+div{padding-left:10px}.hero-tickets .ticket-bottom{font-size:7px;letter-spacing:1px;gap:10px}.hero-tickets .ticket-footnote{font-size:11px;line-height:1.6;margin-top:14px}.hero-tickets .hero-ticket:before,.hero-tickets .hero-ticket:after{top:263px}.hero-tickets .barcode{width:61px;flex-shrink:0}.ticket-description{display:block;font-size:16px;font-weight:400;line-height:1.55;margin-top:10px;letter-spacing:0}.hero-tickets .ticket-b{border-top-color:var(--blue);transform:rotate(-1.5deg)}.ticket-b .line-square,.ticket-b .ticket-route>span{background:var(--blue)}.ticket-b .ticket-route i{border-color:var(--blue)}.ticket-b .ticket-route i:nth-last-of-type(1){border-color:var(--gold)}.ticket-b .ticket-route b{color:var(--blue)}.perspective-window-actions{justify-content:flex-end}.perspective-window-actions .primary{min-width:220px}
@media(max-width:1200px){.hero{grid-template-columns:1fr;padding-top:45px;gap:34px}.hero-text{max-width:700px}.hero-tickets{max-width:800px;width:100%;justify-self:center;gap:35px}.hero-tickets .hero-ticket{padding:26px}.hero-tickets .ticket-title{min-height:75px}.hero h1{font-size:64px}.hero-tickets .hero-ticket:before,.hero-tickets .hero-ticket:after{top:273px}}
@media(max-width:600px){.hero{gap:28px;padding-top:34px;padding-bottom:45px}.hero h1{font-size:54px}.hero-tickets{grid-template-columns:1fr;width:100%;max-width:420px;gap:28px;padding:6px 8px}.hero-tickets .hero-ticket{padding:24px;transform:rotate(1deg)}.hero-tickets .ticket-b{transform:rotate(-1deg)}.hero-tickets .ticket-title{font-size:23px;min-height:0;margin:20px 0}.hero-tickets .ticket-description{font-size:16px}.hero-tickets .ticket-stats strong{font-size:31px}.hero-tickets .ticket-top{font-size:9px}.hero-tickets .ticket-bottom{font-size:8px}.hero-tickets .hero-ticket:before,.hero-tickets .hero-ticket:after{top:256px}.hero-actions #show-map-button{font-size:15px;padding:16px 22px}.hero-actions #start-button{font-size:13px}.perspective-window-actions .primary{min-width:0;width:100%}}

/* Erklärung des Qualifizierungsnetzes vor der Stationswahl. */
.metro-about{margin-bottom:46px}.metro-about-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:36px;padding:32px;border:1px solid var(--border,#dfe3e5);border-radius:16px;background:#fff}.metro-about h2{font-size:clamp(25px,3vw,34px);line-height:1.2;margin:12px 0 0;max-width:380px}.metro-about-copy p{font-size:17px;line-height:1.7;margin:0 0 16px}.metro-about-copy p:last-child{margin-bottom:0}.metro-about-copy strong{font-weight:650}
@media(max-width:700px){.metro-about{margin-bottom:32px}.metro-about-panel{grid-template-columns:1fr;gap:22px;padding:24px}.metro-about-copy p{font-size:16px;line-height:1.65}}

.hero-tickets .ticket-stats strong.flexible-word{font-size:clamp(18px,1.6vw,23px);letter-spacing:-.5px;line-height:1.5}.hero-tickets .ticket-top{letter-spacing:.65px}.legend-node.prerequisite{border:1.5px solid #666d71;border-radius:3px}.station-node .prerequisite-halo{stroke-dasharray:none;opacity:.7}.preview-entry{line-height:1.6}

/* JUBI-Farben: fünf Akzente ausschließlich am Beginn der Einleitung. */
:root{--jubi-magenta:#D90053;--jubi-blue:#00A1E5;--jubi-green:#75D936;--jubi-yellow:#FFE31A;--jubi-orange:#FFB345}
.jubi-fan{display:inline-block;position:relative;width:62px;height:30px;flex:0 0 62px}.jubi-fan i{position:absolute;width:10px;height:10px;border-radius:50%}.jubi-fan i:nth-child(1){background:var(--jubi-blue);left:0;top:18px}.jubi-fan i:nth-child(2){background:var(--jubi-green);left:12px;top:5px}.jubi-fan i:nth-child(3){background:var(--jubi-yellow);left:26px;top:0}.jubi-fan i:nth-child(4){background:var(--jubi-magenta);left:40px;top:5px}.jubi-fan i:nth-child(5){background:var(--jubi-orange);left:52px;top:18px}
.ticket-b .line-square,.line-tag.b,.line-tag.shared,.dates-button.line-b,.dates-button.line-b[aria-pressed=true],[data-theme="b"] .primary,[data-theme="shared"] .primary{color:var(--ink)}