/* restore.css — additions for the restored site (banners from the 2023 site, lost images) */
.banner{line-height:0;border-bottom:4px solid #888888}
.banner img{display:block;width:100%;height:auto}
.banner-raum{border-color:#BC4022}.banner-bau{border-color:#9F7F4E}.banner-elektro{border-color:#5D7D8E}
.banner-startseite,.banner-aktuell{border-color:#E4E5E5}
#content{padding-top:30px}
.TabelleRow{min-height:0;vertical-align:top}
.skizze{display:block;width:100%;max-width:460px;height:auto;margin:10px 0 20px;border:1px solid #E4E5E5}
#contentLeft .medien a{color:#e53527}
/* home: more of the firm's own material */
.home-more h2.heading{border-top:1px solid #E4E5E5;padding-top:30px;margin:50px 0 22px}
.home-more .home-h3{font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin:30px 0 8px}
#contentLeft ul.home-list{display:block;margin:0 0 12px}
#contentLeft ul.home-list li{list-style:none;margin:0;padding:9px 0;border-bottom:1px solid #E4E5E5}
#contentLeft ul.home-list a{color:#3E3E3E}
#contentLeft ul.home-list a:hover strong{color:#e53527}
.home-list strong{font-weight:600}
.home-list .grau{display:block;font-size:12px;line-height:17px}
.karten{display:flex;gap:10px}
.karte{flex:1 1 0;min-width:0}
.karte img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid #E4E5E5}
.karte h4{font-size:13px;font-weight:600;line-height:18px;margin:10px 0 4px}
#contentLeft .karte h4 a{color:#3E3E3E}
.karte p{margin:0;color:#888;font-size:12px;line-height:17px}
/* photos on content pages */
.figuren{display:flex;gap:10px;margin:35px 0 0}
.figuren figure{flex:1 1 0;min-width:0;margin:0}
.figuren img{display:block;width:100%;height:auto;border:1px solid #E4E5E5}
.fig-caption{color:#888;font-size:12px;line-height:17px;margin:8px 0 0}
/* longer texts on the service pages (same rhythm as the home sections), links added inside the texts */
.mehr h2.heading{border-top:1px solid #E4E5E5;padding-top:30px;margin:50px 0 22px}
.mehr p{margin:19px 0 0}
.mehr h2 + p{margin-top:0}
#contentLeft .mehr ul{display:block;margin:8px 0 0}
#contentLeft .mehr li{margin:0 0 4px 18px}
#contentLeft .mehr a,#contentLeft a.ctx{text-decoration:underline;text-decoration-color:#D0D0D0;text-underline-offset:3px}
#contentLeft .mehr a:hover,#contentLeft a.ctx:hover{color:#3E3E3E;text-decoration-color:currentColor}
/* table «Nachhallzeiten nach Raumnutzung» (Raumakustik): two columns as in the firm's PDF, stacked on phones */
.nachhall h2.heading{border-top:1px solid #E4E5E5;padding-top:30px;margin:50px 0 22px}
.nachhall-spalten{display:flex;gap:20px;align-items:flex-start;margin:22px 0 0}
#contentLeft table.nachhall-tab{display:table;flex:1 1 0;min-width:0;width:100%;border-collapse:collapse;line-height:18px}
.nachhall-tab th,.nachhall-tab td{padding:5px 0;text-align:left;vertical-align:top}
.nachhall-tab thead th{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#888;border-bottom:1px solid #888;padding-top:0}
.nachhall-tab td{border-bottom:1px solid #E4E5E5}
.nachhall-tab tr td:first-child{width:auto;padding-right:12px}
.nachhall-tab .t{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;padding-right:0}
.nachhall-tab tr.gruppe th{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#BC4022;padding:18px 0 4px}
.nachhall-tab tbody:first-of-type tr.gruppe th{padding-top:12px}
.nachhall-tab td.hinweis{color:#888}
@media screen and (max-width:640px){.nachhall-spalten{flex-direction:column;gap:30px}.nachhall-spalten table.nachhall-tab{flex:none}}
/* footer on phones: the template hid all footer links below 801px; a short two-column navigation instead */
@media screen and (max-width:800px){
  .footerLeft{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}
  .footerBox,.footerSpez{display:block;float:none;width:auto}
  .footerBox h4{padding-bottom:2px;font-weight:600}
  .footerBox h4 a,.footerBox li a{display:block;padding:6px 0}
  .footerBox li{padding-bottom:0}
  .footerBox li li{display:none}
  .footerRight{border-top:1px solid #CFD0D0;margin-top:22px;padding-top:18px;color:#3E3E3E}
}
@media screen and (max-width:1120px){
  #contentLeft table{display:block;max-width:100%;overflow-x:auto}
  tr td:first-child{width:auto}
  #contentLeft a{overflow-wrap:anywhere}
  .contentStartseite > .container,.contentStartseite > div[style="height:50px;"]{display:none}
}
@media screen and (max-width:800px){.karten{flex-direction:column;gap:22px}.figuren{flex-direction:column}}
.projekte-h2{margin-bottom:22px}
/* header menu: submenus open on hover (the 2019 menu only showed the branch of the current page),
   column lines only next to open submenus, desktop menu down to 801px (hamburger below) */
#navi{background:none}
#navi > nav > ul > li > a{padding-right:10px}
#navi li.active > ul,#navi li:hover > ul{border-left:1px solid #E4E5E5;margin-left:-10px;padding-left:9px;min-height:138px;background:#fff}
#navi > nav > ul:hover > li.active > ul{display:none}
#navi > nav > ul > li:hover > ul,#navi > nav > ul > li.active:hover > ul{display:block;position:absolute;left:160px;top:0;width:330px}
#navi li ul:hover > li.active > ul{display:none}
#navi li li:hover > ul,#navi li ul > li.active:hover > ul{display:block;position:absolute;left:150px;top:0}
#navi li li li a{width:auto}
#navi a:hover{color:#BC4022 !important}
@media screen and (min-width:801px) and (max-width:1120px){
  #titel{height:280px}
  #Logo{left:auto;right:15px;top:80px}
}
#contentLeft .medien a{display:inline-block}
@media screen and (max-width:1120px){#content{padding-top:20px}.banner{margin:0 -15px}}