/* Über uns / Arbeitsstand 03. Die Startseite wird durch diese Datei nicht verändert. */
.page-about{font-family:Georgia,'Times New Roman',Times,serif}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.about-main{flex:1 0 auto;background:#050505}
.about-hero{position:relative;border-bottom:1px solid var(--rule);background:#030303}
.about-hero__window{overflow:hidden;max-width:1600px;margin:0 auto}
.about-hero__image{width:100%;height:auto;max-width:none}
/* Ein einziges freigegebenes Motiv, keine wiederholten Porträts in den Biografien. */
.about-profiles{position:relative;isolation:isolate;padding:46px max(8vw,38px) 46px;overflow:hidden;background:radial-gradient(ellipse at 7% 40%,#090a0a 0%,transparent 46%),linear-gradient(100deg,#050505,#070707 48%,#040404)}
.profiles-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(58px,9vw,144px);max-width:1210px;margin:0 auto}
.profile{display:flex;flex-direction:column;min-width:0}
.profile-eyebrow{margin:0 0 7px;color:#f20c23;font:400 13px/1.3 Georgia,'Times New Roman',serif;letter-spacing:.19em;text-transform:uppercase}
.profile h2{font-size:clamp(28px,2.6vw,38px);line-height:1.16;font-weight:400;letter-spacing:.006em;margin:0 0 13px;color:#f1efeb}
.profile-role{margin:0 0 22px;min-height:46px;font-size:clamp(14px,1.18vw,17px);line-height:1.45;letter-spacing:.035em;color:#dedad5;text-wrap:pretty}
.profile-copy{font-size:clamp(15px,1.2vw,17.5px);line-height:1.53;color:#d5d1cc;overflow-wrap:break-word;text-wrap:pretty}
.profile-copy p{margin:0 0 16px}
.profile-copy strong{font-weight:400;color:#efebe5}
.profile-motto{padding-top:27px;margin:12px 0 0;position:relative;font-size:clamp(19px,1.7vw,24px);line-height:1.4;font-style:italic;color:#e3ded6;margin-top:auto}
.profile-motto::before{content:'';display:block;position:absolute;left:0;top:12px;width:55px;height:2px;background:#ee1526}
.profile-calligraphy{position:absolute;top:32px;width:clamp(58px,6vw,85px);height:auto;z-index:0;mix-blend-mode:screen;pointer-events:none;opacity:.82;filter:contrast(1.6) brightness(.86)}
.profile-calligraphy--left{left:clamp(5px,1.6vw,30px)}
.profile-calligraphy--right{right:clamp(5px,1.6vw,30px)}
.shared-values{position:relative;isolation:isolate;overflow:hidden;min-height:330px;padding:37px max(16vw,40px) 55px;border-top:1px solid var(--rule);background:radial-gradient(ellipse at 50% 0%,#101111 0%,#050505 63%)}
.shared-values__copy{position:relative;z-index:1;max-width:950px;text-align:center;margin:0 auto}
.shared-values h2{margin:0 0 19px;font-weight:400;font-size:clamp(27px,2.5vw,36px);line-height:1.3;color:#f1efeb}
.shared-values h2::after{content:'';display:block;margin:18px auto 0;width:70px;height:2px;background:#ef1125}
.shared-values p{font-size:clamp(14px,1.11vw,16px);line-height:1.6;color:#d0cbc4;margin:0 0 15px;text-wrap:pretty}
.shared-values a{text-decoration-color:#785357;text-underline-offset:4px;text-decoration-thickness:1px}
.shared-values a:hover{color:#fff;text-decoration-color:#f20c23}
.values-landscape{position:absolute;z-index:0;pointer-events:none;bottom:0;height:100%;width:auto;max-width:22%;object-fit:cover;object-position:bottom;mix-blend-mode:screen;opacity:.88}
.values-landscape--left{left:0;-webkit-mask-image:linear-gradient(to right,#000 55%,transparent);mask-image:linear-gradient(to right,#000 55%,transparent)}
.values-landscape--right{right:0;-webkit-mask-image:linear-gradient(to left,#000 55%,transparent);mask-image:linear-gradient(to left,#000 55%,transparent)}
.audio-toggle{display:none;border:1px solid rgba(241,239,235,.26);background:rgba(3,3,3,.82);border-radius:24px;min-height:44px;min-width:92px;padding:0 12px;gap:8px;align-items:center;justify-content:center;color:#c9c5bf;font-family:var(--sans);font-size:11px;white-space:nowrap;cursor:pointer;justify-self:end;grid-column:3;grid-row:1;transition:border-color .15s,color .15s}
.js .audio-toggle{display:inline-flex}
.audio-toggle:hover{border-color:#d0cbc4;color:#fff}
.audio-toggle[aria-pressed="true"]{color:#f1efeb;border-color:rgba(242,12,35,.6)}
.audio-toggle .sound-waves{display:none}
.audio-toggle[aria-pressed="true"] .sound-waves{display:inline}
.audio-toggle[aria-pressed="true"] .sound-off{display:none}
.js .about-audio{display:none}
.audio-fallback{display:flex;flex-direction:column;align-items:center}
.audio-fallback noscript p{font-family:var(--sans);font-size:12px;padding:0 20px;text-align:center}
@media(min-width:981px) and (max-width:1180px){.page-about .masthead{grid-template-columns:165px minmax(0,1fr) 92px}.page-about .main-nav{gap:clamp(11px,1.45vw,20px)}.page-about .main-nav a{font-size:13px}}
@media(max-width:980px){.page-about .masthead{grid-template-columns:minmax(0,1fr) auto auto;gap:0 16px}.page-about .brand-small{grid-column:1;grid-row:1}.page-about .menu-toggle{grid-column:3;grid-row:1}.page-about .audio-toggle{grid-column:2;grid-row:1}.page-about .main-nav{grid-column:1/-1;grid-row:2}.about-profiles{padding-left:9vw;padding-right:9vw}.profiles-grid{column-gap:8vw}.profile-role{min-height:62px}.profile-calligraphy{width:62px;opacity:.55}.profile-calligraphy--left{left:7px}.profile-calligraphy--right{right:7px}}
@media(max-width:700px){
 .page-about .masthead{column-gap:11px}
 .audio-toggle{min-width:44px;width:44px;padding:0;border-color:rgba(241,239,235,.2)}
 .audio-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .about-hero__image{width:calc(100% + 100px);margin-left:-50px}
 .about-profiles{padding:32px 25px 40px}
 .profiles-grid{grid-template-columns:minmax(0,1fr);gap:44px}
 .profile{position:relative}
 .profile+.profile{border-top:1px solid var(--rule);padding-top:30px}
 .profile h2{font-size:32px}
 .profile-eyebrow{font-size:12px}
 .profile-role{font-size:14px;min-height:0;margin-bottom:22px;max-width:33ch}
 .profile-copy{font-size:16px;line-height:1.62}
 .profile-copy p{margin-bottom:17px}
 .profile-motto{font-size:21px;margin-top:7px}
 .profile-calligraphy{opacity:.14;top:27px;width:70px}
 .profile-calligraphy--left{left:auto;right:15px}
 .profile-calligraphy--right{display:none}
 .shared-values{padding:31px 25px 37px;min-height:0}
 .shared-values h2{font-size:28px}
 .shared-values p{font-size:15px;line-height:1.65}
 .values-landscape{max-width:45%;opacity:.10}
}
@media(max-width:360px){.page-about .masthead{padding-left:14px;padding-right:14px;column-gap:5px}.page-about .menu-toggle{min-width:66px}.about-profiles{padding-left:20px;padding-right:20px}.profile h2{font-size:28px}.shared-values{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.audio-toggle{transition:none}}
@media print{.audio-toggle,.audio-fallback,.about-hero,.profile-calligraphy,.values-landscape{display:none!important}.about-profiles,.shared-values{background:#fff;color:#111;padding:20px 0}.profiles-grid{display:block}.profile{break-inside:avoid;margin-bottom:30px}.profile h2,.profile-role,.profile-copy,.profile-copy strong,.profile-motto,.shared-values h2,.shared-values p{color:#111}.profile-eyebrow{color:#111}.profile-role{min-height:0}.visually-hidden{position:static!important;width:auto!important;height:auto!important;clip:auto!important;white-space:normal!important;margin:0!important;overflow:visible!important}}