/* Hauptmenue links (frueher der Frame menu.html) - wird von seiten.py in jede Seite eingefuegt */
html{padding-left:130px}
/* 1 % der Inhaltsbreite (Fenster ohne Menue) - ersetzt vw in den Seiten */
:root{--vw:calc((100vw - 130px) / 100)}
/* Seiteninhalt: der Wrapper soll Schrift/Farbe nicht aendern (dunkel.css gibt div 14px) */
#seite{font-size:inherit;font-family:inherit;font-weight:inherit;color:inherit}
#hm{position:fixed;z-index:40;left:0;top:0;bottom:0;width:130px;overflow:hidden;background:#F5F5F5}
#hm img{position:absolute;display:block;border:0}
#hm .f1{left:15px;top:0}
#hm .f2{left:15px;top:343px}
#hm .b{left:10px}
#hm .b1{top:188px}
#hm .b2{top:219px}
#hm .b3{top:250px}
#hm .b4{top:281px}
#hm .b5{top:312px}
/* Bildbetrachter der Galerien (sw.html, rip.html) bleibt rechts vom Menue, wie frueher im Frame */
#v{left:130px}
/* Vollbild ohne Menue */
html:fullscreen{padding-left:0}
html:fullscreen #hm{display:none}
html:fullscreen #v{left:0}
/* Smartphone: Menue als Tastenreihe oben */
@media (max-width:700px){
  :root{--vw:1vw}
  html{padding-left:0}
  body{display:flex;flex-direction:column}
  #seite{min-width:0}
  #hm{position:static;order:-1;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;width:auto;padding:8px 6px}
  #hm img{position:static}
  #hm .f1,#hm .f2{display:none}
  #v{left:0}
  /* alte Seiten mit festen Tabellenbreiten: Zellen fliessen untereinander, Bilder passen sich an */
  #seite table,#seite tbody,#seite tr{display:block;width:auto!important;height:auto!important}
  #seite td,#seite th{display:inline-block;vertical-align:top;width:auto!important;height:auto!important;max-width:100%}
  /* leere Abstandszellen neben Text weglassen (sonst steht ein Leerzeichen vor dem Text);
     ganz leere Zeilen bleiben als Abstand erhalten */
  #seite tr:has(>:is(td,th):not(:empty))>:is(td,th):empty{display:none}
  #seite img{max-width:100%;height:auto}
  #seite pre{overflow-x:auto;max-width:100%}
  #seite{overflow-wrap:break-word}
  #seite.alt{padding:0 10px 12px}
  #seite.alt img[style*="vertical-align:-"]{display:block;margin:0 0 6px}
  /* Tastenreihe der Fotografie-Seiten (Digital, Analog, d.r.f, ShiftN, RIP): umbrechen wie das Hauptmenue */
  #seite table:has(img[alt="Digital"]){margin:0 -10px}
  #seite:not(.alt) table:has(img[alt="Digital"]){margin:0}
  #seite tr:has(img[alt="Digital"]){display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;padding:8px 6px}
  #seite tr:has(img[alt="Digital"])>:empty{display:none}
  #seite table:has(img[alt="Digital"]) tr:not(:has(img)){display:none}
}