/*
 * HLF 3.0.3 – seitenspezifische Produktionsdatei.
 * Automatisch aus modularen Quelldateien in unveränderter Reihenfolge erzeugt.
 */

/* ==========================================================================
   Source: assets/css/pages/about.css
   ========================================================================== */

.hlf-about-main{padding:0;background:var(--wp--preset--color--off-white)}
.hlf-about-hero{padding:clamp(2rem,5vw,4rem) 0 clamp(4rem,8vw,7rem);background:var(--wp--preset--color--anthracite);color:#fff}
.hlf-about-hero .hlf-breadcrumb{margin-bottom:clamp(3rem,7vw,6rem);text-transform:uppercase}
.hlf-about-hero .hlf-breadcrumb a,.hlf-about-hero .hlf-breadcrumb span{color:rgba(255,255,255,.75)}
.hlf-about-hero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:clamp(3rem,8vw,8rem);align-items:end}
.hlf-about-hero h1{max-width:none;margin:0 0 1.6rem;color:#fff;font-family: Arial, Helvetica, sans-serif;font-size:clamp(1.8rem,4vw,3.75rem);font-weight:500;line-height:.95;letter-spacing:-.035em;white-space:nowrap}
.hlf-about-hero__role,.hlf-about-hero__specialisation{margin:.3rem 0;color:#fff;font-size:clamp(1.25rem,2vw,1.7rem);font-weight:400}
.hlf-about-hero__specialisation{color:#fff;font-weight:400}
.hlf-about-hero__statement{align-self:end;text-align:right}
.hlf-about-hero__statement p{margin:0;font-family: Arial, Helvetica, sans-serif;font-size:clamp(1.65rem,3vw,2.8rem);line-height:1;white-space:nowrap}
.hlf-about-content{margin:0}.hlf-about-content>.hlf-about-page{margin:0}
.hlf-about-container{width:min(100% - 2rem,1240px);margin-inline:auto}
.hlf-about-section{scroll-margin-top:calc(var(--hlf-header-height) + 1rem);margin:0;padding:clamp(6rem,12vw,11rem) 0}
.hlf-about-section h2{max-width:17ch;margin:.75rem 0 2rem;font-family: Arial, Helvetica, sans-serif;font-size:clamp(2.7rem,5.5vw,5rem);font-weight:500;line-height:1;letter-spacing:-.025em}
.hlf-about-section p{line-height:1.75}.hlf-about-lead{max-width:48rem;font-size:clamp(1.12rem,1.8vw,1.35rem);line-height:1.65}
.hlf-about-columns{gap:clamp(3.5rem,8vw,8rem);align-items:flex-start}.hlf-about-section--personal .wp-block-column:first-child{flex-basis:40%}.hlf-about-section--personal .wp-block-column:last-child{flex-basis:60%}
.hlf-about-portrait{display:grid;min-height:38rem;place-items:center;background:rgba(47,23,61,.07);color:rgba(38,38,38,.52);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.hlf-about-section--specialised{background:#fff}
.hlf-about-section--nationwide{background:var(--wp--preset--color--purple-light)}
.hlf-germany-mark{display:grid;min-height:27rem;place-items:center;color:rgba(47,23,61,.2);font-family: Arial, Helvetica, sans-serif;font-size:clamp(6rem,18vw,13rem);font-weight:700;letter-spacing:-.08em}
.hlf-about-timeline{max-width:58rem;margin:clamp(3rem,6vw,5rem) 0 0;padding:0;list-style:none}
.hlf-about-timeline li{position:relative;display:grid;grid-template-columns:minmax(12rem,.7fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem);padding:1.8rem 0 1.8rem 2rem;border-top:1px solid rgba(38,38,38,.18)}
.hlf-about-timeline li::before{position:absolute;top:2.15rem;left:0;width:.7rem;height:.7rem;border-radius:50%;background:var(--wp--preset--color--purple);content:""}
.hlf-about-timeline strong{font-size:1.05rem}.hlf-about-timeline span{color:rgba(38,38,38,.72);line-height:1.65}
.hlf-about-section--personal-details{background:#fff}
.hlf-about-section--approach{background:var(--wp--preset--color--anthracite);color:#fff}.hlf-about-section--approach h2{max-width:none;color:#fff;white-space:nowrap}.hlf-about-section--approach .hlf-eyebrow{color:var(--wp--preset--color--purple-light)}
.hlf-about-approach-text{max-width:46rem;margin-top:2.5rem;color:rgba(255,255,255,.8);font-size:clamp(1.05rem,1.6vw,1.25rem)}
.hlf-about-section--cta{padding:clamp(4.5rem,8vw,7rem) 0;background:var(--wp--preset--color--off-white)}.hlf-about-cta{max-width:1240px}.hlf-about-contact-line{margin:1.25rem 0 0;font-size:clamp(1.25rem,2vw,1.65rem)}
.hlf-about-cta .wp-block-buttons{margin-top:1.5rem}.hlf-about-cta .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.85rem 1.35rem;border:1px solid var(--wp--preset--color--purple);border-radius:0;background:var(--wp--preset--color--purple);color:#fff;text-decoration:none;transition:background-color var(--hlf-transition),color var(--hlf-transition)}.hlf-about-cta .wp-block-button__link:hover{background:transparent;color:var(--wp--preset--color--purple)}
@media(max-width:900px){.hlf-about-hero__grid{grid-template-columns:1fr}.hlf-about-hero__statement{text-align:left}.hlf-about-columns{flex-direction:column}.hlf-about-columns--reverse{flex-direction:column-reverse}.hlf-about-portrait{min-height:28rem}.hlf-about-section--approach h2,.hlf-about-hero h1,.hlf-about-hero__statement p{white-space:normal}}
@media(max-width:620px){.hlf-about-section{padding:5rem 0}.hlf-about-timeline li{grid-template-columns:1fr;gap:.5rem}.hlf-about-portrait{min-height:22rem}}