/* Useful interactions, informed by international construction and restoration sites. */
[hidden]{display:none!important}html{scroll-padding-top:0}
.portfolio-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end;margin-bottom:40px}.portfolio-intro h2{font-size:clamp(36px,4vw,60px);margin:18px 0 0}.portfolio-intro p{font-size:14px;max-width:43ch;color:#5a685e;margin-bottom:0}.portfolio-tools{display:flex;align-items:end;gap:20px;margin-bottom:28px}.portfolio-tools>label{flex:1}.portfolio-tools label>span,.finder-inputs label>span{display:block;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:12px}.search-field{position:relative}.search-field input{width:100%;background:transparent;border:0;border-bottom:1px solid #5d6c6066;padding:14px 42px 14px 0;border-radius:0;font:inherit;font-size:16px;min-height:52px;outline-offset:5px}.search-field>span{position:absolute;right:8px;bottom:10px;font-size:25px;pointer-events:none}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none}.view-switch{display:flex;border:1px solid #5b6a5f50;border-radius:2px;overflow:hidden}.view-switch button{border:0;padding:14px 18px;min-height:48px;background:transparent;color:#566459;font-size:12px;cursor:pointer}.view-switch button[aria-pressed=true]{background:#283d32;color:white}.filter-reset{border:0;background:none;color:#5c6a60;font-size:11px;min-height:48px;cursor:pointer;padding:10px}.portfolio-empty{background:#edf0e7;padding:45px;margin:35px 0}.portfolio-empty h3{font-size:30px}.portfolio-empty p{font-size:14px}.portfolio-empty button{cursor:pointer}
#live-projects[data-view=list]{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}#live-projects[data-view=list] .project-card{display:grid;grid-template-columns:105px 1fr 1.3fr 1fr;grid-template-rows:1fr;align-items:center;column-gap:24px;padding:22px 0;border-bottom:1px solid var(--line);margin:0}#live-projects[data-view=list] .project-card figure{grid-column:1;grid-row:1;height:100px;width:105px;margin:0;background:#e4e8e4}#live-projects[data-view=list] .project-card img{object-fit:cover;object-position:center}#live-projects[data-view=list] .project-card .project-open,#live-projects[data-view=list] .visualisation-label{display:none}#live-projects[data-view=list] .project-card>.status-label{grid-column:2;grid-row:1;margin:0;align-self:center;font-size:9px;line-height:1.8}#live-projects[data-view=list] .project-card>h3{grid-column:3;grid-row:1;max-width:none;font-size:26px;margin:0;line-height:1.2}#live-projects[data-view=list] .project-card>p{grid-column:4;grid-row:1;margin:0;font-size:11px;max-width:none}#live-projects[data-view=list] .object-placeholder{height:100px;min-height:100px;width:105px;padding:10px;grid-column:1;grid-row:1}#live-projects[data-view=list] .object-placeholder>*{display:none}#live-projects[data-view=list] .object-placeholder:after{content:'Foto folgt';font-size:10px;color:#667568}
.project-finder{background:#e9ede3}.finder-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:stretch}.finder-inputs{padding:25px 0}.finder-inputs label{display:block;margin-bottom:32px}.finder-inputs select{font:inherit;font-size:19px;width:100%;background:#fafbf5;border:0;border-bottom:1px solid #75816c;border-radius:0;padding:20px 42px 20px 16px;color:#2f4234;min-height:64px}.finder-inputs>p{font-size:12px;line-height:1.85;max-width:42ch;color:#606d5f}.finder-result{background:#fafbf5;padding:40px;position:relative;border-top:3px solid #df572f}.finder-result>h3{font-size:clamp(30px,3vw,46px);letter-spacing:-.04em;line-height:1.15;margin:20px 0}.finder-result>p{font-size:14px;line-height:1.75;color:#556451}.finder-check{border-top:1px solid #5a704532;border-bottom:1px solid #5a704532;margin:25px 0 18px;padding:20px 0}.finder-check>span{font-size:10px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:#aa4928}.finder-check p{font-size:13px;margin:12px 0 0;line-height:1.8}.finder-result .finder-building-note{font-size:12px;margin:0 0 24px}.finder-links{display:flex;flex-wrap:wrap;gap:0 22px;margin-top:20px}.finder-links a{font-size:11px}.finder-result:focus-within{outline-offset:5px}
.audience-tabs{display:flex;border-bottom:1px solid #4d829552;gap:34px;margin-bottom:0}.audience-tabs button{padding:18px 0;border:0;border-bottom:3px solid transparent;background:transparent;color:#45616e;font:inherit;font-size:15px;cursor:pointer;min-height:55px}.audience-tabs button[aria-selected=true]{border-bottom-color:#397f9c;color:#17445a;font-weight:600}.audience-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;padding-top:45px}.audience-summary h3{font-size:clamp(30px,3vw,46px);line-height:1.15;letter-spacing:-.045em;margin:20px 0}.audience-summary p{font-size:14px;color:#496775;max-width:46ch}.audience-summary .btn{margin-top:12px}.audience-steps article{display:grid;grid-template-columns:26px 1fr;gap:22px;padding:23px 0;border-bottom:1px solid #4d829537}.audience-steps article:first-child{padding-top:0}.audience-steps article>span{font-size:11px;color:#3a7a95;padding-top:8px}.audience-steps h4{font-size:23px;margin:0 0 10px}.audience-steps p{font-size:13px;color:#496775;margin:0}.mobile-contact-dock{display:none}
@media(max-width:900px){#live-projects[data-view=list] .project-card{grid-template-columns:90px 1fr 1fr;gap:8px 20px}#live-projects[data-view=list] .project-card figure{width:90px;height:100px;grid-row:1/3}#live-projects[data-view=list] .project-card>.status-label{grid-column:2/4;grid-row:1;align-self:end}#live-projects[data-view=list] .project-card>h3{grid-column:2;grid-row:2;font-size:21px;align-self:start}#live-projects[data-view=list] .project-card>p{grid-column:3;grid-row:2;align-self:start}.portfolio-tools{flex-wrap:wrap}.portfolio-tools>label{flex-basis:100%}.finder-layout{gap:5%}.finder-result{padding:30px}}
@media(max-width:760px){.portfolio-intro{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.portfolio-intro h2{font-size:38px}.portfolio-tools{gap:14px}.portfolio-tools .search-field input{font-size:14px}.portfolio-tools .filter-reset{margin-left:auto}.view-switch button{padding:12px 18px}#live-projects[data-view=list] .project-card{grid-template-columns:78px 1fr;grid-template-rows:auto auto auto;gap:5px 18px;padding:22px 0}#live-projects[data-view=list] .project-card figure,#live-projects[data-view=list] .object-placeholder{grid-column:1;grid-row:1/4;width:78px;height:105px;min-height:105px}#live-projects[data-view=list] .project-card>.status-label{grid-column:2;grid-row:1;font-size:8px}#live-projects[data-view=list] .project-card>h3{grid-column:2;grid-row:2;font-size:23px}#live-projects[data-view=list] .project-card>p{grid-column:2;grid-row:3;font-size:10px}.finder-layout{grid-template-columns:1fr;gap:8px}.finder-inputs{padding:0}.finder-inputs select{font-size:16px;padding:18px 30px 18px 12px}.finder-inputs>p{font-size:12px}.finder-result{padding:28px 22px}.finder-result h3{font-size:35px}.finder-result .btn{font-size:11px;padding:16px 13px;width:100%;text-align:center}.finder-links{display:grid;gap:0}.audience-tabs{gap:25px;overflow-x:auto;white-space:nowrap}.audience-tabs button{font-size:13px}.audience-panel{grid-template-columns:1fr;gap:35px;padding-top:28px}.audience-summary h3{font-size:37px}.audience-steps article{gap:14px}.audience-steps h4{font-size:23px}.has-contact-dock{padding-bottom:76px}.has-contact-dock .assistant-launch{display:none}.mobile-contact-dock{position:fixed;display:grid;grid-template-columns:1fr 1fr;bottom:0;left:0;right:0;z-index:85;padding-bottom:env(safe-area-inset-bottom,0px);background:#f6fbfd;box-shadow:0 -3px 20px #1b4f6420;border-top:1px solid #aec9d4}.mobile-contact-dock a{padding:14px 16px;min-height:70px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;color:#25516a}.mobile-contact-dock a:first-child{background:#245a71;color:white}.mobile-contact-dock span{font-size:13px;font-weight:600}.mobile-contact-dock small{font-size:10px}.has-contact-dock .inquiry{padding-bottom:90px}}
@media(prefers-reduced-motion:no-preference){.audience-panel:not([hidden]){animation:panel-enter .28s ease-out}@keyframes panel-enter{from{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(max-width:760px){.inquiry{scroll-margin-top:145px}}