/* Ardania Player Wiki — Obsidian Publish Sourcebook Theme v6.0 Adobe Fonts: 1. Modesto, Mrs Eaves, Bookmania und Scala Sans in EIN Webprojekt aufnehmen. 2. Adobe-Webprojekt: Ardania Publish (Kit-ID feh5iox). 3. Die folgende @import-Zeile muss am Anfang der CSS-Datei bleiben. Der zweite Import stellt nur die robusten Fallback-Schriften bereit, falls das Adobe-Webprojekt vorübergehend nicht geladen werden kann. */ @import url("https://use.typekit.net/feh5iox.css"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Roboto+Condensed:wght@500;600;700&display=swap"); :root, body, body.theme-light, body.theme-dark, .published-container, .published-container.theme-light, .published-container.theme-dark { color-scheme: light !important; --dnd-paper: #faf9f6; --dnd-paper-soft: #f2eee6; --dnd-ink: #292724; --dnd-muted: #6a645e; --dnd-red: #a9151b; --dnd-red-dark: #741015; --dnd-red-bright: #c31a22; --dnd-gold: #b99a56; --dnd-gold-soft: #decda7; --dnd-nav: #201d1b; --dnd-nav-hover: #2c2825; --dnd-nav-border: #403a35; --dnd-nav-text: #e8e2dc; --dnd-nav-muted: #b7aea5; --dnd-table-head: #2d2926; --dnd-table-head-text: #fffaf0; --dnd-table-a: #d7c39a; --dnd-table-b: #eee2cc; --dnd-table-hover: #e2d1ae; --dnd-table-border: #c8baa4; --font-text-theme: "Roboto", Arial, Helvetica, sans-serif; --font-interface-theme: "Roboto Condensed", "Arial Narrow", Arial, sans-serif; --background-primary: var(--dnd-paper) !important; --background-primary-alt: var(--dnd-paper-soft) !important; --background-secondary: var(--dnd-nav) !important; --background-secondary-alt: var(--dnd-nav-hover) !important; --background-modifier-border: #cbc3b8 !important; --text-normal: var(--dnd-ink) !important; --text-muted: var(--dnd-muted) !important; --text-faint: #8e877f !important; --text-accent: var(--dnd-red) !important; --text-accent-hover: var(--dnd-red-dark) !important; --interactive-accent: var(--dnd-red) !important; --interactive-accent-hover: var(--dnd-red-bright) !important; --link-color: var(--dnd-red) !important; --link-color-hover: var(--dnd-red-dark) !important; --link-external-color: var(--dnd-red) !important; --link-external-color-hover: var(--dnd-red-dark) !important; /* Obsidian Tabellenvariablen */ --table-background: var(--dnd-table-b) !important; --table-border-color: var(--dnd-table-border) !important; --table-header-background: var(--dnd-table-head) !important; --table-header-background-hover: #3a342f !important; --table-header-color: var(--dnd-table-head-text) !important; --table-text-color: #302b26 !important; --table-row-alt-background: var(--dnd-table-a) !important; --table-row-alt-background-hover: var(--dnd-table-hover) !important; --table-row-background-hover: var(--dnd-table-hover) !important; /* Obsidian Graphvariablen */ --graph-text: #3b332d !important; --graph-line: rgba(118, 101, 86, 0.62) !important; --graph-node: #b71820 !important; --graph-node-unresolved: #c8751e !important; --graph-node-focused: #e1a31d !important; --graph-node-tag: #34705a !important; --graph-node-attachment: #70568e !important; } .published-container { --page-width: 900px; --page-padding: 46px 58px 72px; --sidebar-left-width: 285px; --sidebar-left-background: var(--dnd-nav); --sidebar-left-border-width: 1px; --sidebar-left-border-color: var(--dnd-nav-border); --sidebar-right-width: 275px; --sidebar-right-background: var(--dnd-nav); --sidebar-right-border-width: 1px; --sidebar-right-border-color: var(--dnd-nav-border); --site-name-color: #ffffff; --site-name-color-hover: #ffffff; --site-name-font: "Roboto Condensed", "Arial Narrow", Arial, sans-serif; --site-name-size: 23px; --site-name-weight: 700; --nav-collapse-icon-color: #b2aaa2; --nav-collapse-icon-color-hover: #ffffff; --nav-parent-item-color: #f1ece7; --nav-parent-item-color-active: #ffffff; --nav-parent-item-weight: 700; --nav-item-color: var(--dnd-nav-text); --nav-item-color-hover: #ffffff; --nav-item-color-active: #ffffff; --nav-item-border-color: transparent; --nav-item-border-color-hover: rgba(255, 255, 255, 0.08); --nav-item-border-color-active: var(--dnd-red-bright); --nav-item-weight-active: 700; --component-title-color: #c8bfb7; --component-title-font: "Roboto Condensed", "Arial Narrow", Arial, sans-serif; --component-title-size: 12px; --component-title-transform: uppercase; --component-title-weight: 700; --outline-heading-color: #d1c8c0; --outline-heading-color-hover: #ffffff; --outline-heading-color-active: #ffffff; --outline-heading-weight-active: 700; --page-title-color: var(--dnd-ink); --page-title-font: "Roboto Condensed", "Arial Narrow", Arial, sans-serif; --page-title-size: 2.55rem; --page-title-weight: 700; --graph-height: 225px; } /* ========================================================= LAYOUT ========================================================= */ html, body, .published-container { background: var(--dnd-nav) !important; } .site-body-left-column, .site-body-right-column { background: var(--dnd-nav) !important; color: var(--dnd-nav-text) !important; } .site-body-left-column { width: var(--sidebar-left-width) !important; max-width: var(--sidebar-left-width) !important; flex: 0 0 var(--sidebar-left-width) !important; } .site-body-right-column { width: var(--sidebar-right-width) !important; max-width: var(--sidebar-right-width) !important; flex: 0 0 var(--sidebar-right-width) !important; } .site-body-center-column { min-width: 0 !important; flex: 1 1 auto !important; color: var(--dnd-ink) !important; background: radial-gradient( circle at 18% 15%, rgba(91, 73, 53, 0.024) 0 1px, transparent 1.6px ), radial-gradient( circle at 74% 41%, rgba(91, 73, 53, 0.018) 0 1px, transparent 1.5px ), var(--dnd-paper) !important; background-size: 43px 43px, 61px 61px !important; } /* ========================================================= TYPOGRAFIE ========================================================= */ .site-body-center-column .markdown-rendered, .site-body-center-column .markdown-preview-view { color: var(--dnd-ink) !important; font-family: "Roboto", Arial, Helvetica, sans-serif !important; font-size: 17px !important; line-height: 1.68 !important; } .site-body-center-column .page-header, .site-body-center-column .inline-title { color: var(--dnd-ink) !important; font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif !important; font-weight: 700 !important; border-bottom: 2px solid var(--dnd-gold) !important; padding-bottom: 0.25em !important; } .site-body-center-column .markdown-rendered h1, .site-body-center-column .markdown-rendered h2, .site-body-center-column .markdown-rendered h3, .site-body-center-column .markdown-rendered h4, .site-body-center-column .markdown-rendered h5, .site-body-center-column .markdown-rendered h6 { font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif !important; font-weight: 700 !important; line-height: 1.16 !important; } .site-body-center-column .markdown-rendered h1 { color: var(--dnd-ink) !important; border-bottom: 2px solid var(--dnd-gold) !important; padding-bottom: 0.22em !important; } .site-body-center-column .markdown-rendered h2 { color: var(--dnd-red-dark) !important; text-transform: uppercase !important; letter-spacing: 0.025em !important; border-bottom: 2px solid #aaa197 !important; padding-bottom: 0.2em !important; } .site-body-center-column .markdown-rendered h3 { color: var(--dnd-red-dark) !important; border-bottom: 1px solid #c8c0b6 !important; padding-bottom: 0.16em !important; } /* ========================================================= LINKS ========================================================= */ .published-container .markdown-rendered a, .published-container .markdown-rendered a.internal-link, .published-container .markdown-rendered a.external-link { color: var(--dnd-red) !important; -webkit-text-fill-color: var(--dnd-red) !important; text-decoration-color: rgba(169, 21, 27, 0.48) !important; text-underline-offset: 2px !important; font-weight: 500 !important; } .published-container .markdown-rendered a:hover, .published-container .markdown-rendered a.internal-link:hover, .published-container .markdown-rendered a.external-link:hover { color: var(--dnd-red-dark) !important; -webkit-text-fill-color: var(--dnd-red-dark) !important; } .published-container .markdown-rendered a.internal-link.is-unresolved, .published-container .markdown-rendered a.is-unresolved { color: #b76417 !important; -webkit-text-fill-color: #b76417 !important; text-decoration-style: dotted !important; } /* ========================================================= TABELLEN ========================================================= */ .published-container .markdown-rendered .table-wrapper { overflow-x: auto !important; margin: 1.25em 0 1.7em !important; } .published-container .markdown-rendered table, .published-container .markdown-preview-view table, .published-container .markdown-rendered .table-wrapper > table, .published-container article table, .published-container main table { width: 100% !important; border-collapse: collapse !important; border-spacing: 0 !important; border: 1px solid var(--dnd-table-border) !important; background: var(--dnd-table-b) !important; color: #302b26 !important; font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif !important; font-size: 0.95rem !important; line-height: 1.45 !important; } /* Kopfzeile: jede einzelne Zelle */ .published-container .markdown-rendered table thead, .published-container .markdown-rendered table thead tr, .published-container .markdown-rendered table thead th, .published-container .markdown-preview-view table thead, .published-container .markdown-preview-view table thead tr, .published-container .markdown-preview-view table thead th, .published-container article table thead, .published-container article table thead tr, .published-container article table thead th, .published-container main table thead, .published-container main table thead tr, .published-container main table thead th { background: var(--dnd-table-head) !important; background-color: var(--dnd-table-head) !important; color: var(--dnd-table-head-text) !important; -webkit-text-fill-color: var(--dnd-table-head-text) !important; opacity: 1 !important; } .published-container .markdown-rendered table th, .published-container .markdown-preview-view table th, .published-container article table th, .published-container main table th { border: 1px solid #5a514a !important; border-bottom: 2px solid #8d8175 !important; padding: 0.72em 0.88em !important; font-weight: 700 !important; text-align: left !important; } /* Ungerade Zeilen */ .published-container .markdown-rendered table tbody tr:nth-child(odd), .published-container .markdown-rendered table tbody tr:nth-child(odd) > td, .published-container .markdown-preview-view table tbody tr:nth-child(odd), .published-container .markdown-preview-view table tbody tr:nth-child(odd) > td, .published-container article table tbody tr:nth-child(odd), .published-container article table tbody tr:nth-child(odd) > td, .published-container main table tbody tr:nth-child(odd), .published-container main table tbody tr:nth-child(odd) > td { background: var(--dnd-table-a) !important; background-color: var(--dnd-table-a) !important; } /* Gerade Zeilen */ .published-container .markdown-rendered table tbody tr:nth-child(even), .published-container .markdown-rendered table tbody tr:nth-child(even) > td, .published-container .markdown-preview-view table tbody tr:nth-child(even), .published-container .markdown-preview-view table tbody tr:nth-child(even) > td, .published-container article table tbody tr:nth-child(even), .published-container article table tbody tr:nth-child(even) > td, .published-container main table tbody tr:nth-child(even), .published-container main table tbody tr:nth-child(even) > td { background: var(--dnd-table-b) !important; background-color: var(--dnd-table-b) !important; } .published-container .markdown-rendered table td, .published-container .markdown-preview-view table td, .published-container article table td, .published-container main table td { color: #302b26 !important; -webkit-text-fill-color: #302b26 !important; border: 1px solid var(--dnd-table-border) !important; padding: 0.68em 0.88em !important; opacity: 1 !important; } .published-container .markdown-rendered table tbody tr:hover, .published-container .markdown-rendered table tbody tr:hover > td, .published-container .markdown-preview-view table tbody tr:hover, .published-container .markdown-preview-view table tbody tr:hover > td, .published-container article table tbody tr:hover, .published-container article table tbody tr:hover > td, .published-container main table tbody tr:hover, .published-container main table tbody tr:hover > td { background: var(--dnd-table-hover) !important; background-color: var(--dnd-table-hover) !important; } /* ========================================================= BILDER publish.js kennzeichnet Inhaltsbilder anhand der Dateiendung: JPEG/JPG = gestalteter Rahmen PNG = bewusst rahmenlos ========================================================= */ .published-container .markdown-rendered img, .published-container .markdown-preview-view img, .published-container article img, .published-container main img { display: block; max-width: 100%; height: auto; } /* Gemeinsamer Bildcontainer */ .published-container .image-embed.dnd-media-frame, .published-container figure.dnd-media-frame { position: relative !important; display: block !important; width: fit-content !important; max-width: 100% !important; margin: 1.65em auto 1.9em !important; padding: 9px !important; border: 1px solid #8b744b !important; outline: 1px solid rgba(185, 154, 86, 0.55) !important; outline-offset: 3px !important; border-radius: 2px !important; background: linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(226, 211, 181, 0.78)), var(--dnd-paper-soft) !important; box-shadow: 0 13px 26px rgba(45, 34, 24, 0.16), 0 3px 8px rgba(45, 34, 24, 0.12) !important; isolation: isolate; } /* Feine Eckornamente des JPEG-Rahmens */ .published-container .image-embed.dnd-media-frame::before, .published-container .image-embed.dnd-media-frame::after, .published-container figure.dnd-media-frame::before, .published-container figure.dnd-media-frame::after { content: ""; position: absolute; z-index: 2; width: 20px; height: 20px; pointer-events: none; opacity: 0.82; } .published-container .image-embed.dnd-media-frame::before, .published-container figure.dnd-media-frame::before { inset: 3px auto auto 3px; border-top: 2px solid var(--dnd-red-dark); border-left: 2px solid var(--dnd-red-dark); } .published-container .image-embed.dnd-media-frame::after, .published-container figure.dnd-media-frame::after { inset: auto 3px 3px auto; border-right: 2px solid var(--dnd-red-dark); border-bottom: 2px solid var(--dnd-red-dark); } .published-container .image-embed.dnd-media-frame > img, .published-container figure.dnd-media-frame > img, .published-container img.dnd-image-jpeg:not(.image-embed img) { border: 1px solid rgba(67, 54, 42, 0.46) !important; border-radius: 0 !important; background: #eee8dd !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.48) !important; } /* Direkt eingebundene JPEGs ohne Obsidian-Wrapper */ .published-container img.dnd-image-jpeg:not(.image-embed img) { box-sizing: border-box !important; margin: 1.65em auto 1.9em !important; padding: 8px !important; outline: 1px solid rgba(185, 154, 86, 0.55) !important; outline-offset: 3px !important; background: var(--dnd-paper-soft) !important; box-shadow: 0 13px 26px rgba(45, 34, 24, 0.16) !important; } /* PNGs bleiben vollständig rahmenlos und transparent */ .published-container .image-embed.dnd-media-transparent, .published-container figure.dnd-media-transparent, .published-container img.dnd-image-png { border: 0 !important; outline: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .published-container .image-embed.dnd-media-transparent, .published-container figure.dnd-media-transparent { display: block !important; width: fit-content !important; max-width: 100% !important; margin: 1.35em auto 1.7em !important; padding: 0 !important; } .published-container figure figcaption { margin-top: 0.75em !important; color: var(--dnd-muted) !important; font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif !important; font-size: 0.86rem !important; line-height: 1.4 !important; text-align: center !important; letter-spacing: 0.01em !important; } /* ========================================================= ZITATE UND CALLOUTS Normaler Markdown-Blockquote = erzählerisches Zitat [!quote] = hervorgehobenes Quote-Kästchen [!zitat] / [!citation] = Quellen- oder Überlieferungszitat ========================================================= */ .published-container .markdown-rendered blockquote { position: relative !important; margin: 1.45em 0 1.65em !important; padding: 1.05em 1.3em 1.05em 3.25em !important; color: #37302a !important; background: linear-gradient(90deg, rgba(185, 154, 86, 0.16), transparent 44%), #f3ede1 !important; border: 1px solid #d5c8b3 !important; border-left: 4px solid var(--dnd-gold) !important; border-radius: 3px !important; box-shadow: 0 4px 12px rgba(52, 42, 31, 0.07) !important; font-style: italic !important; } .published-container .markdown-rendered blockquote::before { content: "“"; position: absolute; top: 0.08em; left: 0.34em; color: var(--dnd-red-dark); font-family: Georgia, "Times New Roman", serif; font-size: 3.4rem; font-style: normal; font-weight: 700; line-height: 1; opacity: 0.88; } .published-container .markdown-rendered blockquote > :first-child { margin-top: 0 !important; } .published-container .markdown-rendered blockquote > :last-child { margin-bottom: 0 !important; } /* Allgemeine Callouts */ .published-container .callout { --callout-color: 169, 21, 27; overflow: visible !important; margin: 1.45em 0 1.7em !important; padding: 0 !important; color: var(--dnd-ink) !important; background: #f4eee3 !important; border: 1px solid #d4c7b4 !important; border-left: 4px solid rgb(var(--callout-color)) !important; border-radius: 4px !important; box-shadow: 0 5px 14px rgba(52, 42, 31, 0.08) !important; } .published-container .callout-title { gap: 0.55em !important; margin: 0 !important; padding: 0.72em 0.95em !important; color: var(--dnd-ink) !important; background: rgba(var(--callout-color), 0.10) !important; border-bottom: 1px solid rgba(var(--callout-color), 0.22) !important; font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif !important; font-weight: 700 !important; letter-spacing: 0.025em !important; } .published-container .callout-content { padding: 0.92em 1.05em 1em !important; } .published-container .callout-content > :first-child { margin-top: 0 !important; } .published-container .callout-content > :last-child { margin-bottom: 0 !important; } /* Quote-Kästchen: markanter und dunkler */ .published-container .callout[data-callout="quote"] { --callout-color: 185, 154, 86; position: relative !important; color: #f8f1e6 !important; background: radial-gradient(circle at 88% 10%, rgba(185, 154, 86, 0.15), transparent 30%), linear-gradient(135deg, #2e2925, #1f1c1a) !important; border-color: #6c5e4c !important; border-left-color: var(--dnd-gold) !important; box-shadow: 0 10px 22px rgba(24, 20, 17, 0.2) !important; } .published-container .callout[data-callout="quote"] .callout-title { color: #f7ead0 !important; background: rgba(185, 154, 86, 0.12) !important; border-bottom-color: rgba(222, 205, 167, 0.23) !important; } .published-container .callout[data-callout="quote"] .callout-content, .published-container .callout[data-callout="quote"] .callout-content * { color: #f3ede5 !important; } /* Quellen- und Überlieferungszitat */ .published-container .callout[data-callout="zitat"], .published-container .callout[data-callout="citation"] { --callout-color: 116, 16, 21; background: linear-gradient(90deg, rgba(116, 16, 21, 0.07), transparent 40%), #fbf7ef !important; border-top: 1px solid #b99a56 !important; border-right: 1px solid #b99a56 !important; border-bottom: 1px solid #b99a56 !important; border-left: 5px double var(--dnd-red-dark) !important; } .published-container .callout[data-callout="zitat"] .callout-title, .published-container .callout[data-callout="citation"] .callout-title { color: var(--dnd-red-dark) !important; text-transform: uppercase !important; font-size: 0.88rem !important; } /* ========================================================= LINKE NAVIGATION ========================================================= */ .site-body-left-column-site-name { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif !important; } .site-body-left-column .tree-item-self, .site-body-left-column .tree-item-self *, .site-body-left-column .nav-file-title, .site-body-left-column .nav-file-title *, .site-body-left-column .nav-folder-title, .site-body-left-column .nav-folder-title * { color: var(--dnd-nav-text) !important; -webkit-text-fill-color: var(--dnd-nav-text) !important; opacity: 1 !important; text-shadow: none !important; } .site-body-left-column .tree-item-self.mod-collapsible, .site-body-left-column .tree-item-self.mod-collapsible *, .site-body-left-column .nav-folder-title, .site-body-left-column .nav-folder-title * { color: #f1ece7 !important; -webkit-text-fill-color: #f1ece7 !important; font-weight: 700 !important; } .site-body-left-column .tree-item-self:hover, .site-body-left-column .tree-item-self:hover *, .site-body-left-column .nav-file-title:hover, .site-body-left-column .nav-file-title:hover *, .site-body-left-column .nav-folder-title:hover, .site-body-left-column .nav-folder-title:hover * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: var(--dnd-nav-hover) !important; } .site-body-left-column .tree-item-self.is-active, .site-body-left-column .tree-item-self.mod-active, .site-body-left-column .nav-file-title.is-active { position: relative !important; isolation: isolate !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: #4b2526 !important; /* Der frühere inset box-shadow überlagerte bei eingerückten Unterseiten teilweise den ersten Buchstaben. */ box-shadow: none !important; } .site-body-left-column .tree-item-self.is-active *, .site-body-left-column .tree-item-self.mod-active *, .site-body-left-column .nav-file-title.is-active * { position: relative !important; z-index: 1 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: transparent !important; } /* Separater Auswahlbalken hinter dem Inhalt */ .site-body-left-column .tree-item-self.is-active::before, .site-body-left-column .tree-item-self.mod-active::before, .site-body-left-column .nav-file-title.is-active::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 4px !important; background: var(--dnd-red-bright) !important; border-radius: 0 2px 2px 0 !important; pointer-events: none !important; } /* Abstand zwischen Auswahlbalken und Seitentitel */ .site-body-left-column .tree-item-self.is-active .tree-item-inner, .site-body-left-column .tree-item-self.is-active .tree-item-inner-text, .site-body-left-column .tree-item-self.mod-active .tree-item-inner, .site-body-left-column .tree-item-self.mod-active .tree-item-inner-text, .site-body-left-column .nav-file-title.is-active .nav-file-title-content { padding-left: 7px !important; } .site-body-left-column .collapse-icon, .site-body-left-column .collapse-icon *, .site-body-left-column .tree-item-icon, .site-body-left-column .tree-item-icon *, .site-body-left-column svg { color: #b7aea5 !important; stroke: currentColor !important; opacity: 1 !important; } /* ========================================================= GRAPH Klare Trennung zwischen Nodes, Linien und Auswahl ========================================================= */ :root, body, body.theme-light, body.theme-dark, .published-container, .published-container.theme-light, .published-container.theme-dark { --graph-text: #3b332d !important; /* Normale Verbindungen bewusst hell */ --graph-line: rgba(105, 88, 76, 0.24) !important; /* Unterschiedliche Node-Typen */ --graph-node: #b71820 !important; --graph-node-unresolved: #c8751e !important; --graph-node-tag: #34705a !important; --graph-node-attachment: #70568e !important; /* Ausgewählter oder fokussierter Node */ --graph-node-focused: #5b080d !important; } .site-body-right-column .graph-view-outer, .site-body-right-column .graph-view-container { background: #f8f3e9 !important; border: 1px solid #6d6158 !important; border-radius: 3px !important; box-shadow: none !important; } /* Normale Nodes */ .published-container .graph-view.color-fill, .published-container.theme-light .graph-view.color-fill, .published-container.theme-dark .graph-view.color-fill { color: #b71820 !important; opacity: 0.94 !important; } /* Ungelöste Nodes */ .published-container .graph-view.color-fill-unresolved, .published-container.theme-light .graph-view.color-fill-unresolved, .published-container.theme-dark .graph-view.color-fill-unresolved { color: #c8751e !important; opacity: 0.92 !important; } /* Tags */ .published-container .graph-view.color-fill-tag, .published-container.theme-light .graph-view.color-fill-tag, .published-container.theme-dark .graph-view.color-fill-tag { color: #34705a !important; opacity: 0.95 !important; } /* Anhänge */ .published-container .graph-view.color-fill-attachment, .published-container.theme-light .graph-view.color-fill-attachment, .published-container.theme-dark .graph-view.color-fill-attachment { color: #70568e !important; opacity: 0.95 !important; } /* Ausgewählter beziehungsweise angehoverter Node */ .published-container .graph-view.color-fill-focused, .published-container .graph-view.color-fill-highlight, .published-container.theme-light .graph-view.color-fill-focused, .published-container.theme-light .graph-view.color-fill-highlight, .published-container.theme-dark .graph-view.color-fill-focused, .published-container.theme-dark .graph-view.color-fill-highlight { color: #5b080d !important; opacity: 1 !important; } /* Goldener Auswahlring */ .published-container .graph-view.color-circle, .published-container.theme-light .graph-view.color-circle, .published-container.theme-dark .graph-view.color-circle { color: #e1a31d !important; opacity: 1 !important; } /* Normale Verbindungen */ .published-container .graph-view.color-line, .published-container.theme-light .graph-view.color-line, .published-container.theme-dark .graph-view.color-line { color: rgba(105, 88, 76, 0.24) !important; opacity: 0.58 !important; } /* Verbindungen des ausgewählten Nodes */ .published-container .graph-view.color-line-highlight, .published-container.theme-light .graph-view.color-line-highlight, .published-container.theme-dark .graph-view.color-line-highlight { color: rgba(169, 21, 27, 0.52) !important; opacity: 0.82 !important; } .published-container .graph-view.color-arrow, .published-container.theme-light .graph-view.color-arrow, .published-container.theme-dark .graph-view.color-arrow { color: rgba(169, 21, 27, 0.58) !important; opacity: 0.86 !important; } .published-container .graph-view.color-text, .published-container.theme-light .graph-view.color-text, .published-container.theme-dark .graph-view.color-text { color: #3b332d !important; opacity: 1 !important; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1450px) { .published-container { --sidebar-left-width: 260px; --sidebar-right-width: 240px; --page-width: 820px; --page-padding: 40px 46px 64px; } } @media (max-width: 1180px) { .published-container { --sidebar-right-width: 0px; --page-width: 840px; } .site-body-right-column { display: none !important; } } @media (max-width: 768px), (hover: none) and (pointer: coarse) { .published-container { --page-padding: 28px 20px 52px; --sidebar-left-background: var(--dnd-nav); } .site-header, .site-header.theme-light, .site-header.theme-dark { background: var(--dnd-nav) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-bottom: 1px solid var(--dnd-nav-border) !important; } .site-header .clickable-icon, .site-header .site-menu-icon, .site-header svg { color: #f2ede8 !important; stroke: currentColor !important; opacity: 1 !important; } .site-body-left-column, .site-body-left-column.theme-light, .site-body-left-column.theme-dark, .site-body-left-column .nav-view-outer { background: var(--dnd-nav) !important; color: var(--dnd-nav-text) !important; -webkit-text-fill-color: var(--dnd-nav-text) !important; } .site-mobile-overlay { background: rgba(18, 16, 15, 0.62) !important; } .published-container .markdown-rendered table { min-width: 560px !important; } } /* ========================================================= MOBILE CONTENT STABILITY v6.0 Ein einziger konsolidierter Mobile-Block. Keine :has()-Selektoren, keine Inhaltsvirtualisierung und keine mehrfachen konkurrierenden Quote-Fallbacks. ========================================================= */ @media screen and (max-width: 1100px), screen and (hover: none) and (pointer: coarse) { .site-body-center-column .markdown-preview-view, .site-body-center-column .markdown-preview-section, .site-body-center-column .markdown-rendered, .site-body-center-column article, .site-body-center-column main { content-visibility: visible !important; contain: none !important; contain-intrinsic-size: auto !important; } .site-body-center-column .el-blockquote, .site-body-center-column .el-callout, .site-body-center-column .callout, .site-body-center-column blockquote { display: block !important; visibility: visible !important; opacity: 1 !important; content-visibility: visible !important; contain: none !important; contain-intrinsic-size: auto !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 1px !important; max-height: none !important; overflow: visible !important; transform: none !important; -webkit-transform: none !important; } .site-body-center-column .callout-title { display: flex !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 1px !important; max-height: none !important; } .site-body-center-column .callout:not(.is-collapsed) .callout-content { display: block !important; visibility: visible !important; opacity: 1 !important; content-visibility: visible !important; contain: none !important; grid-template-rows: 1fr !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 1px !important; max-height: none !important; overflow: visible !important; } .site-body-center-column blockquote > *, .site-body-center-column .callout-title > *, .site-body-center-column .callout-content > * { visibility: visible !important; opacity: 1 !important; content-visibility: visible !important; contain: none !important; height: auto !important; max-height: none !important; } .site-body-center-column .callout.is-collapsed .callout-content { display: none !important; } } /* ========================================================= MOBILE MAP FALLBACK UND TOUCH-TOOLBAR v1.0 ========================================================= */ .ardania-mobile-map-fallback { display: block; margin: 1.25em auto 1.6em; max-width: 100%; text-align: center; } .ardania-mobile-map-fallback__image { display: block; width: 100%; height: auto; margin: 0 auto; border: 1px solid #8b744b; border-radius: 6px; background: var(--dnd-paper-soft); } .ardania-mobile-map-fallback__note { margin: 0.8em 0 0; color: var(--dnd-muted); font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif; font-size: 0.9rem; line-height: 1.4; } .zm-touch-toolbar { position: absolute; right: 10px; bottom: 10px; z-index: 90; display: none; flex-wrap: wrap; justify-content: flex-end; gap: 6px; max-width: min(340px, calc(100% - 20px)); pointer-events: auto; } .zm-touch-toolbar button { appearance: none; -webkit-appearance: none; min-width: 42px; min-height: 42px; padding: 7px 10px; border: 1px solid rgba(222, 205, 167, 0.72); border-radius: 8px; color: #fffaf0; background: rgba(32, 29, 27, 0.92); font: 600 14px/1 "Roboto Condensed", Arial, sans-serif; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28); touch-action: manipulation; } .zm-touch-toolbar button:active, .zm-touch-toolbar button.is-active { background: var(--dnd-red-dark); } @media (hover: none) and (pointer: coarse) { .zm-touch-toolbar { display: flex; } .zm-root { max-width: 100% !important; } .zm-viewport { touch-action: none !important; } } @media only screen and (min-width: 601px) and (max-width: 1180px) and (hover: none) and (pointer: coarse) { .zm-root { height: min(72vh, 760px) !important; } } /* BEGIN TTRPGTOOLS_ZOOMMAP_PUBLISH */ /* ZoomMap Publish runtime CSS (generated). */ :root{--ttrpgtools-hover-popover-max-width:720px;} .zm-root{position:relative;width:100%;height:480px;background:var(--background-secondary,#1e1e1e);border:1px solid var(--background-modifier-border,#444);border-radius:6px;overflow:hidden;} .zm-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;background:var(--background-primary,#111);} /* Viewport frame (optional) */ .zm-root.zm-root--framepad{background:transparent;border:none;} .zm-root.zm-root--framepad .zm-viewport{border:1px solid var(--background-modifier-border,#444);border-radius:6px;} .zm-frame-layer{position:absolute;inset:0;pointer-events:none;z-index:40;} .zm-viewport-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;object-position:center;pointer-events:none;user-select:none;-webkit-user-drag:none;} .zm-hud-layer{position:absolute;inset:0;pointer-events:none;z-index:60;} .zm-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;} .zm-image{display:block;user-select:none;-webkit-user-drag:none;pointer-events:none;} .zm-overlays{position:absolute;left:0;top:0;pointer-events:none;z-index:5;} .zm-overlay-image{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none;} .zm-markers{position:absolute;left:0;top:0;z-index:20;} .zm-hud-markers{position:absolute;inset:0;pointer-events:none;z-index:25;} .zm-marker{position:absolute;transform-origin:0 0;cursor:pointer;user-select:none;touch-action:none;} .zm-hud-marker{position:absolute;transform-origin:0 0;pointer-events:auto;cursor:pointer;touch-action:none;user-select:none;z-index:30;} .zm-marker-inv{transform-origin:0 0;} .zm-marker-anchor{transform-origin:0 0;} .zm-marker-icon{pointer-events:none;user-select:none;-webkit-user-drag:none;display:block;} /* Always-visible marker label (tooltip caption) */ .zm-marker-label{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;z-index:35;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.2;padding:2px 6px;border-radius:6px;background:var(--background-primary,#111);border:1px solid var(--background-modifier-border,#444);box-shadow:0 8px 24px rgba(0,0,0,0.35);} .zm-hidden{display:none!important;} /* Tooltip */ .zm-tooltip{position:absolute;z-index:9999;max-width:360px;max-height:260px;overflow:auto;background:var(--background-primary,#111);border:1px solid var(--background-modifier-border,#444);border-radius:6px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,0.35);display:none;} .zm-tooltip.zm-tooltip-visible{display:block;} .zm-tooltip__title{font-weight:600;margin-bottom:6px;} .zm-tooltip__body{white-space:pre-wrap;} /* Context menu */ .zm-menu,.zm-submenu{position:fixed;z-index:10000;min-width:220px;max-width:340px;background:var(--background-primary,#111);border:1px solid var(--background-modifier-border,#444);border-radius:6px;box-shadow:0 10px 28px rgba(0,0,0,0.45);padding:4px;user-select:none;} .zm-submenu{z-index:10001;} .zm-menu__sep{height:1px;margin:4px;background:var(--background-modifier-border,#444);} .zm-menu__item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;color:var(--text-normal,#ddd);} .zm-menu__item:hover{background:var(--background-modifier-hover,rgba(255,255,255,0.06));} .zm-menu__label{flex:1;white-space:nowrap;text-align:left;} .zm-menu__right{display:inline-flex;align-items:center;gap:8px;} .zm-menu__check{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-accent,#6aa9ff);font-size:16px;} .zm-menu__arrow{color:var(--text-muted,#aaa);} .zm-menu__icon{width:18px;height:18px;object-fit:contain;} /* Obsidian Publish hover popovers must be above viewport frames. */ .popover.hover-popover{z-index:9990!important;} .hover-popover{z-index:9990!important;} /* Publish hover popover sizing (configurable via plugin settings) */ .popover.hover-popover,.hover-popover{ --popover-width:min(var(--ttrpgtools-hover-popover-max-width,720px),92vw); width:var(--popover-width)!important; max-width:var(--popover-width)!important; max-height:92vh!important; height:auto!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; } .popover.hover-popover .hover-popover-content, .hover-popover .hover-popover-content, .popover.hover-popover .popover-content, .hover-popover .popover-content, .popover.hover-popover .markdown-preview-view, .hover-popover .markdown-preview-view, .popover.hover-popover .markdown-preview-section, .hover-popover .markdown-preview-section{ width:100%!important; max-width:100%!important; height:auto!important; max-height:100%!important; } .popover.hover-popover .hover-popover-content, .hover-popover .hover-popover-content, .popover.hover-popover .popover-content, .hover-popover .popover-content{ flex:1 1 auto!important; min-height:0!important; overflow:auto!important; } .popover.hover-popover .markdown-preview-view, .hover-popover .markdown-preview-view, .popover.hover-popover .markdown-preview-section, .hover-popover .markdown-preview-section{ overflow:auto!important; } /* Measure overlay */ .zm-measure{position:absolute;left:0;top:0;pointer-events:none;z-index:18;} .zm-measure__svg{width:100%;height:100%;overflow:visible;} .zm-measure__path{stroke:var(--zm-measure-color,var(--text-accent,#6aa9ff));stroke-width:var(--zm-measure-width,2px);fill:none;vector-effect:non-scaling-stroke;} .zm-measure__dot{fill:var(--zm-measure-color,var(--text-accent,#6aa9ff));stroke:var(--background-primary,#111);stroke-width:var(--zm-measure-width,2px);vector-effect:non-scaling-stroke;} .zm-measure-hud{position:absolute;left:8px;top:8px;z-index:20;background:var(--background-primary,#111);border:1px solid var(--background-modifier-border,#444);border-radius:6px;padding:4px 8px;box-shadow:0 8px 24px rgba(0,0,0,0.35);font-size:12px;white-space:pre-line;pointer-events:none;display:none;} .zm-measure-hud.zm-measure-hud-visible{display:block;} .zm-toast{position:absolute;right:8px;bottom:8px;z-index:25;background:var(--background-primary,#111);border:1px solid var(--background-modifier-border,#444);border-radius:6px;padding:6px 10px;box-shadow:0 8px 24px rgba(0,0,0,0.35);font-size:12px;white-space:pre-line;pointer-events:none;display:none;max-width:min(520px,92vw);} .zm-toast.zm-toast-visible{display:block;} /* Drawings */ .zm-draw{position:absolute;left:0;top:0;pointer-events:auto;z-index:10;} .zm-draw__svg{width:100%;height:100%;overflow:visible;pointer-events:auto;} .zm-draw__shape{vector-effect:non-scaling-stroke;pointer-events:none;} .zm-draw__hit{fill:#000;fill-opacity:.001;stroke:none;pointer-events:auto;cursor:default;} .zm-draw__hit--link{cursor:pointer;} .zm-draw__label{font-size:12px;paint-order:stroke;stroke:var(--background-primary,#111);stroke-width:3px;} .zm-draw-hitboxes{position:absolute;left:0;top:0;z-index:11;pointer-events:none;} .zm-draw-hitbox{position:absolute;pointer-events:auto;background:transparent;border:none;display:block;padding:0;margin:0;cursor:default;} .zm-draw-hitbox--link{cursor:pointer;} .zm-draw-hitbox--circle{border-radius:50%;} /* Text layers (static render only) */ .zm-text{position:absolute;left:0;top:0;pointer-events:none;z-index:12;} .zm-text__svg{width:100%;height:100%;overflow:visible;pointer-events:none;} /* Canvas base */ .zm-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;} /* ========================================================= Timeline Publish runtime CSS (generated). Supports: ```timeline-cal and ```timeline-h ========================================================= */ .tl-controls{display:flex;gap:8px;align-items:center;margin:6px 0 10px;} .tl-controls button{font:inherit;padding:6px 10px;border-radius:6px;border:1px solid var(--background-modifier-border,#444);background:var(--background-primary,#111);color:var(--text-normal,#ddd);} .tl-controls button:hover{background:var(--background-modifier-hover,rgba(255,255,255,0.06));} .tl-wrapper.tl-cross-mode{display:grid;gap:20px;} .tl-row{width:100%;margin:0;} .tl-grid{display:grid;align-items:center;column-gap:0;row-gap:0;} .tl-grid.has-media{grid-template-columns:var(--tl-media-w,200px) 1fr;grid-template-areas:'media box';} .tl-row.tl-align-right .tl-grid.has-media{grid-template-columns:1fr var(--tl-media-w,200px);grid-template-areas:'box media';} .tl-grid.no-media{grid-template-columns:1fr;grid-template-areas:'box';} .tl-media{grid-area:media;position:relative;overflow:hidden;border-radius:8px;background:var(--background-modifier-border,#444);z-index:2;} .tl-box{grid-area:box;position:relative;box-sizing:border-box;padding:10px 12px;margin:0;background:var(--tl-bg,var(--background-primary,#111));border:1px solid var(--tl-accent,var(--background-modifier-border,#444));border-radius:10px;display:flex;flex-direction:column;overflow:hidden;} .tl-row:not(.tl-align-right) .tl-box.has-media{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;} .tl-row.tl-align-right .tl-box.has-media{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;} .tl-box h1,.tl-box h4{margin:0 0 6px;} .tl-title{font-size:1.3em;line-height:1.15;} .tl-date{opacity:.85;font-weight:600;} .tl-summary{line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;} .tl-summary.tl-clamp{max-height:calc(var(--tl-summary-lines,6) * 1.4em);} .tl-hover-anchor.internal-link{position:absolute;inset:0;z-index:5;text-decoration:none!important;color:transparent!important;background:transparent;cursor:pointer;} .tl-media:hover + .tl-box,.tl-box:hover{background:var(--tl-hover,var(--background-modifier-hover,rgba(255,255,255,0.06)));} /* Horizontal */ .tl-h-scroller{--tl-h-col-w:600px;--tl-h-gap:0px;--tl-h-stack-gap:26px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding-bottom:8px;} .tl-h-content.tl-h-mixed{display:flex;flex-direction:row;align-items:stretch;gap:var(--tl-h-gap,0px);} .tl-h-content.tl-h-stacked{display:flex;flex-direction:column;gap:var(--tl-h-stack-gap,26px);} .tl-h-item{flex:0 0 auto;width:var(--tl-h-col-w,600px);padding-left:0!important;padding-right:0!important;} .tl-h-item .tl-grid.no-media{grid-template-columns:var(--tl-h-col-w,600px);} .tl-h-item .tl-grid.has-media{grid-template-columns:var(--tl-media-w,200px) max(160px,calc(var(--tl-h-col-w,600px) - var(--tl-media-w,200px)));} .tl-h-item.tl-align-right .tl-grid.has-media{grid-template-columns:max(160px,calc(var(--tl-h-col-w,600px) - var(--tl-media-w,200px))) var(--tl-media-w,200px);} .tl-h-timeline{display:block;} .tl-h-row{display:grid;grid-template-columns:repeat(var(--tl-h-cols,1),var(--tl-h-col-w,600px));column-gap:var(--tl-h-gap,0px);row-gap:12px;align-items:start;} .tl-h-slot{grid-column-start:var(--tl-h-col);display:flex;flex-direction:column;gap:12px;} @media (max-width:900px){ .tl-h-scroller{--tl-h-col-w:420px;} .tl-grid.has-media{grid-template-columns:1fr!important;grid-template-areas:'media' 'box'!important;} .tl-media{width:100%!important;height:auto!important;border-radius:10px 10px 0 0;} .tl-media img{width:100%;height:auto!important;object-fit:cover;display:block;border-radius:10px 10px 0 0;} .tl-box.has-media{border-radius:0 0 10px 10px;border:1px solid var(--tl-accent,var(--background-modifier-border,#444));border-top:none;} } /* END TTRPGTOOLS_ZOOMMAP_PUBLISH */ /* BEGIN ARDANIA_PLAYER_STORY_BOOK_STYLE Player Stories: kompakter Roman-/Buchsatz. Neuer Sprecher bleibt eigener Markdown-Absatz; der Abstand wird visuell reduziert statt Dialoge in denselben Absatz zu pressen. ========================================================= */ .markdown-preview-view.player-story, .player-story.markdown-preview-view, body.player-story .markdown-preview-view, .published-container .player-story { --p-spacing: 0.14em; } /* Normaler Prosasatz: enger Absatzabstand + leichter Erstzeileneinzug. */ .markdown-preview-view.player-story p, .player-story.markdown-preview-view p, body.player-story .markdown-preview-view p, .published-container .player-story p { margin-block-start: 0.06em !important; margin-block-end: 0.16em !important; line-height: 1.58; text-indent: 1.35em; } /* Einordnung/Metadaten, Callouts, Listen und Zitate nicht wie Romanprosa einziehen. */ .markdown-preview-view.player-story p:has(> strong:first-child), .player-story.markdown-preview-view p:has(> strong:first-child), body.player-story .markdown-preview-view p:has(> strong:first-child), .published-container .player-story p:has(> strong:first-child), .markdown-preview-view.player-story li p, .player-story.markdown-preview-view li p, body.player-story .markdown-preview-view li p, .published-container .player-story li p, .markdown-preview-view.player-story blockquote p, .player-story.markdown-preview-view blockquote p, body.player-story .markdown-preview-view blockquote p, .published-container .player-story blockquote p, .markdown-preview-view.player-story .callout p, .player-story.markdown-preview-view .callout p, body.player-story .markdown-preview-view .callout p, .published-container .player-story .callout p { text-indent: 0 !important; } /* Überschriften kompakter als normale Wiki-Seiten. */ .markdown-preview-view.player-story h2, .player-story.markdown-preview-view h2, body.player-story .markdown-preview-view h2, .published-container .player-story h2 { margin-top: 1.45em !important; margin-bottom: 0.48em !important; } .markdown-preview-view.player-story h3, .player-story.markdown-preview-view h3, body.player-story .markdown-preview-view h3, .published-container .player-story h3 { margin-top: 1.15em !important; margin-bottom: 0.35em !important; } /* Mobil weniger Einzug, damit kurze Dialogzeilen nicht unnötig schmal werden. */ @media (max-width: 700px) { .markdown-preview-view.player-story p, .player-story.markdown-preview-view p, body.player-story .markdown-preview-view p, .published-container .player-story p { text-indent: 0.9em; line-height: 1.52; margin-block-end: 0.12em !important; } } /* END ARDANIA_PLAYER_STORY_BOOK_STYLE */ /* BEGIN ARDANIA_SOURCEBOOK_PUBLISH_V5_1 Gemeinsames Design mit dem Player Vault: helle Oberfläche, warme Buchseite, Adobe-Typografie und schlichter Ardania-Sourcebook-Rahmen für JPEG/JPG. Dieser Block steht bewusst zuletzt, damit ältere Publish-Regeln zuverlässig überschrieben werden. ========================================================= */ :root, body, body.theme-light, body.theme-dark, .published-container, .published-container.theme-light, .published-container.theme-dark { --ardania-font-title: "modesto-condensed", "modesto", "Modesto Condensed", "Modesto Cond", "Modesto", "Roboto Condensed", Georgia, serif; --ardania-font-heading: "mrs-eaves-small-caps", "mrs-eaves-roman-small-caps", "mrs-eaves", "Mrs Eaves Small Caps", "Mrs Eaves Roman Small Caps", "Mrs Eaves", Georgia, serif; --ardania-font-body: "bookmania", "Bookmania", "Bookmania Regular", Georgia, "Times New Roman", serif; --ardania-font-rules: "scala-sans", "ff-scala-sans-pro", "Scala Sans", "Scala Sans Pro", "Roboto Condensed", Arial, sans-serif; /* Warme Publish-Palette: kein Player-Vault-Blau. */ --ardania-player-blue: #81261b; --ardania-player-blue-dark: #641d13; --ardania-player-blue-soft: #d8bea7; --ardania-player-mist: #f1ece2; --ardania-ui-shell: #d5cbbb; --ardania-ui-panel: #eee7da; --ardania-ui-panel-soft: #e8e0d3; --ardania-ui-panel-raised: #f8f4ec; --ardania-ui-border: #c2b398; --ardania-ui-text: #3d352e; --ardania-ui-muted: #756b61; --dnd-paper: #fbfaf5; --dnd-paper-soft: #eee9dc; --dnd-ink: #292724; --dnd-muted: #746b62; --dnd-red: #81261b; --dnd-red-dark: #641d13; --dnd-red-bright: #9a3528; --dnd-gold: #c9ad6a; --dnd-gold-soft: #e1d3ae; --dnd-nav: var(--ardania-ui-panel-soft); --dnd-nav-hover: #ddd1bf; --dnd-nav-border: var(--ardania-ui-border); --dnd-nav-text: var(--ardania-ui-text); --dnd-nav-muted: var(--ardania-ui-muted); --dnd-table-head: #fffefb; --dnd-table-head-text: var(--dnd-ink); --dnd-table-a: #eee5ce; --dnd-table-b: #fffefb; --dnd-table-hover: #e8dec4; --dnd-table-border: #d4c8ac; --font-text-theme: var(--ardania-font-body) !important; --font-interface-theme: var(--ardania-font-rules) !important; --background-primary: var(--dnd-paper) !important; --background-primary-alt: var(--dnd-paper-soft) !important; --background-secondary: var(--ardania-ui-panel-soft) !important; --background-secondary-alt: var(--ardania-ui-shell) !important; --background-modifier-border: var(--ardania-ui-border) !important; --text-normal: var(--dnd-ink) !important; --text-muted: var(--dnd-muted) !important; --text-accent: var(--dnd-red) !important; --interactive-accent: var(--ardania-player-blue) !important; --interactive-accent-hover: var(--ardania-player-blue-dark) !important; --link-color: var(--dnd-red) !important; --link-color-hover: var(--dnd-red-bright) !important; --graph-text: #4a4037 !important; --graph-line: rgba(112, 91, 65, 0.30) !important; --graph-node: #81261b !important; --graph-node-unresolved: #ad7837 !important; --graph-node-focused: #81261b !important; --graph-node-tag: #47735c !important; --graph-node-attachment: #70568e !important; } .published-container { --page-width: 1000px; --page-padding: 48px 64px 76px; --sidebar-left-background: var(--ardania-ui-panel-soft); --sidebar-left-border-color: var(--ardania-ui-border); --sidebar-right-background: var(--ardania-ui-panel-soft); --sidebar-right-border-color: var(--ardania-ui-border); --site-name-color: var(--dnd-red-dark); --site-name-color-hover: var(--dnd-red-bright); --site-name-font: var(--ardania-font-title); --site-name-weight: 700; --nav-collapse-icon-color: #7a6c5e; --nav-collapse-icon-color-hover: var(--ardania-player-blue-dark); --nav-parent-item-color: #40362e; --nav-parent-item-color-active: #291f19; --nav-item-color: #51473e; --nav-item-color-hover: #2f251f; --nav-item-color-active: #641d13; --nav-item-border-color-hover: rgba(129, 38, 27, 0.10); --nav-item-border-color-active: var(--ardania-player-blue); --component-title-color: #6d6054; --component-title-font: var(--ardania-font-rules); --outline-heading-color: #62574d; --outline-heading-color-hover: #342820; --outline-heading-color-active: var(--ardania-player-blue-dark); --page-title-color: var(--dnd-red-dark); --page-title-font: var(--ardania-font-title); --page-title-size: 2.7rem; --page-title-weight: 700; } html, body, .published-container { color: var(--ardania-ui-text) !important; background: var(--ardania-ui-shell) !important; font-family: var(--ardania-font-rules) !important; } .site-body-left-column, .site-body-right-column, .site-body-left-column .nav-view-outer, .site-body-right-column .site-body-right-column-inner { color: var(--ardania-ui-text) !important; background: var(--ardania-ui-panel-soft) !important; border-color: var(--ardania-ui-border) !important; font-family: var(--ardania-font-rules) !important; } .site-body-center-column { color: var(--dnd-ink) !important; background-color: var(--dnd-paper) !important; background-image: radial-gradient(ellipse at 16% 0%, rgba(255, 255, 255, 0.72), transparent 40%), radial-gradient(ellipse at 87% 100%, rgba(122, 83, 42, 0.035), transparent 44%), repeating-linear-gradient( 0deg, rgba(88, 24, 13, 0.01) 0, rgba(88, 24, 13, 0.01) 1px, transparent 1px, transparent 5px ) !important; background-size: auto !important; box-shadow: inset 24px 0 50px -52px rgba(58, 39, 25, 0.28), inset -24px 0 50px -52px rgba(58, 39, 25, 0.28) !important; } /* Buchsatz und Titelhierarchie */ .site-body-center-column .markdown-rendered, .site-body-center-column .markdown-preview-view, .site-body-center-column article, .site-body-center-column main { color: var(--dnd-ink) !important; font-family: var(--ardania-font-body) !important; font-size: 17.5px !important; line-height: 1.62 !important; font-kerning: normal; font-optical-sizing: auto; font-variant-ligatures: common-ligatures contextual; text-rendering: optimizeLegibility; } .site-body-center-column .page-header, .site-body-center-column .publish-article-heading, .site-body-center-column .inline-title, .site-body-center-column .markdown-rendered h1 { color: var(--dnd-red-dark) !important; font-family: var(--ardania-font-title) !important; font-weight: 700 !important; line-height: 1.03 !important; letter-spacing: 0.018em !important; border-bottom: 3px double var(--dnd-gold) !important; padding-bottom: 0.22em !important; text-wrap: balance; } .site-body-center-column .page-header, .site-body-center-column .publish-article-heading, .site-body-center-column .inline-title { font-size: 2.7rem !important; margin-bottom: 0.65em !important; } .site-body-center-column .markdown-rendered h1 { margin-top: 1.5em !important; font-size: 2.18rem !important; } .site-body-center-column .markdown-rendered h2, .site-body-center-column .markdown-rendered h3 { color: var(--dnd-red-dark) !important; font-family: var(--ardania-font-heading) !important; font-style: normal !important; font-weight: 600 !important; font-feature-settings: "kern" 1; line-height: 1.08 !important; letter-spacing: 0.055em !important; text-transform: uppercase !important; text-wrap: balance; } .site-body-center-column .markdown-rendered h2 { margin-top: 1.75em !important; margin-bottom: 0.72em !important; padding-bottom: 0.22em !important; border-bottom: 2px solid rgba(201, 173, 106, 0.82) !important; font-size: 2.32rem !important; } .site-body-center-column .markdown-rendered h3 { margin-top: 1.5em !important; margin-bottom: 0.55em !important; padding-bottom: 0 !important; border-bottom: 0 !important; font-size: 1.78rem !important; } .site-body-center-column .markdown-rendered h4 { color: #443e38 !important; font-family: var(--ardania-font-heading) !important; font-size: 1.2em !important; font-weight: 400 !important; font-variant-caps: small-caps; font-feature-settings: "smcp" 1, "kern" 1; letter-spacing: 0.025em !important; } .site-body-center-column .markdown-rendered h5, .site-body-center-column .markdown-rendered h6 { color: var(--dnd-red-dark) !important; font-family: var(--ardania-font-rules) !important; font-weight: 700 !important; letter-spacing: 0.055em !important; text-transform: uppercase !important; } .site-body-center-column .markdown-rendered p { margin-block: 0 0.88em; } .site-body-center-column .markdown-rendered strong, .site-body-center-column .markdown-rendered b { color: #443e38 !important; font-family: var(--ardania-font-rules) !important; font-size: 0.96em; font-weight: 700 !important; letter-spacing: 0.004em; } .site-body-center-column .markdown-rendered em, .site-body-center-column .markdown-rendered i { font-family: var(--ardania-font-body) !important; } .published-container .markdown-rendered a, .published-container .markdown-rendered a.internal-link, .published-container .markdown-rendered a.external-link { color: var(--dnd-red) !important; -webkit-text-fill-color: var(--dnd-red) !important; font-family: inherit; font-weight: inherit !important; text-decoration-color: rgba(129, 38, 27, 0.46) !important; text-decoration-thickness: 1px !important; text-underline-offset: 0.12em !important; } .published-container .markdown-rendered a:hover, .published-container .markdown-rendered a.internal-link:hover, .published-container .markdown-rendered a.external-link:hover { color: var(--dnd-red-bright) !important; -webkit-text-fill-color: var(--dnd-red-bright) !important; } /* Helle D&D-Beyond-artige Regelbuchtabellen */ .published-container .markdown-rendered table, .published-container .markdown-preview-view table, .published-container article table, .published-container main table { color: var(--dnd-ink) !important; background: var(--dnd-table-b) !important; border: 1px solid var(--dnd-table-border) !important; box-shadow: 0 3px 10px rgba(62, 43, 27, 0.07) !important; font-family: var(--ardania-font-rules) !important; font-size: 0.94rem !important; } .published-container .markdown-rendered table thead, .published-container .markdown-rendered table thead tr, .published-container .markdown-rendered table thead th, .published-container .markdown-preview-view table thead, .published-container .markdown-preview-view table thead tr, .published-container .markdown-preview-view table thead th, .published-container article table thead, .published-container article table thead tr, .published-container article table thead th, .published-container main table thead, .published-container main table thead tr, .published-container main table thead th { color: var(--dnd-ink) !important; -webkit-text-fill-color: var(--dnd-ink) !important; background: var(--dnd-table-head) !important; background-color: var(--dnd-table-head) !important; } .published-container .markdown-rendered table th, .published-container .markdown-preview-view table th, .published-container article table th, .published-container main table th { border: 1px solid rgba(158, 127, 61, 0.24) !important; border-bottom: 3px solid rgba(158, 127, 61, 0.48) !important; } .published-container .markdown-rendered table td, .published-container .markdown-preview-view table td, .published-container article table td, .published-container main table td { color: var(--dnd-ink) !important; -webkit-text-fill-color: var(--dnd-ink) !important; border: 1px solid rgba(158, 127, 61, 0.24) !important; } /* Schlichter eingebetteter Sourcebook-Rahmen; kein Passepartout. */ .published-container .image-embed.dnd-media-frame { position: relative !important; display: block !important; width: fit-content !important; max-width: 100% !important; box-sizing: border-box !important; margin: 2.2em auto 2.6em !important; padding: 0 !important; overflow: visible !important; border: clamp(12px, 1.35vw, 18px) solid transparent !important; border-image-source: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgICAgdmlld0JveD0iMCAwIDEyMDAgODAwIgogICAgIHdpZHRoPSIxMjAwIgogICAgIGhlaWdodD0iODAwIj4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZ29sZCIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM4ZjZkMmQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjI2IiBzdG9wLWNvbG9yPSIjZDliZDcyIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC41MiIgc3RvcC1jb2xvcj0iI2E5ODUzZCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNzYiIHN0b3AtY29sb3I9IiNlMmM5ODUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOGE2ODJiIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGZpbHRlciBpZD0ibGluZS1zaGFkb3ciIHg9Ii01JSIgeT0iLTUlIiB3aWR0aD0iMTEwJSIgaGVpZ2h0PSIxMTAlIj4KICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIxLjQiIHJlc3VsdD0iYmx1ciIvPgogICAgICA8ZmVPZmZzZXQgZHk9IjEuMiIgcmVzdWx0PSJvZmZzZXQiLz4KICAgICAgPGZlQ29sb3JNYXRyaXggaW49Im9mZnNldCIgdHlwZT0ibWF0cml4IgogICAgICAgIHZhbHVlcz0iMCAwIDAgMCAwLjIwICAwIDAgMCAwIDAuMTMgIDAgMCAwIDAgMC4wNSAgMCAwIDAgLjI2IDAiLz4KICAgICAgPGZlTWVyZ2U+CiAgICAgICAgPGZlTWVyZ2VOb2RlLz4KICAgICAgICA8ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiLz4KICAgICAgPC9mZU1lcmdlPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgoKICA8IS0tIFRyYW5zcGFyZW50ZXIgSW5uZW5yYXVtOyBudXIgZGllIHNjaG1hbGUgUmFuZHpvbmUgZW50aMOkbHQgR3JhZmlrLiAtLT4KICA8ZyBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBmaWx0ZXI9InVybCgjbGluZS1zaGFkb3cpIj4KICAgIDwhLS0gw4R1c3NlcmUgQXJkYW5pYS1Lb250dXIgbWl0IHp1csO8Y2toYWx0ZW5kZW4sIGdlc3R1ZnRlbiBFY2tlbi4gLS0+CiAgICA8cGF0aAogICAgICBkPSJNNzIgMTIgSDExMjggVjIwIEgxMTU0IFY0NiBIMTE4MCBWNzIgSDExODggVjcyOCBIMTE4MCBWNzU0IEgxMTU0IFY3ODAgSDExMjggVjc4OCBINzIgVjc4MCBINDYgVjc1NCBIMjAgVjcyOCBIMTIgVjcyIEgyMCBWNDYgSDQ2IFYyMCBINzIgWiIKICAgICAgc3Ryb2tlPSIjOWE3ODM2IgogICAgICBzdHJva2Utd2lkdGg9IjUiLz4KCiAgICA8IS0tIEhlbGxlIEhhdXB0bGluaWUuIC0tPgogICAgPHBhdGgKICAgICAgZD0iTTc4IDI0IEgxMTIyIFYzMiBIMTE0NCBWNTQgSDExNjYgVjc4IEgxMTc2IFY3MjIgSDExNjYgVjc0NiBIMTE0NCBWNzY4IEgxMTIyIFY3NzYgSDc4IFY3NjggSDU2IFY3NDYgSDM0IFY3MjIgSDI0IFY3OCBIMzQgVjU0IEg1NiBWMzIgSDc4IFoiCiAgICAgIHN0cm9rZT0idXJsKCNnb2xkKSIKICAgICAgc3Ryb2tlLXdpZHRoPSI3Ii8+CgogICAgPCEtLSBGZWluZSBpbm5lcmUgQnVjaGxpbmllLiAtLT4KICAgIDxwYXRoCiAgICAgIGQ9Ik04MiA0MyBIMTExOCBWNDkgSDExMzMgVjY0IEgxMTUxIFY4MiBIMTE1NyBWNzE4IEgxMTUxIFY3MzYgSDExMzMgVjc1MSBIMTExOCBWNzU3IEg4MiBWNzUxIEg2NyBWNzM2IEg0OSBWNzE4IEg0MyBWODIgSDQ5IFY2NCBINjcgVjQ5IEg4MiBaIgogICAgICBzdHJva2U9IiNiOTk3NGYiCiAgICAgIHN0cm9rZS13aWR0aD0iMi41Ii8+CgogICAgPCEtLSBLbGVpbmUgRWNrZmFjZXR0ZW4gZ2ViZW4gZGVtIFJhaG1lbiBlaW5lIGVpZ2VuZSBBcmRhbmlhLVNpZ25hdHVyLiAtLT4KICAgIDxnIHN0cm9rZT0iIzdlNWQyMyIgc3Ryb2tlLXdpZHRoPSIyLjUiPgogICAgICA8cGF0aCBkPSJNMjQgNzggTDUyIDUwIE0xMTc2IDc4IEwxMTQ4IDUwIE0yNCA3MjIgTDUyIDc1MCBNMTE3NiA3MjIgTDExNDggNzUwIi8+CiAgICAgIDxwYXRoIGQ9Ik00MyA4MiBMNzAgNTUgTTExNTcgODIgTDExMzAgNTUgTTQzIDcxOCBMNzAgNzQ1IE0xMTU3IDcxOCBMMTEzMCA3NDUiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") !important; border-image-slice: 90 !important; border-image-width: 1 !important; border-image-outset: 0.08 !important; border-image-repeat: stretch !important; border-radius: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: 0 6px 16px rgba(62, 43, 27, 0.11) !important; isolation: isolate; } .published-container .image-embed.dnd-media-frame::before, .published-container .image-embed.dnd-media-frame::after, .published-container figure.dnd-media-frame::before, .published-container figure.dnd-media-frame::after { content: none !important; display: none !important; } .published-container .image-embed.dnd-media-frame > img { display: block !important; max-width: 100% !important; border: 1px solid rgba(126, 93, 35, 0.42) !important; border-radius: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; } /* Bei echtem figure bleibt die Beschriftung ausserhalb des Bildrahmens. */ .published-container figure.dnd-media-frame { display: block !important; width: fit-content !important; max-width: 100% !important; margin: 2.2em auto 2.6em !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; } .published-container figure.dnd-media-frame > img, .published-container img.dnd-image-jpeg:not(.image-embed img):not(figure img) { box-sizing: border-box !important; padding: 0 !important; border: clamp(12px, 1.35vw, 18px) solid transparent !important; border-image-source: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgICAgdmlld0JveD0iMCAwIDEyMDAgODAwIgogICAgIHdpZHRoPSIxMjAwIgogICAgIGhlaWdodD0iODAwIj4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZ29sZCIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM4ZjZkMmQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjI2IiBzdG9wLWNvbG9yPSIjZDliZDcyIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC41MiIgc3RvcC1jb2xvcj0iI2E5ODUzZCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNzYiIHN0b3AtY29sb3I9IiNlMmM5ODUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOGE2ODJiIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGZpbHRlciBpZD0ibGluZS1zaGFkb3ciIHg9Ii01JSIgeT0iLTUlIiB3aWR0aD0iMTEwJSIgaGVpZ2h0PSIxMTAlIj4KICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIxLjQiIHJlc3VsdD0iYmx1ciIvPgogICAgICA8ZmVPZmZzZXQgZHk9IjEuMiIgcmVzdWx0PSJvZmZzZXQiLz4KICAgICAgPGZlQ29sb3JNYXRyaXggaW49Im9mZnNldCIgdHlwZT0ibWF0cml4IgogICAgICAgIHZhbHVlcz0iMCAwIDAgMCAwLjIwICAwIDAgMCAwIDAuMTMgIDAgMCAwIDAgMC4wNSAgMCAwIDAgLjI2IDAiLz4KICAgICAgPGZlTWVyZ2U+CiAgICAgICAgPGZlTWVyZ2VOb2RlLz4KICAgICAgICA8ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiLz4KICAgICAgPC9mZU1lcmdlPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgoKICA8IS0tIFRyYW5zcGFyZW50ZXIgSW5uZW5yYXVtOyBudXIgZGllIHNjaG1hbGUgUmFuZHpvbmUgZW50aMOkbHQgR3JhZmlrLiAtLT4KICA8ZyBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBmaWx0ZXI9InVybCgjbGluZS1zaGFkb3cpIj4KICAgIDwhLS0gw4R1c3NlcmUgQXJkYW5pYS1Lb250dXIgbWl0IHp1csO8Y2toYWx0ZW5kZW4sIGdlc3R1ZnRlbiBFY2tlbi4gLS0+CiAgICA8cGF0aAogICAgICBkPSJNNzIgMTIgSDExMjggVjIwIEgxMTU0IFY0NiBIMTE4MCBWNzIgSDExODggVjcyOCBIMTE4MCBWNzU0IEgxMTU0IFY3ODAgSDExMjggVjc4OCBINzIgVjc4MCBINDYgVjc1NCBIMjAgVjcyOCBIMTIgVjcyIEgyMCBWNDYgSDQ2IFYyMCBINzIgWiIKICAgICAgc3Ryb2tlPSIjOWE3ODM2IgogICAgICBzdHJva2Utd2lkdGg9IjUiLz4KCiAgICA8IS0tIEhlbGxlIEhhdXB0bGluaWUuIC0tPgogICAgPHBhdGgKICAgICAgZD0iTTc4IDI0IEgxMTIyIFYzMiBIMTE0NCBWNTQgSDExNjYgVjc4IEgxMTc2IFY3MjIgSDExNjYgVjc0NiBIMTE0NCBWNzY4IEgxMTIyIFY3NzYgSDc4IFY3NjggSDU2IFY3NDYgSDM0IFY3MjIgSDI0IFY3OCBIMzQgVjU0IEg1NiBWMzIgSDc4IFoiCiAgICAgIHN0cm9rZT0idXJsKCNnb2xkKSIKICAgICAgc3Ryb2tlLXdpZHRoPSI3Ii8+CgogICAgPCEtLSBGZWluZSBpbm5lcmUgQnVjaGxpbmllLiAtLT4KICAgIDxwYXRoCiAgICAgIGQ9Ik04MiA0MyBIMTExOCBWNDkgSDExMzMgVjY0IEgxMTUxIFY4MiBIMTE1NyBWNzE4IEgxMTUxIFY3MzYgSDExMzMgVjc1MSBIMTExOCBWNzU3IEg4MiBWNzUxIEg2NyBWNzM2IEg0OSBWNzE4IEg0MyBWODIgSDQ5IFY2NCBINjcgVjQ5IEg4MiBaIgogICAgICBzdHJva2U9IiNiOTk3NGYiCiAgICAgIHN0cm9rZS13aWR0aD0iMi41Ii8+CgogICAgPCEtLSBLbGVpbmUgRWNrZmFjZXR0ZW4gZ2ViZW4gZGVtIFJhaG1lbiBlaW5lIGVpZ2VuZSBBcmRhbmlhLVNpZ25hdHVyLiAtLT4KICAgIDxnIHN0cm9rZT0iIzdlNWQyMyIgc3Ryb2tlLXdpZHRoPSIyLjUiPgogICAgICA8cGF0aCBkPSJNMjQgNzggTDUyIDUwIE0xMTc2IDc4IEwxMTQ4IDUwIE0yNCA3MjIgTDUyIDc1MCBNMTE3NiA3MjIgTDExNDggNzUwIi8+CiAgICAgIDxwYXRoIGQ9Ik00MyA4MiBMNzAgNTUgTTExNTcgODIgTDExMzAgNTUgTTQzIDcxOCBMNzAgNzQ1IE0xMTU3IDcxOCBMMTEzMCA3NDUiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") !important; border-image-slice: 90 !important; border-image-width: 1 !important; border-image-outset: 0.08 !important; border-image-repeat: stretch !important; border-radius: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: 0 6px 16px rgba(62, 43, 27, 0.11) !important; } .published-container img.dnd-image-jpeg:not(.image-embed img):not(figure img) { display: block !important; max-width: 100% !important; height: auto !important; margin: 2.2em auto 2.6em !important; } .published-container .image-embed.dnd-media-transparent, .published-container figure.dnd-media-transparent, .published-container img.dnd-image-png { padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; } .published-container figure figcaption { color: var(--dnd-muted) !important; font-family: var(--ardania-font-rules) !important; font-size: 0.84rem !important; font-style: italic; font-weight: 700; letter-spacing: 0.025em !important; text-transform: uppercase; } /* Callouts und Zitate bleiben auf der hellen Buchseite deutlich sichtbar. */ .published-container .callout { overflow: hidden !important; color: var(--dnd-ink) !important; background: linear-gradient(110deg, rgba(var(--callout-color), 0.12), transparent 58%), #f2ead8 !important; border: 1px solid #bfa66b !important; border-left: 6px solid rgb(var(--callout-color)) !important; border-radius: 2px !important; outline: 1px solid rgba(201, 173, 106, 0.42) !important; outline-offset: 2px !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.58) inset, 0 6px 14px rgba(62, 43, 27, 0.12) !important; } .published-container .callout-title { color: #443e38 !important; background: linear-gradient(90deg, rgba(var(--callout-color), 0.17), transparent 68%), rgba(231, 217, 184, 0.86) !important; border-bottom: 1px solid rgba(88, 24, 13, 0.22) !important; font-family: var(--ardania-font-rules) !important; } .published-container .callout-content { color: var(--dnd-ink) !important; background: rgba(255, 254, 251, 0.92) !important; font-family: var(--ardania-font-body) !important; } .published-container .markdown-rendered blockquote { color: #443e38 !important; background: linear-gradient(90deg, rgba(201, 173, 106, 0.16), transparent 48%), rgba(255, 254, 251, 0.72) !important; border: 1px solid rgba(158, 127, 61, 0.38) !important; border-left: 4px solid var(--dnd-gold) !important; border-radius: 2px !important; box-shadow: 0 4px 10px rgba(62, 43, 27, 0.07) !important; font-family: var(--ardania-font-body) !important; } .published-container .markdown-rendered blockquote::before { color: var(--dnd-red-dark) !important; font-family: var(--ardania-font-heading) !important; } /* Helle Navigation und rechte Komponentenleiste */ .site-body-left-column-site-name { color: var(--dnd-red-dark) !important; -webkit-text-fill-color: var(--dnd-red-dark) !important; font-family: var(--ardania-font-title) !important; font-size: 1.5rem !important; letter-spacing: 0.018em; } .site-body-left-column .tree-item-self, .site-body-left-column .tree-item-self *, .site-body-left-column .nav-file-title, .site-body-left-column .nav-file-title *, .site-body-left-column .nav-folder-title, .site-body-left-column .nav-folder-title * { color: #51473e !important; -webkit-text-fill-color: #51473e !important; font-family: var(--ardania-font-rules) !important; } .site-body-left-column .tree-item-self.mod-collapsible, .site-body-left-column .tree-item-self.mod-collapsible *, .site-body-left-column .nav-folder-title, .site-body-left-column .nav-folder-title * { color: #40362e !important; -webkit-text-fill-color: #40362e !important; } .site-body-left-column .tree-item-self:hover, .site-body-left-column .tree-item-self:hover *, .site-body-left-column .nav-file-title:hover, .site-body-left-column .nav-file-title:hover *, .site-body-left-column .nav-folder-title:hover, .site-body-left-column .nav-folder-title:hover * { color: #2f251f !important; -webkit-text-fill-color: #2f251f !important; background: var(--dnd-nav-hover) !important; } .site-body-left-column .tree-item-self.is-active, .site-body-left-column .tree-item-self.mod-active, .site-body-left-column .nav-file-title.is-active { color: #641d13 !important; -webkit-text-fill-color: #641d13 !important; background: rgba(129, 38, 27, 0.13) !important; } .site-body-left-column .tree-item-self.is-active *, .site-body-left-column .tree-item-self.mod-active *, .site-body-left-column .nav-file-title.is-active * { color: #641d13 !important; -webkit-text-fill-color: #641d13 !important; background: transparent !important; } .site-body-left-column .tree-item-self.is-active::before, .site-body-left-column .tree-item-self.mod-active::before, .site-body-left-column .nav-file-title.is-active::before { background: var(--ardania-player-blue) !important; } .site-body-left-column .collapse-icon, .site-body-left-column .collapse-icon *, .site-body-left-column .tree-item-icon, .site-body-left-column .tree-item-icon *, .site-body-left-column svg { color: #7a6c5e !important; stroke: currentColor !important; } .site-body-left-column input, .site-body-left-column .search-input-container input, .site-body-right-column input, .site-body-right-column .search-input-container input { color: #3d352e !important; -webkit-text-fill-color: #3d352e !important; background: #fbf8f1 !important; border: 1px solid #c2b398 !important; font-family: var(--ardania-font-rules) !important; } .site-body-right-column .component-title, .site-body-right-column .outline-title, .site-body-right-column .backlink-pane > .tree-item-self, .site-body-right-column .graph-view-container, .site-body-right-column .graph-view-outer { color: #62574d !important; background: var(--ardania-ui-panel-soft) !important; border-color: var(--ardania-ui-border) !important; font-family: var(--ardania-font-rules) !important; } .site-body-right-column .outline-heading, .site-body-right-column .outline-heading *, .site-body-right-column .tree-item-self, .site-body-right-column .tree-item-self * { color: #62574d !important; -webkit-text-fill-color: #62574d !important; font-family: var(--ardania-font-rules) !important; } .site-body-right-column .outline-heading:hover, .site-body-right-column .outline-heading:hover *, .site-body-right-column .tree-item-self:hover, .site-body-right-column .tree-item-self:hover * { color: #342820 !important; -webkit-text-fill-color: #342820 !important; } .site-header, .site-header.theme-light, .site-header.theme-dark { color: var(--ardania-ui-text) !important; background: var(--ardania-ui-panel-soft) !important; border-bottom: 1px solid var(--ardania-ui-border) !important; font-family: var(--ardania-font-rules) !important; } .site-header .clickable-icon, .site-header .site-menu-icon, .site-header svg { color: var(--ardania-player-blue-dark) !important; stroke: currentColor !important; opacity: 1 !important; } .site-mobile-overlay { background: rgba(52, 40, 32, 0.48) !important; } /* Karten- und Timeline-Hilfen verwenden die Regel-/UI-Schrift. */ .published-container .ardania-mobile-map-fallback__note, .published-container .zm-touch-toolbar, .published-container .tl-box, .published-container .tl-date, .published-container .tl-title { font-family: var(--ardania-font-rules) !important; } @media (max-width: 1450px) { .published-container { --page-width: 860px; --page-padding: 40px 46px 64px; } } @media (max-width: 1180px) { .published-container { --page-width: 900px; } } @media (max-width: 768px), (hover: none) and (pointer: coarse) { .published-container { --page-width: 100%; --page-padding: 28px 20px 52px; --sidebar-left-background: var(--ardania-ui-panel-soft); } .site-body-left-column, .site-body-left-column.theme-light, .site-body-left-column.theme-dark, .site-body-left-column .nav-view-outer { color: var(--ardania-ui-text) !important; -webkit-text-fill-color: var(--ardania-ui-text) !important; background: var(--ardania-ui-panel-soft) !important; } .site-body-center-column .page-header, .site-body-center-column .publish-article-heading, .site-body-center-column .inline-title { font-size: 2.25rem !important; } .site-body-center-column .markdown-rendered h2 { font-size: 1.85rem !important; } .site-body-center-column .markdown-rendered h3 { font-size: 1.48rem !important; } } /* ========================================================= PUBLISH-KORREKTUREN v5.1 - warme Navigation statt Blau - garantiert lesbare Callouts - robuste JPG/JPEG-Rahmen auch bei Publish-Asset-URLs ========================================================= */ /* Publish-Komponenten und Graph vollstaendig in die warme Palette ziehen. */ .site-body-left-column, .site-body-right-column, .site-body-left-column .nav-view-outer, .site-body-right-column .site-body-right-column-inner, .site-body-right-column .graph-view-container, .site-body-right-column .graph-view-outer { background-color: var(--ardania-ui-panel-soft) !important; border-color: var(--ardania-ui-border) !important; } .site-body-left-column .tree-item-self.is-active, .site-body-left-column .tree-item-self.mod-active, .site-body-left-column .nav-file-title.is-active { color: var(--dnd-red-dark) !important; -webkit-text-fill-color: var(--dnd-red-dark) !important; background: rgba(129, 38, 27, 0.13) !important; } .site-body-left-column .tree-item-self.is-active *, .site-body-left-column .tree-item-self.mod-active *, .site-body-left-column .nav-file-title.is-active * { color: var(--dnd-red-dark) !important; -webkit-text-fill-color: var(--dnd-red-dark) !important; } .site-body-left-column .tree-item-self.is-active::before, .site-body-left-column .tree-item-self.mod-active::before, .site-body-left-column .nav-file-title.is-active::before { background: var(--dnd-red) !important; } .site-header .clickable-icon, .site-header .site-menu-icon, .site-header svg { color: var(--dnd-red-dark) !important; } /* Saemtliche Callout-Texte erhalten einen expliziten Kontrast. Das behebt insbesondere die fruehere Kombination aus hellem Inhalt und geerbter weisser Schrift des dunklen Quote-Designs. */ .published-container .callout { color: var(--dnd-ink) !important; background: #f3ead7 !important; border-color: #b99c5d !important; border-left-color: rgb(var(--callout-color)) !important; outline-color: rgba(157, 124, 55, 0.36) !important; } .published-container .callout-title, .published-container .callout-title *, .published-container .callout-content, .published-container .callout-content * { color: var(--dnd-ink) !important; -webkit-text-fill-color: var(--dnd-ink) !important; opacity: 1 !important; text-shadow: none !important; } .published-container .callout-title { background: linear-gradient(90deg, rgba(var(--callout-color), 0.14), transparent 70%), #eadfc8 !important; border-bottom-color: rgba(100, 29, 19, 0.22) !important; } .published-container .callout-content { background: #fffdf8 !important; } .published-container .callout-content a, .published-container .callout-content a * { color: var(--dnd-red) !important; -webkit-text-fill-color: var(--dnd-red) !important; } .published-container .callout-content code, .published-container .callout-content pre, .published-container .callout-content kbd { color: #3e352d !important; -webkit-text-fill-color: #3e352d !important; background: #eee8dc !important; } /* Quote-, Zitat- und Citation-Callouts sind nun bewusst hell. */ .published-container .callout[data-callout="quote"], .published-container .callout[data-callout="zitat"], .published-container .callout[data-callout="citation"] { color: var(--dnd-ink) !important; background: #f2e7cf !important; border-color: #b99c5d !important; border-left-color: var(--dnd-gold) !important; box-shadow: 0 6px 14px rgba(62, 43, 27, 0.11) !important; } .published-container .callout[data-callout="quote"] .callout-title, .published-container .callout[data-callout="zitat"] .callout-title, .published-container .callout[data-callout="citation"] .callout-title, .published-container .callout[data-callout="quote"] .callout-title *, .published-container .callout[data-callout="zitat"] .callout-title *, .published-container .callout[data-callout="citation"] .callout-title * { color: var(--dnd-red-dark) !important; -webkit-text-fill-color: var(--dnd-red-dark) !important; background: #e8d8b8 !important; } .published-container .callout[data-callout="quote"] .callout-content, .published-container .callout[data-callout="zitat"] .callout-content, .published-container .callout[data-callout="citation"] .callout-content, .published-container .callout[data-callout="quote"] .callout-content *, .published-container .callout[data-callout="zitat"] .callout-content *, .published-container .callout[data-callout="citation"] .callout-content * { color: var(--dnd-ink) !important; -webkit-text-fill-color: var(--dnd-ink) !important; } .published-container .callout[data-callout="quote"] .callout-content, .published-container .callout[data-callout="zitat"] .callout-content, .published-container .callout[data-callout="citation"] .callout-content { background: #fffdf8 !important; } .published-container .callout[data-callout="quote"] .callout-content a, .published-container .callout[data-callout="zitat"] .callout-content a, .published-container .callout[data-callout="citation"] .callout-content a { color: var(--dnd-red) !important; -webkit-text-fill-color: var(--dnd-red) !important; } /* Schlichter D&D-Beyond-artiger Doppelrahmen ohne farbiges Passepartout. Neben den JS-Klassen greifen die Attributselektoren als Publish-Fallback. */ :where( .published-container .image-embed.dnd-media-frame, .published-container .media-embed.dnd-media-frame, .published-container .internal-embed.dnd-media-frame, .published-container .image-embed[src*=".jpg" i], .published-container .image-embed[src*=".jpeg" i], .published-container .image-embed[data-href*=".jpg" i], .published-container .image-embed[data-href*=".jpeg" i], .published-container .image-embed[data-path*=".jpg" i], .published-container .image-embed[data-path*=".jpeg" i], .published-container .image-embed:has(img[alt*=".jpg" i]), .published-container .image-embed:has(img[alt*=".jpeg" i]) ) { position: relative !important; display: block !important; width: fit-content !important; max-width: calc(100% - 10px) !important; box-sizing: border-box !important; margin: 2.2em auto 2.6em !important; padding: 0 !important; overflow: visible !important; border: 1px solid #806025 !important; border-image: none !important; outline: 1px solid rgba(185, 154, 86, 0.88) !important; outline-offset: 4px !important; border-radius: 0 !important; background: transparent !important; box-shadow: 0 8px 18px rgba(62, 43, 27, 0.13) !important; } :where( .published-container .image-embed.dnd-media-frame > img, .published-container .media-embed.dnd-media-frame > img, .published-container .internal-embed.dnd-media-frame > img, .published-container figure.dnd-media-frame > img, .published-container img.dnd-image-jpeg, .published-container img[src*=".jpg" i], .published-container img[src*=".jpeg" i], .published-container img[alt*=".jpg" i], .published-container img[alt*=".jpeg" i] ) { box-sizing: border-box !important; border: 1px solid rgba(128, 96, 37, 0.62) !important; border-image: none !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } :where( .published-container img.dnd-image-jpeg:not(.image-embed img):not(.media-embed img):not(.internal-embed img):not(figure img), .published-container img[src*=".jpg" i]:not(.image-embed img):not(.media-embed img):not(.internal-embed img):not(figure img), .published-container img[src*=".jpeg" i]:not(.image-embed img):not(.media-embed img):not(.internal-embed img):not(figure img), .published-container img[alt*=".jpg" i]:not(.image-embed img):not(.media-embed img):not(.internal-embed img):not(figure img), .published-container img[alt*=".jpeg" i]:not(.image-embed img):not(.media-embed img):not(.internal-embed img):not(figure img) ) { display: block !important; max-width: calc(100% - 10px) !important; height: auto !important; margin: 2.2em auto 2.6em !important; outline: 1px solid rgba(185, 154, 86, 0.88) !important; outline-offset: 4px !important; box-shadow: 0 8px 18px rgba(62, 43, 27, 0.13) !important; } /* PNG bleibt explizit rahmenlos. */ .published-container .image-embed.dnd-media-transparent, .published-container .media-embed.dnd-media-transparent, .published-container .internal-embed.dnd-media-transparent, .published-container figure.dnd-media-transparent, .published-container img.dnd-image-png { padding: 0 !important; border: 0 !important; border-image: none !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; } /* Die interaktive Karte erhaelt nach erfolgreicher Initialisierung einen dezenten Regelbuchrand; die Steuerung verwendet Burgunder statt Blau. */ .published-container .zm-root[data-ardania-map="zoommap"] { border: 1px solid #9b7c3e !important; outline: 1px solid rgba(201, 173, 106, 0.42) !important; outline-offset: 2px !important; background: #eee8dc !important; box-shadow: 0 7px 18px rgba(62, 43, 27, 0.13) !important; } .published-container .zm-menu__check, .published-container .zm-touch-toolbar button, .published-container .zm-measure__path, .published-container .zm-measure__dot { --zm-measure-color: var(--dnd-red); color: var(--dnd-red) !important; } /* END ARDANIA_SOURCEBOOK_PUBLISH_V5_1 */ /* ========================================================= PUBLISH-KORREKTUREN v5.2 - klare Titelhierarchie: Seitentitel > H1 > H2 > H3 - warmer, kontrastreicher Publish-Graph ohne Violett ========================================================= */ /* Der Obsidian-Seitentitel muss visuell klar ueber den Abschnittsueberschriften stehen. Die direkten Selektoren sichern die Hierarchie auch dann, wenn Publish die Titelvariable nicht uebernimmt. */ .published-container { --page-title-size: 3.4rem !important; --graph-text: #332a23 !important; --graph-line: rgba(116, 97, 76, 0.48) !important; --graph-node: #81261b !important; --graph-node-unresolved: #ad7837 !important; --graph-node-focused: #641d13 !important; --graph-node-tag: #47735c !important; --graph-node-attachment: #80643c !important; } .published-container .site-body-center-column .page-header, .published-container .site-body-center-column .publish-article-heading, .published-container .site-body-center-column .inline-title, .published-container .site-body-center-column .view-header-title { font-size: 3.4rem !important; line-height: 0.98 !important; letter-spacing: 0.014em !important; margin-bottom: 0.72em !important; } /* Ein eventuell im Markdown gesetztes H1 bleibt gross, konkurriert aber nicht mit dem eigentlichen Seitentitel. */ .published-container .site-body-center-column .markdown-rendered h1 { font-size: 2.25rem !important; line-height: 1.04 !important; } .published-container .site-body-center-column .markdown-rendered h2 { font-size: 1.9rem !important; line-height: 1.08 !important; letter-spacing: 0.045em !important; margin-top: 1.8em !important; margin-bottom: 0.68em !important; } .published-container .site-body-center-column .markdown-rendered h3 { font-size: 1.46rem !important; line-height: 1.12 !important; letter-spacing: 0.042em !important; margin-top: 1.55em !important; } /* Der Publish-Graph wird in Canvas/WebGL gezeichnet. Obsidian liest dafuer die Farben aus diesen speziellen Hilfsklassen. Die Regeln stehen bewusst global und mit hoher Spezifitaet, damit sie auch ausserhalb des sichtbaren Graph-Containers und in beiden Theme-Modi greifen. */ html body .graph-view-container, html body .graph-view-outer, html body.theme-light .graph-view-container, html body.theme-light .graph-view-outer, html body.theme-dark .graph-view-container, html body.theme-dark .graph-view-outer { --graph-text: #332a23 !important; --graph-line: rgba(116, 97, 76, 0.48) !important; --graph-node: #81261b !important; --graph-node-unresolved: #ad7837 !important; --graph-node-focused: #641d13 !important; --graph-node-tag: #47735c !important; --graph-node-attachment: #80643c !important; color: #332a23 !important; background: #eee7da !important; border-color: #bba77f !important; } html body .graph-view.color-fill, html body.theme-light .graph-view.color-fill, html body.theme-dark .graph-view.color-fill { color: #81261b !important; opacity: 0.98 !important; } html body .graph-view.color-fill-unresolved, html body.theme-light .graph-view.color-fill-unresolved, html body.theme-dark .graph-view.color-fill-unresolved { color: #ad7837 !important; opacity: 0.96 !important; } html body .graph-view.color-fill-tag, html body.theme-light .graph-view.color-fill-tag, html body.theme-dark .graph-view.color-fill-tag { color: #47735c !important; opacity: 0.98 !important; } html body .graph-view.color-fill-attachment, html body.theme-light .graph-view.color-fill-attachment, html body.theme-dark .graph-view.color-fill-attachment { color: #80643c !important; opacity: 0.98 !important; } html body .graph-view.color-fill-focused, html body .graph-view.color-fill-highlight, html body.theme-light .graph-view.color-fill-focused, html body.theme-light .graph-view.color-fill-highlight, html body.theme-dark .graph-view.color-fill-focused, html body.theme-dark .graph-view.color-fill-highlight { color: #641d13 !important; opacity: 1 !important; } html body .graph-view.color-circle, html body.theme-light .graph-view.color-circle, html body.theme-dark .graph-view.color-circle { color: #c9ad6a !important; opacity: 1 !important; } html body .graph-view.color-line, html body.theme-light .graph-view.color-line, html body.theme-dark .graph-view.color-line { color: rgba(116, 97, 76, 0.48) !important; opacity: 0.74 !important; } html body .graph-view.color-line-highlight, html body.theme-light .graph-view.color-line-highlight, html body.theme-dark .graph-view.color-line-highlight { color: #81261b !important; opacity: 0.9 !important; } html body .graph-view.color-arrow, html body.theme-light .graph-view.color-arrow, html body.theme-dark .graph-view.color-arrow { color: #81261b !important; opacity: 0.92 !important; } html body .graph-view.color-text, html body.theme-light .graph-view.color-text, html body.theme-dark .graph-view.color-text { color: #332a23 !important; opacity: 1 !important; } @media (max-width: 768px), (hover: none) and (pointer: coarse) { .published-container .site-body-center-column .page-header, .published-container .site-body-center-column .publish-article-heading, .published-container .site-body-center-column .inline-title, .published-container .site-body-center-column .view-header-title { font-size: 2.65rem !important; } .published-container .site-body-center-column .markdown-rendered h1 { font-size: 2rem !important; } .published-container .site-body-center-column .markdown-rendered h2 { font-size: 1.65rem !important; } .published-container .site-body-center-column .markdown-rendered h3 { font-size: 1.34rem !important; } } /* END ARDANIA_SOURCEBOOK_PUBLISH_V5_2 */ /* ========================================================= PUBLISH-STABILITÄT v6.0 Einheitlicher Schlussblock für Callouts, Zitate und mobile Karten. Diese Regeln greifen sowohl während als auch nach einem dynamischen Obsidian-Publish-Seitenwechsel. ========================================================= */ html body .site-body-center-column .callout, html body .published-container .callout, html body .markdown-rendered .callout { visibility: visible !important; opacity: 1 !important; content-visibility: visible !important; color: var(--dnd-ink, #292724) !important; -webkit-text-fill-color: var(--dnd-ink, #292724) !important; background: #f3ead7 !important; border-color: #b99c5d !important; overflow: visible !important; } html body .site-body-center-column .callout-title, html body .site-body-center-column .callout-title *, html body .published-container .callout-title, html body .published-container .callout-title *, html body .markdown-rendered .callout-title, html body .markdown-rendered .callout-title * { visibility: visible !important; opacity: 1 !important; color: var(--dnd-ink, #292724) !important; -webkit-text-fill-color: var(--dnd-ink, #292724) !important; text-shadow: none !important; } html body .site-body-center-column .callout-title, html body .published-container .callout-title, html body .markdown-rendered .callout-title { background: linear-gradient(90deg, rgba(var(--callout-color, 169, 21, 27), 0.14), transparent 70%), #eadfc8 !important; } html body .site-body-center-column .callout:not(.is-collapsed) .callout-content, html body .published-container .callout:not(.is-collapsed) .callout-content, html body .markdown-rendered .callout:not(.is-collapsed) .callout-content { display: block !important; visibility: visible !important; opacity: 1 !important; content-visibility: visible !important; color: var(--dnd-ink, #292724) !important; -webkit-text-fill-color: var(--dnd-ink, #292724) !important; background: #fffdf8 !important; height: auto !important; max-height: none !important; } html body .site-body-center-column .callout-content *, html body .published-container .callout-content *, html body .markdown-rendered .callout-content * { visibility: visible !important; opacity: 1 !important; color: var(--dnd-ink, #292724) !important; -webkit-text-fill-color: var(--dnd-ink, #292724) !important; text-shadow: none !important; } html body .site-body-center-column .callout-content a, html body .site-body-center-column .callout-content a *, html body .published-container .callout-content a, html body .published-container .callout-content a *, html body .markdown-rendered .callout-content a, html body .markdown-rendered .callout-content a * { color: var(--dnd-red, #a9151b) !important; -webkit-text-fill-color: var(--dnd-red, #a9151b) !important; } html body .site-body-center-column blockquote, html body .site-body-center-column blockquote *, html body .published-container blockquote, html body .published-container blockquote *, html body .markdown-rendered blockquote, html body .markdown-rendered blockquote * { visibility: visible !important; opacity: 1 !important; content-visibility: visible !important; color: #37302a !important; -webkit-text-fill-color: #37302a !important; text-shadow: none !important; } html body .site-body-center-column blockquote, html body .published-container blockquote, html body .markdown-rendered blockquote { background: linear-gradient(90deg, rgba(185, 154, 86, 0.16), transparent 48%), #fffdf8 !important; border-color: rgba(158, 127, 61, 0.42) !important; border-left-color: var(--dnd-gold, #b99a56) !important; height: auto !important; max-height: none !important; overflow: visible !important; } html body .zm-root, html body .zm-viewport { touch-action: none !important; overscroll-behavior: contain !important; -webkit-user-select: none !important; user-select: none !important; } @media screen and (max-width: 1100px), screen and (hover: none) and (pointer: coarse) { html body .site-body-center-column .markdown-preview-view, html body .site-body-center-column .markdown-preview-section, html body .site-body-center-column .markdown-rendered, html body .site-body-center-column article, html body .site-body-center-column main { content-visibility: visible !important; contain: none !important; contain-intrinsic-size: auto !important; } } /* END ARDANIA_PUBLISH_STABILITY_V6_0 */ /* ========================================================= SESSION 26 – FLIESSENDE RECAP-BILDER (ALT, DEAKTIVIERT) ========================================================= */ /* Die ursprüngliche Fassung wählte über Dateinamen aus und traf damit auch dieselben Bilder auf Orts- und NPC-Seiten. Sie bleibt nur als Referenz hier; die Alias-Fassung weiter unten ist die aktive Umsetzung. */ @media not all { html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(:is( img[src*="Mood_Vendaris_Rat_der_Sieben.jpg"], img[src*="Mood_Moonfree_Dessert_1.jpg"], img[src*="NPC_Caelion_Myrrh.jpg"], img[src*="NPC_Lady_Marith_Valestra.jpg"], img[src*="Mood_XharVesha.jpg"], img[src*="NPC_Charis.png"], img[src*="NPC_Tazira_Nahl.png"], img[src*="NPC_Hamdos.png"], img[src*="Mood_The_Golden_Sailor_Exterior.jpg"] )) { display: block !important; box-sizing: content-box !important; width: min(15.5rem, 38%) !important; margin-top: 0.25rem !important; margin-bottom: 1rem !important; } html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(:is( img[src*="Mood_Vendaris_Rat_der_Sieben.jpg"], img[src*="Mood_Moonfree_Dessert_1.jpg"], img[src*="NPC_Caelion_Myrrh.jpg"], img[src*="NPC_Lady_Marith_Valestra.jpg"], img[src*="Mood_XharVesha.jpg"], img[src*="NPC_Charis.png"], img[src*="NPC_Tazira_Nahl.png"], img[src*="NPC_Hamdos.png"], img[src*="Mood_The_Golden_Sailor_Exterior.jpg"] )) :is(.internal-embed, .image-embed, .media-embed), html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(:is( img[src*="Mood_Vendaris_Rat_der_Sieben.jpg"], img[src*="Mood_Moonfree_Dessert_1.jpg"], img[src*="NPC_Caelion_Myrrh.jpg"], img[src*="NPC_Lady_Marith_Valestra.jpg"], img[src*="Mood_XharVesha.jpg"], img[src*="NPC_Charis.png"], img[src*="NPC_Tazira_Nahl.png"], img[src*="NPC_Hamdos.png"], img[src*="Mood_The_Golden_Sailor_Exterior.jpg"] )) img { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; } html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(:is( img[src*="Mood_Vendaris_Rat_der_Sieben.jpg"], img[src*="NPC_Caelion_Myrrh.jpg"], img[src*="NPC_Tazira_Nahl.png"], img[src*="NPC_Hamdos.png"] )) { float: right !important; clear: right !important; margin-left: 0.35rem !important; padding-left: 1.5rem !important; } html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(:is( img[src*="Mood_Moonfree_Dessert_1.jpg"], img[src*="NPC_Lady_Marith_Valestra.jpg"], img[src*="Mood_XharVesha.jpg"], img[src*="NPC_Charis.png"], img[src*="Mood_The_Golden_Sailor_Exterior.jpg"] )) { float: left !important; clear: left !important; margin-right: 0.35rem !important; padding-right: 1.5rem !important; } html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(:is( img[src*="NPC_Caelion_Myrrh.jpg"], img[src*="NPC_Lady_Marith_Valestra.jpg"] )) { width: min(10.5rem, 27%) !important; } html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(:is( img[src*="Mood_Vendaris_Rat_der_Sieben.jpg"], img[src*="Mood_Moonfree_Dessert_1.jpg"], img[src*="NPC_Caelion_Myrrh.jpg"], img[src*="NPC_Lady_Marith_Valestra.jpg"], img[src*="Mood_XharVesha.jpg"], img[src*="NPC_Charis.png"], img[src*="NPC_Tazira_Nahl.png"], img[src*="NPC_Hamdos.png"], img[src*="Mood_The_Golden_Sailor_Exterior.jpg"] ))::after { content: var(--s26-caption, "") !important; display: block; margin: 0.4rem 0.2rem 0.1rem; color: var(--dnd-muted, #6a645e) !important; font-size: 0.82em; font-style: italic; line-height: 1.35; text-align: center; } html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(:is( img[src*="Mood_Vendaris_Rat_der_Sieben.jpg"], img[src*="NPC_Caelion_Myrrh.jpg"], img[src*="NPC_Tazira_Nahl.png"], img[src*="NPC_Hamdos.png"] ))::after { margin-left: 1.7rem; } html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(:is( img[src*="Mood_Moonfree_Dessert_1.jpg"], img[src*="NPC_Lady_Marith_Valestra.jpg"], img[src*="Mood_XharVesha.jpg"], img[src*="NPC_Charis.png"], img[src*="Mood_The_Golden_Sailor_Exterior.jpg"] ))::after { margin-right: 1.7rem; } html body .published-container p:has(img[alt="s26-de-council"]) { --s26-caption: "Der Rat der Sieben in Vendaris."; } html body .published-container p:has(img[alt="s26-de-moonfree"]) { --s26-caption: "Karawanenroute durch die Mondfreie Wüste."; } html body .published-container p:has(img[alt="s26-de-caelion"]) { --s26-caption: "Caelion Myrrh, Gesandter von Vendaris."; } html body .published-container p:has(img[alt="s26-de-marith"]) { --s26-caption: "Lady Marith Valestra."; } html body .published-container p:has(img[alt="s26-de-xharvesha"]) { --s26-caption: "Xhar’Vesha, Ziel der Eskorte."; } html body .published-container p:has(img[alt="s26-de-charis"]) { --s26-caption: "Charis, eine Reisende mit wenig Geduld für Langeweile."; } html body .published-container p:has(img[alt="s26-de-tazira"]) { --s26-caption: "Tazira Nahl, Tänzerin des Saffron Veil."; } html body .published-container p:has(img[alt="s26-de-hamdos"]) { --s26-caption: "Hamdos, der gesprächige Brass Dragon."; } html body .published-container p:has(img[alt="s26-de-golden-sailor"]) { --s26-caption: "Der Golden Sailor im Hafenviertel."; } html body .published-container p:has(img[alt="s26-en-council"]) { --s26-caption: "The Council of Seven in Vendaris."; } html body .published-container p:has(img[alt="s26-en-moonfree"]) { --s26-caption: "The caravan route through the Moonfree Desert."; } html body .published-container p:has(img[alt="s26-en-caelion"]) { --s26-caption: "Caelion Myrrh, envoy of Vendaris."; } html body .published-container p:has(img[alt="s26-en-marith"]) { --s26-caption: "Lady Marith Valestra."; } html body .published-container p:has(img[alt="s26-en-xharvesha"]) { --s26-caption: "Xhar’Vesha, destination of the escort."; } html body .published-container p:has(img[alt="s26-en-charis"]) { --s26-caption: "Charis, a traveller with little patience for boredom."; } html body .published-container p:has(img[alt="s26-en-tazira"]) { --s26-caption: "Tazira Nahl, dancer of the Saffron Veil."; } html body .published-container p:has(img[alt="s26-en-hamdos"]) { --s26-caption: "Hamdos, the talkative Brass Dragon."; } html body .published-container p:has(img[alt="s26-en-golden-sailor"]) { --s26-caption: "The Golden Sailor in the harbour district."; } @media (max-width: 700px) { html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(:is( img[src*="Mood_Vendaris_Rat_der_Sieben.jpg"], img[src*="Mood_Moonfree_Dessert_1.jpg"], img[src*="NPC_Caelion_Myrrh.jpg"], img[src*="NPC_Lady_Marith_Valestra.jpg"], img[src*="Mood_XharVesha.jpg"], img[src*="NPC_Charis.png"], img[src*="NPC_Tazira_Nahl.png"], img[src*="NPC_Hamdos.png"], img[src*="Mood_The_Golden_Sailor_Exterior.jpg"] )) { float: none !important; clear: both !important; width: min(100%, 28rem) !important; margin: 1rem auto !important; padding-left: 0 !important; padding-right: 0 !important; } } } /* END deaktivierte SESSION_26_RECAP_FIGURES */ /* ========================================================= SESSION 26 – DEFINITIVE BILDLINKS / ALIAS-OVERRIDE Die Gestaltung hängt bewusst an den s26-Alternativtexten, nicht an Dateinamen. Damit bleiben spätere finale Umbenennungen der Bilddateien ohne Einfluss auf das Recap-Layout. ========================================================= */ html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(img[alt^="s26-"]) { display: block !important; box-sizing: content-box !important; width: min(15.5rem, 38%) !important; margin-top: 0.25rem !important; margin-bottom: 1rem !important; } html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(img[alt^="s26-"]) :is(.internal-embed, .image-embed, .media-embed), html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(img[alt^="s26-"]) img { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; } html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(img[alt^="s26-"]):has(:is( img[alt$="-council"], img[alt$="-caelion"], img[alt$="-towers"], img[alt$="-north-market"], img[alt$="-tazira"], img[alt$="-hamdos"] )) { float: right !important; clear: right !important; margin-left: 0.35rem !important; padding-left: 1.5rem !important; } html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(img[alt^="s26-"]):has(:is( img[alt$="-moonfree"], img[alt$="-marith"], img[alt$="-xharvesha"], img[alt$="-charis"], img[alt$="-saffron-veil"], img[alt$="-golden-sailor"] )) { float: left !important; clear: left !important; margin-right: 0.35rem !important; padding-right: 1.5rem !important; } html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(img[alt^="s26-"]):has(:is( img[alt$="-caelion"], img[alt$="-marith"] )) { width: min(10.5rem, 27%) !important; } html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(img[alt^="s26-"])::after { content: var(--s26-caption, "") !important; display: block; margin: 0.4rem 0.2rem 0.1rem; color: var(--dnd-muted, #6a645e) !important; font-size: 0.82em; font-style: italic; line-height: 1.35; text-align: center; } html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(img[alt^="s26-"]):has(:is( img[alt$="-council"], img[alt$="-caelion"], img[alt$="-towers"], img[alt$="-north-market"], img[alt$="-tazira"], img[alt$="-hamdos"] ))::after { margin-left: 1.7rem; } html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(img[alt^="s26-"]):has(:is( img[alt$="-moonfree"], img[alt$="-marith"], img[alt$="-xharvesha"], img[alt$="-charis"], img[alt$="-saffron-veil"], img[alt$="-golden-sailor"] ))::after { margin-right: 1.7rem; } html body .published-container p:has(img[alt="s26-de-council"]) { --s26-caption: "Der Rat der Sieben in Vendaris."; } html body .published-container p:has(img[alt="s26-de-moonfree"]) { --s26-caption: "Karawanenroute durch die Mondfreie Wüste."; } html body .published-container p:has(img[alt="s26-de-caelion"]) { --s26-caption: "Caelion Myrrh, Gesandter von Vendaris."; } html body .published-container p:has(img[alt="s26-de-marith"]) { --s26-caption: "Lady Marith Valestra."; } html body .published-container p:has(img[alt="s26-de-towers"]) { --s26-caption: "Die alten Kommunikationstürme am Rand des Sandsturms."; } html body .published-container p:has(img[alt="s26-de-xharvesha"]) { --s26-caption: "Xhar’Vesha, Ziel der Eskorte."; } html body .published-container p:has(img[alt="s26-de-north-market"]) { --s26-caption: "Der North Market vor der Nordpforte von Xhar’Vesha."; } html body .published-container p:has(img[alt="s26-de-charis"]) { --s26-caption: "Charis, eine Reisende mit wenig Geduld für Langeweile."; } html body .published-container p:has(img[alt="s26-de-saffron-veil"]) { --s26-caption: "Das Saffron Veil, erfüllt von Musik, Tanz und flackerndem Licht."; } html body .published-container p:has(img[alt="s26-de-tazira"]) { --s26-caption: "Tazira Nahl, Tänzerin des Saffron Veil."; } html body .published-container p:has(img[alt="s26-de-hamdos"]) { --s26-caption: "Hamdos, der gesprächige Brass Dragon."; } html body .published-container p:has(img[alt="s26-de-golden-sailor"]) { --s26-caption: "Der Golden Sailor im Hafenviertel."; } html body .published-container p:has(img[alt="s26-en-council"]) { --s26-caption: "The Council of Seven in Vendaris."; } html body .published-container p:has(img[alt="s26-en-moonfree"]) { --s26-caption: "The caravan route through the Moonfree Desert."; } html body .published-container p:has(img[alt="s26-en-caelion"]) { --s26-caption: "Caelion Myrrh, envoy of Vendaris."; } html body .published-container p:has(img[alt="s26-en-marith"]) { --s26-caption: "Lady Marith Valestra."; } html body .published-container p:has(img[alt="s26-en-towers"]) { --s26-caption: "The old communication towers at the edge of the sandstorm."; } html body .published-container p:has(img[alt="s26-en-xharvesha"]) { --s26-caption: "Xhar’Vesha, destination of the escort."; } html body .published-container p:has(img[alt="s26-en-north-market"]) { --s26-caption: "The North Market before Xhar’Vesha’s northern gate."; } html body .published-container p:has(img[alt="s26-en-charis"]) { --s26-caption: "Charis, a traveller with little patience for boredom."; } html body .published-container p:has(img[alt="s26-en-saffron-veil"]) { --s26-caption: "The Saffron Veil, filled with music, dance, and flickering light."; } html body .published-container p:has(img[alt="s26-en-tazira"]) { --s26-caption: "Tazira Nahl, dancer of the Saffron Veil."; } html body .published-container p:has(img[alt="s26-en-hamdos"]) { --s26-caption: "Hamdos, the talkative Brass Dragon."; } html body .published-container p:has(img[alt="s26-en-golden-sailor"]) { --s26-caption: "The Golden Sailor in the harbour district."; } @media (max-width: 700px) { html body .published-container :is(.markdown-rendered, .markdown-preview-view) p:has(img[alt^="s26-"]) { float: none !important; clear: both !important; width: min(100%, 28rem) !important; margin: 1rem auto !important; padding-left: 0 !important; padding-right: 0 !important; } } /* END SESSION_26_FINAL_ALIAS_OVERRIDE */