/* Pixelbunker-Galerie responsive v1, 2026-11-03
   Tabletbreiten bisher zu eng: 3-Spalten-Layout und permanente Linksnavigation
   werden ab 1180px zu Kopfmenue und einer breiten Fotospalte.
   Bestehende Bildskalierung, Kollektionsdaten und MODX-Inhalte unveraendert. */
@media (max-width:1180px) {
  /* Bestehendes kompaktes Hauptmenue vorzeitig einschalten. */
  .pb-site-nav {
    position:sticky;top:0;bottom:auto;left:auto;width:100%;height:auto;
    overflow:visible;display:grid;
    grid-template-columns:minmax(0,1fr) auto;align-items:center;
    gap:6px;padding:10px 14px;
  }
  .pb-brand{margin:0;text-align:left;max-width:185px}
  .pb-brand img{max-height:30px;vertical-align:middle}
  .pb-menu-toggle {
    display:block;border:1px solid #fff9;background:transparent;color:#fff;
    padding:9px 14px;min-height:44px;cursor:pointer;
    font-family:Arial,sans-serif;font-size:14px;
  }
  .pb-mainnav{
    display:none;grid-column:1 / -1;max-height:calc(100dvh - 80px);
    overflow:auto;padding:10px 0;
  }
  .pb-site-nav.pb-menu-open .pb-mainnav{display:block}
  .pb-mainnav>ul>li{text-align:left}
  .pb-mainnav a,.pb-mainnav .pb-nav-label{font-size:17px;text-align:left;padding:8px 10px}
  .pb-mainnav li>ul{position:static;display:block;min-width:0;padding:0 0 0 16px;background:transparent;box-shadow:none}
  .pb-mainnav li>ul a{font-size:14px;padding:6px 10px}
  .pb-nav-footer{display:none}

  /* Erst das Fotomotiv und seine Informationen, dann die Kollektionen. */
  .pb-workspace{margin-left:0}
  .pb-app{display:block;padding:clamp(12px,2vw,24px)}
  .pb-main,.pb-sidebar{min-width:0}
  .pb-sidebar{margin-top:30px;border-top:1px solid #d1d1d1;padding-top:22px}
  .pb-header{padding:13px clamp(12px,2vw,24px) 9px}
  .pb-header strong{font-size:clamp(23px,2.4vw,29px)}

  /* 8 Kacheln: bei Tablet vier nebeneinander, bei Handy zwei. */
  .pb-collection-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
    max-height:none;overflow:visible;gap:16px;
    padding:5px 2px 12px;
  }
  .pb-collection-card img{height:auto;aspect-ratio:16/9;object-fit:cover}
  .pb-collection-card strong{font-size:clamp(13px,1.45vw,16px)}

  /* Projektinhalt bei groesseren Tablets im gleichen Stil zweispaltig. */
  .pb-project-info .pb-project-columns {
    grid-template-columns:minmax(0,2fr) minmax(210px,1fr);
    gap:clamp(22px,3vw,40px);
  }
  .pb-project-copy{max-width:78ch}
}
@media (max-width:900px) {
  /* Lesbare Beschreibung statt schmaler Zeitungsspalte. */
  .pb-project-info .pb-project-columns{grid-template-columns:minmax(0,1fr);gap:18px}
  .pb-project-meta{border-top:1px solid #d7d7d7;padding-top:16px}
}
@media (max-width:700px) {
  .pb-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pb-collection-card strong{font-size:14px}
  .pb-header small{display:none}
  .pb-project-info{margin-top:26px}
}
@media (max-width:420px) {
  .pb-collection-card strong{font-size:13px}
  .pb-header strong{font-size:22px}
  .pb-app{padding:10px}
}