body.site-bau{background:var(--paper);position:relative}
.bau-head{position:absolute;top:0;left:0;right:0;z-index:5;
padding-top:clamp(1.3rem,3.5vh,2.2rem);color:var(--paper)}
.bau-head .wrap{display:flex;align-items:center;gap:1.5rem}
.bau-nav{margin-left:auto;display:flex;gap:1.6rem;font-size:.88rem}
.bau-nav a{text-decoration:none;color:rgba(237,238,232,.78);padding:.2rem 0}
.bau-nav a:hover,.bau-nav a:focus-visible{color:var(--paper);
box-shadow:inset 0 -2px 0 var(--green)}
@media(max-width:34rem){.bau-nav a:not(:last-child){display:none}}
.hero-bau .status{margin-top:1.9rem}
.kacheln{
list-style:none;display:grid;gap:1px;margin-top:2.2rem;
grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));
background:var(--line);border:1px solid var(--line);
}
.kachel{background:var(--paper);padding:1.5rem 1.4rem 1.35rem;
display:flex;flex-direction:column;gap:.45rem;min-width:0}
.kachel-kopf{display:flex;align-items:flex-start;justify-content:space-between;
gap:1rem;margin-bottom:.55rem}
.kachel .linie-bild{width:56px;height:56px;color:var(--moss);opacity:1}
.kachel-status{font-family:"IBM Plex Mono",monospace;font-size:.66rem;
letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);
border-radius:999px;padding:.22rem .65rem;opacity:.8}
.kachel-name{font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:.02em}
.kachel-kurz{font-family:"IBM Plex Mono",monospace;font-size:.72rem;
letter-spacing:.12em;text-transform:uppercase;color:var(--moss)}
.kachel-text{font-size:.94rem;opacity:.82;flex:1 1 auto}
.kachel-link{align-self:flex-start;margin-top:.65rem;font-size:.9rem;font-weight:500;
text-decoration:none;color:var(--moss);border-bottom:2px solid var(--green)}
.kachel-link:hover,.kachel-link:focus-visible{border-bottom-color:var(--moss)}
@media(max-width:34rem){
.kachel{display:grid;grid-template-columns:auto 1fr auto;
column-gap:.9rem;row-gap:.2rem;padding:1.2rem 1.1rem 1.1rem}
.kachel-kopf{display:contents}
.kachel .linie-bild{grid-column:1;grid-row:1 / span 2;width:44px;height:44px;align-self:center}
.kachel-status{grid-column:3;grid-row:1;align-self:start}
.kachel-name{grid-column:2;grid-row:1;align-self:end}
.kachel-kurz{grid-column:2 / -1;grid-row:2}
.kachel-text{grid-column:1 / -1;margin-top:.6rem}
.kachel-link{grid-column:1 / -1;justify-self:start}
}
.zeichnungen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
gap:2.2rem clamp(1rem,3vw,2.5rem);margin-top:2.6rem}
@media(max-width:56rem){.zeichnungen{grid-template-columns:repeat(2,minmax(0,1fr))}}
.zeichnung{margin:0;display:flex;flex-direction:column;gap:.9rem}
.zeichnung-flaeche{display:flex;align-items:flex-end;justify-content:center;
height:clamp(8.5rem,21vw,16.5rem)}
.zeichnung img{display:block;max-width:100%;max-height:100%;width:auto;height:auto}
.zeichnung figcaption{font-family:"IBM Plex Mono",monospace;font-size:.72rem;
letter-spacing:.06em;line-height:1.5;color:rgba(237,238,232,.78);
border-top:1px solid var(--line-inv);padding-top:.7rem}
.gewerke{list-style:none;border-top:1px solid var(--line-inv);align-self:center}
.gewerk{display:grid;grid-template-columns:5.6rem 1fr;gap:.15rem 1rem;
align-items:center;padding:1.15rem 0;border-bottom:1px solid var(--line-inv)}
.gewerk-bilder{grid-row:span 2;display:flex;gap:.3rem;color:var(--green)}
.gewerk-bilder .linie-bild{width:40px;height:40px;opacity:1}
.gewerk-name{font-weight:500;line-height:1.35}
.gewerk-linien{font-family:"IBM Plex Mono",monospace;font-size:.72rem;
letter-spacing:.1em;text-transform:uppercase;color:rgba(237,238,232,.78)}
.bau-foot{background:var(--ink);color:var(--paper);padding:1.3rem 0 1.6rem;font-size:.8rem}
.bau-foot .wrap{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;
justify-content:space-between;color:rgba(237,238,232,.72)}
.bau-foot a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line-inv)}
.bau-foot a:hover,.bau-foot a:focus-visible{color:var(--paper);border-color:var(--green)}