/* Shared, restrained type scale for the preview. */
:root{--section-type:40px;--subhead-type:24px;--body-type:17px;--ui-type:15px;--label-type:12px}
body{font-size:var(--body-type)}
main h2,main .section-top h2,main .bridge h2,main .editorial h2,main .program h2,main .contact h2,#referenzen .section-top h2{font-size:var(--section-type);line-height:1.2;letter-spacing:-1.2px}
main h3,main .compact-service h3,main .proof h3,main .method-more h3,main .step h3,main .practice-inner h3{font-size:var(--subhead-type);line-height:1.3;letter-spacing:-.6px}
main p:not(.eyebrow):not(.number):not(.proof-label):not(.details):not(.quote-name),main .outcomes{font-size:var(--body-type);line-height:1.65}
main .method-more p{font-size:var(--body-type)!important}
main .hero-intro,main .hero-secondary{font-size:var(--body-type);line-height:1.65}
main .eyebrow,main .number,main .proof-label,main .details,.hero-label,.review-count{font-size:var(--label-type)}
.navlinks,.links,.navcta,.button,.textlink,.email,.footer,.practice-row>summary,.method-more>summary,.mobile-disclosure>summary,.proof-toggle{font-size:var(--ui-type)}
.bridge{align-items:start}.bridge-copy{min-width:0}.bridge-copy p+p{margin-top:22px}
@media(max-width:620px){:root{--section-type:32px;--subhead-type:24px}main h2,main .section-top h2,main .bridge h2,main .editorial h2,main .program h2,main .contact h2,#referenzen .section-top h2{letter-spacing:-.8px}.links,.navlinks,.navcta{font-size:14px}}

/* Intro follows the same editorial rhythm as the mentoring section. */
main .bridge .eyebrow{font:700 var(--label-type)/1.65 Arial,Helvetica,sans-serif;letter-spacing:2px;margin:0 0 26px}
.bridge-copy p+p{margin-top:18px}
@media(min-width:621px){.bridge{grid-template-columns:1fr 1.3fr;column-gap:80px}}

.method-more>summary::marker,.method-more>summary::-webkit-details-marker{color:#EBFF57}
.practice-row>summary{align-items:center}
.practice-row>summary::after{content:'+';display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#EBFF57;color:#12283C;font:400 26px/1 Arial,Helvetica,sans-serif;transform:none}
.practice-row[open]>summary::after{content:'−';transform:none}

/* Align the practice introduction with the heading column. */
#praxis .practice-bridge{max-width:none;margin-left:calc((100% - 40px)/3 + 40px);margin-right:0;text-align:left}
@media(max-width:900px){#praxis .practice-bridge{margin-left:0}}

/* One three-column grid across services, experience and editorial sections. */
@media(min-width:901px){
#consulting>.wrap,#arbeitsweise>.wrap,#erfahrung>.wrap,#referenzen>.wrap,#praxis>.wrap{--grid-gap:38px;--column-start:calc((100% - 2 * var(--grid-gap))/3 + var(--grid-gap))}
#consulting .section-top,#arbeitsweise>.wrap>.section-top,#erfahrung .section-top,#referenzen .section-top,#praxis .section-top{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--grid-gap)}
#consulting .section-top h2,#arbeitsweise>.wrap>.section-top h2,#erfahrung .section-top h2,#referenzen .section-top h2,#praxis .section-top h2{grid-column:2 / 4}
#arbeitsweise .method-content,#arbeitsweise .method-more,#praxis .practice-bridge{margin-left:var(--column-start)}
#arbeitsweise .method-content{column-gap:var(--grid-gap)}
}
#referenzen>.wrap{position:relative;border:0;padding:32px 0;background:white}
#referenzen>.wrap:before{content:'';position:absolute;inset:0 -20px;border:1px solid #ADC3CA;border-radius:16px;pointer-events:none}
@media(max-width:900px){#arbeitsweise .method-more{margin-left:0}#referenzen>.wrap:before{inset:0 -12px}}
@media(max-width:620px){
#referenzen>.wrap{padding:24px 0}
#referenzen .client-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
#referenzen .client-logo{width:100%;height:76px;min-width:0;padding:8px}
#referenzen .client-logo img{max-height:60px;max-width:100%}
#referenzen .client-logo:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc((100% - 10px)/2)}
}

/* Keep the white fill and outline on the same rounded surface. */
#referenzen>.wrap{background:transparent;box-shadow:none;isolation:isolate}
#referenzen>.wrap:before{background:#fff;z-index:-1}