@media only screen and (min-width: 70em) {
 body { margin: auto; width: 70em; }
 body>header { padding: 0.5em 0.5em 0 0.5em; }
 body>nav { position: relative; left: -0.5em; width: calc(100% + 0.5em * 2); }
}
@media only screen and (min-width: 45em) {
 body>main { margin: 1em; float: right; width: calc(100% - 12em - 3em); }
 body>aside { margin-top: 1em; float: right; width: 12em; }
 body>aside>hr:first-child { display: none; }
 body>main article>aside { float: left; max-width: 50%; margin-right: 1em; margin-left: 1em; }
 body>main article:nth-child(even)>aside { float: right; max-width: 50%; margin-left: 1em; margin-right: 1em; }
 body>footer { float: right; width: 100%; }
}
@media only print {
 .noprint { display: none !important; }
 body>div.cookie-dialog { display: none; }
 body>nav { display: none; }
 body>footer>div.site-map { display: none; }
 audio { display: none; }
}
@media not print {
 .printonly { display: none !important; }
}
dd { margin-left: 1em; }
blockquote { border-left: #000 solid 1px; padding: 0 0 0 1em; }
a[target="_blank"]:not(.ico):not(.internal)::after,a.external { content: ""; display: inline-block; width: 0.75em; height: 1em; background: url("../ico/external.svg") no-repeat; background-size: contain; margin-left: 0.1em; }
body>main iframe { width: 100%; height: calc(100vh - 3cm); }
body>aside>* { margin: 0.5em 0.5em 0 0.5em; font-size: 85%; }
body>div.cookie-dialog { padding: 0.5em; cursor: pointer; }
body>header { padding-bottom: 1em; padding-top: 1em; }
body>nav>ul { padding: 0; text-align: center; }
body>nav>ul>li { display: inline-block; line-height: 3em; }
body>nav>ul>li>a { display: inline-block; padding-left: 0.5em; padding-right: 0.5em; height: 3em; min-width: 3em; text-align: center; }
body>nav>ul>li>a>img { vertical-align: middle; }
body>main header, body>aside>section>header { text-align: center; }
body>aside>section { padding: .4em .1em .4em .4em; }
body>aside>section>header>h2 { font-size: 120%; }
body>aside ul { padding-left: 20px; }
body>main article { display: inline-block; width: 100%; margin-bottom: 1em; padding-bottom: .5em; }
body>main article>* { margin-left: 2em; margin-right: 2em; }
body>main article>figure,body>main article>aside { text-align: center; }
body>main article>*:first-child { margin-top: 2em; }
body>main article>*:last-child { margin-bottom: 2em; }
body>main article p { text-align: justify; }
body>main article>header { text-align: center; }
body>main article>footer { font-size: 70%; }
body>main img, body>main video { max-width: 100%; max-height: 90vh; }
@media only screen and (max-width: calc(45em - 1px)) {
 body>header { text-align: center; }
 body>header>p { margin: 0; }
 body>main article>* { margin-left: 1em; margin-right: 1em; }
 body>main article>img { width: calc(100% - 2em); }
 body>aside { margin-top: 2em; }
 body>aside>section>* { margin-left: 1em; margin-right: 1em; }
 body>footer { margin-top: 2em; }
}
body>header>p, body>header>img { margin: 0 2rem 0 2rem; }
body>header>p.site-name { font-size: 200%; font-weight: bold; }
@media only screen {
 body>div.beam { position: fixed; top: 0; left: 0; margin: 0; box-sizing: border-box; width: 100vw; height: 100vh; z-index: 9; background-color: rgba(22, 22, 22, .9); }
 body { background-color: #222; color: #fda; }
 :link, :visited { text-decoration: none; }
 :link { color: #fa4; }
 :visited { color: #f64; }
 :link:hover, :visited:hover { color: #fff; text-decoration: underline; }
 :focus { outline-style: solid; outline-width: 2px; outline-color: deepskyblue; }
 a[target="_blank"]:not(.ico):not(.internal)::after,a.external { background-image: url("../ico/external_white.svg"); }
 input[type=submit], button, a.button { font-weight: bold; }
 input[type=submit]:diabled, button:disabled, a.button { cursor: auto; }
 input[type=submit]:enabled, button:enabled, a.button:link, a.button:visited { cursor: pointer; }
 input:not([type=submit]), textarea { background-color: #444; color: #ddd; border: none; }
 body>main article, body>aside>section { background-color: #333; }
 body>header { background-color: #310; background: url("../pix/don1.1280x326.jpg.webp") center no-repeat; background-size: cover; box-shadow: 0 0 1.5em .5em inset #222; }
 body>header>img.logo { filter: invert(100%) drop-shadow(0px 0px 10px black) drop-shadow(0px 0px 5px black); }
 body>div.cookie-dialog:hover { background-color: rgba(255,255,255,0.175); color: #ccc; }
 body>div.cookie-dialog { background-color: #333; color: #bbb; }
 body>nav { background-color: #333; }
 body>nav * { text-decoration: none; }
 body>nav :link { color: #eee; }
 body>nav>ul>li>a:hover { background-color: rgba(255,255,255,0.175); }
 body>footer { color: #777; margin-bottom: 2em; }
 body>main>header { padding-top: 1em; }
 h0 { font-size: 300%; }
 h1 { font-size: 220%; }
 h2 { font-size: 180%; }
 h3 { font-size: 150%; }
 h4 { font-size: 130%; }
 h5 { font-size: 115%; }
 h6 { font-size: 107%; }
 blockquote { border-left: #fff solid 4px; }
 a.diapo { box-shadow: 0 0 1px 1px gray; }
 article figure>img,article aside>img { box-shadow: 0 0 2px 2px #fff; border: 1px solid #fff; }
 img.captcha { min-width: 2em; min-height: 1em; border: 1px solid #aaa; }
}
a.diapo { display: inline-block; width: 100px; height: 100px; overflow: hidden; line-height: 100px; text-align: center; vertical-align: middle; }
a.diapo img { max-width: 100px; max-height: 100px; vertical-align: middle; }
.wh0 { display: inline-block; width: 0px; height: 0px; overflow: hidden; }
.wh100px { display: inline-block; width: 100px; height: 100px; overflow: hidden; }
.ico { display: inline-block; padding: 0; min-width: 1.2em; line-height: 1.2em; text-align: center; margin-left: .4em; margin-right: .4em; }
.ico img { vertical-align: bottom; width: 100%; height: 100%; }
.row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.row-a { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: center; }
.col { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.col-a { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-around; align-items: center; }
.col-ai { display: inline-flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-around; align-items: center; }
.grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.grid-a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; }
.grid-v { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.grid-av { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-around; align-items: center; }
html { scroll-behavior: smooth; }
.hover-only:link:not(:hover) { text-decoration: inherit; color: inherit; }
.ico,.ico:link,.ico:hover,.ico:visited { color: #fff; font-family: sans, sans-serif; font-weight: bold; text-transform: lowercase; text-decoration: none; }
.ico.facebook { background-color: #3c5b9b; }
.ico.instagram { background-color: #bb4cb8; text-transform: none; }
.ico.twitter { background-color: #2daae1; }
.ico.linkedin { background-color: #0073b2; }
.ico.reddit { background-color: #ff4500; }
.ico.tumblr { background-color: #35465c; }
.ico.pinterest { background-color: #e60023; text-transform: none; }
.ico.vkontakte { background-color: #4a76a8; }
.ico.email { background-color: #669c41; }
.ico.rss { background-color: #f39c11; text-transform: none; }
.ico.link { background-color: #ffffff; color: #000000; }
.ico.link:hover { color: #000; text-decoration: underline; }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
article p, article li { font-family: Georgia, "Book Antiqua", Palatino, "Liberation Serif", serif; }
[data-sentence2]:before { content: attr(data-sentence2) "\0040" attr(data-sentence1); unicode-bidi: bidi-override; direction: rtl; }
[data-sentence4]:before { content: attr(data-sentence3) "633\002b"; unicode-bidi: bidi-override; direction: rtl; }
[data-css-before]:before { content: attr(data-css-before); }
.error { border: red 2px solid; color: red; }
input[type=submit], button, a.button { box-sizing: border-box; display: inline-block; padding: 1px 4px 1px 4px; text-decoration: none; border-width: 1px; border-style: solid; border-radius: 4px; font-family: Tahoma, sans-serif; font-size: 84%; color: #000; }
input[type=submit]:enabled, button:enabled, a.button:link, a.button:visited { background-color: #e9e9ed; border-color: #8f8f9d; opacity: 1; color: #000; }
input[type=submit]:disabled, button:disabled, a.button { background-color: #e9e9ed; border-color: #8f8f9d; opacity: 0.5; color: #000; }
input[type=submit]:enabled:hover, button:enabled:hover, a.button:link:hover, a.button:visited:hover { background-color: #d0d0d7; border-color: #676774; color: #000; }
input[type=submit]:enabled:active, button:enabled:active, a.button:link:active, a.button:visited:active { background-color: #b1b1b9; border-color: #484851; color: #000; }
input[type=submit]:enabled:focus, button:enabled:focus, a.button:link:focus, a.button:visited:focus { border-color: deepskyblue; outline-style: solid; outline-width: 1px; outline-color: deepskyblue; }