
/* Erweiterungsentwurf 28.09.2026. Basisseite von JR bleibt separat erhalten. */
.service-dropdown{position:relative;font-family:var(--font-head);font-weight:700;color:var(--ink)}
.service-dropdown>summary{cursor:pointer;padding:6px 0;list-style:none;white-space:nowrap}
.service-dropdown>summary::-webkit-details-marker{display:none}
.service-dropdown>summary::after{content:"⌄";margin-left:6px;color:var(--blue)}
.service-menu{position:absolute;top:42px;left:-20px;width:270px;padding:14px 20px;background:#fff;border:1px solid var(--rule);box-shadow:0 15px 30px #0b1f4a15}
.service-menu a{display:block!important;padding:9px 0!important;font-size:var(--type-body)}
.mobile-services{padding-left:20px;border-left:2px solid var(--sky)}
.mobile-services a{font-size:var(--type-body);padding:10px 0!important}
.more-link{display:inline-block;margin-top:12px;font-family:var(--font-head);font-weight:700;font-weight:700;text-decoration:none}
.more-link:hover{text-decoration:underline}
.breadcrumb{font-size:var(--type-meta);padding-top:25px;color:var(--ink-soft)}
.breadcrumb a{text-decoration:none}.breadcrumb span{padding:0 10px;color:var(--grey)}
.detail-hero{padding-block:38px 64px}
.detail-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.detail-hero h1{font-size:var(--type-display);line-height:1;letter-spacing:-.02em}
.detail-hero .statement{font-size:var(--type-title);max-width:25ch;margin-top:24px}
.detail-hero .lead{margin-top:24px;font-size:var(--type-body);max-width:51ch}
.detail-photo{position:relative;margin:0;min-height:440px;height:100%;border-radius:3px;overflow:hidden;background:var(--blue)}
.detail-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.detail-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#0b1f4abf)}
.detail-photo figcaption{position:absolute;bottom:26px;left:28px;right:28px;z-index:1;color:#fff;font-family:var(--font-head);font-weight:700;font-size:var(--type-title);padding-top:14px;border-top:2px solid var(--sky)}
.detail-photo.sea figcaption{border-top-style:dashed}.detail-photo.rail figcaption{border-top-style:double;border-top-width:5px}
.detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding-block:28px;gap:24px}
.detail-facts b{display:block;font-family:var(--font-head);font-weight:700;font-weight:700;font-size:var(--type-title);color:var(--blue);line-height:1.15}
.detail-facts span{display:block;margin-top:7px;font-size:var(--type-meta)}
.detail-subnav{display:flex;flex-wrap:wrap;gap:10px 28px;padding-block:24px;border-bottom:1px solid var(--rule)}
.detail-subnav a{font-family:var(--font-head);font-weight:700;text-decoration:none;font-size:var(--type-body)}.detail-subnav a:hover{text-decoration:underline}
.editorial-rows{border-top:1px solid var(--rule)}
.editorial-row{display:grid;grid-template-columns:50px minmax(0,1fr) minmax(0,1.9fr);gap:28px;padding:26px 0;border-bottom:1px solid var(--rule);align-items:start}
.editorial-row .num{font-family:var(--font-head);font-weight:700;color:var(--sky);font-size:var(--type-body)}
.editorial-row h3{font-size:var(--type-title)}.editorial-row p{max-width:66ch}
.detail-section h2{font-size:var(--type-display);line-height:1.04}
.detail-section.mist{background:var(--mist)}
.detail-section .section-head{margin-bottom:48px}
.table-wrap{overflow:auto;border-top:2px solid var(--blue)}
.data-table{width:100%;border-collapse:collapse;font-size:var(--type-body);text-align:left;min-width:630px}
.data-table th{font-family:var(--font-head);font-weight:700;font-weight:700;color:var(--blue);background:var(--mist)}
.data-table th,.data-table td{padding:17px 15px;border-bottom:1px solid var(--rule)}
.data-table td:first-child{color:var(--ink);font-weight:700}
.fineprint{font-size:var(--type-meta);margin-top:20px;max-width:94ch;color:var(--ink-soft)}
.blue-band{background:var(--blue);color:#fff}.blue-band h2,.blue-band h3{color:#fff}
.blue-band .editorial-rows,.blue-band .editorial-row{border-color:var(--rule-blue)}
.blue-band p{color:var(--on-blue-soft)}
.route-line{padding:26px 0;border-bottom:1px solid var(--rule-blue)}
.route-line h3{font-size:var(--type-title);margin-bottom:15px}
.route-stops{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--font-head);font-weight:700;font-size:var(--type-body);color:#fff!important}
.route-stops span+span::before{content:"→";margin-right:10px;color:var(--sky-soft)}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.two-col h3{font-size:var(--type-title);margin-bottom:16px}
.two-col p+p{margin-top:16px}
.unit-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.unit-tabs button{font:inherit;color:var(--blue);background:#fff;border:1px solid var(--rule);padding:10px 17px;border-radius:3px;cursor:pointer}
.unit-tabs button[aria-pressed="true"]{color:#fff;background:var(--blue);border-color:var(--blue)}
.unit-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;border-block:1px solid var(--rule);padding-block:32px}
.unit-panel[hidden]{display:none}.unit-panel h3{font-size:var(--type-title);margin-bottom:14px}
.unit-panel dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.unit-panel dt{font-size:var(--type-meta)}.unit-panel dd{margin:3px 0 0;font-family:var(--font-head);font-weight:700;color:var(--blue);font-size:var(--type-title)}
.request-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}
.request-form label{display:block;color:var(--ink);font-family:var(--font-head);font-weight:700;font-size:var(--type-body)}
.request-form input,.request-form select,.request-form textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #9aa8bc;border-radius:3px;font:var(--type-body) var(--font-body);background:#fff;color:var(--ink)}
.request-form .wide{grid-column:1/-1}.request-form button{justify-self:start}
.request-result{margin-top:28px;border-left:3px solid var(--sky);padding:20px 24px;background:var(--mist)}
.request-result[hidden]{display:none}.request-result pre{font:inherit;white-space:pre-wrap;margin:0 0 20px}
.related{padding-block:55px;border-top:1px solid var(--rule)}
.related h2{font-size:var(--type-title);margin-bottom:24px}.related nav{display:flex;flex-wrap:wrap;gap:15px 32px}
.related a{font-family:var(--font-head);font-weight:700;text-decoration:none}.related a:hover{text-decoration:underline}
.draft-label{font-size:var(--type-meta);color:var(--ink-soft);padding-block:13px;border-top:1px solid var(--rule)}
@media(max-width:980px){.detail-hero-grid{grid-template-columns:1fr}.detail-photo{min-height:360px}.editorial-row{grid-template-columns:36px minmax(0,1fr)}.editorial-row p{grid-column:2}.two-col{gap:32px}}
@media(max-width:640px){.detail-hero{padding-top:28px}.detail-hero h1{font-size:var(--type-section);overflow-wrap:anywhere}.detail-photo{min-height:290px}.detail-facts{gap:18px}.detail-facts b{font-size:var(--type-title)}.detail-facts span{font-size:var(--type-meta)}.detail-subnav{gap:12px 23px}.detail-hero .hero-actions .btn{white-space:normal;text-align:center}.two-col,.unit-panel,.request-form{grid-template-columns:1fr}.request-form .wide{grid-column:1}.editorial-row{gap:10px 16px}.unit-panel dl{gap:20px}.breadcrumb{font-size:var(--type-meta)}.detail-subnav a{font-size:var(--type-meta)}.detail-hero .hero-actions{gap:18px}.request-form .btn{white-space:normal}.detail-section .section-head{margin-bottom:34px}}

/* Review TB 28.09.2026: coherent reading order for all section introductions. */
.section-head{display:block;margin-bottom:clamp(34px,4.5vw,58px)}
.section-head h2{max-width:29ch;line-height:1.12;padding-bottom:.08em}
.section-head .statement{max-width:42ch;line-height:1.35}
.section-head .lead{max-width:74ch;margin-top:24px;line-height:1.7}
.detail-section .section-head{margin-bottom:44px}
.network-top{display:block}.network-top h2{max-width:29ch;line-height:1.12}
.network-top .lead{max-width:74ch;margin-top:24px}.network-top .mode-filter{margin-top:26px}
.editorial-row h3{line-height:1.35;padding-bottom:.12em;overflow:visible;overflow-wrap:break-word}
.unit-panel h3,.two-col h3,.route-line h3{line-height:1.3;padding-bottom:.1em}
.checklist ol{list-style:none}
.mode-detail{min-width:0}
.mode-detail h2{font-size:var(--type-title);overflow-wrap:normal;hyphens:auto;line-height:1.2}
.detail-hero h1{line-height:1.08;padding-bottom:.08em}
.detail-facts b{overflow-wrap:break-word}
@media(max-width:640px){
.section-head h2{font-size:var(--type-section);max-width:100%}
.section-head .lead,.network-top .lead{margin-top:20px}
.detail-section .section-head{margin-bottom:32px}
.detail-hero h1{font-size:var(--type-section)}
.detail-facts{grid-template-columns:1fr;gap:18px;padding-block:24px}
.detail-facts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:14px}
.detail-facts b{font-size:var(--type-title)}.detail-facts span{font-size:var(--type-meta);margin:0}
.unit-panel dl{grid-template-columns:1fr}.data-table{font-size:var(--type-meta)}
.unit-tabs button{min-height:44px;padding:10px 12px}
}
