/* Nornenthal: Inhaltsseiten und Seitenverwaltung. */
#site-content-main.sites-wide { width: 100%; }
.sites-content { font: 14px/1.5 Tahoma, Verdana, Arial; color: #666; }
.sites-image { display: block; width: 100%; height: auto; margin: 0; }
.sites-body { text-align: justify; overflow-wrap: break-word; }
.sites-body img { max-width: 100%; height: auto; }
.sites-body table { width: 100%; border-collapse: collapse; }
.sites-body td, .sites-body th { border: 1px solid #ddd; padding: 6px; }
.sites-body h2, .sites-body h3 { margin: 1.2em 0 .6em; }
.table-sites td:nth-child(2) { width: 35%; }
.table-sites td:nth-child(3) { width: 30%; }
.sites-status { float: none; display: inline-block; margin: 0; }

/* Der vorhandene Editor liegt hier innerhalb der allgemeinen Klappformulare. */
#mainbox-formular #sites-form .newsletters-content {
    width: 100%; margin: 0 !important; padding: 0; box-sizing: border-box;
}
#mainbox-formular #sites-form .newsletters-content .formular-textarea-title {
    float: none !important; width: auto; height: auto; min-height: 24px;
    transform: none; justify-content: flex-start; border: 0; margin: 10px 0 5px;
}
#mainbox-formular #sites-form .newsletters-content textarea {
    width: 100% !important; float: none !important; margin: 0; box-sizing: border-box;
}
#sites-form .newsletters-toolbar { clear: both; }
#sites-form .newsletters-editor { box-sizing: border-box; width: 100%; margin-bottom: 16px; }
#sites-form .newsletters-toolbar details.newsletters-emoji {
    width: auto; min-width: 0; margin: 0; padding: 0; background: transparent;
}
#sites-form .newsletters-toolbar details.newsletters-emoji > summary {
    display: list-item; width: auto; height: auto; margin: 0; padding: 5px 8px;
    background: transparent; font: 11px Verdana, Arial, sans-serif;
}

#navbox-sites-input .sites-nav-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px; }
#mainbox-formular div.content-information.sites-content .sites-body p { margin: 0 0 12px; line-height: 1.7; }
.sites-body blockquote { margin: 1.5em 0; padding: 12px 20px; border-left: 3px solid #999; background: #f5f5f5; line-height: 1.7; }

/* Ruhige Lesedarstellung; Akzente folgen der vorhandenen Seitenfarbe. */
.sites-content { --sites-accent: #666666; }
#body-turquoise .sites-content { --sites-accent: #5b8a9b; }
#body-violett .sites-content { --sites-accent: #81799b; }
#body-blue .sites-content { --sites-accent: #77809d; }
#body-pink .sites-content { --sites-accent: #94778d; }
#body-green .sites-content { --sites-accent: #618c75; }
#body-brown .sites-content { --sites-accent: #9d8677; }
#body-lightblue .sites-content { --sites-accent: #7c8fac; }
#mainbox-big .sites-content .sites-title,
#mainbox-big .sites-body h2,
#mainbox-big .sites-body h3 {
    height: auto;
    padding: 0;
    border: 0;
    background: none;
    color: var(--sites-accent);
    font-family: Tahoma, Verdana, Arial;
    font-weight: normal;
    text-align: left;
    text-shadow: none;
    line-height: 1.3;
}
#mainbox-big .sites-content .sites-title { font-size: 30px; margin: 4px 0 22px; }
#mainbox-big .sites-body h2,
#mainbox-big .sites-body h3 { font-size: 22px; margin: 26px 0 12px; }

/* Titelbild und Quellen übernehmen denselben Akzent wie die Artikelüberschriften. */
.sites-image { --sites-accent: #666; box-sizing: border-box; border-bottom: 3px solid var(--sites-accent); }
#body-turquoise .sites-image { --sites-accent: #5b8a9b; }
#body-violett .sites-image { --sites-accent: #81799b; }
#body-blue .sites-image { --sites-accent: #77809d; }
#body-pink .sites-image { --sites-accent: #94778d; }
#body-green .sites-image { --sites-accent: #618c75; }
#body-brown .sites-image { --sites-accent: #9d8677; }
#body-lightblue .sites-image { --sites-accent: #7c8fac; }
/* Quellenziffern wie im Edelsteinlexikon: echtes sup mit gemeinsamer 10-px-Regel. */
.sites-reference, #mainbox-formular div.content-information a.sites-reference { font: inherit; font-weight: normal; color: inherit; text-decoration: none; white-space: nowrap; }
.sites-reference sup { font-weight: normal; line-height: 0; }
#mainbox-formular div.content-information .sites-sources,
#mainbox-formular div.content-information .sites-sources a { font-family: Tahoma, Verdana, Arial; font-size: 12px; font-weight: normal; line-height: 1.65; color: #777; text-align: left; }
/* Die allgemeine Listenregel setzt Linkgewicht und -farbe per !important. */
#mainbox-formular div.content-information .sites-sources a,
#mainbox-formular div.content-information .sites-sources a:visited { font-weight: normal !important; color: #777 !important; }
#mainbox-formular div.content-information .sites-sources h3 { height: auto; margin: 0 0 12px; padding: 0; background: none; font: normal 14px/1.4 Tahoma, Verdana, Arial; color: var(--sites-accent); text-shadow: none; }
.sites-sources { margin-top: 30px; padding-top: 18px; border-top: 1px solid #ccc; font-size: 12px; line-height: 1.65; }
.sites-sources h3 { color: var(--sites-accent); font-size: 17px; }
.sites-sources ol { padding-left: 24px; }
.sites-sources li { margin-bottom: 8px; scroll-margin-top: 20px; }
.sites-source-back { padding: 0 5px; white-space: nowrap; }
.sites-chapters { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 28px; padding: 16px 0; border-top: 1px solid #ddd; }
.sites-chapters span { color: #666; font-size: 12px; white-space: nowrap; }
.sites-chapters a { padding: 12px; background: #f3f3f3; border-bottom: 3px solid var(--sites-accent); text-decoration: none; }
.sites-chapter-next { margin-left: auto; text-align: right; }