/* Verbindliche Desktop-Geometrie entsprechend der freigegebenen PHP-Ansicht. */
header{
  height:74px;
  min-height:74px;
  padding:0 max(20px,calc((100% - 1517px)/2 + 30px));
  gap:32px;
  flex-wrap:nowrap;
}
header .brand{flex:0 0 193px}
header nav{
  order:initial;
  flex:0 0 auto;
  width:auto;
  height:100%;
  justify-content:flex-start;
  gap:25px;
  overflow:visible;
}
header nav button{flex:0 0 auto;font-size:13px;padding:0 3px}
header .ghost{position:static;margin-left:auto;padding:10px 0}
main{
  width:1145px;
  max-width:calc(100% - 92px);
  margin-left:max(20px,calc((100% - 1517px)/2 + 46px));
  margin-right:0;
  padding:52px 0 65px;
}
footer{
  width:1145px;
  max-width:calc(100% - 92px);
  margin-left:max(20px,calc((100% - 1517px)/2 + 46px));
  margin-right:0;
}
@media(max-width:1250px){
  header{height:auto;min-height:74px;padding:0 20px;gap:22px}
  header .brand{flex-basis:185px}
  header nav{order:initial;flex:1 1 auto;width:auto;height:74px;gap:18px;overflow-x:auto}
  header .ghost{position:static}
  main,footer{max-width:calc(100% - 40px);margin-left:20px}
}
@media(max-width:900px){
  header{flex-wrap:wrap;padding-top:8px}
  header nav{order:3;flex-basis:100%;width:100%;height:44px;overflow-x:auto}
  header .ghost{position:absolute;right:20px;top:16px}
  main{padding-top:30px}
}