/* Alternating editorial rhythm, with natural reading order on narrow screens. */
#intro.hero{min-height:0;padding-top:140px;padding-bottom:72px}
#intro .eyebrow{margin-bottom:14px}
#intro h1{font-family:Oxanium,Arial,sans-serif!important;font-weight:700;font-size:clamp(42px,4.7vw,68px)!important;line-height:1!important;margin:0 0 20px;letter-spacing:-.035em}
#intro h1 .hero-pretitle{font-family:inherit;font-weight:700;font-size:clamp(26px,2.7vw,36px)!important;line-height:1;margin:0 0 -4px;letter-spacing:-.035em;color:#bce8f6}
#intro h1 em{display:block;font-family:inherit;font-style:normal;line-height:1;font-size:inherit;white-space:nowrap}
#intro .lead{margin:0 0 18px;line-height:1.5}
#intro .hero-note{margin-top:14px;margin-bottom:0;max-width:440px}
#fokus>.content,#brain>.content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center}
#fokus .pitch-heading,#brain .pitch-heading{grid-column:2;grid-row:1;text-align:right}
#fokus .pitch-body,#brain .pitch-body{grid-column:1;grid-row:1;min-width:0}
#fokus .editorial-columns{display:block;margin-top:0}
#fokus .editorial-columns>div{padding-left:0;border-left:0}
#fokus .scale{flex-wrap:wrap;gap:12px;margin-top:22px}
#brain .brain-text{max-width:none}
#brain .memory-stack{margin:24px 0;flex-wrap:wrap;gap:20px}
#brain .memory-stack>div{flex:1;min-width:110px}
#geschaeft>.content>.eyebrow,#geschaeft>.content>h2,#geschaeft>.content>blockquote{text-align:center}
#geschaeft>.content>blockquote{margin-left:auto;margin-right:auto;max-width:760px}
#strategie>.content{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:6%;align-items:center}
#strategie>.content>.eyebrow{grid-column:2;text-align:right}
#strategie>.content>h2{grid-column:2;text-align:right;grid-row:2}
#strategie>.content>blockquote{grid-column:1;grid-row:2;margin:0;border-left:2px solid #e8bd7866;padding-left:20px}
#strategie .strategy,#strategie>.content>.fine{grid-column:1/-1}
#kontrolle>.content>.eyebrow,#kontrolle>.content>h2{text-align:right}
#kontakt>.content{text-align:center}
#kontakt .lead,#kontakt .fine{margin-left:auto;margin-right:auto;max-width:760px}
#kontakt .pitch-legal{justify-content:center}
@media(max-width:900px){#fokus>.content,#brain>.content{column-gap:5%}#intro h1{font-size:clamp(36px,4.7vw,68px)!important}}
@media(max-width:760px){#intro.hero{padding-top:115px;padding-bottom:56px}#intro h1{font-size:clamp(29px,8.2vw,56px)!important}#intro h1 .hero-pretitle{font-size:26px!important}#fokus>.content,#brain>.content,#strategie>.content{display:flex;flex-direction:column;align-items:stretch;gap:0}#fokus .pitch-heading,#brain .pitch-heading,#strategie>.content>.eyebrow,#strategie>.content>h2,#kontrolle>.content>.eyebrow,#kontrolle>.content>h2{text-align:left}#strategie>.content>blockquote{margin-top:0;margin-bottom:12px}#fokus .pitch-body,#brain .pitch-body{margin-top:8px}#geschaeft>.content>h2,#kontakt h2{font-size:clamp(32px,8.5vw,42px)!important}}

/* Balanced heading blocks and a compact briefing. */
.chapter h2{font-size:clamp(38px,4.15vw,56px)!important;line-height:1.12;letter-spacing:-.035em}
#fokus .pitch-heading,#brain .pitch-heading{text-align:center}
#fokus .pitch-heading h2,#brain .pitch-heading h2{margin-bottom:0}
#fokus .pitch-body p,#brain .pitch-body p{font-size:15px!important;line-height:1.55;margin-bottom:14px}
#fokus .pitch-body .fine,#brain .pitch-body .fine{font-size:13px!important}
#fokus .scale{font-size:12px!important;gap:8px;margin-top:16px}
#brain .memory-stack{margin:18px 0;gap:12px}
#brain .memory-stack p{font-size:14px!important}
#morgen .scene-copy{text-align:center}
#morgen .scene-copy p{margin-left:auto;margin-right:auto}
#morgen .demo{padding-top:18px;padding-bottom:16px;transform:none}
#morgen .demo-head{padding:14px 0 12px}
#morgen .demo-head h3{font-size:22px!important;margin-bottom:4px}
#morgen .demo-head p,#morgen .brief-row p,#morgen .demo-result{font-size:14px!important;line-height:1.45}
#morgen .brief-row{padding:12px 0;gap:12px}
#morgen .brief-row h4{font-size:18px!important;line-height:1.25;margin-bottom:4px}
#morgen .demo-result{padding-top:12px;padding-bottom:0}
#morgen .scene-controls{margin-top:12px}
#strategie>.content{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
#strategie>.content>.eyebrow{grid-column:1;text-align:center}
#strategie>.content>h2{grid-column:1;grid-row:2;text-align:center}
#strategie>.content>blockquote{grid-column:2;grid-row:2;font-size:15px!important;line-height:1.55}
#bereiche>.content>.eyebrow,#bereiche>.content>h2,#kontrolle>.content>.eyebrow,#kontrolle>.content>h2{text-align:center}
#kontrolle .control-grid{align-items:center}
#kontrolle .control-grid>div:first-child>.lead{text-align:center}
#kontrolle .calculator{margin-inline:auto;width:100%;box-sizing:border-box}
#kontrolle .calculator>label{display:block;text-align:center}
#kontrolle .hours-value,#kontrolle .calc-result{justify-content:center;text-align:center}
#kontrolle .range-endpoints{justify-content:space-between}
main{position:relative}
.chapter-links{position:absolute;inset:0;width:100%;pointer-events:none;overflow:visible;z-index:1}
.chapter-links path{fill:none;stroke:#e8bd78;stroke-width:1.6;opacity:.58;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.chapter h2{font-size:36px!important}#fokus .pitch-heading,#brain .pitch-heading,#strategie>.content>.eyebrow,#strategie>.content>h2,#kontrolle>.content>.eyebrow,#kontrolle>.content>h2{text-align:center}#strategie>.content>blockquote{margin-top:10px}#fokus .pitch-body,#brain .pitch-body{margin-top:20px}#morgen .demo{padding:16px}#morgen .brief-row{padding:10px 0}.chapter-links path{stroke-width:1.3;opacity:.45}}
/* Chapter labels share the exact width and centre of their heading block. */
#geschaeft>.content>.eyebrow,#bereiche>.content>.eyebrow,#kontrolle>.content>.eyebrow,#kontakt>.content>.eyebrow{display:block;width:100%;max-width:none;margin-left:auto;margin-right:auto;text-align:center}
.pitch-heading>.eyebrow,#morgen .scene-copy>.eyebrow{display:block;width:100%;max-width:none;text-align:center}
#strategie>.content>.eyebrow{width:100%;max-width:none;text-align:center}
#fokus .pitch-body{text-align:center}
#fokus .pitch-body p{max-width:450px;margin-left:auto;margin-right:auto;font-size:14px!important;line-height:1.55}
#fokus .pitch-body .lead{font-size:15px!important}
#fokus .pitch-body .gold-copy{font-size:14px!important}
#fokus .pitch-body .fine{font-size:12px!important;max-width:430px}
#fokus .scale{justify-content:center;font-size:12px!important}
#fokus .pitch-heading h2{font-size:clamp(42px,4.6vw,64px)!important}
@media(max-width:760px){#fokus .pitch-heading h2{font-size:38px!important}}

/* Compact labels have their own stable column and breathing room. */
#morgen .brief-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;column-gap:18px;align-items:start}
#morgen .brief-row .row-time{font-size:10px!important;line-height:1.4;letter-spacing:.08em;min-width:0;padding-top:4px;text-align:left}
#morgen .brief-row .state{font-size:10px!important;line-height:1.4;padding-top:4px}
#morgen .brief-row>div{min-width:0}
#morgen .brief-row p+p{margin-top:8px}
@media(max-width:1050px){#morgen .brief-row{grid-template-columns:42px minmax(0,1fr);column-gap:16px}#morgen .brief-row .state{display:none}}
@media(max-width:480px){#morgen .brief-row{grid-template-columns:36px minmax(0,1fr);column-gap:12px}#morgen .brief-row .row-time{font-size:9px!important}}

@media(max-width:760px){
 #geschaeft .journey-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #geschaeft .journey-track button{width:100%;min-width:0;padding:12px 8px;box-sizing:border-box}
 #geschaeft .journey-track button:last-of-type{grid-column:1/-1}
 #geschaeft .journey-track button span{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.35;min-height:0}
}