*,::before,::after{box-sizing:border-box}
body{color:#000;background:#f9f9f9;margin:0;padding:0;text-align:start;font-family:verdana,arial,sans-serif;font-size:1.125rem;display:flex;flex-direction:column;min-height:100vh}
.small{font-size:.86em}
.xsmall{font-size:.74em}
h1{margin-top:0;font-size:1.25em;font-weight:700}
h2{margin-top:20px;font-size:1.25em;font-weight:700}
p{margin-top:0}
img{border:0}
label,button,input[type="submit"],input[type="reset"]{cursor:pointer}
a{color:#00c;text-decoration:none}
a:visited{color:#00c}
a:focus,a:hover{color:#00f;text-decoration:underline}
a:active{color:red}
a.boldlink{font-weight:bold}
:is(a,span,button,legend):has(img.icon){display:flex;align-items:center;gap:.125em}
html[dir="rtl"] img.icon.wd-dependent{transform:scale(-1,1)}
img:is(.icon,.sa-icon){width:.875em;height:auto}
.tail :is(a img,span img){width:.75em;height:auto}
select,input,button,textarea{font-size:initial}
body > *{margin:0;padding:0 1em;padding:0 1rem}
#top{background:#d2ddea;background: linear-gradient(to bottom, rgb(210, 222, 236) 0, rgb(237, 242, 245) 2.5em, rgb(237, 242, 245) 100%);display:flex;flex-direction:column;padding-block:.5em}
#top > *{margin:0;padding:0}
@media screen and (width < 38em) {#logo{margin-block:0 .5em}}
#logo .home{margin:0 0 .3em;padding:0;font-size:.86em}
#logo h1{margin:0;padding:0;font-size:1.4em}
#logo h1 a{color:navy;text-decoration:none}
#logo h1 a:focus,#logo h1 a:hover{color:#00a;text-decoration:none}
#usermenu{margin:0 0 .75em;padding:0;font-size:.86em;text-align:start;list-style-type:none;display:flex;flex-wrap:wrap;gap:3px .4em}
#usermenu li{margin:0}
#usermenu li:not(:last-child):after{content:"|"}
#usermenu li:not(:last-child) a{margin-inline-end:.4em}
#usermenu li a{white-space:nowrap}
#topsearch div{display:inline;font-size:.86em}
#topsearch #search-input{width:14em}
#subnav{background:#f9f9f9;border-top:1px solid #bacbdf;border-bottom:1px solid #bacbdf;font-size:.86em;line-height:2;display:flex;flex-direction:column;gap:.125em .5em}
#subnav > *{margin:0;padding:0}
#subnav-1 *{margin:0;padding:0;text-wrap:nowrap;font-weight:bold}
#subnav-2 {display:flex;flex-wrap:wrap;gap:0 .5em}
#subnav form{display:inline}
#subnav form div{display:inline}
#subnavmenu{display:flex;flex-wrap:wrap;gap:0 .5em;margin:0;padding:0;list-style:none}
#subnavmenu a.order-1 img.icon{transform:rotate(180deg)}
#content{margin:0;padding:1em;padding:1rem;line-height:1.5;background:#fff;flex:1;overflow:auto}
#content p,#content ul,#content td,#postingform{max-width:60em}
#content .xsmall{line-height:1.2;color:gray;font-weight:400}
#content .small{line-height:1.2;font-weight:400}
#footer{font-size:.86em;line-height:1.5;padding:.5em 1em;padding:0.5rem 1rem;background:#f9f9f9;border-top:1px solid #bacbdf;display:grid;gap:.75em;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas: "statistics" "footerlinks" "projectlink"}
#footer > *{margin:0;padding:0;}
#statistics{grid-area:statistics}
#footerlinklist{grid-area:footerlinks}
#footermenu{margin:0;padding:0;list-style-type:none;display:flex;flex-wrap:wrap;gap:3px .4em}
#footermenu li{margin:0}
#footermenu li:not(:last-child){border-inline-end:1px solid #000;padding-inline-end:.4em}
#pbmlf{text-align:center;font-size:.86em;color:gray;grid-area:projectlink}
#pbmlf a{color:gray;text-decoration:none}
aside{font-size:.86em}
aside > div{background-color:#f9f9f9;border:1px solid #bacbdf;padding:0}
aside h3{font-size:1em;line-height:1.7;font-weight:400;margin:0;padding-block:0;padding-inline:.375em;background:#d2ddea;background:linear-gradient(to bottom, rgb(210, 222, 236) 0, rgb(237, 242, 245) 100%)}
#main-grid{display:grid;grid-template-columns:calc(100vw - 2em);grid-template-rows:auto auto;gap:.75em;grid-template-areas:"sidebar" "threadlist"}
#threadlist{grid-area:threadlist;}
#sidebar{grid-area:sidebar;position:relative;margin:0;padding:0}
h2.sidebar{font-size:1em;line-height:1.7;font-weight:bold;margin-block:0 .75em;margin-inline:0;padding:0;background:#d2ddea;background:linear-gradient(to bottom, rgb(210, 222, 236) 0, rgb(237, 242, 245) 100%);border:1px solid #bacbdf;z-index:1}
h2.sidebar a{display:block;color:#000;padding-inline:1.625em .375em;background:url("images/triangle-full-top.svg?v=e90b09f7") 0.375em calc(50% + .075em)/0.9em 0.9em no-repeat;text-decoration:none}
.js-display-fold h2.sidebar a{background:url("images/triangle-full-bottom.svg?v=e90b09f7") 0.375em calc(50% - .075em)/0.9em 0.9em no-repeat}
h2.sidebar a:focus,h2.sidebar a:hover,h2.sidebar a:active{text-decoration:underline}
.js-display-fold h2.sidebar {margin-block:0}
#sidebar div{position:relative;z-index:2}
#sidebar > div:not(:last-child){margin: 0 0 .75em 0}
#latest-postings ul{max-width:100%;list-style:none;margin:0;padding:0}
#latest-postings li{margin:0;padding:0;word-wrap:break-word;overflow:hidden}
#latest-postings li:not(:last-child){border-bottom:1px dotted #bacbdf}
#latest-postings li a{background-color:#f0f0f0;text-decoration:none;display:block;margin:0;padding:.25em .375em}
#latest-postings li a:visited,#latest-postings li a.read{background-color:#fff}
#latest-postings li a:visited .entry-title,#latest-postings li a.read .entry-title{color:#007}
#latest-postings li a:focus,#latest-postings li a:hover{background:#efefef;text-decoration:none}
#latest-postings li a:focus .entry-title,#latest-postings li a:hover .entry-title{text-decoration:underline}
#latest-postings li a .entry-date,#latest-postings li a.read .entry-date{font-size:.86em;color:gray}
#tagcloud p{margin:0;padding:5px}
#tagcloud strong{font-weight:700;font-size:1.051em}
#mod-options{list-style:none;margin:0;padding:0;line-height:1.7}
#mod-options li:not(:last-child){margin-block-end:0.25em}
#mod-options a{padding-inline:.375em}
input[name=sort_of_agreement] + iframe {height:400px;height:60vh}
#usersonline{margin-block:1em 0}
#usersonline p{margin:0;padding:.25em .375em}
.posting img.avatar{float:right;float:inline-end;margin:0 0 .75em .75em}
.posting h1{margin:0 0 2px;padding:0}
.posting h1 .category{font-size:.86em}
.posting .author{margin:1px 0 18px;font-style:italic}
*+html .posting ul{padding-left:17px}
.quote{color:#6f6f6f;font-style:italic}
.edited,.ago,.ip{font-size:.86em;color:gray}
img.no-text{cursor:help}
pre{max-width:100%;overflow:auto}
code{font-family:"courier new",courier;color:navy}
code.monospace{color:#000}
blockquote{margin:0;padding-block:0;padding-inline:1.5em 0;color:#646464;font-style:italic;background:url(images/general-quote.svg?v=e90b09f7) no-repeat top left/1em}
html[dir="rtl"] blockquote{background-position-x:right}
blockquote code{font-family:"courier new",courier;color:#6f6f6f}
.posting-footer{margin:1em 0 0;padding:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"pageviews" "replylink" "moderationlinks";gap:.25em;font-size:.86em}
.posting-footer .reply{grid-area:replylink}
.posting-footer .reply a{font-weight:bold}
.posting-footer .locked{color:gray}
.posting-footer .views{color:gray;text-align:end;grid-area:pageviews}
#content .posting-footer .options{list-style-type:none;max-width:100%;margin:0;padding:0;grid-area:moderationlinks;display:flex;flex-wrap:wrap;gap:.5em;justify-content:flex-start}
.posting-footer .options li{margin:0}
.posting-footer a{white-space:nowrap}
.thread-posting{position:relative;border:1px solid;border-inline-start:10px solid;border-color:#d2ddea;margin-block:0 .875em;padding:0;background:#fff}
.thread-posting > *{padding-inline:.625em;padding-block:.25em}
.thread-posting h1,.thread-posting h2{margin:0 0 2px;padding:0;font-size:1.05em}
.thread-posting .header{background:#f5f5f5;margin:0}
.thread-posting img.avatar{position:relative;margin:0 .75em .75em .75em;padding:.25em;background:#f5f5f5;float:right;float:inline-end}
.thread-posting .author{margin:1px 0 0;font-style:italic}
.thread-posting .body,.thread-posting .signature,#content .thread-posting p.tags,.thread-posting .posting-footer{margin:0}
.hide-posting{position:absolute;top:0;left:-10px}
.thread-wrapper{margin:0;padding:0}
.reply-wrapper{margin-block:0;margin-inline:20px 0;padding:0;list-style-type:none}
.deep-reply-wrapper{margin-block:0;margin-inline:10px 0;padding:0;list-style-type:none}
.very-deep-reply-wrapper{margin-block:0;margin-inline:5px 0;padding:0;list-style-type:none}
.new{border-color:#88a9cf}
.op-link{font-size:.86em}
.op-link a{color:gray}
#content .body,#content .body > *:not([popover]){display:flow-root}
#content .body img{max-width:100%;height:auto}
#content p.tags{margin:20px 0 0;padding:0;color:gray;font-size:.86em}
#content .signature p{margin:10px 0 0;padding:0;color:gray;font-weight:400;font-size:.86em}
h2.postingform{margin:0 0 20px}
p.reply-to{margin:0 0 20px}
div.complete-thread{margin-bottom:30px}
div.complete-thread p.left{float:left;float:inline-start}
#content div.complete-thread p.right{float:right;float:inline-end;text-align:end;font-size:.86em}
ul.openthread{clear:both}
#usernav{height:1.5em;margin:0 0 15px;padding:0}
#usersearch{font-size:.86em;margin:.5em 0;padding:.5em 0 .75em 0;border-bottom:1px solid #bacbdf}
#usersearch div,#usersearch form{display:inline}
#selectioncontrols{margin:0;padding-inline-start:2.25em;background:url(images/triangle-full-top.svg?v=e90b09f7) no-repeat calc(0% + .5em) center/1em}
#admin-usernav-bottom #userpagination{float:right;float:inline-end;height:2em;text-align:end}
#captcha-settings{margin:0;max-width:max-content}
#captcha-settings div{display:flex;justify-content:end;gap:.375em}
#captcha-settings div > *{margin:0}
.thrbeg{font-weight:700}
.notice{border:1px solid;font-weight:bold;padding-block:.5em;padding-inline:2.5em .5em}
.spam,.caution{color:#882008;}
.ok,.notice.info{color:#086620;}
.notice.spam{padding:.5em}
.notice.spam,.notice.caution{border-color:#882008}
.notice.caution,.notice.spam{background:#ffffb8 url(images/general-caution.svg?v=e90b09f7) no-repeat .55em .55em/1.5em}
html[dir="rtl"] .notice.caution,html[dir="rtl"] .notice.spam{background-position-x:calc(100% - .5em)}
.notice.ok{background:#afc url(images/tick.svg?v=e90b09f7) no-repeat .55em .55em/1.5em;border-color:#086620}
html[dir="rtl"] .notice.ok{background-position-x:calc(100% - .55em)}
.notice.info{background:#afc url(images/general-information.svg?v=e90b09f7) no-repeat .55em .55em/1.5em;border-color:#086620}
html[dir="rtl"] .notice.info{background-position-x:calc(100% - .55em)}
.entryline{clear:both;margin:15px 0;border-top:1px dotted gray;border-left:0;border-right:0;border-bottom:0;height:1px}
span.userdata{margin:0;padding:0}
.online{color:red}
.underline{text-decoration:underline}
ins {font-style:italic}
del,s {color:#555}
#card {border:1px solid #bacbdf;border-radius:.375em;padding-inline:.5em;padding-block:.5em;margin-inline:auto;min-width:16em;max-width:24em}
#card > * {margin-inline: 0;margin-block:0 .75rem}
#card > *:last-child {margin-block:0}
#card form > *:not(:last-child) {margin-block:0 .375rem}
label.main,span.like-label{font-weight:bold;display:block}
label.active{color:#000}
label.inactive{color:gray!important}
label.inactive input{color:gray}
label.unavailable{color:silver}
fieldset.active{border:none;margin:0;padding:0}
fieldset.active label,fieldset.active input{color:#000}
fieldset.inactive{border:none;margin:0;padding:0}
fieldset.inactive label,fieldset.inactive input{color:gray}
form ul:has(li input[type="checkbox"],li input[type="radio"]) {list-style:none;margin-block:0;margin-inline:0;padding-inline:0}
.login{width:17em}
.nowrap{white-space:nowrap}
.user-locked{color:red!important}
ul.filelist{list-style-type:none;padding-inline-start:0;margin-inline-start:0;font-size:.86em;line-height:1.7!important}
ul.filelist img{margin:0 5px -3px 0;padding:0}
ul.thread span.mod,ul.thread span.admin,td span.admin,td span.mod{cursor:help}
.registered_user::after{content:"\202F\00AE"}
.author-name{font-weight:bold}
#captcha{margin:0;padding:0}
#captcha img,img.captcha{border:1px solid #000}
.category{color:navy;font-size:.86em;font-weight:400}
h3.preview{margin:10px 0 3px;font-weight:700;color:red}
div.preview{margin:0 0 25px;padding:10px;border:1px dotted red}
table.wide{width:100%}
table.normaltab{width:100%;border:1px solid #bacbdf;border-collapse:collapse;font-size:.86em;background:#fff}
table.normaltab :is(th,td){padding:.375em;vertical-align:top;border:round(.125em,1px) solid #fff}
table.normaltab th{font-weight:700;text-align:left;background:#d2ddea; background:linear-gradient(to bottom, rgb(210, 222, 236) 0, rgb(237, 242, 245) 100%)}
table.normaltab td{font-weight:400}
table.normaltab tr:nth-child(odd){background:#f5f5f5}
table.normaltab tr:nth-child(even){background:#f9f9f9}
table.normaltab.descript td:first-child{width:15em;background:#d2ddea;background:linear-gradient(to right, rgb(210, 222, 236) 0, rgb(210, 222, 236) 9em, rgb(237, 242, 245) 100%)}
table.normaltab.descript td:not(:first-child){background:#f5f5f5}
table.normaltab td.subject{min-width:50%}
table.normaltab tr.drag td{background:#ddd}
table .function-menu{display:flex;gap:0 .25em}
.normalform{font-size:.86em;margin:0}
.normalform:not(:first-child){margin:1em 0 0}
.inline{display:inline}
#postingform fieldset{border:none;margin-inline:0;}
#postingform fieldset:not(:last-child){margin-block:0 1em}
#postingform fieldset > *{margin:0;padding:0}
#postingform fieldset > *:not(:last-child){margin-block-end:.75em}
#postingform label.input{display:block;font-weight:700;margin-inline:0;margin-block:0 .25em}
div#entry-input,#postingform input[type="text"],#postingform input[type="email"],#postingform input[type="url"],#postingform input[type="tel"]{max-width:calc(100vw - 4em)}
#textarea-label{display:flex;justify-content:start;align-items:baseline;gap:.5em;margin-block:0 .25em}
#postingform label.textarea{font-weight:700;margin:0}
#postingform #insert-quote{margin:0;font-size:.86em;padding:0;background:transparent;border:none;color:#00c}
#postingform #insert-quote:focus,#postingform #insert-quote:hover{color:#00f}
#postingform #text{margin:0;width:100%;height:24em}
div#format-bar{margin:0 !important;padding:.375em;background:#f4f4f6}
#postingform #format-bar > *{display:flex;flex-wrap:wrap;gap:.25em}
#postingform #format-bar > *:not(:last-child){margin-block-end:.375em}
#format-bar button{font-size:.86em;margin:0;padding-block:.5em;padding-inline:.5em;background-color:#ececf2;border:1px solid #888;border-radius:.25em}
#format-bar button:hover,#format-bar button:focus,#format-bar button:focus-within{background-color:#f4f4fa;border-color:#d01210}
#format-bar button:active{background-color:#f4f4dc;border-color:#f03434}
#format-bar button img,#additional-smilies button img{display:block;width:1.375em;height:auto;margin:0;padding:0}
#format-bar button span{display:block;line-height:1.4}
#bbcodebutton-b span{font-weight:700}
#bbcodebutton-i span{font-style:italic}
#bbcodebutton-link span{color:#00c;text-decoration:underline}
#bbcodebutton-color span{color:red}
#bbcodebutton-code span{font-family:"courier new",courier;color:navy}
#bbcode-options{position:absolute}
#bbcode-options div{background:#efefef;border:1px solid silver;padding:0;font-size:.86em}
#bbcode-options ul{list-style-type:none;margin:0;padding:0}
#bbcode-options ul a{color:#000;display:block;text-decoration:none;padding:3px 5px;min-width:100px}
#bbcode-options ul a:focus,#bbcode-options ul a:hover{background:#e0e0e0}
#bbcode-options table{background:#bbb;border:none;margin:0;padding:0;border-collapse:collapse}
#bbcode-options table td{width:15px!important;height:15px!important;margin:0;padding:0}
#bbcode-options table a{margin:0;padding:0;border:1px solid #bbb;width:15px;height:15px}
#bbcode-options table a:focus,#bbcode-options table a:hover{border:1px solid #fff;text-decoration:none}
#additional-smilies{max-width:200px;display:flex;flex-wrap:wrap;align-items:self-start;align-content:stretch;gap:.125em}
#additional-smilies button{min-height:2.4em;margin:0;padding-block:.25em;padding-inline:1em;background:transparent;border:none}
#formatting-help > *{margin-block:0 .75em;margin-block:0 .75rem;padding:0}
#formatting-help dl > div:not(:last-child){margin-block:0 .375em}
#formatting-help dt{font-weight:bold}
#formatting-help dd{margin-left:0}
#formatting-help dd img{display:block}
#smiley-instructions div{display:flex;gap:.5em}
#smiley-instructions dt{flex:0 0 6em}
#smilies li{display:inline-block;min-width:50px;padding:0 10px 10px 0;white-space:nowrap}
ul.pagination{margin:.75em 0;padding:0;list-style-type:none}
#content ul.pagination li{display:inline;margin-inline-start:.5em}
#content ul.pagination li:first-child{margin-inline-start:0}
ul.pagination a,ul.pagination span{border:1px solid #bacbdf;background:#f9f9f9;padding:1px 6px}
ul.pagination a:focus,ul.pagination a:hover{border:1px solid #00c;background:#efefef;text-decoration:none}
ul.pagination .current{border:1px solid #bacbdf;color:red;font-weight:700}
#colorpicker{position:absolute;background:#bbb;border:1px solid #bbb;display:none}
#colorpicker table{margin:0;padding:0;line-height:10px}
#colorpicker table img{margin:0;padding:0;border:1px solid #bbb}
#colorpicker table a:focus img,#colorpicker table a:hover img{margin:0;padding:0;border:1px solid #fff}
#sizepicker{position:absolute;background:#efefef;border:1px solid silver;display:none;padding:0}
#sizepicker p{margin:0;padding:0}
#sizepicker p a{color:#000;display:block;text-decoration:none;padding:3px}
#sizepicker p a:focus,#sizepicker p a:hover{background:#e0e0e0}
#codepicker{position:absolute;background:#efefef;border:1px solid silver;display:none;padding:0}
#codepicker ul{list-style-type:none;margin:0;padding:0}
#codepicker ul a{color:#000;display:block;text-decoration:none;padding:1px 5px}
#codepicker ul a:focus,#codepicker ul a:hover{background:#e0e0e0}
ul.radiolist{list-style:none;padding:0;margin-inline:0}
ul.radiobar {list-style:none;display:flex;gap:.4em;padding:0;margin-inline:0}
ul.radiolist li,ul.radiobar li{display:flex;gap:.25em;align-items:center}
ul.radiolist input[type="radio"],ul.radiobar input[type="radio"]{margin:0}
.buttonbar{display:flex; flex-wrap:wrap; gap:.3em;align-items:center}
.buttonbar > *{margin-block:0}
.buttonbar button{padding:.3em}
.buttonbar img:not([hidden]){display:block;width:1.5em;height:1.5em}
.buttonbar a{display:inline-block;text-align:center;align-content:center;padding:.3em}
:is(table.normaltab,form ul):has(+ .buttonbar){margin-block-end:.75em}
#admin-main-menu{display:grid;grid-template-areas:"infoboxes" "mainmenu";grid-template-columns:1fr;grid-template-rows:auto auto;gap:.75em}
#admin-main-menu > *{margin:0;padding:0}
#additional-admin-info{grid-area:infoboxes}
#additional-admin-info > div:not(:last-child){margin:0 0 .75em 0}
#additional-admin-info > div > *{margin:0;padding-inline:.375em}
#additional-admin-info :is(p, dl, ul, ol){padding-block:.375em;line-height:1.5}
#additional-admin-info dl{display:grid;gap:.25em}
#additional-admin-info dl > div dt{float:inline-start;margin-inline-end:.625em}
#additional-admin-info dl > div dd{font-weight:bold;text-align:end;margin:0}
#renew-versioninfo{border-block-start:1px solid #bacbdf}
a[aria-disabled]{pointer-events:none;cursor:default;color:#666;text-decoration:line-through}
#admin-info-install_script_exists h3{color:red;display:flex;align-items:center;gap:.125em}
main > .adminmenu{margin-block:1em;margin-inline:0;padding:0}
.adminmenu{list-style-type:none;line-height:1.75;grid-area:mainmenu}
.adminmenu li:not(:last-child){margin-block-end:.25em}
.adminmenu a{padding-inline:.375em;border:1px solid #bacbdf80;background:#bacbdf34;text-decoration:none;display:flex;align-items:center;gap:0.25em}
.adminmenu a:focus,.adminmenu a:hover{border-color:#bacbdf50;background:#bacbdf10}
.adminmenu a:focus span,.adminmenu a:hover span{text-decoration:underline}
.adminmenu a img{margin:0;padding:0}
h2#admin_header{margin:0 0 .5em 0}
.manage-postings{border:1px solid #bacbdf;margin-top:25px;background:#f9f9f9}
.manage-postings legend{font-weight:700}
ul#uploadlist{list-style:none;margin-inline:0;margin-block:0 .75em;padding:0;max-width:100%;display:flex;flex-wrap:wrap;gap:.75em}
#uploadlist > li{width:18.5em;margin:0;padding:0;border:1px solid #bacbdf;background:#f9f9f9}
#uploadlist .image_container{padding:.5em;height:21.5em;width:100%;margin:0 0 .25em 0;text-align:center}
#uploadlist img{max-width:100%;max-height:100%}
#uploadlist .management_container{margin:0;padding:.25em 0;list-style:none}
#uploadlist .management_container > li{margin:0;padding-block:.125em;padding-inline:.25em}
#uploadlist .management_container input{margin:0 .125em}
#uploadlist + p{margin-block:.75em 1em}
#uploadlist .information{display:flex;}
#uploadlist .information > img{display:block;}
.confirm-selection{list-style:none;padding:0;border-top:1px solid #bacbdf}
.confirm-selection li{min-height:2.5em;margin:0 0 .25em 0;padding:.25em .5em;border-bottom:1px solid #bacbdf}
.confirm-selection .item{margin:0 0 .25em 0}
.confirm-selection .info{font-weight:bold;margin:0}
span.subject,a.subject,a.subject:link{text-decoration:none;}
ul.thread > li > .entry a.subject,span.subject{font-weight:bold}
a.subject,a.subject:link{color:#00c}
a.subject:visited{color:#007}
a.subject:focus,a.subject:hover{color:#00f;text-decoration:underline}
a.subject:active{color:red}
a.read,a.read:link,a.read:visited,#latest-postings li a span.read{color:#007}
a.read:focus,a.read:hover{color:#00f}
a.read:active{color:red}
ul.thread li .entry > a, ul.thread li .current, ul.thread li .entry > .metadata{text-wrap:nowrap}
main:not(:has(table#threadlist)) ul.thread li .entry > .subject::after{content:" - "}
.current{color:#ff0000}
a.internal,a.internal:link{padding-inline-start:18px;color:#00c;text-decoration:none;background:url(images/thread-marker-no-change.svg?v=e90b09f7) no-repeat 0 center/0.9em}
html[dir="rtl"] a.internal,html[dir="rtl"] a.internal:link{background-position-x:100%}
a.internal:focus,a.internal:hover{color:#00f;text-decoration:underline}
a.internal:active{color:red}
ul.thread{margin:0 0 1.5em;padding:0;list-style-type:none;max-width:100%!important}
ul.thread li{margin:0;position:relative}
ul.thread li span.tail{white-space:nowrap}
ul.thread li .replies{color:gray;font-size:.86em}
ul.thread li .category{font-size:.86em}
ul.thread .entry{display:flex;align-items:center;flex-wrap:wrap;gap:0 .25em}
ul.reply,ul.deep-reply,ul.very-deep-reply{margin:0;padding:0;list-style-type:none;max-width:100%!important}
ul.reply li{margin-inline-start:1.5em}
td ul.reply li{margin-inline-start:1.25em}
ul.deep-reply li{margin-inline-start:.75em}
td ul.deep-reply li{margin-inline-start:.375em}
ul.very-deep-reply li,td ul.very-deep-reply li{margin-inline-start:0}
ul.complete-thread{margin:0 0 20px;padding:0;list-style-type:none;clear:both;max-width:100%!important}
ul.reply ul {border-inline-start:round(0.2em, 1px) dotted #bfc1be}
ul.reply li:last-child > ul {border:none}
span.fold-expand{display:none}
ul.folded{margin:0 0 10px;padding:0;padding-inline-start:15px}
ul.folded span.fold-expand{position:absolute;inset-inline-start:-1.25em;display:inline}
img.expand-thread-inactive,img.expand-thread,img.fold-thread{width:12px;height:12px}
td ul.thread{margin:0;padding:0;list-style-type:none}
td ul.thread ul{font-size:.86em;line-height:1.33em}
td ul.thread ul ul{font-size:1em}
td ul.folded{margin:0;padding:0;padding-inline-start:1em}
#advanced-search{margin-block:0 1em;display:flex;align-items:center;flex-wrap:wrap;gap:.5em}
#advanced-search ul{list-style:none;margin:0;padding:0;display:flex;gap:.25em}
#advanced-search li{padding-inline:0 .25em}
#search-results h2{margin-block:0 1em;margin-block:0 1rem}
ul.searchresults{max-width:100%!important;display:flex;flex-direction:column;gap:.675em}
ul.searchresults li{padding:0}
button[type=button].thumbnail{background:transparent;padding:0;border:none}
button[type=button].thumbnail img,a[rel=thumbnail] img{display:block}
img.thumbnail{width:12em;border:1px solid silver;margin:0;height:auto}
:is(button,a):has(img.left){float:left;float:inline-start;margin-block:0 .75em;margin-inline:0 .75em}
:is(button,a):has(img.right){float:right;float:inline-end;margin-block:0 .75em;margin-inline:.75em 0}
figure.full-size-img{padding:.5em;background:#e8e8e8;border:round(.1em,1px) solid #bacbdf;max-width:90vw}
figure.full-size-img::backdrop{background:#0008;backdrop-filter:blur(1.5px)}
figure.full-size-img img{display:block}
#ajax-preview{position:absolute;top:100px;inset-inline-start:100px;margin-block:13px 0;margin-inline:-3px 0;z-index:10;width:20px}
#ajax-preview-top{position:absolute;width:100%;top:0;height:16px;background:transparent url(images/bg_sprite_2.png?v=e90b09f7) no-repeat 8px -40px;z-index:10}
#ajax-preview-main{border-top:1px solid silver;position:absolute;top:15px;inset-inline-end:0;width:500px}
#ajax-preview-close{float:right;float:inline-end;cursor:pointer}
#ajax-preview-body{background:#ffc;margin:0;padding:0;border-inline:1px solid silver;border-bottom:1px solid silver}
#ajax-preview-content{margin:0;padding:0 14px;font-size:.86em;max-height:350px;overflow:auto;clear:both;padding-bottom:16px}
#ajax-preview-replylink-wrapper{margin:0;padding:0;font-size:.86em;}
#ajax-preview-replylink-wrapper:before{content:"[ "}
#ajax-preview-replylink-wrapper:after{content:" ]"}
#ajax-preview-replylink{margin:0;padding:0}
#ajax-preview-throbber{display:block;margin-inline:auto;}
#ajax-preview-content p,#ajax-preview-content ul{line-height:1.5em}
#ajax-preview-content img{max-width:100%;height:auto}
.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:absolute;white-space:nowrap}
.js-display-none{display:none}
.js-display-block{display:block}
.js-visibility-hidden{visibility:hidden}
.js-cursor-pointer{cursor:pointer}
.js-cursor-move{cursor:move}
.js-display-fold .wrapper,#sidebar.js-display-fold > div{display:none}
.js-display-fold img.avatar{width:1.75em;height:1.75em;padding:.125em}
form .hp{display:none}
@media screen and (min-width:38em) {
	#top {flex-direction:row;justify-content:space-between}
	#usermenu{justify-content:flex-end}
	#subnav{flex-direction:row;justify-content:space-between}
	#subnav-2{text-align:end}
	#sidebar{width:100%}
	#admin-main-menu{grid-template-areas:"infoboxes mainmenu";grid-template-columns:18em auto;grid-template-rows:auto}
	#main-grid.threaded {grid-template-areas:"threadlist sidebar";grid-template-columns:auto 18em;grid-template-rows:auto}
	#main-grid.threaded:has(aside.js-display-fold){grid-template-columns:auto 8.5em}
	.threaded h2.sidebar a{padding-inline:1.25em .375em;background:url("images/triangle-full-right.svg?v=e90b09f7") 0.175em center/0.9em 0.9em no-repeat}
	.threaded .js-display-fold h2.sidebar a{background:url("images/triangle-full-left.svg?v=e90b09f7") 0.325em center/0.9em 0.9em no-repeat}
	html[dir="rtl"] .threaded h2.sidebar a{background:url("images/triangle-full-left.svg?v=e90b09f7") calc(100% - 0.175em) center/0.9em 0.9em no-repeat}
	html[dir="rtl"] .threaded .js-display-fold h2.sidebar a{background:url("images/triangle-full-right.svg?v=e90b09f7") calc(100% - 0.175em) center/0.9em 0.9em no-repeat}
}
@media screen and (min-width:48em) {
	#logo h1{font-size:1.6em}
	#nav {text-align:end}
	.posting-footer{grid-template-columns:auto;grid-template-rows:auto; grid-template-areas:"pageviews pageviews" "replylink moderationlinks"}
	#content .posting-footer .options{justify-content:flex-end}
	#footer {grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"statistics footerlinks" "projectlink projectlink"}
	#footermenu{justify-content:flex-end}
}
/* Neue Ansicht des Pilze Pilze Forums, über das Standard-Theme von my little forum gelegt.
   Palette des alten Forums (#889988, #ffee22, #770077, #aaaaaa, Schwarz), Satz wie ein Fachheft:
   Source Serif 4 für Beitragstexte und Titel, IBM Plex Sans für Bedienung und Beschriftungen. */
@font-face { font-family: "Source Serif 4"; font-weight: 400; font-style: normal; font-display: swap; src: url(fonts/source-serif-4-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-weight: 400; font-style: italic; font-display: swap; src: url(fonts/source-serif-4-latin-400-italic.woff2) format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-weight: 600; font-style: normal; font-display: swap; src: url(fonts/source-serif-4-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-weight: 600; font-style: italic; font-display: swap; src: url(fonts/source-serif-4-latin-600-italic.woff2) format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-weight: 700; font-style: normal; font-display: swap; src: url(fonts/source-serif-4-latin-700-normal.woff2) format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url(fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 600; font-style: normal; font-display: swap; src: url(fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url(fonts/ibm-plex-sans-latin-700-normal.woff2) format("woff2"); }

:root {
	--schwarz: #1c1f1a;
	--salbei: #889988;
	--salbei-hell: #e6e9e1;
	--salbei-linie: #c9cfc4;
	--papier: #f4f5f1;
	--gelb: #ffee22;
	--gelb-hell: #fffbd0;
	--violett: #770077;
	--violett-dunkel: #4a004a;
	--grau: #5d665b;
	--text: "Source Serif 4", Georgia, serif;
	--ui: "IBM Plex Sans", system-ui, sans-serif;
	--titel: "Source Serif 4", Georgia, serif;
	--breite: 76rem;
	--rand: 1.25rem;
	/* gleiche linke und rechte Kante für Kopf, Band, Inhalt und Fuß */
	--kante: max(var(--rand), calc((100% - var(--breite)) / 2 + var(--rand)));
}

body {
	background: var(--papier);
	color: var(--schwarz);
	font-family: var(--ui);
	font-size: 1.0625rem;
	line-height: 1.5;
}
body > * { padding: 0; }
a, a:link { color: var(--violett); }
a:visited { color: var(--violett-dunkel); }
a:hover, a:focus { color: var(--violett); text-decoration-thickness: 2px; }
a:active { color: var(--schwarz); }
:focus-visible { outline: 3px solid var(--gelb); outline-offset: 2px; }
img.icon { width: 1em; height: 1em; flex: none; }
:is(a, span, button, legend):has(img.icon) { display: inline-flex; gap: 0.35em; }
:is(#kopfleiste, #footer, a.boldlink) img.icon { filter: invert(1) brightness(0.9); }

/* Kopfleiste: oben die Dienstzeile, darunter Logo und Suche */
#top {
	background: var(--salbei);
	display: block;
	padding: 0;
	border-bottom: 6px solid var(--schwarz);
}
#kopfleiste {
	background: var(--schwarz);
	color: #e6e9e1;
	padding: 0.75rem var(--kante);
	display: grid;
	grid-template-columns: minmax(14rem, 378px) minmax(0, 1fr);
	grid-template-areas: "dienst dienst" "logo suche";
	align-items: center;
	column-gap: 2.5rem;
	row-gap: 0.5rem;
}
#kopfzeile { display: contents; }
#dienstzeile { grid-area: dienst; display: flex; justify-content: flex-end; min-height: 2.5rem; }
#usermenu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	gap: 0 1rem;
	font-size: 0.94rem;
}
#usermenu li { margin: 0; }
#usermenu li:not(:last-child):after { content: none; }
#usermenu li:not(:last-child) a { margin: 0; }
#usermenu a, #usermenu a:visited { display: inline-flex; align-items: center; min-height: 2.5rem; color: #e6e9e1; text-decoration: none; }
#usermenu a:hover { color: var(--gelb); text-decoration: underline; }
#usermenu .ansicht { padding-left: 1rem; border-left: 1px solid #4a5247; }
#usermenu .ansicht a, #usermenu .ansicht a:visited { color: #b7c1b5; }
#wortmarke { grid-area: logo; display: block; line-height: 0; min-width: 0; max-width: 100%; align-self: center; }
#wortmarke img { display: block; width: 100%; max-width: 378px; height: auto; }
#wortmarke:hover img { filter: brightness(1.15); }
#topsearch { grid-area: suche; justify-self: end; display: flex; width: min(30rem, 100%); margin: 0; }
#topsearch { position: relative; }
#topsearch > label { position: absolute; left: -9999px; }
#erweitert { display: flex; }
#erweitert > summary {
	list-style: none;
	display: flex;
	align-items: center;
	padding: 0 0.9rem;
	margin-left: 0.5rem;
	border: 2px solid #b7c1b5;
	color: #e6e9e1;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
}
#erweitert > summary::-webkit-details-marker { display: none; }
#erweitert > summary::after { content: ""; width: 0.45em; height: 0.45em; margin-left: 0.5em; border: solid currentColor; border-width: 0 2px 2px 0; transform: translateY(-0.15em) rotate(45deg); }
#erweitert[open] > summary { background: #e6e9e1; color: var(--schwarz); border-color: #e6e9e1; }
#erweitert[open] > summary::after { transform: translateY(0.15em) rotate(-135deg); }
#erweitert-feld {
	position: absolute;
	top: calc(100% + 0.5rem);
	right: 0;
	z-index: 20;
	width: min(24rem, calc(100vw - 2 * var(--rand)));
	display: grid;
	gap: 0.35rem;
	padding: 1.1rem 1.25rem 1.25rem;
	background: var(--papier);
	color: var(--schwarz);
	border: 2px solid var(--schwarz);
	box-shadow: 0 0.5rem 1.5rem rgb(0 0 0 / 0.35);
	font-size: 1rem;
}
#erweitert-feld > label[for] { font-weight: 700; margin-top: 0.4rem; }
#erweitert-feld input[type="text"], #erweitert-feld input[type="number"] { width: 100%; min-width: 0; }
#erweitert-feld .zeitraum { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }
#erweitert-feld fieldset { margin: 0.6rem 0 0.2rem; display: grid; gap: 0.2rem; }
#erweitert-feld legend { font-weight: 700; padding: 0; margin-bottom: 0.2rem; }
#erweitert-feld label:not([for]) { display: flex; align-items: center; gap: 0.45rem; cursor: pointer; }
#erweitert-feld button { justify-self: start; margin-top: 0.75rem; }
input[type="radio"], input[type="checkbox"] { accent-color: var(--schwarz); }
#advanced-search .pp-zeitraum input { width: 8rem; }
#topsearch input[type="search"] {
	flex-grow: 1;
	min-width: 0;
	height: 2.75rem;
	box-sizing: border-box;
	border: 0;
	border-radius: 0;
	padding: 0 0.9rem;
	font: inherit;
	font-size: 1.05rem;
	background: #f4f5f1;
	color: var(--schwarz);
}
#topsearch button {
	height: 2.75rem;
	padding: 0 1.2rem;
	border: 0;
	background: var(--gelb);
	color: var(--schwarz);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

/* Band: Titel, darunter die Leiste; Seitenwahl rechts */
#band { padding: 1.75rem var(--kante) 1.25rem; }
#bandtitel { margin-bottom: 1.25rem; }
#bandtitel h1 {
	margin: 0;
	font-family: var(--titel);
	font-weight: 600;
	font-size: clamp(1.7rem, 2.6vw, 2rem);
	line-height: 1.1;
	letter-spacing: -0.01em;
	color: var(--schwarz);
}
#bandtitel p { margin: 0.4rem 0 0; font-size: 1.05rem; font-variant-numeric: tabular-nums; }
#subnav {
	background: none;
	border: 0;
	font-size: 1.05rem;
	line-height: 1.2;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1.5rem;
}
#subnav a, #subnav a:visited { color: var(--schwarz); }
#subnav-1, #subnav-2 { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.5rem; }
#subnav-2 { flex-grow: 1; }
#subnav-1 a.boldlink, #subnav-1 a.boldlink:visited {
	display: inline-flex;
	align-items: center;
	height: 2.75rem;
	padding: 0 1.2rem;
	background: var(--schwarz);
	color: var(--gelb);
	text-decoration: none;
	font-weight: 700;
}
#subnav-1 a.boldlink span::first-letter { text-transform: uppercase; }
#subnav-1 a.boldlink:hover { background: #000; color: #fff; }
#subnav-1 p.subnav { font-weight: 600; min-height: 2.75rem; display: flex; align-items: center; gap: 0.3rem; }
#subnavmenu { display: flex; flex-wrap: wrap; align-items: center; gap: 0 1.5rem; margin: 0; padding: 0; list-style: none; }
#subnavmenu a { display: inline-flex; align-items: center; height: 2.75rem; }
#subnav-pagination { display: flex; align-items: center; gap: 0.6rem; margin-left: auto; }
#subnav-pagination form, #subnav-pagination form div.inline { display: flex; align-items: center; gap: 0.5rem; margin: 0; }
#subnav-pagination label { font-weight: 600; }
#subnav-pagination select {
	height: 2.75rem;
	box-sizing: border-box;
	font: inherit;
	font-size: 1.05rem;
	padding: 0 0.5rem;
	border: 2px solid var(--schwarz);
}
select {
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	padding-right: 1.75rem !important;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1f1a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 0.5rem center / 0.8rem;
	cursor: pointer;
}
#subnav-pagination select { padding-left: 0.7rem; min-width: 3.6rem; }
#subnav-pagination .von { white-space: nowrap; }
#subnav-pagination a.blaettern { display: inline-flex; align-items: center; height: 2.75rem; padding: 0 0.2rem; font-weight: 600; white-space: nowrap; }

/* Inhalt */
#content {
	background: transparent;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 2.5rem var(--kante) 3rem;
}
#main-grid { gap: 2.5rem; }
@media screen and (min-width: 62em) {
	#main-grid.threaded { grid-template-columns: minmax(0, 1fr) 20rem; grid-template-areas: "threadlist sidebar"; }
}
h2.sidebar { background: none; border: 0; border-top: 3px solid var(--schwarz); padding: 0.6rem 0 0; }
h2.sidebar a, h2.sidebar a:visited, aside h3 {
	font-family: var(--ui);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 0.9rem;
	color: var(--schwarz);
	background: none;
	text-decoration: none;
}
aside > div { background: none; border: 0; padding: 0; }
#latest-postings li:not(:last-child) { border-bottom: 1px solid var(--salbei-linie); }
#latest-postings li a, #latest-postings li a.read { background: none; padding: 0.5rem 0; }
#latest-postings li a:hover { background: var(--salbei-hell); }
#latest-postings li a .entry-title { color: var(--schwarz); font-family: var(--titel); font-size: 1.05rem; }
#latest-postings li a.read .entry-title { color: var(--grau); }
#latest-postings li a .entry-date, #latest-postings li a.read .entry-date { color: var(--grau); font-size: 0.9rem; }

/* Themenbaum auf der Startseite */
ul.thread {
	margin: 0 0 0.25rem;
	padding: 1.1rem 0 1.2rem;
	border-top: 1px solid var(--salbei-linie);
}
ul.thread:first-child { border-top: 3px solid var(--schwarz); }
ul.thread li { margin: 0; }
ul.thread .entry { padding: 0.15rem 0; line-height: 1.45; }
ul.thread > li > .entry a.subject, ul.thread > li > .entry a.subject:visited {
	font-family: var(--titel);
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 1.25;
	color: var(--schwarz);
	text-decoration: none;
}
ul.thread > li > .entry a.subject:hover { color: var(--violett); text-decoration: underline; }
ul.thread > li > .entry { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.1rem 0.75rem; }
ul.thread > li > .entry .metadata { flex-basis: 100%; }
a.subject, a.subject:link { color: var(--violett); text-decoration: none; }
a.subject:visited, a.read, a.read:link, a.read:visited { color: var(--grau); }
a.subject:hover { text-decoration: underline; }
ul.thread li .entry > .metadata { color: var(--grau); font-size: 1rem; font-variant-numeric: tabular-nums; }
.author-name { color: var(--schwarz); font-weight: 700; }
ul.reply, ul.deep-reply, ul.very-deep-reply {
	margin: 0.35rem 0 0 0.3rem;
	padding: 0 0 0 1.1rem;
	border-left: 2px solid var(--salbei);
	list-style: none;
}
ul.reply li, ul.deep-reply li, ul.very-deep-reply li { padding: 0; }
ul.thread li span.tail { margin-left: 0.25rem; }
main:not(:has(table#threadlist)) ul.thread li .entry > .subject::after { content: none; }
ul.thread li .entry > a.subject { margin-right: 0.6rem; white-space: normal; text-wrap: wrap; overflow-wrap: anywhere; }
ul.thread li .entry > .metadata, ul.thread li span.tail { text-wrap: wrap; white-space: normal; }
#content, #main-grid, #threadlist { min-width: 0; }
ul.thread li .category { color: var(--grau); }
.thread-marker, ul.thread .entry > img { display: none; }
ul.thread.folded > li { position: relative; padding-left: 1.5rem; }
ul.thread.folded span.fold-expand { inset-inline-start: 0; top: calc(0.15rem + 0.875rem - 6px); line-height: 0; }

/* Seitenzahlen */
ul.pagination { gap: 0.4rem; margin-top: 2rem; }
ul.pagination span, ul.pagination a { background: none; border: 2px solid var(--schwarz); min-width: 2.75rem; min-height: 2.75rem; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; }
ul.pagination a:hover { background: var(--gelb); border-color: var(--schwarz); }
ul.pagination .current { background: var(--schwarz); color: var(--gelb); border-color: var(--schwarz); }

/* Einzelner Beitrag */
.posting, .thread-posting {
	max-width: 46rem;
	background: none;
	border: 0;
	padding: 0;
}
.posting h1, .thread-posting h1, .thread-posting h2 {
	font-family: var(--titel);
	font-weight: 600;
	font-size: clamp(1.9rem, 3.4vw, 2.6rem);
	line-height: 1.12;
	letter-spacing: -0.01em;
	margin: 0 0 0.6rem;
	color: var(--schwarz);
}
.thread-posting h2 { font-size: 1.5rem; }
.posting .author, .thread-posting .author { font-size: 1.05rem; color: var(--grau); font-style: normal; margin: 0 0 1.5rem; }
.posting .author .author-name, .thread-posting .author .author-name { font-size: 1.15rem; }
.posting .ago { color: var(--grau); }
.posting .body, .thread-posting .body {
	font-family: var(--text);
	font-size: 1.15rem;
	line-height: 1.6;
}
.posting .body p, .thread-posting .body p { margin: 0 0 0.9em; }
.posting .body img, .thread-posting .body img { max-width: 100%; height: auto; display: block; margin: 1rem 0; }
blockquote {
	margin: 0 0 1em;
	padding: 0.6rem 1rem;
	background: var(--salbei-hell);
	border-left: 3px solid var(--salbei);
	font-style: italic;
	font-size: 1.1rem;
	line-height: 1.55;
	color: #3d443b;
}
blockquote blockquote { background: none; margin: 0.4rem 0; padding: 0 0 0 0.8rem; }
.posting-footer {
	border-top: 1px solid var(--salbei-linie);
	margin-top: 1.5rem;
	padding-top: 1rem;
	font-size: 1rem;
}
.posting-footer .reply a.boldlink, .posting-footer .reply a.boldlink:visited {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	padding: 0 1.3rem;
	background: var(--schwarz);
	color: var(--gelb);
	text-decoration: none;
	font-weight: 700;
}
.posting-footer .reply a.boldlink:hover { background: #000; color: #fff; }
.posting-footer .views, .posting-footer .locked { color: var(--grau); }
.posting-footer .options a { color: var(--grau); }
.op-link a { color: var(--violett); }
.thread-posting { border-left: 3px solid var(--salbei); padding-left: 1.5rem; margin-bottom: 2rem; }
.thread-posting .header { background: none; padding: 0; }

/* Thread unter dem Beitrag */
ul.openthread { margin-top: 2.5rem; padding-top: 1rem; border-top: 3px solid var(--schwarz); }

/* Formulare und Tabellen */
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="number"], textarea, select {
	font: inherit;
	border: 2px solid var(--schwarz);
	border-radius: 0;
	padding: 0.45rem 0.6rem;
	background-color: #fff;
}
textarea { font-family: var(--text); font-size: 1.15rem; line-height: 1.55; }
fieldset { border: 0; padding: 0; margin-inline: 0; min-width: 0; }
#postingform button:is([id^="bbcodebutton-"], .default) {
	background: #fff;
	color: var(--schwarz);
	border: 2px solid var(--schwarz);
	min-height: 2.5rem;
	padding: 0 0.7rem;
	border-radius: 0;
	margin: 0;
}
#postingform button:is([id^="bbcodebutton-"], .default):hover { background: var(--salbei-hell); }
#bbcodebutton-upload { background: var(--gelb) !important; }
#bbcodebutton-upload .sr-only { position: static; clip: auto; clip-path: none; width: auto; height: auto; overflow: visible; }
input[type="text"], input[type="password"], input[type="email"], textarea,
div#entry-input, #postingform input[type="url"], #postingform input[type="tel"] { max-width: 100%; box-sizing: border-box; }
input[type="submit"], button:not(#topsearch button) {
	font: inherit;
	font-weight: 700;
	min-height: 2.75rem;
	padding: 0 1.2rem;
	border: 2px solid var(--schwarz);
	background: var(--schwarz);
	color: var(--gelb);
	cursor: pointer;
}
table.normaltab { background: #fff; border: 1px solid var(--salbei-linie); }
table.normaltab th, table.normaltab.descript td:first-child { background: var(--salbei-hell); }
table.normaltab tr:nth-child(odd) { background: #fff; }
table.normaltab tr:nth-child(even) { background: var(--papier); }
.notice.ok { background-color: var(--salbei-hell); border-color: var(--salbei); }
.caution { background-color: var(--gelb-hell); }

/* Fuß */
#footer {
	background: var(--schwarz);
	color: #b7c1b5;
	border: 0;
	margin-top: auto;
	padding: 1.5rem var(--kante);
	font-size: 0.95rem;
}
#footer a, #footer a:visited { color: #b7c1b5; }
main #pbmlf { margin-top: 2.5rem; color: var(--grau); font-size: 0.95rem; text-align: left; }
main #pbmlf a { color: var(--grau); }
#footermenu { gap: 0.5rem 1.5rem; }
#footermenu li:not(:last-child) { border: 0; padding: 0; }
#footermenu li:not(:last-child)::after { content: none; }
#herkunft { grid-area: projectlink; margin: 0.5rem 0 0; }
#herkunft a { text-decoration: underline; }

/* Sortierwahl in der Leiste und über den Suchergebnissen */
.sortwahl { display: flex; align-items: center; gap: 0.5rem; margin: 0; }
.sortwahl label { font-weight: 600; }
.sortwahl select { height: 2.75rem; box-sizing: border-box; font: inherit; font-size: 1.05rem; padding: 0 0.7rem; border: 2px solid var(--schwarz); }
#suchsortierung { margin: 0.5rem 0 1rem; }

/* Verlauf unter jedem Thema: Antworten, neue Beiträge, letzte Antwort, Aufrufe */
ul.thread > li > .entry .verlauf { display: block; flex-basis: 100%; color: var(--grau); font-size: 1rem; font-variant-numeric: tabular-nums; }
.verlauf a, .verlauf a:visited { color: var(--grau); }
.verlauf a:hover { color: var(--violett); }
.verlauf .letzte { white-space: nowrap; }
.verlauf .pp-thread { align-items: center; white-space: nowrap; }
.verlauf .pp-thread img { margin-right: 0.1em; }
a.pp-thema, a.pp-thema:visited { display: inline-flex; align-items: center; min-height: 1.9rem; padding: 0 0.6rem; margin-left: 0.4rem; border: 1px solid var(--salbei-linie); background: #fff; color: var(--schwarz); font-family: var(--ui); font-size: 0.85rem; text-decoration: none; white-space: nowrap; vertical-align: middle; }
a.pp-thema:hover { background: var(--salbei-hell); color: var(--schwarz); }
.neu-zahl { display: inline-block; padding: 0 0.4em; background: var(--gelb); color: var(--schwarz); font-size: 0.85rem; font-weight: 700; line-height: 1.5; }
ul.thread .entry.neu > a.subject::before {
	content: "neu";
	display: inline-block;
	margin-right: 0.45em;
	padding: 0 0.35em;
	background: var(--gelb);
	color: var(--schwarz);
	font-family: var(--ui);
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.5;
	vertical-align: 0.15em;
}

/* Übersicht und Tabelle innerhalb der Inhaltsbreite */
#main-grid { grid-template-columns: minmax(0, 1fr); }
#main-grid.table { grid-template-areas: "threadlist" "sidebar"; }
#main-grid.table > ul.pagination { grid-column: 1; margin-top: 0; }
table#threadlist { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 0.95rem; }
table#threadlist th { width: 7.5rem; }
table#threadlist th:first-child { width: auto; }
table#threadlist th.sp-datum { width: 8.75rem; }
table#threadlist th.sp-zahl { width: 6rem; }
table#threadlist td.subject .entry { flex-wrap: wrap; min-width: 0; }
table#threadlist td.subject a.subject { overflow-wrap: anywhere; }
table#threadlist th { text-align: left; padding: 0.6rem 0.75rem; font-weight: 700; white-space: nowrap; vertical-align: bottom; }
table#threadlist td { padding: 0.6rem 0.75rem; vertical-align: top; border-top: 1px solid var(--salbei-linie); }
table#threadlist .small { font-size: 0.95rem; }
table#threadlist td ul.thread { border: 0; padding: 0; margin: 0; }
table#threadlist td ul.thread > li > .entry a.subject { font-size: 1.15rem; }
table#threadlist a.letzte, table#threadlist a.letzte:visited { color: var(--grau); text-decoration: none; }
table#threadlist a.letzte:hover { color: var(--violett); text-decoration: underline; }
table#threadlist .leer { color: var(--grau); }
a.sortkopf, a.sortkopf:visited { color: var(--schwarz); text-decoration: none; }
a.sortkopf:hover { text-decoration: underline; }
a.sortkopf.aktiv { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.2em; }
@media screen and (max-width: 62em) {
	table#threadlist thead { display: none; }
	table#threadlist, table#threadlist tbody, table#threadlist tr { display: block; }
	table#threadlist tr { padding: 0.75rem 0; border-top: 1px solid var(--salbei-linie); }
	table#threadlist td { display: inline-block; border: 0; padding: 0.1rem 0.75rem 0.1rem 0; }
	table#threadlist td.subject { display: block; }
	table#threadlist td.sp-begonnen, table#threadlist td.sp-letzte .small br { display: none; }
	table#threadlist td.sp-letzte a.letzte::before { content: "zuletzt "; }
	table#threadlist td.sp-letzte a.letzte time::after { content: ", "; }
	table#threadlist td.sp-aufrufe .small::after { content: " Aufrufe"; }
	table#threadlist td.sp-antworten .small::after { content: " Antworten"; }
}

/* Daumen hoch und runter */
.posting-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem; }
.posting-footer > .options { flex-basis: 100%; }
.reaktion { display: inline-flex; gap: 0.5rem; margin: 0; }
#content .reaktion .daumen {
	text-decoration: none;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 2.75rem;
	min-width: 4rem;
	padding: 0 0.8rem;
	border: 2px solid var(--salbei-linie);
	background: #fff;
	color: var(--schwarz);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}
#content .reaktion .daumen:hover { border-color: var(--schwarz); }
#content .reaktion .daumen[aria-pressed="true"] { border-color: var(--schwarz); background: var(--schwarz); color: var(--gelb); }
#content .reaktion .daumen svg { flex: none; }
#content .reaktion .daumen[aria-busy="true"] { opacity: 0.6; }

/* breit genug für die ganze Dienstzeile neben dem Logo: Logo über beide Zeilen */
@media screen and (min-width: 80em) {
	#kopfleiste { grid-template-areas: "logo dienst" "logo suche"; }
}
@media screen and (max-width: 48em) {
	#kopfleiste { grid-template-columns: minmax(0, 1fr); grid-template-areas: "dienst" "logo" "suche"; row-gap: 0.75rem; }
	#topsearch { justify-self: stretch; width: auto; }
}
@media screen and (max-width: 40em) {
	#dienstzeile { justify-content: flex-start; }
	#usermenu { justify-content: flex-start; gap: 0 1rem; }
	#subnav-pagination { margin-left: 0; }
	.posting .body, .thread-posting .body { font-size: 1.1rem; }
}

/* Kennzeichen *PIC* und *oT* hinter dem Betreff, wie im alten Forum */
.kennung {
	font-family: var(--ui);
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--grau);
	white-space: nowrap;
	margin-right: 0.5rem;
}
.entry > a.subject + .kennung { margin-left: -0.35rem; }

/* Schreiben: Fotos, Entwurf, Zeichen */
#pp-zeichen { display: flex; flex-wrap: wrap; gap: 0.25rem; }
#postingform #pp-zeichen button {
	background: #fff;
	color: var(--schwarz);
	border: 2px solid var(--schwarz);
	min-height: 2.5rem;
	min-width: 2.5rem;
	padding: 0 0.5rem;
	font: 600 1rem var(--text);
}
#postingform #pp-zeichen button:hover { background: var(--salbei-hell); }
#pp-fotos { list-style: none; margin: 0.6rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.6rem; }
#pp-fotos:empty { display: none; }
#pp-fotos li { width: 7.5rem; font-size: 0.85rem; color: var(--grau); display: grid; gap: 0.25rem; }
#pp-fotos img { width: 7.5rem; height: 5.6rem; object-fit: cover; border: 2px solid var(--salbei-linie); }
#pp-fotos li.fertig img { border-color: var(--schwarz); }
#pp-fotos li.fehler { color: var(--violett); }
#pp-fotos li.fehler img { opacity: 0.5; }
#pp-entwurf { margin: 0 0 0.5rem; font-size: 0.95rem; color: var(--grau); display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
#pp-entwurf button { min-height: 2.25rem; padding: 0 0.8rem; font-size: 0.9rem; }

/* Leiste des alten Forums: Hinweise, Archiv, Termine, Umfragen, Chat, Galerie */
#dienstzeile { flex-wrap: wrap; column-gap: 1rem; }
#forummenu {
	margin: 0;
	padding: 0 1rem 0 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 1rem;
	font-size: 0.94rem;
	border-right: 1px solid #4a5247;
}
#forummenu a, #forummenu a:visited { display: inline-flex; align-items: center; min-height: 2.5rem; color: var(--gelb); text-decoration: none; }
#forummenu a:hover { text-decoration: underline; }
@media screen and (max-width: 48em) {
	#forummenu { border-right: 0; padding-right: 0; flex-basis: 100%; gap: 0 1rem; }
}
.pp-umfrage-hinweis { margin: 0.35rem 0 0; }
.pp-umfrage-hinweis a, .pp-umfrage-hinweis a:visited { color: var(--schwarz); font-weight: 600; }

/* Seiten des alten Forums */
.pp-seite { max-width: 52rem; }
.pp-text h2, .pp-umfrage h2, .pp-zwischen { font-family: var(--titel); font-weight: 600; font-size: 1.3rem; margin: 2rem 0 0.5rem; }
.pp-text h2:first-child { margin-top: 0; }
.pp-text p { font-family: var(--text); font-size: 1.1rem; line-height: 1.6; margin: 0 0 0.9rem; }
.pp-jahre { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 0.5rem; }
.pp-jahre a { display: flex; gap: 0.75rem; align-items: baseline; padding: 0.6rem 0.8rem; background: #fff; border: 1px solid var(--salbei-linie); text-decoration: none; }
.pp-jahre a:hover { border-color: var(--schwarz); }
.pp-jahre strong { font-size: 1.2rem; color: var(--schwarz); }
.pp-jahre span { color: var(--grau); font-size: 0.92rem; }
.pp-monate { display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0 0 1.25rem; }
.pp-monate a, .pp-monate strong { padding: 0.35rem 0.7rem; border: 1px solid var(--salbei-linie); background: #fff; text-decoration: none; }
.pp-monate strong { background: var(--schwarz); color: var(--gelb); border-color: var(--schwarz); }
.pp-monate span { color: var(--grau); font-size: 0.85rem; }
.pp-monate strong span { color: #b7c1b5; }
.pp-themen { list-style: none; margin: 0; padding: 0; }
.pp-themen li { padding: 0.45rem 0; border-bottom: 1px solid var(--salbei-linie); }
.pp-themen time { color: var(--grau); font-size: 0.9rem; margin-right: 0.5rem; font-variant-numeric: tabular-nums; }
.pp-themen a.subject { font-weight: 600; margin-right: 0.35rem; }
.pp-wer { color: var(--schwarz); margin-left: 0.25rem; }
.pp-antworten { color: var(--grau); font-size: 0.9rem; margin-left: 0.5rem; }
.pp-weiter { display: flex; gap: 1.5rem; margin-top: 1.5rem; }
.pp-leer { color: var(--grau); }
.pp-knopfzeile { margin: 0 0 1.25rem; }
a.pp-knopf, a.pp-knopf:visited { display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0 1.2rem; background: var(--schwarz); color: var(--gelb); font-weight: 700; text-decoration: none; }
.pp-umfrage { margin: 0 0 2rem; }
.pp-ergebnis { border-collapse: collapse; width: 100%; max-width: 44rem; }
.pp-ergebnis th { text-align: left; font-weight: 400; padding: 0.35rem 0.75rem 0.35rem 0; white-space: nowrap; }
.pp-ergebnis td { padding: 0.35rem 0; }
.pp-ergebnis .pp-balken { width: 60%; }
.pp-balken span { display: block; height: 1.1rem; background: var(--salbei); min-width: 2px; }
.pp-ergebnis .pp-n { text-align: right; padding-left: 0.75rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pp-summe td { border-top: 1px solid var(--salbei-linie); font-weight: 600; }
.pp-umfrage label { cursor: pointer; }
.pp-klein button { min-height: 2.25rem; font-size: 0.9rem; background: #fff; color: var(--schwarz); }
.pp-umfrageliste { columns: 2 18rem; padding-left: 1.2rem; margin: 0 0 2rem; }
.pp-neu { margin: 0 0 2rem; }
.pp-neu summary { cursor: pointer; font-weight: 600; }
.pp-neu input[type="text"], .pp-neu textarea { width: 100%; max-width: 36rem; }
@media screen and (max-width: 40em) {
	.pp-ergebnis th { white-space: normal; }
	.pp-ergebnis .pp-balken { width: 35%; }
}
.pp-chatzeit, .pp-da { color: var(--grau); margin: 0 0 0.5rem; }
#pp-chat { list-style: none; margin: 0 0 1rem; padding: 0.75rem; background: #fff; border: 1px solid var(--salbei-linie); height: 26rem; max-height: 60vh; overflow-y: auto; }
#pp-chat li { padding: 0.2rem 0; line-height: 1.45; overflow-wrap: anywhere; }
#pp-chat time { color: var(--grau); font-size: 0.85rem; margin-right: 0.35rem; font-variant-numeric: tabular-nums; }
#pp-chat .pp-weg { min-height: 0; padding: 0 0.35rem; background: none; color: var(--grau); border: 0; }
#pp-chatform { display: flex; gap: 0.5rem; }
#pp-chatform input { flex: 1; min-width: 0; }

/* Pilzgalerie */
.pp-quelle { color: var(--grau); margin: 0 0 1rem; }
.pp-pfad { margin: 0 0 1rem; font-size: 1.05rem; }
.pp-alben { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: 0.4rem; }
.pp-alben.pp-buchstaben { grid-template-columns: repeat(auto-fill, minmax(4.5rem, 1fr)); }
.pp-alben a { display: flex; justify-content: space-between; gap: 0.5rem; padding: 0.5rem 0.7rem; background: #fff; border: 1px solid var(--salbei-linie); text-decoration: none; font-style: italic; }
.pp-alben.pp-buchstaben a { font-style: normal; font-weight: 700; font-size: 1.15rem; }
.pp-alben a:hover { border-color: var(--schwarz); }
.pp-alben span { color: var(--grau); font-style: normal; font-weight: 400; font-size: 0.85rem; }
.pp-fotos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); gap: 1rem; }
.pp-fotos img { display: block; width: 100%; height: auto; border: 1px solid var(--salbei-linie); }
.pp-fotos span { display: block; color: var(--grau); font-size: 0.9rem; margin-top: 0.3rem; }
.pp-galerie { max-width: none; }

h1, h2, h3, h4 { font-family: var(--titel); font-weight: 600; }

/* Schlagwörter als Kästchen */
.pp-schlagworte { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; max-width: 36rem; min-height: 2.9rem; padding: 0.3rem 0.4rem; border: 2px solid var(--schwarz); background: #fff; box-sizing: border-box; cursor: text; }
.pp-schlagworte:focus-within { outline: 2px solid var(--violett); outline-offset: 1px; }
.pp-schlagworte input[type="text"] { flex: 1 1 8rem; min-width: 6rem; border: 0; padding: 0.2rem 0.3rem; outline: none; background: none; }
.pp-schlagwort { display: inline-flex; align-items: center; gap: 0.15rem; padding: 0 0 0 0.55rem; background: var(--salbei-hell); border: 1px solid var(--salbei-linie); font-size: 0.95rem; line-height: 1.9; }
#postingform .pp-schlagwort button { min-height: 0; height: 1.9rem; width: 1.9rem; padding: 0; border: 0; background: none; color: var(--grau); font-weight: 400; font-size: 1.1rem; }
#postingform .pp-schlagwort button:hover { color: var(--schwarz); background: var(--salbei-linie); }

/* HTML in Beiträgen bleibt in der Spalte */
.posting .body img, .thread-posting .body img { max-width: 100%; height: auto; }
.posting .body table, .thread-posting .body table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.posting .body, .thread-posting .body { overflow-wrap: anywhere; }
.posting .body h1, .thread-posting .body h1 { font-size: 1.6rem; margin: 1.2rem 0 0.5rem; }
.posting .body h2, .thread-posting .body h2 { font-size: 1.35rem; margin: 1.1rem 0 0.45rem; }
.posting .body h3, .thread-posting .body h3, .posting .body h4, .thread-posting .body h4 { font-size: 1.15rem; margin: 1rem 0 0.4rem; }