/* Pixelbunker – Original-Base-Menue in der isolierten MODX-Galerie-Testseite.
   Logo/Navigation/Hover/Untermenue aus der originalen style.css und custom.min.css.
   Hier stehen nur die fuer das neue Galerie-Raster noetigen Einpassungen. */
#header { z-index:40; overflow-y:auto; overflow-x:visible; }
#header.project-open { left:0 !important; }
.pb-workspace { min-width:0; margin-left:200px; }
@media (min-width:1851px) {
  .pb-workspace { margin-left:350px; }
}
@media (min-width:901px) and (max-width:1850px) {
  #header { width:200px; }
  .pb-workspace { margin-left:200px; }
}
/* Mit Originalnavigation nicht die alte Desktop-Nachbildung skalieren. */
@media (max-width:900px) {
  #header, #header.project-open {
    position:relative; left:0; top:0; width:100%; height:auto;
    float:none; overflow:visible; z-index:40;
  }
  .pb-workspace { margin-left:0; }
  #header #logo { display:block; width:auto; margin:0; padding:15px 80px 15px 14px; text-align:left; line-height:1; }
  #header #logo img { display:block; height:auto; width:auto; max-width:190px; max-height:30px; }
  #header .mobile-nav-handler {
    display:block; position:absolute; top:6px; right:12px;
    min-width:54px; min-height:42px; margin:0; padding:8px 10px;
    border:1px solid rgba(255,255,255,.6); border-radius:2px;
    color:#fff; font:14px/24px Arial,sans-serif; cursor:pointer;
  }
  #header .mobile-nav-handler::after { content:'Menü'; display:inline; color:#fff; margin-left:4px; }
  #header .mobile-nav-handler i { color:#fff; font-size:16px; }
  #main-nav { display:none !important; margin:0; padding:10px 12px 16px; max-height:calc(100dvh - 70px); overflow:auto !important; }
  #header.pb-original-nav-open #main-nav { display:block !important; }
  #main-nav ul li { font-size:17px; text-align:left; line-height:1.6; }
  #main-nav ul li a { padding:4px 8px; }
  #main-nav ul ul { position:static; left:auto; top:auto; min-width:0; max-height:none; height:auto; background:transparent; overflow:visible; }
  #main-nav ul ul li { font-size:14px; }
  #main-nav ul ul li a { padding-left:24px; }
  .social-nav { display:none; }
}
@media (max-width:480px) {
  #header #logo img { max-width:165px; }
  .pb-controls { gap:10px; flex-wrap:wrap; }
}
/* Play/Pause ist bewusst unaufdringlich und als Text statt Icon gut erkennbar. */
.pb-controls .pb-autoplay-toggle {
  min-width:74px; min-height:42px; padding:6px 11px;
  font:14px/1.25 Arial,sans-serif; text-transform:none; color:#333;
  border:1px solid #aaa; background:transparent;
}
.pb-controls .pb-autoplay-toggle:hover { background:#ddd; }
.pb-controls .pb-autoplay-toggle:focus-visible,
#header .mobile-nav-handler:focus-visible { outline:3px solid #555; outline-offset:3px; }

/* pb-test-preloader-fix
   Legacy-Preloader nur in der neuen Galerie deaktivieren.
*/
#preloader,
#loading-animation {
    display: none !important;
}