/* Shared PhotoPWA chrome for static help and example pages. */
body.content-page{padding:0;margin:0;background:#222;color:#eee;font:14px Arial,sans-serif}
.content-page header,.content-page footer{box-sizing:border-box;max-width:1120px;margin:0 auto}
.content-page header{position:relative;background:transparent;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 24px}
.content-page header img{display:block;width:280px;max-width:100%;height:auto}
.content-page #menuleft{display:flex;align-items:center;flex-wrap:wrap;gap:6px;float:none;text-align:start}
.content-page #menuleft a,.content-page #menuleft button,.content-page #menufoter a,.content-page #menulang a,.content-page .seo-button{background:#0dccea;background-image:linear-gradient(#0dccea,#0d70ea);border:1px solid #555;border-radius:4px;color:#fff;text-decoration:none;cursor:pointer;padding:8px 12px;min-height:36px;box-sizing:border-box;display:inline-block;font:14px/1.4 Arial,sans-serif}
.content-page #menuleft a:hover,.content-page #menuleft button:hover,.content-page #menufoter a:hover,.content-page #menulang a:hover{box-shadow:inset 0 0 8px #000}
.content-page #menufoter a,.content-page #menulang a{margin:4px}
.content-page #menulang a{background:#00639f;border:none}
.content-page footer{padding:20px 16px;text-align:center;background:#321;border-top:1px solid #999;font-size:12px}
.content-page #textinhalt{background:#292521;border-radius:9px}
.content-page #menulang{margin-top:24px}.content-page #menulang p{margin-bottom:8px}
.content-page .seo-button{font-size:17px;font-weight:bold;padding:12px 22px}
.content-page #install_but[hidden]{display:none}
.content-page #menuleft #lightdark{width:26px;height:24px;min-height:24px;margin:4px;padding:0;background-position:-78px -129px;background-image:url(sprt5.png),linear-gradient(90deg,#0299b1,#0d70ea);filter:invert(100%)}
.content-page a:focus-visible,.content-page button:focus-visible{outline:3px solid #ffd66d;outline-offset:3px}
.content-page[dir="rtl"] .seo-content,.content-page[dir="rtl"] .seo-content th,.content-page[dir="rtl"] .seo-content td{text-align:right!important}
@media(max-width:810px){.content-page header{padding:16px 20px}.content-page header img{width:280px}.content-page #menuleft a,.content-page #menuleft button{padding:8px 12px}}
html[data-theme="light"] .content-page footer{background:#eee;color:#321}