/* CI authority: Colour Guidelines_Alle Marken.pdf + skd-global.de, 11.10.2026.
   Exactly five semantic sizes per breakpoint; two original faces, two real weights. */
:root{--blue:#164194;--sky:#29abe3;--grey:#84898a;--ink:#090301;--ink-soft:#4f5354;--muted:#626768;--blue-deep:#0f2c66;--blue-ink:#0b1f4a;--font-head:Kanit,Arial,sans-serif;--font-body:Questrial,Arial,sans-serif}
body{font-family:var(--font-body);font-weight:400;font-size:var(--type-body);font-synthesis:none;color:var(--ink-soft)}
:is(h1,h2,h3,h4,legend){font-family:var(--font-head);font-weight:700;letter-spacing:-.01em}
.hero h1,.detail-hero h1,.funnel-heading h1{font-size:var(--type-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;max-width:16ch;hyphens:auto}
.hero h1{max-width:12ch}
.section-head h2,.network-top h2,.detail-section h2,.company h2,.company-grid h2,.faq-aside h2,.tr-band h2,.contact h2,#complete h2{font-size:var(--type-section);font-weight:700;line-height:1.18}
.service h3,.editorial-row h3,.two-col h3,.route-line h3,.unit-panel h3,.mode-detail h2,.mode-info h3,.step h3,.checklist h3,.connect h3,.related h2,.review-heading h3,.notice h2,.aside-copy h3,.route-preview h2,fieldset legend{font-size:var(--type-title);font-weight:700;line-height:1.25}
.statement,.hero-statement,.detail-hero .statement,.section-head .statement,.network-top .statement,.tr-band .statement{font-family:var(--font-body);font-weight:400;font-size:var(--type-title);line-height:1.4;letter-spacing:0}
.hero-statement,.detail-hero .statement,.section-head .statement,.network-top .statement{color:var(--grey)}
.on-blue .statement,.network .statement,.blue-band .statement,.contact .statement{color:var(--on-blue-soft)}
.hero-lead,.detail-hero .lead,.section-head .lead,.network-top .lead,.company-copy>p,.tr-intro,.editorial-row p,.two-col p,.faq-body,.step-intro,.funnel-heading .statement,.aside-copy p{font-family:var(--font-body);font-weight:400;font-size:var(--type-body);line-height:1.65}
.funnel-heading .statement{color:var(--ink-soft)}
.editorial-row h3{max-width:28ch;overflow-wrap:normal;hyphens:auto}
.mode-detail h2{hyphens:auto}.mode-detail .mode-route{letter-spacing:.025em;flex-wrap:wrap;gap:8px}
.main-nav a,.service-dropdown>summary,.mobile-nav a:not(.btn),.service-menu a,.mobile-services a,.detail-subnav a,.related a,.group a,.mode-filter button,.unit-tabs button,.field,.customer-choice,.route-stops,.contact-direct a,.contact-direct div,.compliance ul{font-family:var(--font-body);font-weight:400;font-size:var(--type-body)}
.main-nav [aria-current=page],.mobile-nav [aria-current=page]{font-weight:400}
.service-menu a,.mobile-services a{font-size:var(--type-body)!important}
.btn,.header-actions .btn,.form-actions .btn,.more-link,.mode-detail a,.phone-link,.header-actions .phone-link{font-family:var(--font-head);font-weight:700;font-size:var(--type-meta);letter-spacing:.02em}
.brand-word,.facts dt,.detail-facts b,.company-facts dt,.pillars b,.checklist li b,.hubline b,.hero-facts b,.company-photo figcaption b{font-family:var(--font-head);font-weight:700}
.facts dt,.detail-facts b,.company-facts dt{font-size:var(--type-title);line-height:1.25}
.hero-facts,.service .specs,.service h3 small,.detail-facts span,.detail-photo figcaption,.breadcrumb,.fineprint,.draft-label,.progress-steps li,.step-status,.field-hint,.required-note,.field-error,.site-footer,.site-footer h3,.footer-bottom,.footer-claim,.contact-direct small,.aside-copy>span{font-size:var(--type-meta)}
.site-footer h3{font-family:var(--font-head);font-weight:700;letter-spacing:0}
.footer-claim{font-family:var(--font-body);font-weight:400}
.faq-list summary{font-family:var(--font-head);font-size:var(--type-body);font-weight:700;line-height:1.5}
.data-table{font-size:var(--type-body)}.data-table th{font-family:var(--font-head);font-weight:700}
.unit-panel dd{font-family:var(--font-head);font-size:var(--type-title);font-weight:700}
.field input,.field select,.field textarea{font-family:var(--font-body);font-weight:400;font-size:var(--type-body);color:var(--ink)}
.field input::placeholder,.field textarea::placeholder{color:var(--muted)}
.preview-banner,.form-alert,.notice,.review-group dl,.consent{font-size:var(--type-body)}
.progress-steps li{color:var(--ink-soft)}.progress-steps li.current,.progress-steps li.done{color:var(--blue)}
.aside-copy>a{font-family:var(--font-head);font-weight:700;font-size:var(--type-body)}
.reference{font-weight:400;font-size:var(--type-body)}
.complete-mark{font-size:var(--type-section);font-weight:700}
.pillars b,.hubline b,.checklist li b{font-size:var(--type-body)}
.facts dt small,.services-foot p,.company-photo figcaption,.checklist li,.step ul{font-size:var(--type-body)}
.contact-direct small{font-family:var(--font-body);font-weight:400}
.node text,.tr-map .city text,.tr-map .europe text{font-family:var(--font-body);font-weight:400}
.node.hub text{font-family:var(--font-head);font-weight:700}
.service-dropdown>summary,.main-nav a{min-height:44px;display:inline-flex;align-items:center}
.mode-detail a,.more-link{min-height:44px}
.section-head .lead,.network-top .lead,.faq-body,.editorial-row p{max-width:68ch}
.service{grid-template-columns:36px minmax(0,1.2fr) minmax(0,1.7fr) minmax(0,1.1fr) 130px;gap:24px}
.service-photo{width:130px;height:108px}
@media(max-width:1190px){.service{grid-template-columns:36px minmax(0,1.1fr) minmax(0,1.7fr) minmax(0,1fr)}.service-photo{display:none}}
@media(max-width:980px){.service{grid-template-columns:36px minmax(0,1fr) minmax(0,1.3fr)}.service>p{grid-column:3;grid-row:1/3}.service .specs{grid-column:2/4}}
@media(max-width:640px){
 .hero h1{max-width:12ch}.hero-statement{max-width:26ch}.hero-actions{align-items:flex-start}
 .service{grid-template-columns:28px minmax(0,1fr);gap:12px 16px}.service>p,.service .specs{grid-column:2;grid-row:auto}
 .service h3{hyphens:auto}.hero-facts{gap:10px 16px}
 .mode.is-active{height:410px}.mode-detail{padding:24px}.mode-detail .mode-route{gap:6px}
 .mode-filter{flex-wrap:wrap}.mode-filter button{padding:10px}
 .progress-steps{gap:6px}.progress-steps li{overflow-wrap:normal;hyphens:auto}
 .route-preview h2{font-size:var(--type-title)}.detail-facts>div{grid-template-columns:1fr 1fr}
 .site-footer h3{margin-bottom:12px}.footer-grid{gap:28px 20px}
}

.fineprint{max-width:68ch}

/* Final review: accompanying text uses the regular CI face, with no simulated weight. */
.mode-route,.mode-detail .mode-route,.services-foot p,.company-photo figcaption{font-family:var(--font-body);font-weight:400}
.company-photo figcaption b{font-family:var(--font-head);font-weight:700}
@media(max-width:640px){.progress-steps{display:grid;grid-template-columns:1.15fr 1.2fr 1fr .9fr .9fr;gap:3px}}

/* Space for the slightly larger type, without an extra size exception. */
.header-inner{gap:20px}.main-nav{gap:20px}.header-actions .phone-link{white-space:nowrap;flex-shrink:0}
@media(min-width:981px) and (max-width:1190px){.main-nav{gap:16px}.header-inner{gap:18px}}