@media screen{
body{position:relative;width:910px;background-color:#bbb;margin:1px auto;font-family:sans-serif;vertical-align:baseline;font-kerning:auto}
body,aside.left,nav ul,nav li,li.active,main,.image,.infos,img{padding:0} /*;border:0*/
nav,p,pre,ul,ol,table{background-color:#fff}
aside.left{position:absolute;width:190px}
nav{padding:.3em;overflow:hidden;border-radius:.5em}
nav ul{color:#900;margin:0 0 0 1em}
nav li,li.active{margin:0;font-size:1em;line-height:1.2em}
nav li{list-style-type:circle}
nav li.active{list-style-type:disc}
main{position:absolute;margin:0 1px 0 205px;max-width:730px}
footer{margin:10px 0 10px 0;color:#333;padding:0 0 .5em;font-size:.9em;line-height:1.3em;text-align:center;clear:left}
h1,h2,h3,h4,h5{clear:left;color:#fff;line-height:1em;background-color:#900;text-decoration:none;overflow:hidden;padding:10px 10px 7px 10px;border-radius:.8em .8em 0 0;text-shadow:2px 2px 8px #222}
h2.wer-text,h2.wer-google{background-color:#0971b2}
h2.wer-google{margin-bottom:0}
h1{font-size:2em;margin:0 0 10px}
h2,h3,h4,h5{margin:25px 0 10px}
h2{font-size:1.5em}
h3{font-size:1.3em}
h4{font-size:1.2em}
p,pre,ul,ol,img.photosrandom{margin:-10px 0;border-radius:0 0 .8em .8em}
img.photosfavorites{margin:2em 0 0;border-radius:.8em}
p,pre,ul,ol{font-size:1em;line-height:1.5em;padding:5px 10px 5px 10px;hyphens:auto}
.width_small,.image,.infos{float:left}
.width_small{max-width:500px;width:60%;margin:-10px 20px 10px 0}
.image,.infos{width:200px;margin:0}
.image{margin-top:-10px}
img,strong,.image,.infos{background-color:transparent}
img.as_text{vertical-align:middle}
img.inline{float:right;margin: 0 -10px 10px 10px}
li{margin:0 0 0 30px;padding:0 0 0.3em 0;list-style-position:outside}
table{margin:20px 0}
table.secmua,td,th,tr{border:1px solid #000;border-collapse:collapse;line-height:1.3em} /* border-radius: 0.8em; overflow:hidden*/
caption.none{display:none}
th,td{padding:.2em}
th{font-size:.9em}
td{font-size:.8em}
abbr{border-bottom:1px dashed #000;cursor:help}
strong{font-weight:600}
div,br{clear:left}
a:link{text-decoration:underline;color:#900;transition:all 0.2s}
a:visited{color:#444}
a:hover{color:#fff;background-color:#900}
a:active{color:#fff;background-color:#000}
a.navi{text-decoration:none}
a.nohover{background-color:transparent;margin:0 10px 0 0}
a.ext:before{content:"\2192"}
}
@media screen and (max-width:910px){
body{font-size:1em;width:auto;margin:1px}
main{position:relative;margin:1px;max-width:none}
aside.left{margin:10px 0 0 1px;top:100%;width:auto}
.width_small{max-width:none;width:auto;margin:-10px 0 10px}
}
@media (prefers-color-scheme:dark){
body{background-color:#000}
nav,p,pre,ul,ol,table{background-color:#141414}
nav,p,pre,ul,ol,table,h1,h2,h3,h4,h5,footer{color:#f1efed}
a:link{color:#f00}
a:visited{color:#8e8e8e}
a:hover{color:#f1efed;background-color:#900}
a:active{color:#000;background-color:#fff}
img.imp{filter:invert(100%)}
nav,p,ul,ol,img,table.secmua,td,th,tr,pre{border:1px solid #900}
p,ul,ol,img,td,th,tr,pre{border-top:0}
ul ul, nav ul,li, p.image,img{border:0}
}
@media print{
body{font-family:serif;font-size:11pt;line-height:14pt;background-color:#fff;color:#000}
p,pre,ul,ol,h1,h2,h3,h4,h5,table{background-color:#fff;color:#000;border:0}
a:link,a:visited{color:#000;text-decoration:underline}
aside.left,footer{display:none}
}