#PAGE_SECTIONSsc6pb.td{--orange:#f6a429;--ink:#000;--paper:#fff;--grey:#f3f3f3;display:block;pointer-events:auto;min-width:0;box-sizing:border-box;padding:112px 0 0;background:var(--paper);color:var(--ink);font:18px/1.6 quicksand,'Trebuchet MS',sans-serif;}
.td *,.td *::before,.td *::after{box-sizing:border-box;}
.td h1,.td h2,.td p{margin:0;font:inherit;color:inherit;}
.td h1{font-size:clamp(48px,6.5vw,96px);font-weight:700;line-height:1.04;letter-spacing:-.045em;}
.td h2{font-size:clamp(28px,3vw,44px);font-weight:700;line-height:1.15;letter-spacing:-.025em;}
.td p{max-width:60ch;}.td a{color:inherit;text-decoration:none;}.td a:hover{text-decoration:underline;text-underline-offset:5px;}
.td a:focus-visible,.td button:focus-visible{outline:3px solid currentColor;outline-offset:5px;}
.td .td-shell{width:calc(100% - 96px);max-width:1296px;margin:auto;}
.td .td-intro p{font-size:24px;line-height:1.5;}
.td .td-photo{position:relative;isolation:isolate;overflow:hidden;background:var(--grey);aspect-ratio:1/1;}
.td .td-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:grayscale(1);transform:scale(1);transition:filter .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);}
.td .td-photo:focus-within img,.td .td-photo.td-visible img{filter:grayscale(0);}
@media(min-width:1024px){.td .td-photo:hover img{filter:grayscale(0);transform:scale(1.1);}}
.td .td-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--grey);color:var(--ink);}
.td .td-placeholder strong{font-weight:400;font-size:clamp(90px,12vw,180px);line-height:1;letter-spacing:-.06em;}
.td .td-role{font-size:17px;margin-top:10px;}
.td .td-links{display:flex;align-items:center;flex-direction:row;gap:16px;margin-top:23px;}
.td .td-links a{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;color:inherit;text-decoration:none;transition:background .2s,color .2s;}
.td .td-links a:hover{background:var(--orange);color:#000;}
.td .td-links svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;}
.td .td-envelope-flap{transform-origin:12px 7px;transition:transform .5s ease-out;}
.td .td-mail-link:hover .td-envelope-flap,.td .td-mail-link:focus-visible .td-envelope-flap{transform:rotateX(180deg);}
.td .td-credit{max-width:1296px;width:calc(100% - 96px);margin:36px auto 28px;font-size:13px;line-height:1.6;color:#555;}
.td .td-credit a{text-decoration:underline;text-underline-offset:3px;}.td .td-credit span{display:block;}.td [hidden]{display:none!important;}
.td-choice{position:relative;display:flex;justify-content:center;padding:8px 20px 28px;background:#fff;color:#555;pointer-events:auto;font:500 14px/1.5 quicksand,sans-serif;}
.td-choice a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-underline-offset:4px;}.td-choice a:focus-visible{outline:2px solid #000;outline-offset:3px;}
/* 1: Nur die Menschen, Kontaktsymbole liegen im Foto. */
.td-one h1{font-size:28px;line-height:1.3;letter-spacing:normal;}
.td-one .td-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:44px;}
.td-one .td-intro p{max-width:360px;margin-bottom:6px;}
.td-one .td-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.td-one .td-photo{aspect-ratio:4/5;}
.td-one .td-overname{position:absolute;inset:auto 0 0;z-index:1;padding:120px 36px 28px;background:linear-gradient(transparent,rgba(0,0,0,.84));color:#fff;}
.td-one .td-overname h2{font-size:38px;}.td-one .td-overname .td-role{margin-top:6px;}.td-one .td-overname .td-links{justify-content:space-between;margin-top:20px;}
.td-one .td-placeholder{background:#d7d7d7;}
/* 2: Architekturpanorama über zwei kompakten Profilen. */
.td-two .td-panorama{height:435px;position:relative;isolation:isolate;overflow:hidden;}
.td-two .td-architecture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.td-two .td-panorama::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 80%);z-index:0;}
.td-two .td-panorama-title{position:absolute;bottom:42px;left:48px;right:38px;z-index:1;color:#fff;}
.td-two h1{font-size:90px;margin-bottom:16px;}.td-two .td-profile-pair{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:42px;padding-bottom:36px;border-bottom:12px solid var(--orange);}
.td-two .td-compact{display:grid;grid-template-columns:.8fr 1fr;gap:24px;align-items:center;min-width:0;}
.td-two .td-photo{aspect-ratio:3/4;}.td-two .td-person-copy h2{font-size:32px;}.td-two .td-person-copy .td-role{font-size:16px;}.td-two .td-placeholder strong{font-size:95px;}
/* 3: Einzelne Person auf dunkler Bühne, tatsächlich wechselbar. */
#PAGE_SECTIONSsc6pb.td-three{background:#000;color:#fff;padding-top:108px;}
.td-three .td-intro{display:flex;align-items:end;justify-content:space-between;gap:44px;margin-bottom:30px;}.td-three .td-intro p{max-width:370px;}
.td-three .td-tabs{display:flex;gap:28px;margin-bottom:32px;border-bottom:1px solid #666;}
.td-three .td-tabs button{appearance:none;border:0;border-bottom:4px solid transparent;background:transparent;color:#fff;padding:16px 2px;font:500 18px/1.3 quicksand,sans-serif;cursor:pointer;}
.td-three .td-tabs button[aria-selected=true]{border-bottom-color:var(--orange);color:var(--orange);}
.td-three .td-panel{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.td-three .td-person-copy h2{font-size:clamp(42px,5.8vw,78px);max-width:500px;}.td-three .td-role{color:var(--orange);font-size:21px;}
.td-three .td-person-copy>p:not(.td-role){font-size:20px;max-width:430px;margin-top:30px;}.td-three .td-links{margin-top:30px;}
.td-three .td-placeholder{background:#242424;color:#fff;border-left:12px solid var(--orange);}.td-three .td-credit{color:#bbb;margin-top:42px;margin-bottom:0;padding-bottom:28px;}
/* 4: Asymmetrische Porträts, überlappende Namensflächen. */
.td-four .td-intro{display:flex;align-items:center;justify-content:space-between;gap:50px;max-width:1150px;margin:0 auto 70px;}
.td-four h1{font-size:88px;max-width:500px;}.td-four .td-intro p{max-width:330px;border-left:12px solid var(--orange);padding-left:25px;}
.td-four .td-staggered{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:0 38px 0 0;}
.td-four .td-staggered::before{content:"";position:absolute;left:28%;right:0;top:130px;bottom:150px;background:var(--orange);z-index:0;}
.td-four .td-offset-person{position:relative;z-index:1;min-width:0;}.td-four .td-offset-person:nth-child(2){margin-top:190px;}
.td-four .td-photo{aspect-ratio:4/5;}.td-four .td-person-copy{position:relative;z-index:2;margin:-55px -32px 0 36px;padding:25px 28px 22px;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.07);}
.td-four .td-person-copy h2{font-size:34px;}.td-four .td-placeholder{background:#e9e9e9;}
/* 5: Orange Fläche und kreisrunde Porträts. */
#PAGE_SECTIONSsc6pb.td-five{background:var(--orange);padding-top:106px;}
.td-five .td-intro{text-align:center;max-width:820px;margin:0 auto 48px;}.td-five .td-intro h1{font-size:90px;margin-bottom:24px;}.td-five .td-intro p{margin:auto;font-size:25px;}
.td-five .td-rounds{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1080px;margin:auto;}
.td-five .td-photo{border-radius:50%;aspect-ratio:1/1;border:10px solid #fff;max-width:390px;width:100%;margin:0 auto 30px;}
.td-five .td-person-copy{text-align:center;}.td-five .td-links{justify-content:center;}.td-five .td-links a:hover{background:#fff;}.td-five .td-placeholder{background:#f3f3f3;}
.td-five .td-credit{color:#29220f;margin-top:50px;margin-bottom:0;padding-bottom:26px;}
@media(max-width:1023px){
 #PAGE_SECTIONSsc6pb.td{padding-top:96px;}.td .td-shell{width:calc(100% - 48px);}.td .td-credit{width:calc(100% - 48px);}.td .td-intro p{font-size:21px;}
 .td-one .td-intro{gap:32px;}.td-one h1{font-size:26px;}.td-one .td-overname{padding:85px 24px 22px;}.td-one .td-overname h2{font-size:29px;}
 .td-two .td-panorama{height:345px;}.td-two h1{font-size:68px;}.td-two .td-panorama-title{left:30px;bottom:30px;}.td-two .td-profile-pair{gap:24px;}.td-two .td-compact{grid-template-columns:1fr;gap:22px;}.td-two .td-photo{aspect-ratio:4/3;}.td-two .td-person-copy h2{font-size:29px;}.td-two .td-placeholder strong{font-size:110px;}
 .td-three .td-intro{gap:24px;}.td-three .td-intro p{max-width:280px;}.td-three .td-panel{gap:36px;}.td-three .td-person-copy h2{font-size:48px;}.td-three .td-person-copy>p:not(.td-role){font-size:18px;}
 .td-four .td-intro{gap:32px;margin-bottom:50px;}.td-four h1{font-size:65px;}.td-four .td-staggered{gap:36px;padding-right:25px;}.td-four .td-offset-person:nth-child(2){margin-top:130px;}.td-four .td-person-copy{margin:-30px -24px 0 18px;padding:22px 20px;}.td-four .td-person-copy h2{font-size:27px;}.td-four .td-staggered::before{bottom:120px;}
 .td-five .td-intro h1{font-size:72px;}.td-five .td-rounds{gap:36px;}.td-five .td-photo{border-width:8px;}.td-five .td-person-copy h2{font-size:30px;}
}
@media(max-width:600px){
 #PAGE_SECTIONSsc6pb.td{padding-top:88px;}.td .td-shell{width:calc(100% - 40px);}.td .td-credit{width:calc(100% - 40px);font-size:12px;}.td .td-intro p{font-size:21px;}.td h1{font-size:54px;}.td .td-role{font-size:16px;}.td .td-placeholder strong{font-size:108px;}
 .td-one .td-intro{display:block;margin-bottom:30px;}.td-one h1{font-size:24px;margin-bottom:20px;}.td-one .td-intro p{max-width:none;text-wrap:balance;}.td-one .td-gallery{grid-template-columns:1fr;gap:28px;}.td-one .td-photo{aspect-ratio:3/4;}.td-one .td-overname{padding:100px 24px 20px;}.td-one .td-overname h2{font-size:28px;}
 .td-two .td-shell{width:100%;}.td-two .td-panorama{height:390px;}.td-two .td-panorama-title{left:24px;right:20px;bottom:30px;}.td-two h1{font-size:54px;max-width:290px;}.td-two .td-intro p{max-width:270px;}.td-two .td-profile-pair{margin:28px 20px 0;grid-template-columns:1fr;padding-bottom:30px;gap:28px;border-bottom-width:8px;}.td-two .td-compact{grid-template-columns:.8fr 1fr;gap:16px;}.td-two .td-photo{aspect-ratio:3/4;}.td-two .td-person-copy h2{font-size:25px;}.td-two .td-person-copy .td-role{font-size:14px;}.td-two .td-links{gap:9px;margin-top:15px;}.td-two .td-placeholder strong{font-size:66px;}
 .td-three .td-intro{display:block;margin-bottom:24px;}.td-three .td-intro h1{font-size:54px;margin-bottom:22px;}.td-three .td-intro p{max-width:100%;}.td-three .td-tabs{gap:20px;margin-bottom:26px;}.td-three .td-tabs button{font-size:16px;flex:1;text-align:left;}.td-three .td-panel{grid-template-columns:1fr;gap:28px;}.td-three .td-person-copy h2{font-size:45px;}.td-three .td-role{font-size:19px;}.td-three .td-person-copy>p:not(.td-role){margin-top:23px;}.td-three .td-links{margin-top:20px;}
 .td-four .td-intro{display:block;margin-bottom:38px;}.td-four h1{font-size:56px;margin-bottom:26px;}.td-four .td-intro p{font-size:21px;max-width:310px;border-left-width:8px;padding-left:18px;}.td-four .td-staggered{display:block;padding:0;}.td-four .td-staggered::before{left:36%;right:0;top:110px;bottom:140px;}.td-four .td-offset-person{width:calc(100% - 34px);margin:0 34px 0 0;}.td-four .td-offset-person:nth-child(2){margin:42px 0 0 34px;}.td-four .td-person-copy{margin:-34px -20px 0 20px;padding:22px 16px;}.td-four .td-offset-person:nth-child(2) .td-person-copy{margin-left:-20px;margin-right:20px;}.td-four .td-person-copy h2{font-size:27px;}.td-four .td-photo{aspect-ratio:4/5;}
 .td-five .td-intro{margin-bottom:32px;}.td-five .td-intro h1{font-size:54px;}.td-five .td-intro p{font-size:22px;max-width:300px;}.td-five .td-rounds{grid-template-columns:1fr;gap:42px;}.td-five .td-photo{max-width:285px;margin-bottom:24px;}.td-five .td-person-copy h2{font-size:30px;}.td-five .td-credit{margin-top:32px;}
}
@media(prefers-reduced-motion:reduce){.td .td-photo img,.td .td-links a,.td .td-envelope-flap{transition:none!important;}}

/* Gewaehlte Seite: der Menuepunkt nennt die Seite, die Einleitung spricht fuer sich. */
.td-one .td-intro{display:block;}
.td-one .people-statement{font-size:24px;line-height:1.5;font-weight:400;letter-spacing:normal;max-width:52ch;text-wrap:balance;margin:0;}
@media(max-width:1023px){.td-one .people-statement{font-size:21px;}}

/* Personenkarten: Anordnung und Symbole wie 4mb.ch/team, Homepage-Schrift erhalten. */
.td-one .td-card-shade{position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .5s;}
.td-one .td-card-label{position:absolute;top:24px;left:12px;right:12px;z-index:2;opacity:0;pointer-events:none;transition:opacity .7s;}
.td-one .td-card-label h2{font-size:20px;font-weight:300;line-height:28px;letter-spacing:normal;margin:0 0 4px;color:#fff;}
.td-one .td-card-label .td-role{font-size:14px;font-weight:300;line-height:20px;margin:0;color:rgba(255,255,255,.9);}
.td-one .td-card-contact{position:absolute;bottom:12px;z-index:2;display:block;width:32px;height:32px;color:#fff;opacity:0;transition:opacity .7s;text-decoration:none;}
.td-one .td-card-phone{left:12px;}
.td-one .td-card-mail{right:12px;}
.td-one .td-card-contact svg{display:block;width:32px;height:32px;}
.td-one .td-card-mail .td-envelope-flap{transform-origin:16px 12px;}
.td-one .td-card-mail:hover .td-envelope-flap,.td-one .td-card-mail:focus-visible .td-envelope-flap{transform:rotateX(-180deg);}
.td-one .td-photo:hover .td-card-shade,.td-one .td-photo:hover .td-card-label,.td-one .td-photo:hover .td-card-contact,
.td-one .td-photo:focus-within .td-card-shade,.td-one .td-photo:focus-within .td-card-label,.td-one .td-photo:focus-within .td-card-contact{opacity:1;}
@media(max-width:1023px){
 .td-one .td-card-label{top:8px;}
 .td-one .td-photo.td-visible .td-card-shade,.td-one .td-photo.td-visible .td-card-label,.td-one .td-photo.td-visible .td-card-contact{opacity:1;}
}
@media(prefers-reduced-motion:reduce){.td-one .td-card-shade,.td-one .td-card-label,.td-one .td-card-contact{transition:none;}}

/* Abstand zum gemeinsamen Rechtslink wie unter dem Kontaktformular. */
#PAGE_SECTIONSsc6pb.td-one{padding-bottom:60px;}
@media(max-width:1000px){#PAGE_SECTIONSsc6pb.td-one{padding-bottom:24px;}}