<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="de">
	<id>https://wiki.uni-bielefeld.de/eakte/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Jdamian</id>
	<title>DMS/eAkte-Wiki - Benutzerbeiträge [de]</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.uni-bielefeld.de/eakte/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Jdamian"/>
	<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php/Spezial:Beitr%C3%A4ge/Jdamian"/>
	<updated>2026-05-15T06:15:13Z</updated>
	<subtitle>Benutzerbeiträge</subtitle>
	<generator>MediaWiki 1.43.8</generator>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4599</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4599"/>
		<updated>2026-05-12T13:01:28Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */&lt;br /&gt;
/* Die Definitionen werden immer durch den nächsten Kommentar unterhalb erläutert. Ein Kommentar kann sich so auch auf mehrere Definitionen darüber beziehen. */ &lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: light) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
&lt;br /&gt;
      /* Arbeit im Wiki */&lt;br /&gt;
      --aufbau-bc: Moccasin;&lt;br /&gt;
      --aufbau-blc: orange;&lt;br /&gt;
      --löschen-bc: Pink;&lt;br /&gt;
      --löschen-blc: red;&lt;br /&gt;
      --überarbeit-bc: LightCyan;&lt;br /&gt;
      --überarbeit-blc: SteelBlue;&lt;br /&gt;
      --testa-bc: Moccasin;&lt;br /&gt;
      --testa-blc: OrangeRed;&lt;br /&gt;
      --adminr-bc: Lavender;&lt;br /&gt;
      --adminr-blc: Indigo;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: dark) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
&lt;br /&gt;
      /* Arbeit im Wiki */&lt;br /&gt;
      --aufbau-bc: Chocolate;&lt;br /&gt;
      --aufbau-blc: Yellow;&lt;br /&gt;
      --löschen-bc: DarkRed;&lt;br /&gt;
      --löschen-blc: LightCoral;&lt;br /&gt;
      --überarbeit-bc: DarkCyan;&lt;br /&gt;
      --überarbeit-blc: LightBlue;&lt;br /&gt;
      --testa-bc: Chocolate;&lt;br /&gt;
      --testa-blc: Orange;&lt;br /&gt;
      --adminr-bc: RebeccaPurple;&lt;br /&gt;
      --adminr-blc: Violet;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-night {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
&lt;br /&gt;
      /* Arbeit im Wiki */&lt;br /&gt;
      --aufbau-bc: Chocolate;&lt;br /&gt;
      --aufbau-blc: Yellow;&lt;br /&gt;
      --löschen-bc: DarkRed;&lt;br /&gt;
      --löschen-blc: LightCoral;&lt;br /&gt;
      --überarbeit-bc: DarkCyan;&lt;br /&gt;
      --überarbeit-blc: LightBlue;&lt;br /&gt;
      --testa-bc: Chocolate;&lt;br /&gt;
      --testa-blc: Orange;&lt;br /&gt;
      --adminr-bc: RebeccaPurple;&lt;br /&gt;
      --adminr-blc: Violet;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-day {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
&lt;br /&gt;
      /* Arbeit im Wiki */&lt;br /&gt;
      --aufbau-bc: Moccasin;&lt;br /&gt;
      --aufbau-blc: orange;&lt;br /&gt;
      --löschen-bc: Pink;&lt;br /&gt;
      --löschen-blc: red;&lt;br /&gt;
      --überarbeit-bc: LightCyan;&lt;br /&gt;
      --überarbeit-blc: SteelBlue;&lt;br /&gt;
      --testa-bc: Moccasin;&lt;br /&gt;
      --testa-blc: OrangeRed;&lt;br /&gt;
      --adminr-bc: Lavender;&lt;br /&gt;
      --adminr-blc: Indigo;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-night {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
}&lt;br /&gt;
/* Farbangaben für helles bzw. dunkles Design.*/&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .barrierefrei,&lt;br /&gt;
.mw-parser-output &amp;gt; p {&lt;br /&gt;
   line-height: 150%;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
}&lt;br /&gt;
/* Klasse wird genutzt in den Anleitungen: In Tabellen und in den Vorlagen der Screenshots, AnleitungAbsatz und HinweisBox. Sie regelt den Zeilenabstand und beschränkt die Absatzbreite auf maximal ca. 80 Zeichen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox {&lt;br /&gt;
   display: table;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
   margin-top: 2em;&lt;br /&gt;
   margin-bottom: 2em;&lt;br /&gt;
   min-height: 64px;&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div {&lt;br /&gt;
   padding: 0 5px;&lt;br /&gt;
   display: table-cell;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
}&lt;br /&gt;
/* Formatierung der Hinweisbox:&lt;br /&gt;
   Die Darstellung erfolgt als Tabelle;&lt;br /&gt;
   Über der Hinweisbox wird immer ein Abstand eingefügt; Wenn die Hinweisbox nicht das letzte Element einer Seite ist, erhält sie auch einen Abstand nach unten;&lt;br /&gt;
   Die Hinweisbox hat eine Mindesthöhe, die der Höhe der Symbolbilder entspricht. So werden auch kleine Boxen ohne Symbolbild passend dargestellt;&lt;br /&gt;
   Die Kind-Elemente werden als Tabellenelemente auf gleicher Höhe gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) {&lt;br /&gt;
   height: 60px;&lt;br /&gt;
   width: 60px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für Symbolbilder in Hinweisboxen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisboxrahmen {&lt;br /&gt;
   border: solid 3px var(--unigruen);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Rahmen der Hinweisbox wird getrennt abgehandelt. Nur Hinweisboxen mit dieser Klasse erhalten einen Rahmen in Unigrün;&lt;br /&gt;
   Aktuell sind das: Hinweis, Information, Verpflichtend und Verweis */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) img {&lt;br /&gt;
   filter: var(--filter-img-hinweisbox);&lt;br /&gt;
}&lt;br /&gt;
/*Invertiert in der dunklen Darstellung das Symbol in der Hinweisbox.*/&lt;br /&gt;
&lt;br /&gt;
.catlinks {&lt;br /&gt;
   margin-top: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
/* Zusätzlicher Abstand vor der Auflistung der Kategorien. */&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen {&lt;br /&gt;
   background-color: var(--screenshotrahmen-bg);&lt;br /&gt;
   border: solid 1px var(--screenshotrahmen-border);&lt;br /&gt;
   padding: 5px;&lt;br /&gt;
}&lt;br /&gt;
/*Formatierung des Screenshothintergrunds: Der Hintergrund ist leicht abgedunkelt und ein Rahmen wird um das Bild gezogen. Ein kleiner Abstand nach innen wird definiert.*/&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen img {&lt;br /&gt;
   height: auto;&lt;br /&gt;
   max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* Bilder */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .screenshotgroß {&lt;br /&gt;
   max-width: 1020px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für große Screenshots, wenn nicht die Vorlage Anleitung verwendet wird. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen {&lt;br /&gt;
   margin-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:first-child {&lt;br /&gt;
   margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:last-child {&lt;br /&gt;
   margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
/* Abstände für eine Verwendung von Screenshots innerhalb einer Hinweisbox. */&lt;br /&gt;
&lt;br /&gt;
.screenshotImText &amp;gt; div {&lt;br /&gt;
   float: left;&lt;br /&gt;
   margin-right: 1em;&lt;br /&gt;
   margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Screenshots bspw. von kleineren Schaltflächen können auch im Textfluss dargestellt werden. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.screenshotrahmen,&lt;br /&gt;
.kachel,&lt;br /&gt;
#toc {&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/*Screenshots, die Kacheln der Startseite und die Seiten-Inhaltsverzeichnisse erhalten einen leichten grauen Schatten. Der Rahmen der Hinweisbox wird separat definiert.*/&lt;br /&gt;
&lt;br /&gt;
table.tanleitung {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:first-child,&lt;br /&gt;
.schulung .tanleitung td:first-child,&lt;br /&gt;
.wikitable .tanleitung,&lt;br /&gt;
.tanleitung th {&lt;br /&gt;
   background-color: var(--unigruen) !important;&lt;br /&gt;
   color: var(--tanleitung-th-color);&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:last-child,&lt;br /&gt;
.schulung .tanleitung td:last-child {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* In Tabellen der Anleitungen wird die Definition genutzt, um der Tabellenkopfzeile eine Uni-grünen Hintergrund und die Schriftfarbe auf weiß zu setzen. */&lt;br /&gt;
/* In der Seite Schulung wird jeweils die erste Spalte der Tabelle formatiert. */&lt;br /&gt;
&lt;br /&gt;
tr:hover {&lt;br /&gt;
   background-color: var(--table-row-bg-highlight) !important;&lt;br /&gt;
}&lt;br /&gt;
/* Als Lesehilfe wird die mit der Maus berührte Zeile einer Tabelle dezent farblich hervorgehoben. */&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories + #mw-pages &amp;gt; h2, &lt;br /&gt;
.mw-parser-output:has(&amp;gt; :last-child) + .mw-category-generated, /* Auf einer Kategorienseite haben die automatisch erzeugten Überschriften (Unterkategorien und Seiten in Kategorie) ebenfalls einen größeren Abstand, wenn es einen entsprechenden Seiteninhalt gibt. */&lt;br /&gt;
:is(.screenshot, .absatz, .hinweisbox, p, ul, ol, table) + :is(h2, h3),&lt;br /&gt;
.mw-parser-output &amp;gt; .anleitung:first-child ~ h2:first-of-type {&lt;br /&gt;
  margin-top: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Zeilenabstand über den Überschriften */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:is(ol, ul, p, .absatz, h4) + .screenshot,&lt;br /&gt;
.screenshot + :is(ol, ul, p, .absatz, .seitenindex, h4, .screenshot),&lt;br /&gt;
.screenshot + #toc,&lt;br /&gt;
#toc + p,&lt;br /&gt;
:is(p, .absatz) + #toc,&lt;br /&gt;
.absatz + .seitenindex {&lt;br /&gt;
   margin-top: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Abstand zwischen zwischen Screenshot, Absatz und Inhaltsverzeichnis */&lt;br /&gt;
&lt;br /&gt;
p + .absatz,&lt;br /&gt;
.absatz + p {&lt;br /&gt;
   margin-top: 0.5em&lt;br /&gt;
}&lt;br /&gt;
/* Wenn die Vorlage AnleitungAbsatz auf einen normalen Absatz folgt (oder umgekehrt), wird ein Abstand eingefügt, wie er zwischen zwei normalen Absätzen automatisch eingefügt wird. */&lt;br /&gt;
&lt;br /&gt;
.seitenindex {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));&lt;br /&gt;
   grid-auto-flow: dense;&lt;br /&gt;
   column-gap: 2em;&lt;br /&gt;
   row-gap: 1.5em;&lt;br /&gt;
   align-items: start;&lt;br /&gt;
}&lt;br /&gt;
/* Anzeige der Kacheln im Seitenindex (wird auf der Startseite verwendet): Die Kacheln haben eine minimale Breite. Außerdem wurde der Platz zwischen den Kacheln definiert (c.-gap und r.-gap). Wenn nicht mehr genügend Platz für eine weitere Kachel zur Verfügung steht, wird diese in eine neue Zeile geschoben. So werden die Kacheln auf kleineren Displays untereinander gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.kachel {&lt;br /&gt;
   border-top: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-left: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-right: solid 2px var(--kachel-border-light);&lt;br /&gt;
   border-bottom: solid 2px var(--kachel-border-light);&lt;br /&gt;
   background-color: var(--kachel-bg);&lt;br /&gt;
}&lt;br /&gt;
.kachel {&lt;br /&gt;
   text-align: center;&lt;br /&gt;
}&lt;br /&gt;
/* Eigenschaften der Kacheln im Seitenindex */&lt;br /&gt;
&lt;br /&gt;
.kachel:focus-within,&lt;br /&gt;
.kachel:hover {&lt;br /&gt;
   background-color: var(--kachel-bg-highlight);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--kachel-shadow-highlight);&lt;br /&gt;
   border-top-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-left-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-right-color: var(--kachel-border-light-highlight);&lt;br /&gt;
   border-bottom-color: var(--kachel-border-light-highlight);&lt;br /&gt;
}&lt;br /&gt;
/* Eine Kachel im Seitenindex wird hervorgehoben wenn der Mauszeiger sich darüber befindet oder sie mit dem Tabulator ausgewählt wurde. Der Hintergrund wird abgedunkelt. Rahmen und Schatten erhalten eine blaue Färbung, die sich am Design des Wiki des Wikis orientiert. */&lt;br /&gt;
&lt;br /&gt;
/* #p-tb {&lt;br /&gt;
   display: none;&lt;br /&gt;
} */&lt;br /&gt;
/* Unterdrückt die Anzeige der Werkzeuge im Seitenmenü komplett */&lt;br /&gt;
&lt;br /&gt;
#p-Admin,&lt;br /&gt;
li#t-recentchangeslinked,&lt;br /&gt;
li#t-upload,&lt;br /&gt;
li#t-specialpages,&lt;br /&gt;
li#t-permalink,&lt;br /&gt;
li#t-info,&lt;br /&gt;
li#t-cite,&lt;br /&gt;
.noautonum .tocnumber {&lt;br /&gt;
   display: none;&lt;br /&gt;
}&lt;br /&gt;
/* nav#p-Admin: Für normale Benutzer:innen werden die Links für Admins ausgeblendet. Über die spezielle css-Seite für Administrator:innen (MediaWiki:Group-sysop.css) wird diese Ausblendung wieder aufgehoben.&lt;br /&gt;
   li#t-...:    Einzelne Werkzeuge im linken Seitenmenü werden ausgeblendet&lt;br /&gt;
   .noautonum:  Kann genutzt werden, um im Inhaltsverzeichnis die Nummerierung zu unterdrücken. */&lt;br /&gt;
&lt;br /&gt;
.ArbeitWiki {&lt;br /&gt;
   border-left: solid thick;&lt;br /&gt;
   padding: 8px 20px 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Aufbau {&lt;br /&gt;
   background-color: var(--aufbau-bc);&lt;br /&gt;
   border-left-color: var(--aufbau-blc);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Löschung {&lt;br /&gt;
   background-color: var(--löschen-bc);&lt;br /&gt;
   border-left-color: var(--löschen-blc);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Überarbeitung {&lt;br /&gt;
   background-color: var(--überarbeit-bc);&lt;br /&gt;
   border-left-color: var(--überarbeit-blc);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.TestAusstehend {&lt;br /&gt;
   background-color: var(--testa-bc);&lt;br /&gt;
   border-left-color: var(--testa-blc);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.AdminRechte {&lt;br /&gt;
   background-color: var(--adminr-bc);&lt;br /&gt;
   border-left-color: var(--adminr-blc);&lt;br /&gt;
}&lt;br /&gt;
/* Konfiguration der Banner in den Vorlagen zur Arbeit mit dem Wiki */&lt;br /&gt;
&lt;br /&gt;
.kachel,&lt;br /&gt;
#mw-panel .vector-menu-content a {&lt;br /&gt;
   transition-property: box-shadow, border-color, background-color;&lt;br /&gt;
   transition-duration: 1s;&lt;br /&gt;
}&lt;br /&gt;
/* Der Farbübergang des Seitenmenü und der Kacheln im Seitenindex wird nicht sofort durchgeführt, sondern braucht eine Sekunde. */&lt;br /&gt;
&lt;br /&gt;
#mw-panel .vector-menu-content a:focus,&lt;br /&gt;
#mw-panel .vector-menu-content a:hover {&lt;br /&gt;
   box-shadow: 0px 5px 5px -2px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Hervorhebung im linken Seitenmenü der ausgewählten Menüzeile */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-auto-columns: fit-content( 18ch ) 1fr;&lt;br /&gt;
   column-gap: 1em;&lt;br /&gt;
   row-gap: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Ermöglicht mit der Vorlage Definitionsliste eine Aufzählung, in der das(die) Schlagwort(e) fett hervorgehoben werden und der Definitionstext als eingerückter Textblock dargestellt wird.*/&lt;br /&gt;
&lt;br /&gt;
.defPunkt {&lt;br /&gt;
   grid-column: 1;&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* Formatiert die Schlagworte einer Definitionsliste fett und stellt sie vor den Textblock. */&lt;br /&gt;
&lt;br /&gt;
.defErläuterung {&lt;br /&gt;
   grid-column: 2;&lt;br /&gt;
}&lt;br /&gt;
/* Stellt den Textblock in einer Definitionsliste in eine zweite Spalte. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste p:last-child {&lt;br /&gt;
   margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert, dass der letzte zusätzliche Absatz einer Definitionsliste einen größeren Zeilenabstand hat als die übrigen Textblöcke. */&lt;br /&gt;
&lt;br /&gt;
.absatz:after {&lt;br /&gt;
   content: &amp;quot;&amp;quot;;&lt;br /&gt;
   display: block;&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert ein einfließen des Textes bei sehr kleinen Screenshots. */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
     container-type: inline-size;&lt;br /&gt;
}&lt;br /&gt;
/* Weißt dem Seiteninhalt einen Container zu. Kindelemente dieses Containers können sich auf die zur Verfügung stehende Breite beziehen. So werden Abfragen nach der Bildschirmbreite überflüssig. */&lt;br /&gt;
&lt;br /&gt;
@container (min-width: 53em) {&lt;br /&gt;
/* Alle hier definierten Eigenschaften kommen nur zum Tragen, wenn mindestens 65em Seiteninhalt zur Verfügung stehen. */&lt;br /&gt;
   .anleitung {&lt;br /&gt;
/*    display: grid;&lt;br /&gt;
      grid-template-columns: 50em minmax(5em, 20em) auto;&lt;br /&gt;
      grid-auto-flow: row dense; */&lt;br /&gt;
   }&lt;br /&gt;
/* Aktuell nicht verwendet. Das Anleitungsdesign war zunächst als Grid geplant. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
   /* Alle Kindelemente der Anleitung erhalten eine maximale Breite und eine passende Zeilenhöhe zur Wahrung der Barrierefreiheit. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      transition: all 1s;&lt;br /&gt;
      width: max-content;&lt;br /&gt;
   }&lt;br /&gt;
   /* Die Vergrößerung und auch das zurückfallen auf normale Größe der großen Screenshots wird mit einer Sekunde Verzögerung ausgeführt. So wird daraus eine fließende Bewegung. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:focus-within,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:hover {&lt;br /&gt;
      max-width: 100%;&lt;br /&gt;
      z-index: 100;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots werden nur noch größer dargestellt, wenn sie mit der Maus oder dem Tabulator ausgewählt werden. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .toc,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      justify-self: start;&lt;br /&gt;
   }&lt;br /&gt;
   /* Ausrichtung von Inhaltsverzeichnis und großen Screenshots. Es wird nur der tatsächlich benötigte Platz eingenommen. Nicht die volle zur Verfügung stehende Breite. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      position: relative;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:not(:hover)::after {&lt;br /&gt;
      content: &#039;Vergrößerbar&#039;;&lt;br /&gt;
      position: absolute;&lt;br /&gt;
      bottom: 0;&lt;br /&gt;
      left: 0.2em;&lt;br /&gt;
      color: var(--screenshot-hint-color);&lt;br /&gt;
      font-size: 2em;&lt;br /&gt;
      z-index: 10;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots erhalten eine Markierung &#039;Vergrößerbar&#039; solange sie nicht ausgewählt wurden. Dazu muss die Position des Screenshots als relativ sein und der Schriftzug dazu absolut gesetzt werden. */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container (width &amp;lt; 53em) {&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
   }&lt;br /&gt;
   .übersicht {&lt;br /&gt;
      display: none;&lt;br /&gt;
   }&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
/* Bei wenig zur Verfügung stehendem Platz wird nur noch die maximale Breite und die Zeilenhöhe definiert. Falls das Menü &#039;Übersicht&#039; verwendet wird, wird es jetzt ausgeblendet. */&lt;br /&gt;
&lt;br /&gt;
.übersicht {&lt;br /&gt;
   position: sticky;&lt;br /&gt;
   height: 2em;&lt;br /&gt;
   top: 4em;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
/* Menü für Anleitungen. (ToDo) Das Menü soll im rechts verfügbaren Platz angezeigt werden. Das Menü wandert beim Scrollen mit. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div {&lt;br /&gt;
   padding: 0 0.5em;&lt;br /&gt;
   height: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .tooltip {&lt;br /&gt;
   color: #c32e04;&lt;br /&gt;
   text-decoration: underline;&lt;br /&gt;
   cursor: help;&lt;br /&gt;
} */&lt;br /&gt;
&lt;br /&gt;
[data-tooltip] {&lt;br /&gt;
   position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]::after {&lt;br /&gt;
   content: attr(data-tooltip);&lt;br /&gt;
   pointer-events: none;&lt;br /&gt;
   opacity: 0;&lt;br /&gt;
   transition: opacity 0.5s;&lt;br /&gt;
   display: block;&lt;br /&gt;
   position: absolute;&lt;br /&gt;
   bottom: 1em;&lt;br /&gt;
   left: -4em;&lt;br /&gt;
   max-width: 30em;&lt;br /&gt;
   width: max-content;&lt;br /&gt;
   padding: 0.5em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
   color: var(--tooltip-text-color);&lt;br /&gt;
   background-color: var(--tooltip-bg);&lt;br /&gt;
   border: solid 1px var(--tooltip-border-color);&lt;br /&gt;
   border-radius: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]:hover::after {&lt;br /&gt;
   opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
/* Tooltip kann in Verbindung mit der Vorlage Tooltip|Anzeigetext|Glossareintrag eingebunden werden.&lt;br /&gt;
   Anzeigetext = Dieser Text erscheint im Fließtext der Anleitung unterstrichen.&lt;br /&gt;
   Glossareintrag = Der Text dieses Eintrags wird beim Bewegen des Cursers über den Anzeigetext über diesem als kleine Box eingeblendet. Es darf sich dabei nur um einen einzelnen Absatz handeln. Der Absatz muss in der Seite im Glossar mit &amp;quot;onlyinclude&amp;quot; geklammert werden und darf keine HTML-Tags enthalten. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste .hinweisbox {&lt;br /&gt;
   grid-column: 1 / 3;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=M%C3%B6glichkeiten_der_Allgemeinen_Dateiablage&amp;diff=4598</id>
		<title>Möglichkeiten der Allgemeinen Dateiablage</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=M%C3%B6glichkeiten_der_Allgemeinen_Dateiablage&amp;diff=4598"/>
		<updated>2026-05-12T12:55:48Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;!--{{Anleitung}}&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
== Aktenplan ==&lt;br /&gt;
&lt;br /&gt;
Eine allgemeine Dateiablage wird für jeden Bereich gesondert und nach dessen Bedürfnissen individuell eingerichtet. Die Betreffseinheiten befinden sich alle im Bereich 40 des Aktenplans. Die zweite Ebene des Aktenplans bezieht sich auf die Organisationseinheit für dieser Bereich bestimmt ist.&lt;br /&gt;
&lt;br /&gt;
{{Verweis|Eine Anleitung zur Verwendung des Aktenplans finden Sie unter: [[Aktenplan in DMS/eAkte]].}}&lt;br /&gt;
&lt;br /&gt;
== Akten anlegen ==&lt;br /&gt;
&lt;br /&gt;
Über den Aktenplan werden Akten und Vorgänge für die Dateiablage angelegt. Berechtigt zur Aktenanlage sind alle Personen in Leitungs- und Assistenzrollen.&lt;br /&gt;
&lt;br /&gt;
{{Verweis|[[Akte anlegen in DMS/eAkte]]}}&lt;br /&gt;
&lt;br /&gt;
== Berechtigungen einrichten ==&lt;br /&gt;
&lt;br /&gt;
{{Verweis|Wie Metadatendelder bzw. Eigenschaften von Dokumenten und Akten angepasst werden ist in der Anleitung [[Metadaten bearbeiten in DMS/eAkte]] beschrieben.}}&lt;br /&gt;
&lt;br /&gt;
=== Eigenschaftsfeld: Untereinheit ===&lt;br /&gt;
&lt;br /&gt;
In Abhängigkeit von der Federführenden Organisationseinheit kann eine Untereinheit ausgewählt werden bspw. eine Abteilung, eine Arbeitsgruppe oder ein Team.&lt;br /&gt;
&lt;br /&gt;
Wenn eine Untereinheit ausgewählt wird, ist diese Akte oder dieser Vorgang nur noch den Mitgliedern dieser Untereinheit zugänglich. Zusätzlich allen Personen innerhalb der Hierarchie oberhalb der gewählten Untereinheit. Außerdem erhalten Personen mit Assistenzrollen oder Sekretariatsaufgaben Zugriff auf diese Akten oder Vorgänge.&lt;br /&gt;
&lt;br /&gt;
{{Information|Beispiel:&amp;lt;br&amp;gt;&lt;br /&gt;
Wird Team 2 der 1. Abteilung als Untereinheit ausgewählt, dann sind alle Mitglieder dieses Teams, dessen Teamleitung, die Abteilungsleitung der Abteilung 1, die Dezernatsleitung und alle relevanten Personen in Assistenzrollen zugriffsberechtigt.}}&lt;br /&gt;
&lt;br /&gt;
Diese Akte oder dieser Vorgang sind dann in der Verantwortung dieser Untereinheit.&lt;br /&gt;
&lt;br /&gt;
=== Eigenschaftsfeld: Berechtigungsebene ===&lt;br /&gt;
&lt;br /&gt;
Mit dem Feld Berechtigungsebene kann der Zugriff auf eine Akte oder einen Vorgang in der Hierarchie und auf bestimmte Rollen beschränkt werden. Zur Auswahl stehen die Werte:&lt;br /&gt;
* Bereichsleitung&lt;br /&gt;
* Abteilungsleitung&lt;br /&gt;
* Teamleitung&lt;br /&gt;
* alle Leitungen und Personalsachbearbeitung&lt;br /&gt;
* alle Leitungen und Finanzsachbearbeitung&lt;br /&gt;
* keine Einschränkungen&lt;br /&gt;
Der vorausgewählte Wert ist &#039;&#039;&#039;keine Einschränkungen&#039;&#039;&#039;. Wird ein anderer Wert als dieser eingesetzt, schließt dies den Zugriff von Personen unterhalb dieser Ebene aus auf diese Akte oder diesen Vorgang aus. Personen in Assistenzrollen sind in jedem Fall zugriffsberechtigt.&lt;br /&gt;
&lt;br /&gt;
{{Information|Beispiel:&amp;lt;br&amp;gt;&lt;br /&gt;
Wird Abteilungsleitung als Berechtigungsebene ausgewählt, dann sind alle Abteilungsleitungen, die Bereichsleitung und alle Personen in Assistenzrollen zugriffsberechtigt.}}&lt;br /&gt;
&lt;br /&gt;
=== Kombination der Eigenschaftsfelder ===&lt;br /&gt;
&lt;br /&gt;
Die Einschränkungen aus Untereinheit und Berechtigungsebene sind additiv. Das heißt, wenn über Untereinheit und Berechtigungsebene Einschränkungen vorgenommen werden, sind nur Personen auf die Akte oder den Vorgang berechtigt, die sich in beiden Berechtigungsmengen befinden. &lt;br /&gt;
&lt;br /&gt;
{{Information|Beispiel:&amp;lt;br&amp;gt;&lt;br /&gt;
Wird Teamleitung als Berechtigungsebene und Abteilung 1 als Untereinheit ausgewählt, dann sind alle Teamleitungen aus Abteilung 1, die Abteilungsleitung von Abteilung eins, die Bereichsleitung und alle relevanten Personen in Assistenzrollen zugriffsberechtigt.}}&lt;br /&gt;
&lt;br /&gt;
=== Eigenschaftsfelder: Beteiligte schreiben und lesen &amp;amp; Beteiligte nur lesen ===&lt;br /&gt;
&lt;br /&gt;
Die zuvor getroffenen Einschränkungen können zum Teil wieder aufgehoben werden, indem Personen oder Gruppen über die Felder &#039;&#039;&#039;Beteiligte schreiben und lesen&#039;&#039;&#039; oder &#039;&#039;&#039;Beteiligte nur lesen&#039;&#039;&#039; auf die Akte oder den Vorgang berechtigt werden. Diesen Personen oder Gruppen werden je nach Auswahl lesender Zugriff auf die Akte gewährt oder auch die Möglichkeit zu Bearbeitung von Dokumenten in dieser Akte eingeräumt.&lt;br /&gt;
&lt;br /&gt;
{{Verweis|Die Funktion der [[Aktenplan in DMS/eAkte#Lese-/Schreibrechte für die Akte über Metadaten vergeben|beteiligten Felder]].}}&lt;br /&gt;
&lt;br /&gt;
== Zeichnungsweg starten ==&lt;br /&gt;
&lt;br /&gt;
{{Verweis|[[Verfügungsworkflow allgemein in DMS/eAkte]]}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=M%C3%B6glichkeiten_der_Allgemeinen_Dateiablage&amp;diff=4597</id>
		<title>Möglichkeiten der Allgemeinen Dateiablage</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=M%C3%B6glichkeiten_der_Allgemeinen_Dateiablage&amp;diff=4597"/>
		<updated>2026-05-12T12:31:52Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: /* Eigenschaftsfeld: Untereinheit */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;!--{{Anleitung}}&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
== Aktenplan ==&lt;br /&gt;
&lt;br /&gt;
Eine allgemeine Dateiablage wird für jeden Bereich gesondert und nach dessen Bedürfnissen individuell eingerichtet. Die Betreffseinheiten befinden sich alle im Bereich 40 des Aktenplans. Die zweite Ebene des Aktenplans bezieht sich auf die Organisationseinheit für dieser Bereich bestimmt ist.&lt;br /&gt;
&lt;br /&gt;
{{Verweis|Eine Anleitung zur Verwendung des Aktenplans finden Sie unter: [[Aktenplan in DMS/eAkte]].}}&lt;br /&gt;
&lt;br /&gt;
== Akten anlegen ==&lt;br /&gt;
&lt;br /&gt;
Über den Aktenplan werden Akten und Vorgänge für die Dateiablage angelegt. Berechtigt zur Aktenanlage sind alle Personen in Leitungs- und Assistenzrollen.&lt;br /&gt;
&lt;br /&gt;
{{Verweis|[[Akte anlegen in DMS/eAkte]]}}&lt;br /&gt;
&lt;br /&gt;
== Berechtigungen einrichten ==&lt;br /&gt;
&lt;br /&gt;
{{Verweis|Wie Metadatendelder bzw. Eigenschaften von Dokumenten und Akten angepasst werden ist in der Anleitung [[Metadaten bearbeiten in DMS/eAkte]] beschrieben.}}&lt;br /&gt;
&lt;br /&gt;
=== Eigenschaftsfeld: Untereinheit ===&lt;br /&gt;
&lt;br /&gt;
In Abhängigkeit von der Federführenden Organisationseinheit kann eine Untereinheit ausgewählt werden bspw. eine Abteilung, eine Arbeitsgruppe oder ein Team.&lt;br /&gt;
&lt;br /&gt;
Wenn eine Untereinheit ausgewählt wird, ist diese Akte oder dieser Vorgang nur noch den Mitgliedern dieser Untereinheit zugänglich. Zusätzlich allen Personen innerhalb der Hierarchie oberhalb der gewählten Untereinheit. Außerdem erhalten Personen mit Assistenzrollen oder Sekretariatsaufgaben Zugriff auf diese Akten oder Vorgänge.&lt;br /&gt;
&lt;br /&gt;
{{Information|Beispiel:&amp;lt;br&amp;gt;&lt;br /&gt;
Wird Team 2 der 1. Abteilung als Untereinheit ausgewählt, dann sind alle Mitglieder dieses Teams, dessen Teamleitung, die Abteilungsleitung der Abteilung 1, die Dezernatsleitung und alle relevanten Personen in Assistenzrollen zugriffsberechtigt.}}&lt;br /&gt;
&lt;br /&gt;
Diese Akte oder dieser Vorgang sind dann in der Verantwortung dieser Untereinheit.&lt;br /&gt;
&lt;br /&gt;
=== Eigenschaftsfeld: Berechtigungsebene ===&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== Kombination der Eigenschaftsfelder ===&lt;br /&gt;
&lt;br /&gt;
=== Eigenschaftsfelder: Beteiligte schreiben und lesen &amp;amp; Beteiligte nur lesen ===&lt;br /&gt;
&lt;br /&gt;
== Zeichnungsweg starten ==&lt;br /&gt;
&lt;br /&gt;
{{Verweis|[[Verfügungsworkflow allgemein in DMS/eAkte]]}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=M%C3%B6glichkeiten_der_Allgemeinen_Dateiablage&amp;diff=4596</id>
		<title>Möglichkeiten der Allgemeinen Dateiablage</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=M%C3%B6glichkeiten_der_Allgemeinen_Dateiablage&amp;diff=4596"/>
		<updated>2026-05-12T12:31:10Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: /* Berechtigungen einrichten */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;!--{{Anleitung}}&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
== Aktenplan ==&lt;br /&gt;
&lt;br /&gt;
Eine allgemeine Dateiablage wird für jeden Bereich gesondert und nach dessen Bedürfnissen individuell eingerichtet. Die Betreffseinheiten befinden sich alle im Bereich 40 des Aktenplans. Die zweite Ebene des Aktenplans bezieht sich auf die Organisationseinheit für dieser Bereich bestimmt ist.&lt;br /&gt;
&lt;br /&gt;
{{Verweis|Eine Anleitung zur Verwendung des Aktenplans finden Sie unter: [[Aktenplan in DMS/eAkte]].}}&lt;br /&gt;
&lt;br /&gt;
== Akten anlegen ==&lt;br /&gt;
&lt;br /&gt;
Über den Aktenplan werden Akten und Vorgänge für die Dateiablage angelegt. Berechtigt zur Aktenanlage sind alle Personen in Leitungs- und Assistenzrollen.&lt;br /&gt;
&lt;br /&gt;
{{Verweis|[[Akte anlegen in DMS/eAkte]]}}&lt;br /&gt;
&lt;br /&gt;
== Berechtigungen einrichten ==&lt;br /&gt;
&lt;br /&gt;
{{Verweis|Wie Metadatendelder bzw. Eigenschaften von Dokumenten und Akten angepasst werden ist in der Anleitung [[Metadaten bearbeiten in DMS/eAkte]] beschrieben.}}&lt;br /&gt;
&lt;br /&gt;
=== Eigenschaftsfeld: Untereinheit ===&lt;br /&gt;
&lt;br /&gt;
In Abhängigkeit von der Federführenden Organisationseinheit kann eine Untereinheit ausgewählt werden bspw. eine Abteilung, eine Arbeitsgruppe oder ein Team.&lt;br /&gt;
&lt;br /&gt;
Wenn eine Untereinheit ausgewählt wird, ist diese Akte oder dieser Vorgang nur noch den Mitgliedern dieser Untereinheit zugänglich. Zusätzlich allen Personen innerhalb der Hierarchie oberhalb der gewählten Untereinheit. Außerdem erhalten Personen mit Assistenzrollen oder Sekretariatsaufgaben Zugriff auf diese Akten oder Vorgänge.&lt;br /&gt;
&lt;br /&gt;
{{Information|Beispiel:&lt;br /&gt;
&lt;br /&gt;
Wird Team 2 der 1. Abteilung als Untereinheit ausgewählt, dann sind alle Mitglieder dieses Teams, dessen Teamleitung, die Abteilungsleitung der Abteilung 1, die Dezernatsleitung und alle relevanten Personen in Assistenzrollen zugriffsberechtigt.}}&lt;br /&gt;
&lt;br /&gt;
Diese Akte oder dieser Vorgang sind dann in der Verantwortung dieser Untereinheit.&lt;br /&gt;
&lt;br /&gt;
=== Eigenschaftsfeld: Berechtigungsebene ===&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== Kombination der Eigenschaftsfelder ===&lt;br /&gt;
&lt;br /&gt;
=== Eigenschaftsfelder: Beteiligte schreiben und lesen &amp;amp; Beteiligte nur lesen ===&lt;br /&gt;
&lt;br /&gt;
== Zeichnungsweg starten ==&lt;br /&gt;
&lt;br /&gt;
{{Verweis|[[Verfügungsworkflow allgemein in DMS/eAkte]]}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=M%C3%B6glichkeiten_der_Allgemeinen_Dateiablage&amp;diff=4591</id>
		<title>Möglichkeiten der Allgemeinen Dateiablage</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=M%C3%B6glichkeiten_der_Allgemeinen_Dateiablage&amp;diff=4591"/>
		<updated>2026-05-05T11:34:39Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;!--{{Anleitung}}&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
== Aktenplan ==&lt;br /&gt;
&lt;br /&gt;
Eine allgemeine Dateiablage wird für jeden Bereich gesondert und nach dessen Bedürfnissen individuell eingerichtet. Die Betreffseinheiten befinden sich alle im Bereich 40 des Aktenplans. Die zweite Ebene des Aktenplans bezieht sich auf die Organisationseinheit für dieser Bereich bestimmt ist.&lt;br /&gt;
&lt;br /&gt;
{{Verweis|Eine Anleitung zur Verwendung des Aktenplans finden Sie unter: [[Aktenplan in DMS/eAkte]].}}&lt;br /&gt;
&lt;br /&gt;
== Akten anlegen ==&lt;br /&gt;
&lt;br /&gt;
Über den Aktenplan werden Akten und Vorgänge für die Dateiablage angelegt. Berechtigt zur Aktenanlage sind alle Personen in Leitungs- und Assistenzrollen.&lt;br /&gt;
&lt;br /&gt;
{{Verweis|[[Akte anlegen in DMS/eAkte]]}}&lt;br /&gt;
&lt;br /&gt;
== Berechtigungen einrichten ==&lt;br /&gt;
&lt;br /&gt;
{{Verweis|[[Metadaten bearbeiten in DMS/eAkte]]}}&lt;br /&gt;
&lt;br /&gt;
== Zeichnungsweg starten ==&lt;br /&gt;
&lt;br /&gt;
{{Verweis|[[Verfügungsworkflow allgemein in DMS/eAkte]]}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=M%C3%B6glichkeiten_der_Allgemeinen_Dateiablage&amp;diff=4590</id>
		<title>Möglichkeiten der Allgemeinen Dateiablage</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=M%C3%B6glichkeiten_der_Allgemeinen_Dateiablage&amp;diff=4590"/>
		<updated>2026-04-28T13:46:27Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;!--{{Anleitung}}&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
== Aktenplan ==&lt;br /&gt;
&lt;br /&gt;
{{Verweis|[[Aktenplan in DMS/eAkte]]}}&lt;br /&gt;
&lt;br /&gt;
== Akten anlegen ==&lt;br /&gt;
&lt;br /&gt;
{{Verweis|[[Akte anlegen in DMS/eAkte]]}}&lt;br /&gt;
&lt;br /&gt;
== Berechtigungen einrichten ==&lt;br /&gt;
&lt;br /&gt;
{{Verweis|[[Metadaten bearbeiten in DMS/eAkte]]}}&lt;br /&gt;
&lt;br /&gt;
== Zeichnungsweg starten ==&lt;br /&gt;
&lt;br /&gt;
{{Verweis|[[Verfügungsworkflow allgemein in DMS/eAkte]]}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=M%C3%B6glichkeiten_der_Allgemeinen_Dateiablage&amp;diff=4589</id>
		<title>Möglichkeiten der Allgemeinen Dateiablage</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=M%C3%B6glichkeiten_der_Allgemeinen_Dateiablage&amp;diff=4589"/>
		<updated>2026-04-28T13:35:27Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: Die Seite wurde neu angelegt: „&amp;lt;!--{{Anleitung}} --&amp;gt; == Aktenplan ==  == Akten anlegen ==  == Berechtigungen einrichten ==  == Zeichnungsweg starten ==“&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;!--{{Anleitung}}&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
== Aktenplan ==&lt;br /&gt;
&lt;br /&gt;
== Akten anlegen ==&lt;br /&gt;
&lt;br /&gt;
== Berechtigungen einrichten ==&lt;br /&gt;
&lt;br /&gt;
== Zeichnungsweg starten ==&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Aktenplan_in_DMS/eAkte&amp;diff=4588</id>
		<title>Aktenplan in DMS/eAkte</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Aktenplan_in_DMS/eAkte&amp;diff=4588"/>
		<updated>2026-04-28T13:31:13Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Anleitung}}[[category:Basisanleitungen]][[kategorie:Ablage]]&amp;lt;!--[[category:Aktenplan]]--&amp;gt;{{AnleitungAbsatz&lt;br /&gt;
|Der {{Tooltip|Aktenplan}} sorgt zusätzlich für Transparenz der Ablagestruktur und erleichtert den systematischen Zugang zu {{Tooltip|Akte|Akten}}, {{Tooltip|Vorgang|Vorgängen}} und den zugehörigen {{Tooltip|Dokumente|Dokumenten}}. Die Struktur des Aktenplans orientiert sich an den Geschäftsprozessen und korrespondiert mit der [https://www.uni-bielefeld.de/intern/dezernate/dezernat-dt-p/prozessmanagement/prozesslandkarte/ Prozesslandkarte der Uni Bielefeld]. Über den Aktenplan sind viele universitätsöffentliche Informationen, einige davon unter der Bezeichnung {{Tooltip|Wissensdokumente|&#039;&#039;&#039;Wissensdokumente&#039;&#039;&#039;}}, im thematischen Zusammenhang erreichbar.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Informationen, wie Sie Akten im Aktenplan anlegen, löschen und [[Zu den Akten-Verfügung|z. d. A.-verfügen]] erhalten Sie im Artikel [[Akte anlegen in DMS/eAkte|Akte anlegen]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Navigieren im Aktenplan ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Datei:Aktenplan Geschäftsprozesse.png|Die Geschäftsprozesse werden untereinander gelistet: 00 Wissensdokumente, 01 Personal managen, 02 Forschung unterstützen, 03 Organisieren, 04 Kommunizieren, 05 Informieren, 06 Finanzen managen, 07 Einkaufen, 08 Studium und Lehre unterstützen, 09 Facilities managen, 20 Stabsstellen, 30 Vertretungen managen und 40 allgemeine Dateiablagen.&lt;br /&gt;
|Um den Aktenplan zu öffnen, klicken Sie auf der Startseite auf das Widget &#039;&#039;&#039;Aktenplan&#039;&#039;&#039;. Anschließend öffnet sich der Aktenplan:&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot|Datei:Aktenplan Wissensdokumente im Aktenplan.png|Die Geschäftsprozesse werden als Ordnerstruktur gezeigt. 03 Wissensdokumente Projekte ist ausgeklappt. Dort werden der Prozess 03.01 Wissensdokumente Projekte (eingeklappt), der Prozess 03.01 Projektportfolio managen (ausgeklappt) mit den Vorgängen 03.01.00-000001 Testakte sowie den anderen Vorgängen gezeigt. &lt;br /&gt;
|Im Aktenplan werden {{Tooltip|Betreffseinheit|Betreffseinheiten}} in Form von Mappen dargestellt. Vorgänge werden als Aktenordner dargestellt. &lt;br /&gt;
&lt;br /&gt;
Klicken Sie einmal mit der linken Maustaste auf die jeweilige Betreffseinheit oder Akte, um die weiteren Ebenen aufzuklappen oder wieder zuzuklappen. Klicken Sie auf das Pfeilsymbol rechts daneben, um in die jeweilige Akte oder in den Vorgang zu gelangen.&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Wenn in Ihrer Ansicht neben einer Akte oder einem Vorgang kein Pfeil nach Rechts angezeigt wird, liegt es entweder daran, dass es keinen Inhalt dazu gibt &#039;&#039;&#039;oder&#039;&#039;&#039; Sie keine Berechtigung dafür besitzen.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshotGroß|Datei:Aktenplan In Ergebnisliste anzeigen.png|Der Aktenplaneintrag 0-000002 Dienstvereinbarungen ist orange markiert. Neben der Bezeichnung sind drei waagerechte Strichen, mit denen ein Untermenü aufgeklappt wurde. Es enthält die Einträge Neu, Funktionen, Aktualisieren, Suche, Einstellungen und Verschieben. Neu und Suche sind grau dargestellt, also nicht auswählbar. Funktionen ist ausgewählt. Es hat sich ein weiteres Untermenü geöffnet mit den Einträgen Eigenschaften, in Ergebnisliste öffen, un Ergebnisliste anzeigen, zdA-Verfügung setzen und Löschen. Der Mauszeiger hat den Eintrag in Ergebnisliste öffnen markiert.&lt;br /&gt;
|Alternativ können Sie auch auf die drei waagerechten Striche (Funktionen) klicken und anschließend über &#039;&#039;&#039;Funktionen&#039;&#039;&#039; auf &#039;&#039;&#039;In Ergebnisliste öffnen&#039;&#039;&#039;.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshotGroß|Datei:Aktenplan in Ergebnisliste.jpg|Die Akte Dienstvereinbarungen wird angezeigt.&lt;br /&gt;
|Nun wird der Akteninhalt angezeigt, indem sich eine neue Anzeige öffnet. Sie sehen die Dokumente, die sich in der Akte befinden.&lt;br /&gt;
}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Eigenschaften eines Aktenplaneintrags anzeigen ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Aktenplaneintrag Eigenschaften anzeigen.png|Im Aktenplan des DMS wurde der Aktenplaneintrag [00.02] Dienstvereinbarungen ausgewählt und dadurch orange markiert. Neben der Bezeichnung sind drei waagerechte Striche, übereinander angeordnet. Damit wurde ein Untermenü geöffnet mit den Einträgen Neu, Funktionen, Aktualisieren, Suche, Einstellungen, Verschieben. Die Einträge Neu und Suche sind grau dargestellt, also nicht auswählbar. Über Funktionen ist ein weiteres Untermenü geöffnet mit den Einträgen Eigenschaften, in Ergebnisliste öffnen, in Ergebnisliste anzeigen, zdA-Verfügung setzen und Löschen. Durch den Mauszeiger ist hier Eigenschaften markiert.&lt;br /&gt;
|Sie können sich die Eigenschaften eines Aktenplaneintrags über den Aktenplan anzeigen lassen. Markieren Sie den Aktenplaneintrag und wählen Sie anschließend entweder in der Markierung oder in der rechten Menüleiste &#039;&#039;&#039;Funktionen&#039;&#039;&#039; über das Symbol der drei waagerechten Striche aus. Im Untermenü nutzen Sie den Eintrag &#039;&#039;&#039;Eigenschaften&#039;&#039;&#039;.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshotGroß|Datei:Aktenplan Eigenschaften.png|Die Eigenschaften der Wissenakte Hausrundschreiben werden angezeigt. Sie enthalten unter anderem die Metadatenfelder Aktentitel: Hausrundschreiben, Aktenzeichen 00.02-000001, Aktenplanzeichen: 00.02, federführende Organisationseinheit DTP, den Akteneigner Hartl, Fabian, letzte Änderung 20.03.2023, Aussonderungsart: A, Aufbewahrungsfrist: 120 und Transferfrist: 0.&lt;br /&gt;
|Es öffnet sich eine Ansicht der Eigenschaften des gewählten Aktenplaneintrags. Beispiele für mögliche Metadatenfelder sind &#039;&#039;&#039;Titel&#039;&#039;&#039;, &#039;&#039;&#039;Aktenplanzeichen&#039;&#039;&#039;, &#039;&#039;&#039;Federführung&#039;&#039;&#039; oder &#039;&#039;&#039;Aufbewahrungsfrist&#039;&#039;&#039;.&lt;br /&gt;
}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Aktenplan Schriftgröße anpassen ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Aktenplan Einstellungen.png|Das Einstellungsfenster des Aktenplans ist geöffnet. Die Schaltfläche im rechten Seitenmenü in Form eines Zahnrads ist hervorgehoben. In den Einstellungen sind die Schriftgröße und die Schaltfläche Ok zum Bestätigen der Eingaben hervorgehoben.&lt;br /&gt;
|Die Schriftgröße des Aktenplans können Sie für sich individuell anpassen. Klicken Sie hierfür in der rechten Menüleiste auf das Zahnrad-Symbol. Anschließend können Sie unter dem Punkt die &#039;&#039;&#039;Schriftart&#039;&#039;&#039; sowie die &#039;&#039;&#039;Schriftgröße&#039;&#039;&#039; einstellen, indem Sie entweder direkt die Schriftgröße in das Feld eintippen oder über die Pfeile daneben die Schriftgröße verkleinern oder vergrößern. Bestätigen Sie Ihre Einstellung mit &#039;&#039;&#039;Speichern&#039;&#039;&#039;. Diese Einstellung bleibt dann für Sie individuell erhalten.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Aktenplan Favoriten ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Innerhalb des Aktenplans ist es möglich, Favoriten zu hinterlegen. Dies ist beispielsweise sinnvoll, wenn Sie häufig auf den gleichen Aktenplanbereich zugreifen.&lt;br /&gt;
}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Prozessebene als Favorit speichern ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Aktenplan Favoriten.png|Der Aktenplaneintrag 00.02 Richtlinien für die Beschäftigten ist markiert und orange hinterlegt. Über ein Symbol, drei waagerechte Linien übereinander wurde ein Menü geöffnet. Dieses Menü enthält die Einträge Neu, Funktionen, Aktualisieren, Suche, Einstellungen, Verschieben. Über den Eintrag Funktionen ist ein weiteres Menü geöffnet. Es enthält die Einträge Zu Favoriten hinzufügen, Sortierung, Eigenschaften und in Ergebnisliste öffnen. Zu Favoriten hinzufügen ist markiert. Das Symbol ist ebenfalls im Menüband an der rechten Bildschirmseite zu finden. Die Funktionen sind identisch.&lt;br /&gt;
|Wenn Sie einzelne Prozessebenen als Favorit hinterlegen möchten, um diese im Schnellzugriff zu haben, gehen Sie wie folgt vor. Wählen Sie Prozessebene aus, indem Sie mit der linken Maus die jeweilige Prozessebene anklicken. &lt;br /&gt;
Anschließend klicken Sie auf die drei waagerechten Striche und danach auf &#039;&#039;&#039;Zu Favoriten hinzufügen&#039;&#039;&#039;. &lt;br /&gt;
}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Aktenplan Favoriten öffnen ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Aktenplan Favoriten öffnen.png|Im rechten Seitenmenü des DMS ist die Schaltfläche für die Aktenplanfavoriten hervorgehoben. Das einzelne Aktensymbol ist rot umrandet.&lt;br /&gt;
|Wenn Sie die zuvor gespeicherten Favoriten der Aktenplanebenen öffnen möchten, klicken Sie in der rechten Menüleiste auf das Aktenordner-Symbol.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot|Aktenplan Favoriten schließen.png|Ansicht der Aktenplan Favoriten. Das Symbol zweier Aktenordner nebeneinander zum Erweitern des Aktenplans ist rot hervorgehoben.&lt;br /&gt;
|Jetzt werden Ihnen nur die von Ihnen als Favoriten gespeicherten Prozessebenen angezeigt. Mit einem Klick auf die zwei Aktenordner im rechten Seitenmenü gelangen Sie wieder zurück zum allgemeinen Aktenplan.&lt;br /&gt;
}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Aktenplan Favoriten entfernen ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Datei:Aktenplan Aus Favoriten entfernen.png|Im rechten Seitenmenü des DMS ist das Untermenü unter den drei waagerechten Strichen ausgewählt. Es enthält die Einträge Aus Favoriten entfernen, Favoriten importieren, Favoriten exportieren und Eigenschaften. Aus Favoriten entfernen ist ausgewählt.&lt;br /&gt;
|Klicken Sie auf die Aktenplan Favoriten und wählen Sie die Prozessebene aus, die Sie aus den Favoriten entfernen möchten. Anschließend klicken Sie auf die drei waagerechten Striche in der rechten Menüleiste und danach auf &#039;&#039;&#039;Aus Favoriten entfernen&#039;&#039;&#039;.&lt;br /&gt;
}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
=== Aktenplan mit Favoriten starten ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Datei:Aktenplan Mit Favoriten starten.png|Das Einstellungsfenster des Aktenplans ist geöffnet. Die Schaltfläche im rechten Seitenmenü in Form eines Zahnrads ist rot hervorgehoben. In den Einstellungen ist die Auswahl Mit Favoriten starten rot hervorgehoben.&lt;br /&gt;
|Wenn Sie direkt nach dem Klicken auf die Kachel &#039;&#039;&#039;Aktenplan&#039;&#039;&#039; mit Ihren Aktenplan Favoriten starten möchten anstelle des allgemeinen Aktenplans, nehmen Sie folgende Einstellungen vor:&lt;br /&gt;
&lt;br /&gt;
Klicken im Aktenplan auf der rechten Seite der Menüleiste auf das Zahnrad.&lt;br /&gt;
Setzen Sie unter dem Menüpunkt &#039;&#039;&#039;Suchverhalten&#039;&#039;&#039; den Haken bei &#039;&#039;&#039;Mit Favoriten starten&#039;&#039;&#039;, um den Aktenplan mit den Favoriten zu starten. Wenn Sie den Haken herausnehmen, startet der Aktenplan wieder mit dem allgemeinen Aktenplan. Klicken Sie auf &#039;&#039;&#039;Speichern&#039;&#039;&#039; um die Einstellung zu speichern.&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Auch wenn Sie immer mit den Aktenplan-Favoriten starten, können Sie, wie unter [[#Aktenplan Favoriten öffnen|&#039;&#039;&#039;Aktenplan Favoriten öffnen&#039;&#039;&#039;]] beschrieben, zwischen dem allgemeinen Aktenplan und den Favoriten wechseln.&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Vorlage:Seite_im_Aufbau&amp;diff=4472</id>
		<title>Vorlage:Seite im Aufbau</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Vorlage:Seite_im_Aufbau&amp;diff=4472"/>
		<updated>2025-12-12T12:25:08Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;noinclude&amp;gt;&lt;br /&gt;
[[category:Vorlage]][[category: Vorlage zur Arbeit im Wiki]]&lt;br /&gt;
Dieses Template kann eingefügt werden, um zu kennzeichnen, dass eine Seite noch unvollständig ist. Dazu muss die Vorlage am Beginn der zu überarbeitenden Seite eingefügt werden. Der Hinweistext kann durch eine eigene Formulierung ersetzt werden.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Seite im Aufbau|Optional:Hinweistext}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Die Seite wird durch einen orangen Kasten am Beginn der Seite markiert und der [[:Kategorie:Seite im Aufbau|Kategorie: Seite im Aufbau]] hinzugefügt. Das Datum der letztmaligen Bearbeitung wird im Kasten gelistet.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Vorschau&#039;&#039;&#039;:&lt;br /&gt;
&amp;lt;/noinclude&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;barrierefrei ArbeitWiki Aufbau&amp;quot;&amp;gt;&lt;br /&gt;
{{{1|Diese Seite befindet sich im Aufbau.}}} {{{2|Die Seite wurde zuletzt bearbeitet am {{REVISIONDAY2}}.{{REVISIONMONTH}}.{{REVISIONYEAR}}.}}}&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;includeonly&amp;gt;&lt;br /&gt;
[[category:Seite im Aufbau]]&lt;br /&gt;
&amp;lt;/includeonly&amp;gt;&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Vorlage:Zur_%C3%9Cberarbeitung&amp;diff=4471</id>
		<title>Vorlage:Zur Überarbeitung</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Vorlage:Zur_%C3%9Cberarbeitung&amp;diff=4471"/>
		<updated>2025-12-12T12:24:22Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;noinclude&amp;gt;&lt;br /&gt;
[[category:Vorlage]][[category: Vorlage zur Arbeit im Wiki]]&lt;br /&gt;
Dieses Template kann eingefügt werden, um eine Seite zu markieren, die der Bearbeitung bedarf. Dazu muss die Vorlage am Beginn der zu überarbeitenden Seite eingefügt werden. Der Hinweistext kann durch spezielle Hinweise, was der Überarbeitung bedarf ersetzt werden.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Zur Überarbeitung|Optional:Hinweistext}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Die Seite wird durch einen hellblauen Kasten mit am Beginn der Seite markiert und der [[:Kategorie:Seite zur Überarbeitung|Kategorie: Seite zur Überarbeitung]] hinzugefügt.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Vorschau&#039;&#039;&#039;:&lt;br /&gt;
&amp;lt;/noinclude&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;barrierefrei ArbeitWiki Überarbeitung&amp;quot;&amp;gt;&lt;br /&gt;
{{{1|Diese Seite bedarf der Überarbeitung!}}}&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;includeonly&amp;gt;&lt;br /&gt;
[[category:Seite zur Überarbeitung]]&lt;br /&gt;
&amp;lt;/includeonly&amp;gt;&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Vorlage:Zur_L%C3%B6schung&amp;diff=4470</id>
		<title>Vorlage:Zur Löschung</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Vorlage:Zur_L%C3%B6schung&amp;diff=4470"/>
		<updated>2025-12-12T12:23:57Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;noinclude&amp;gt;&lt;br /&gt;
[[category:Vorlage]][[category: Vorlage zur Arbeit im Wiki]]&lt;br /&gt;
Dieses Template kann eingefügt werden, um eine Seite zu markieren, die gelöscht werden soll. Dazu muss die Vorlage am Beginn der zu überarbeitenden Seite eingefügt werden. Der Hinweistext kann durch spezielle Hinweise, weshalb die Seite gelöscht werden sollte, ersetzt werden.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;code&amp;gt;&amp;lt;nowiki&amp;gt;{{Zur Löschung|Optional:Hinweistext}}&amp;lt;/nowiki&amp;gt;&amp;lt;/code&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Die Seite wird durch einen roten Kasten am Beginn der Seite markiert und der [[:Kategorie:Seite zur Löschung|Kategorie: Seite zur Löschung]] hinzugefügt.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Vorschau&#039;&#039;&#039;:&lt;br /&gt;
&amp;lt;/noinclude&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;barrierefrei ArbeitWiki Löschung&amp;quot;&amp;gt;&lt;br /&gt;
{{{1|Die Inhalte dieser Seite sind veraltet. Die Seite ist zur Löschung vorgesehen.}}}&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;includeonly&amp;gt;&lt;br /&gt;
[[category:Seite zur Löschung]]&lt;br /&gt;
&amp;lt;/includeonly&amp;gt;&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4469</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4469"/>
		<updated>2025-12-12T09:03:33Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */&lt;br /&gt;
/* Die Definitionen werden immer durch den nächsten Kommentar unterhalb erläutert. Ein Kommentar kann sich so auch auf mehrere Definitionen darüber beziehen. */ &lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: light) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
&lt;br /&gt;
      /* Arbeit im Wiki */&lt;br /&gt;
      --aufbau-bc: Moccasin;&lt;br /&gt;
      --aufbau-blc: orange;&lt;br /&gt;
      --löschen-bc: Pink;&lt;br /&gt;
      --löschen-blc: red;&lt;br /&gt;
      --überarbeit-bc: LightCyan;&lt;br /&gt;
      --überarbeit-blc: SteelBlue;&lt;br /&gt;
      --testa-bc: Moccasin;&lt;br /&gt;
      --testa-blc: OrangeRed;&lt;br /&gt;
      --adminr-bc: Lavender;&lt;br /&gt;
      --adminr-blc: Indigo;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: dark) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
&lt;br /&gt;
      /* Arbeit im Wiki */&lt;br /&gt;
      --aufbau-bc: Chocolate;&lt;br /&gt;
      --aufbau-blc: Yellow;&lt;br /&gt;
      --löschen-bc: DarkRed;&lt;br /&gt;
      --löschen-blc: LightCoral;&lt;br /&gt;
      --überarbeit-bc: DarkCyan;&lt;br /&gt;
      --überarbeit-blc: LightBlue;&lt;br /&gt;
      --testa-bc: Chocolate;&lt;br /&gt;
      --testa-blc: Orange;&lt;br /&gt;
      --adminr-bc: RebeccaPurple;&lt;br /&gt;
      --adminr-blc: Violet;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-night {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
&lt;br /&gt;
      /* Arbeit im Wiki */&lt;br /&gt;
      --aufbau-bc: Chocolate;&lt;br /&gt;
      --aufbau-blc: Yellow;&lt;br /&gt;
      --löschen-bc: DarkRed;&lt;br /&gt;
      --löschen-blc: LightCoral;&lt;br /&gt;
      --überarbeit-bc: DarkCyan;&lt;br /&gt;
      --überarbeit-blc: LightBlue;&lt;br /&gt;
      --testa-bc: Chocolate;&lt;br /&gt;
      --testa-blc: Orange;&lt;br /&gt;
      --adminr-bc: RebeccaPurple;&lt;br /&gt;
      --adminr-blc: Violet;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-day {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
&lt;br /&gt;
      /* Arbeit im Wiki */&lt;br /&gt;
      --aufbau-bc: Moccasin;&lt;br /&gt;
      --aufbau-blc: orange;&lt;br /&gt;
      --löschen-bc: Pink;&lt;br /&gt;
      --löschen-blc: red;&lt;br /&gt;
      --überarbeit-bc: LightCyan;&lt;br /&gt;
      --überarbeit-blc: SteelBlue;&lt;br /&gt;
      --testa-bc: Moccasin;&lt;br /&gt;
      --testa-blc: OrangeRed;&lt;br /&gt;
      --adminr-bc: Lavender;&lt;br /&gt;
      --adminr-blc: Indigo;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-night {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
}&lt;br /&gt;
/* Farbangaben für helles bzw. dunkles Design.*/&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .barrierefrei {&lt;br /&gt;
   line-height: 150%;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
}&lt;br /&gt;
/* Klasse wird genutzt in den Anleitungen: In Tabellen und in den Vorlagen der Screenshots, AnleitungAbsatz und HinweisBox. Sie regelt den Zeilenabstand und beschränkt die Absatzbreite auf maximal ca. 80 Zeichen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox {&lt;br /&gt;
   display: table;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
   margin-top: 2em;&lt;br /&gt;
   margin-bottom: 2em;&lt;br /&gt;
   min-height: 64px;&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div {&lt;br /&gt;
   padding: 0 5px;&lt;br /&gt;
   display: table-cell;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
}&lt;br /&gt;
/* Formatierung der Hinweisbox:&lt;br /&gt;
   Die Darstellung erfolgt als Tabelle;&lt;br /&gt;
   Über der Hinweisbox wird immer ein Abstand eingefügt; Wenn die Hinweisbox nicht das letzte Element einer Seite ist, erhält sie auch einen Abstand nach unten;&lt;br /&gt;
   Die Hinweisbox hat eine Mindesthöhe, die der Höhe der Symbolbilder entspricht. So werden auch kleine Boxen ohne Symbolbild passend dargestellt;&lt;br /&gt;
   Die Kind-Elemente werden als Tabellenelemente auf gleicher Höhe gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) {&lt;br /&gt;
   height: 60px;&lt;br /&gt;
   width: 60px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für Symbolbilder in Hinweisboxen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisboxrahmen {&lt;br /&gt;
   border: solid 3px var(--unigruen);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Rahmen der Hinweisbox wird getrennt abgehandelt. Nur Hinweisboxen mit dieser Klasse erhalten einen Rahmen in Unigrün;&lt;br /&gt;
   Aktuell sind das: Hinweis, Information, Verpflichtend und Verweis */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) img {&lt;br /&gt;
   filter: var(--filter-img-hinweisbox);&lt;br /&gt;
}&lt;br /&gt;
/*Invertiert in der dunklen Darstellung das Symbol in der Hinweisbox.*/&lt;br /&gt;
&lt;br /&gt;
.catlinks {&lt;br /&gt;
   margin-top: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
/* Zusätzlicher Abstand vor der Auflistung der Kategorien. */&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen {&lt;br /&gt;
   background-color: var(--screenshotrahmen-bg);&lt;br /&gt;
   border: solid 1px var(--screenshotrahmen-border);&lt;br /&gt;
   padding: 5px;&lt;br /&gt;
}&lt;br /&gt;
/*Formatierung des Screenshothintergrunds: Der Hintergrund ist leicht abgedunkelt und ein Rahmen wird um das Bild gezogen. Ein kleiner Abstand nach innen wird definiert.*/&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen img {&lt;br /&gt;
   height: auto;&lt;br /&gt;
   max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* Bilder */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .screenshotgroß {&lt;br /&gt;
   max-width: 1020px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für große Screenshots, wenn nicht die Vorlage Anleitung verwendet wird. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen {&lt;br /&gt;
   margin-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:first-child {&lt;br /&gt;
   margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:last-child {&lt;br /&gt;
   margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
/* Abstände für eine Verwendung von Screenshots innerhalb einer Hinweisbox. */&lt;br /&gt;
&lt;br /&gt;
.screenshotImText &amp;gt; div {&lt;br /&gt;
   float: left;&lt;br /&gt;
   margin-right: 1em;&lt;br /&gt;
   margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Screenshots bspw. von kleineren Schaltflächen können auch im Textfluss dargestellt werden. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.screenshotrahmen,&lt;br /&gt;
.kachel,&lt;br /&gt;
#toc {&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/*Screenshots, die Kacheln der Startseite und die Seiten-Inhaltsverzeichnisse erhalten einen leichten grauen Schatten. Der Rahmen der Hinweisbox wird separat definiert.*/&lt;br /&gt;
&lt;br /&gt;
table.tanleitung {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:first-child,&lt;br /&gt;
.schulung .tanleitung td:first-child,&lt;br /&gt;
.wikitable .tanleitung,&lt;br /&gt;
.tanleitung th {&lt;br /&gt;
   background-color: var(--unigruen) !important;&lt;br /&gt;
   color: var(--tanleitung-th-color);&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:last-child,&lt;br /&gt;
.schulung .tanleitung td:last-child {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* In Tabellen der Anleitungen wird die Definition genutzt, um der Tabellenkopfzeile eine Uni-grünen Hintergrund und die Schriftfarbe auf weiß zu setzen. */&lt;br /&gt;
/* In der Seite Schulung wird jeweils die erste Spalte der Tabelle formatiert. */&lt;br /&gt;
&lt;br /&gt;
tr:hover {&lt;br /&gt;
   background-color: var(--table-row-bg-highlight) !important;&lt;br /&gt;
}&lt;br /&gt;
/* Als Lesehilfe wird die mit der Maus berührte Zeile einer Tabelle dezent farblich hervorgehoben. */&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories + #mw-pages &amp;gt; h2, &lt;br /&gt;
.mw-parser-output:has(&amp;gt; :last-child) + .mw-category-generated, /* Auf einer Kategorienseite haben die automatisch erzeugten Überschriften (Unterkategorien und Seiten in Kategorie) ebenfalls einen größeren Abstand, wenn es einen entsprechenden Seiteninhalt gibt. */&lt;br /&gt;
:is(.screenshot, .absatz, .hinweisbox, p, ul, ol, table) + :is(h2, h3),&lt;br /&gt;
.mw-parser-output &amp;gt; .anleitung:first-child ~ h2:first-of-type {&lt;br /&gt;
  margin-top: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Zeilenabstand über den Überschriften */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:is(ol, ul, p, .absatz, h4) + .screenshot,&lt;br /&gt;
.screenshot + :is(ol, ul, p, .absatz, .seitenindex, h4, .screenshot),&lt;br /&gt;
.screenshot + #toc,&lt;br /&gt;
#toc + p,&lt;br /&gt;
:is(p, .absatz) + #toc,&lt;br /&gt;
.absatz + .seitenindex {&lt;br /&gt;
   margin-top: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Abstand zwischen zwischen Screenshot, Absatz und Inhaltsverzeichnis */&lt;br /&gt;
&lt;br /&gt;
p + .absatz,&lt;br /&gt;
.absatz + p {&lt;br /&gt;
   margin-top: 0.5em&lt;br /&gt;
}&lt;br /&gt;
/* Wenn die Vorlage AnleitungAbsatz auf einen normalen Absatz folgt (oder umgekehrt), wird ein Abstand eingefügt, wie er zwischen zwei normalen Absätzen automatisch eingefügt wird. */&lt;br /&gt;
&lt;br /&gt;
.seitenindex {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));&lt;br /&gt;
   grid-auto-flow: dense;&lt;br /&gt;
   column-gap: 2em;&lt;br /&gt;
   row-gap: 1.5em;&lt;br /&gt;
   align-items: start;&lt;br /&gt;
}&lt;br /&gt;
/* Anzeige der Kacheln im Seitenindex (wird auf der Startseite verwendet): Die Kacheln haben eine minimale Breite. Außerdem wurde der Platz zwischen den Kacheln definiert (c.-gap und r.-gap). Wenn nicht mehr genügend Platz für eine weitere Kachel zur Verfügung steht, wird diese in eine neue Zeile geschoben. So werden die Kacheln auf kleineren Displays untereinander gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.kachel {&lt;br /&gt;
   border-top: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-left: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-right: solid 2px var(--kachel-border-light);&lt;br /&gt;
   border-bottom: solid 2px var(--kachel-border-light);&lt;br /&gt;
   background-color: var(--kachel-bg);&lt;br /&gt;
}&lt;br /&gt;
.kachel {&lt;br /&gt;
   text-align: center;&lt;br /&gt;
}&lt;br /&gt;
/* Eigenschaften der Kacheln im Seitenindex */&lt;br /&gt;
&lt;br /&gt;
.kachel:focus-within,&lt;br /&gt;
.kachel:hover {&lt;br /&gt;
   background-color: var(--kachel-bg-highlight);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--kachel-shadow-highlight);&lt;br /&gt;
   border-top-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-left-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-right-color: var(--kachel-border-light-highlight);&lt;br /&gt;
   border-bottom-color: var(--kachel-border-light-highlight);&lt;br /&gt;
}&lt;br /&gt;
/* Eine Kachel im Seitenindex wird hervorgehoben wenn der Mauszeiger sich darüber befindet oder sie mit dem Tabulator ausgewählt wurde. Der Hintergrund wird abgedunkelt. Rahmen und Schatten erhalten eine blaue Färbung, die sich am Design des Wiki des Wikis orientiert. */&lt;br /&gt;
&lt;br /&gt;
/* #p-tb {&lt;br /&gt;
   display: none;&lt;br /&gt;
} */&lt;br /&gt;
/* Unterdrückt die Anzeige der Werkzeuge im Seitenmenü komplett */&lt;br /&gt;
&lt;br /&gt;
#p-Admin,&lt;br /&gt;
li#t-recentchangeslinked,&lt;br /&gt;
li#t-upload,&lt;br /&gt;
li#t-specialpages,&lt;br /&gt;
li#t-permalink,&lt;br /&gt;
li#t-info,&lt;br /&gt;
li#t-cite,&lt;br /&gt;
.noautonum .tocnumber {&lt;br /&gt;
   display: none;&lt;br /&gt;
}&lt;br /&gt;
/* nav#p-Admin: Für normale Benutzer:innen werden die Links für Admins ausgeblendet. Über die spezielle css-Seite für Administrator:innen (MediaWiki:Group-sysop.css) wird diese Ausblendung wieder aufgehoben.&lt;br /&gt;
   li#t-...:    Einzelne Werkzeuge im linken Seitenmenü werden ausgeblendet&lt;br /&gt;
   .noautonum:  Kann genutzt werden, um im Inhaltsverzeichnis die Nummerierung zu unterdrücken. */&lt;br /&gt;
&lt;br /&gt;
.ArbeitWiki {&lt;br /&gt;
   border-left: solid thick;&lt;br /&gt;
   padding: 8px 20px 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Aufbau {&lt;br /&gt;
   background-color: var(--aufbau-bc);&lt;br /&gt;
   border-left-color: var(--aufbau-blc);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Löschung {&lt;br /&gt;
   background-color: var(--löschen-bc);&lt;br /&gt;
   border-left-color: var(--löschen-blc);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.Überarbeitung {&lt;br /&gt;
   background-color: var(--überarbeit-bc);&lt;br /&gt;
   border-left-color: var(--überarbeit-blc);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.TestAusstehend {&lt;br /&gt;
   background-color: var(--testa-bc);&lt;br /&gt;
   border-left-color: var(--testa-blc);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.AdminRechte {&lt;br /&gt;
   background-color: var(--adminr-bc);&lt;br /&gt;
   border-left-color: var(--adminr-blc);&lt;br /&gt;
}&lt;br /&gt;
/* Konfiguration der Banner in den Vorlagen zur Arbeit mit dem Wiki */&lt;br /&gt;
&lt;br /&gt;
.kachel,&lt;br /&gt;
#mw-panel .vector-menu-content a {&lt;br /&gt;
   transition-property: box-shadow, border-color, background-color;&lt;br /&gt;
   transition-duration: 1s;&lt;br /&gt;
}&lt;br /&gt;
/* Der Farbübergang des Seitenmenü und der Kacheln im Seitenindex wird nicht sofort durchgeführt, sondern braucht eine Sekunde. */&lt;br /&gt;
&lt;br /&gt;
#mw-panel .vector-menu-content a:focus,&lt;br /&gt;
#mw-panel .vector-menu-content a:hover {&lt;br /&gt;
   box-shadow: 0px 5px 5px -2px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Hervorhebung im linken Seitenmenü der ausgewählten Menüzeile */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-auto-columns: fit-content( 18ch ) 1fr;&lt;br /&gt;
   column-gap: 1em;&lt;br /&gt;
   row-gap: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Ermöglicht mit der Vorlage Definitionsliste eine Aufzählung, in der das(die) Schlagwort(e) fett hervorgehoben werden und der Definitionstext als eingerückter Textblock dargestellt wird.*/&lt;br /&gt;
&lt;br /&gt;
.defPunkt {&lt;br /&gt;
   grid-column: 1;&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* Formatiert die Schlagworte einer Definitionsliste fett und stellt sie vor den Textblock. */&lt;br /&gt;
&lt;br /&gt;
.defErläuterung {&lt;br /&gt;
   grid-column: 2;&lt;br /&gt;
}&lt;br /&gt;
/* Stellt den Textblock in einer Definitionsliste in eine zweite Spalte. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste p:last-child {&lt;br /&gt;
   margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert, dass der letzte zusätzliche Absatz einer Definitionsliste einen größeren Zeilenabstand hat als die übrigen Textblöcke. */&lt;br /&gt;
&lt;br /&gt;
.absatz:after {&lt;br /&gt;
   content: &amp;quot;&amp;quot;;&lt;br /&gt;
   display: block;&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert ein einfließen des Textes bei sehr kleinen Screenshots. */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
     container-type: inline-size;&lt;br /&gt;
}&lt;br /&gt;
/* Weißt dem Seiteninhalt einen Container zu. Kindelemente dieses Containers können sich auf die zur Verfügung stehende Breite beziehen. So werden Abfragen nach der Bildschirmbreite überflüssig. */&lt;br /&gt;
&lt;br /&gt;
@container (min-width: 53em) {&lt;br /&gt;
/* Alle hier definierten Eigenschaften kommen nur zum Tragen, wenn mindestens 65em Seiteninhalt zur Verfügung stehen. */&lt;br /&gt;
   .anleitung {&lt;br /&gt;
/*    display: grid;&lt;br /&gt;
      grid-template-columns: 50em minmax(5em, 20em) auto;&lt;br /&gt;
      grid-auto-flow: row dense; */&lt;br /&gt;
   }&lt;br /&gt;
/* Aktuell nicht verwendet. Das Anleitungsdesign war zunächst als Grid geplant. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
   /* Alle Kindelemente der Anleitung erhalten eine maximale Breite und eine passende Zeilenhöhe zur Wahrung der Barrierefreiheit. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      transition: all 1s;&lt;br /&gt;
      width: max-content;&lt;br /&gt;
   }&lt;br /&gt;
   /* Die Vergrößerung und auch das zurückfallen auf normale Größe der großen Screenshots wird mit einer Sekunde Verzögerung ausgeführt. So wird daraus eine fließende Bewegung. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:focus-within,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:hover {&lt;br /&gt;
      max-width: 100%;&lt;br /&gt;
      z-index: 100;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots werden nur noch größer dargestellt, wenn sie mit der Maus oder dem Tabulator ausgewählt werden. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .toc,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      justify-self: start;&lt;br /&gt;
   }&lt;br /&gt;
   /* Ausrichtung von Inhaltsverzeichnis und großen Screenshots. Es wird nur der tatsächlich benötigte Platz eingenommen. Nicht die volle zur Verfügung stehende Breite. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      position: relative;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:not(:hover)::after {&lt;br /&gt;
      content: &#039;Vergrößerbar&#039;;&lt;br /&gt;
      position: absolute;&lt;br /&gt;
      bottom: 0;&lt;br /&gt;
      left: 0.2em;&lt;br /&gt;
      color: var(--screenshot-hint-color);&lt;br /&gt;
      font-size: 2em;&lt;br /&gt;
      z-index: 10;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots erhalten eine Markierung &#039;Vergrößerbar&#039; solange sie nicht ausgewählt wurden. Dazu muss die Position des Screenshots als relativ sein und der Schriftzug dazu absolut gesetzt werden. */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container (width &amp;lt; 53em) {&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
   }&lt;br /&gt;
   .übersicht {&lt;br /&gt;
      display: none;&lt;br /&gt;
   }&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
/* Bei wenig zur Verfügung stehendem Platz wird nur noch die maximale Breite und die Zeilenhöhe definiert. Falls das Menü &#039;Übersicht&#039; verwendet wird, wird es jetzt ausgeblendet. */&lt;br /&gt;
&lt;br /&gt;
.übersicht {&lt;br /&gt;
   position: sticky;&lt;br /&gt;
   height: 2em;&lt;br /&gt;
   top: 4em;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
/* Menü für Anleitungen. (ToDo) Das Menü soll im rechts verfügbaren Platz angezeigt werden. Das Menü wandert beim Scrollen mit. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div {&lt;br /&gt;
   padding: 0 0.5em;&lt;br /&gt;
   height: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .tooltip {&lt;br /&gt;
   color: #c32e04;&lt;br /&gt;
   text-decoration: underline;&lt;br /&gt;
   cursor: help;&lt;br /&gt;
} */&lt;br /&gt;
&lt;br /&gt;
[data-tooltip] {&lt;br /&gt;
   position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]::after {&lt;br /&gt;
   content: attr(data-tooltip);&lt;br /&gt;
   pointer-events: none;&lt;br /&gt;
   opacity: 0;&lt;br /&gt;
   transition: opacity 0.5s;&lt;br /&gt;
   display: block;&lt;br /&gt;
   position: absolute;&lt;br /&gt;
   bottom: 1em;&lt;br /&gt;
   left: -4em;&lt;br /&gt;
   max-width: 30em;&lt;br /&gt;
   width: max-content;&lt;br /&gt;
   padding: 0.5em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
   color: var(--tooltip-text-color);&lt;br /&gt;
   background-color: var(--tooltip-bg);&lt;br /&gt;
   border: solid 1px var(--tooltip-border-color);&lt;br /&gt;
   border-radius: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]:hover::after {&lt;br /&gt;
   opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
/* Tooltip kann in Verbindung mit der Vorlage Tooltip|Anzeigetext|Glossareintrag eingebunden werden.&lt;br /&gt;
   Anzeigetext = Dieser Text erscheint im Fließtext der Anleitung unterstrichen.&lt;br /&gt;
   Glossareintrag = Der Text dieses Eintrags wird beim Bewegen des Cursers über den Anzeigetext über diesem als kleine Box eingeblendet. Es darf sich dabei nur um einen einzelnen Absatz handeln. Der Absatz muss in der Seite im Glossar mit &amp;quot;onlyinclude&amp;quot; geklammert werden und darf keine HTML-Tags enthalten. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste .hinweisbox {&lt;br /&gt;
   grid-column: 1 / 3;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4468</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4468"/>
		<updated>2025-12-12T09:00:59Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */&lt;br /&gt;
/* Die Definitionen werden immer durch den nächsten Kommentar unterhalb erläutert. Ein Kommentar kann sich so auch auf mehrere Definitionen darüber beziehen. */ &lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: light) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
&lt;br /&gt;
      /* Arbeit im Wiki */&lt;br /&gt;
      --aufbau-bc: Moccasin;&lt;br /&gt;
      --aufbau-blc: orange;&lt;br /&gt;
      --löschen-bc: Pink;&lt;br /&gt;
      --löschen-blc: red;&lt;br /&gt;
      --überarbeit-bc: LightCyan;&lt;br /&gt;
      --überarbeit-blc: SteelBlue;&lt;br /&gt;
      --testa-bc: Moccasin;&lt;br /&gt;
      --testa-blc: OrangeRed;&lt;br /&gt;
      --adminr-bc: Lavender;&lt;br /&gt;
      --adminr-blc: Indigo;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: dark) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
&lt;br /&gt;
      /* Arbeit im Wiki */&lt;br /&gt;
      --aufbau-bc: Chocolate;&lt;br /&gt;
      --aufbau-blc: Yellow;&lt;br /&gt;
      --löschen-bc: DarkRed;&lt;br /&gt;
      --löschen-blc: LightCoral;&lt;br /&gt;
      --überarbeit-bc: DarkCyan;&lt;br /&gt;
      --überarbeit-blc: LightBlue;&lt;br /&gt;
      --testa-bc: Chocolate;&lt;br /&gt;
      --testa-blc: Orange;&lt;br /&gt;
      --adminr-bc: RebeccaPurple;&lt;br /&gt;
      --adminr-blc: Violet;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-night {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
&lt;br /&gt;
      /* Arbeit im Wiki */&lt;br /&gt;
      --aufbau-bc: Chocolate;&lt;br /&gt;
      --aufbau-blc: Yellow;&lt;br /&gt;
      --löschen-bc: DarkRed;&lt;br /&gt;
      --löschen-blc: LightCoral;&lt;br /&gt;
      --überarbeit-bc: DarkCyan;&lt;br /&gt;
      --überarbeit-blc: LightBlue;&lt;br /&gt;
      --testa-bc: Chocolate;&lt;br /&gt;
      --testa-blc: Orange;&lt;br /&gt;
      --adminr-bc: RebeccaPurple;&lt;br /&gt;
      --adminr-blc: Violet;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-day {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
&lt;br /&gt;
      /* Arbeit im Wiki */&lt;br /&gt;
      --aufbau-bc: Moccasin;&lt;br /&gt;
      --aufbau-blc: orange;&lt;br /&gt;
      --löschen-bc: Pink;&lt;br /&gt;
      --löschen-blc: red;&lt;br /&gt;
      --überarbeit-bc: LightCyan;&lt;br /&gt;
      --überarbeit-blc: SteelBlue;&lt;br /&gt;
      --testa-bc: Moccasin;&lt;br /&gt;
      --testa-blc: OrangeRed;&lt;br /&gt;
      --adminr-bc: Lavender;&lt;br /&gt;
      --adminr-blc: Indigo;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-night {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
}&lt;br /&gt;
/* Farbangaben für helles bzw. dunkles Design.*/&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .barrierefrei {&lt;br /&gt;
   line-height: 150%;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
}&lt;br /&gt;
/* Klasse wird genutzt in den Anleitungen: In Tabellen und in den Vorlagen der Screenshots, AnleitungAbsatz und HinweisBox. Sie regelt den Zeilenabstand und beschränkt die Absatzbreite auf maximal ca. 80 Zeichen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox {&lt;br /&gt;
   display: table;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
   margin-top: 2em;&lt;br /&gt;
   margin-bottom: 2em;&lt;br /&gt;
   min-height: 64px;&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div {&lt;br /&gt;
   padding: 0 5px;&lt;br /&gt;
   display: table-cell;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
}&lt;br /&gt;
/* Formatierung der Hinweisbox:&lt;br /&gt;
   Die Darstellung erfolgt als Tabelle;&lt;br /&gt;
   Über der Hinweisbox wird immer ein Abstand eingefügt; Wenn die Hinweisbox nicht das letzte Element einer Seite ist, erhält sie auch einen Abstand nach unten;&lt;br /&gt;
   Die Hinweisbox hat eine Mindesthöhe, die der Höhe der Symbolbilder entspricht. So werden auch kleine Boxen ohne Symbolbild passend dargestellt;&lt;br /&gt;
   Die Kind-Elemente werden als Tabellenelemente auf gleicher Höhe gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) {&lt;br /&gt;
   height: 60px;&lt;br /&gt;
   width: 60px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für Symbolbilder in Hinweisboxen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisboxrahmen {&lt;br /&gt;
   border: solid 3px var(--unigruen);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Rahmen der Hinweisbox wird getrennt abgehandelt. Nur Hinweisboxen mit dieser Klasse erhalten einen Rahmen in Unigrün;&lt;br /&gt;
   Aktuell sind das: Hinweis, Information, Verpflichtend und Verweis */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) img {&lt;br /&gt;
   filter: var(--filter-img-hinweisbox);&lt;br /&gt;
}&lt;br /&gt;
/*Invertiert in der dunklen Darstellung das Symbol in der Hinweisbox.*/&lt;br /&gt;
&lt;br /&gt;
.catlinks {&lt;br /&gt;
   margin-top: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
/* Zusätzlicher Abstand vor der Auflistung der Kategorien. */&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen {&lt;br /&gt;
   background-color: var(--screenshotrahmen-bg);&lt;br /&gt;
   border: solid 1px var(--screenshotrahmen-border);&lt;br /&gt;
   padding: 5px;&lt;br /&gt;
}&lt;br /&gt;
/*Formatierung des Screenshothintergrunds: Der Hintergrund ist leicht abgedunkelt und ein Rahmen wird um das Bild gezogen. Ein kleiner Abstand nach innen wird definiert.*/&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen img {&lt;br /&gt;
   height: auto;&lt;br /&gt;
   max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* Bilder */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .screenshotgroß {&lt;br /&gt;
   max-width: 1020px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für große Screenshots, wenn nicht die Vorlage Anleitung verwendet wird. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen {&lt;br /&gt;
   margin-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:first-child {&lt;br /&gt;
   margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:last-child {&lt;br /&gt;
   margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
/* Abstände für eine Verwendung von Screenshots innerhalb einer Hinweisbox. */&lt;br /&gt;
&lt;br /&gt;
.screenshotImText &amp;gt; div {&lt;br /&gt;
   float: left;&lt;br /&gt;
   margin-right: 1em;&lt;br /&gt;
   margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Screenshots bspw. von kleineren Schaltflächen können auch im Textfluss dargestellt werden. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.screenshotrahmen,&lt;br /&gt;
.kachel,&lt;br /&gt;
#toc {&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/*Screenshots, die Kacheln der Startseite und die Seiten-Inhaltsverzeichnisse erhalten einen leichten grauen Schatten. Der Rahmen der Hinweisbox wird separat definiert.*/&lt;br /&gt;
&lt;br /&gt;
table.tanleitung {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:first-child,&lt;br /&gt;
.schulung .tanleitung td:first-child,&lt;br /&gt;
.wikitable .tanleitung,&lt;br /&gt;
.tanleitung th {&lt;br /&gt;
   background-color: var(--unigruen) !important;&lt;br /&gt;
   color: var(--tanleitung-th-color);&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:last-child,&lt;br /&gt;
.schulung .tanleitung td:last-child {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* In Tabellen der Anleitungen wird die Definition genutzt, um der Tabellenkopfzeile eine Uni-grünen Hintergrund und die Schriftfarbe auf weiß zu setzen. */&lt;br /&gt;
/* In der Seite Schulung wird jeweils die erste Spalte der Tabelle formatiert. */&lt;br /&gt;
&lt;br /&gt;
tr:hover {&lt;br /&gt;
   background-color: var(--table-row-bg-highlight) !important;&lt;br /&gt;
}&lt;br /&gt;
/* Als Lesehilfe wird die mit der Maus berührte Zeile einer Tabelle dezent farblich hervorgehoben. */&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories + #mw-pages &amp;gt; h2, &lt;br /&gt;
.mw-parser-output:has(&amp;gt; :last-child) + .mw-category-generated, /* Auf einer Kategorienseite haben die automatisch erzeugten Überschriften (Unterkategorien und Seiten in Kategorie) ebenfalls einen größeren Abstand, wenn es einen entsprechenden Seiteninhalt gibt. */&lt;br /&gt;
:is(.screenshot, .absatz, .hinweisbox, p, ul, ol, table) + :is(h2, h3),&lt;br /&gt;
.mw-parser-output &amp;gt; .anleitung:first-child ~ h2:first-of-type {&lt;br /&gt;
  margin-top: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Zeilenabstand über den Überschriften */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:is(ol, ul, p, .absatz, h4) + .screenshot,&lt;br /&gt;
.screenshot + :is(ol, ul, p, .absatz, .seitenindex, h4, .screenshot),&lt;br /&gt;
.screenshot + #toc,&lt;br /&gt;
#toc + p,&lt;br /&gt;
:is(p, .absatz) + #toc,&lt;br /&gt;
.absatz + .seitenindex {&lt;br /&gt;
   margin-top: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Abstand zwischen zwischen Screenshot, Absatz und Inhaltsverzeichnis */&lt;br /&gt;
&lt;br /&gt;
p + .absatz,&lt;br /&gt;
.absatz + p {&lt;br /&gt;
   margin-top: 0.5em&lt;br /&gt;
}&lt;br /&gt;
/* Wenn die Vorlage AnleitungAbsatz auf einen normalen Absatz folgt (oder umgekehrt), wird ein Abstand eingefügt, wie er zwischen zwei normalen Absätzen automatisch eingefügt wird. */&lt;br /&gt;
&lt;br /&gt;
.seitenindex {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));&lt;br /&gt;
   grid-auto-flow: dense;&lt;br /&gt;
   column-gap: 2em;&lt;br /&gt;
   row-gap: 1.5em;&lt;br /&gt;
   align-items: start;&lt;br /&gt;
}&lt;br /&gt;
/* Anzeige der Kacheln im Seitenindex (wird auf der Startseite verwendet): Die Kacheln haben eine minimale Breite. Außerdem wurde der Platz zwischen den Kacheln definiert (c.-gap und r.-gap). Wenn nicht mehr genügend Platz für eine weitere Kachel zur Verfügung steht, wird diese in eine neue Zeile geschoben. So werden die Kacheln auf kleineren Displays untereinander gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.kachel {&lt;br /&gt;
   border-top: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-left: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-right: solid 2px var(--kachel-border-light);&lt;br /&gt;
   border-bottom: solid 2px var(--kachel-border-light);&lt;br /&gt;
   background-color: var(--kachel-bg);&lt;br /&gt;
}&lt;br /&gt;
.kachel {&lt;br /&gt;
   text-align: center;&lt;br /&gt;
}&lt;br /&gt;
/* Eigenschaften der Kacheln im Seitenindex */&lt;br /&gt;
&lt;br /&gt;
.kachel:focus-within,&lt;br /&gt;
.kachel:hover {&lt;br /&gt;
   background-color: var(--kachel-bg-highlight);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--kachel-shadow-highlight);&lt;br /&gt;
   border-top-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-left-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-right-color: var(--kachel-border-light-highlight);&lt;br /&gt;
   border-bottom-color: var(--kachel-border-light-highlight);&lt;br /&gt;
}&lt;br /&gt;
/* Eine Kachel im Seitenindex wird hervorgehoben wenn der Mauszeiger sich darüber befindet oder sie mit dem Tabulator ausgewählt wurde. Der Hintergrund wird abgedunkelt. Rahmen und Schatten erhalten eine blaue Färbung, die sich am Design des Wiki des Wikis orientiert. */&lt;br /&gt;
&lt;br /&gt;
/* #p-tb {&lt;br /&gt;
   display: none;&lt;br /&gt;
} */&lt;br /&gt;
/* Unterdrückt die Anzeige der Werkzeuge im Seitenmenü komplett */&lt;br /&gt;
&lt;br /&gt;
#p-Admin,&lt;br /&gt;
li#t-recentchangeslinked,&lt;br /&gt;
li#t-upload,&lt;br /&gt;
li#t-specialpages,&lt;br /&gt;
li#t-permalink,&lt;br /&gt;
li#t-info,&lt;br /&gt;
li#t-cite,&lt;br /&gt;
.noautonum .tocnumber {&lt;br /&gt;
   display: none;&lt;br /&gt;
}&lt;br /&gt;
/* nav#p-Admin: Für normale Benutzer:innen werden die Links für Admins ausgeblendet. Über die spezielle css-Seite für Administrator:innen (MediaWiki:Group-sysop.css) wird diese Ausblendung wieder aufgehoben.&lt;br /&gt;
   li#t-...:    Einzelne Werkzeuge im linken Seitenmenü werden ausgeblendet&lt;br /&gt;
   .noautonum:  Kann genutzt werden, um im Inhaltsverzeichnis die Nummerierung zu unterdrücken. */&lt;br /&gt;
&lt;br /&gt;
.kachel,&lt;br /&gt;
#mw-panel .vector-menu-content a {&lt;br /&gt;
   transition-property: box-shadow, border-color, background-color;&lt;br /&gt;
   transition-duration: 1s;&lt;br /&gt;
}&lt;br /&gt;
/* Der Farbübergang des Seitenmenü und der Kacheln im Seitenindex wird nicht sofort durchgeführt, sondern braucht eine Sekunde. */&lt;br /&gt;
&lt;br /&gt;
#mw-panel .vector-menu-content a:focus,&lt;br /&gt;
#mw-panel .vector-menu-content a:hover {&lt;br /&gt;
   box-shadow: 0px 5px 5px -2px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Hervorhebung im linken Seitenmenü der ausgewählten Menüzeile */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-auto-columns: fit-content( 18ch ) 1fr;&lt;br /&gt;
   column-gap: 1em;&lt;br /&gt;
   row-gap: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Ermöglicht mit der Vorlage Definitionsliste eine Aufzählung, in der das(die) Schlagwort(e) fett hervorgehoben werden und der Definitionstext als eingerückter Textblock dargestellt wird.*/&lt;br /&gt;
&lt;br /&gt;
.defPunkt {&lt;br /&gt;
   grid-column: 1;&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* Formatiert die Schlagworte einer Definitionsliste fett und stellt sie vor den Textblock. */&lt;br /&gt;
&lt;br /&gt;
.defErläuterung {&lt;br /&gt;
   grid-column: 2;&lt;br /&gt;
}&lt;br /&gt;
/* Stellt den Textblock in einer Definitionsliste in eine zweite Spalte. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste p:last-child {&lt;br /&gt;
   margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert, dass der letzte zusätzliche Absatz einer Definitionsliste einen größeren Zeilenabstand hat als die übrigen Textblöcke. */&lt;br /&gt;
&lt;br /&gt;
.absatz:after {&lt;br /&gt;
   content: &amp;quot;&amp;quot;;&lt;br /&gt;
   display: block;&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert ein einfließen des Textes bei sehr kleinen Screenshots. */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
     container-type: inline-size;&lt;br /&gt;
}&lt;br /&gt;
/* Weißt dem Seiteninhalt einen Container zu. Kindelemente dieses Containers können sich auf die zur Verfügung stehende Breite beziehen. So werden Abfragen nach der Bildschirmbreite überflüssig. */&lt;br /&gt;
&lt;br /&gt;
@container (min-width: 53em) {&lt;br /&gt;
/* Alle hier definierten Eigenschaften kommen nur zum Tragen, wenn mindestens 65em Seiteninhalt zur Verfügung stehen. */&lt;br /&gt;
   .anleitung {&lt;br /&gt;
/*    display: grid;&lt;br /&gt;
      grid-template-columns: 50em minmax(5em, 20em) auto;&lt;br /&gt;
      grid-auto-flow: row dense; */&lt;br /&gt;
   }&lt;br /&gt;
/* Aktuell nicht verwendet. Das Anleitungsdesign war zunächst als Grid geplant. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
   /* Alle Kindelemente der Anleitung erhalten eine maximale Breite und eine passende Zeilenhöhe zur Wahrung der Barrierefreiheit. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      transition: all 1s;&lt;br /&gt;
      width: max-content;&lt;br /&gt;
   }&lt;br /&gt;
   /* Die Vergrößerung und auch das zurückfallen auf normale Größe der großen Screenshots wird mit einer Sekunde Verzögerung ausgeführt. So wird daraus eine fließende Bewegung. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:focus-within,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:hover {&lt;br /&gt;
      max-width: 100%;&lt;br /&gt;
      z-index: 100;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots werden nur noch größer dargestellt, wenn sie mit der Maus oder dem Tabulator ausgewählt werden. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .toc,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      justify-self: start;&lt;br /&gt;
   }&lt;br /&gt;
   /* Ausrichtung von Inhaltsverzeichnis und großen Screenshots. Es wird nur der tatsächlich benötigte Platz eingenommen. Nicht die volle zur Verfügung stehende Breite. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      position: relative;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:not(:hover)::after {&lt;br /&gt;
      content: &#039;Vergrößerbar&#039;;&lt;br /&gt;
      position: absolute;&lt;br /&gt;
      bottom: 0;&lt;br /&gt;
      left: 0.2em;&lt;br /&gt;
      color: var(--screenshot-hint-color);&lt;br /&gt;
      font-size: 2em;&lt;br /&gt;
      z-index: 10;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots erhalten eine Markierung &#039;Vergrößerbar&#039; solange sie nicht ausgewählt wurden. Dazu muss die Position des Screenshots als relativ sein und der Schriftzug dazu absolut gesetzt werden. */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container (width &amp;lt; 53em) {&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
   }&lt;br /&gt;
   .übersicht {&lt;br /&gt;
      display: none;&lt;br /&gt;
   }&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
/* Bei wenig zur Verfügung stehendem Platz wird nur noch die maximale Breite und die Zeilenhöhe definiert. Falls das Menü &#039;Übersicht&#039; verwendet wird, wird es jetzt ausgeblendet. */&lt;br /&gt;
&lt;br /&gt;
.übersicht {&lt;br /&gt;
   position: sticky;&lt;br /&gt;
   height: 2em;&lt;br /&gt;
   top: 4em;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
/* Menü für Anleitungen. (ToDo) Das Menü soll im rechts verfügbaren Platz angezeigt werden. Das Menü wandert beim Scrollen mit. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div {&lt;br /&gt;
   padding: 0 0.5em;&lt;br /&gt;
   height: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .tooltip {&lt;br /&gt;
   color: #c32e04;&lt;br /&gt;
   text-decoration: underline;&lt;br /&gt;
   cursor: help;&lt;br /&gt;
} */&lt;br /&gt;
&lt;br /&gt;
[data-tooltip] {&lt;br /&gt;
   position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]::after {&lt;br /&gt;
   content: attr(data-tooltip);&lt;br /&gt;
   pointer-events: none;&lt;br /&gt;
   opacity: 0;&lt;br /&gt;
   transition: opacity 0.5s;&lt;br /&gt;
   display: block;&lt;br /&gt;
   position: absolute;&lt;br /&gt;
   bottom: 1em;&lt;br /&gt;
   left: -4em;&lt;br /&gt;
   max-width: 30em;&lt;br /&gt;
   width: max-content;&lt;br /&gt;
   padding: 0.5em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
   color: var(--tooltip-text-color);&lt;br /&gt;
   background-color: var(--tooltip-bg);&lt;br /&gt;
   border: solid 1px var(--tooltip-border-color);&lt;br /&gt;
   border-radius: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]:hover::after {&lt;br /&gt;
   opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
/* Tooltip kann in Verbindung mit der Vorlage Tooltip|Anzeigetext|Glossareintrag eingebunden werden.&lt;br /&gt;
   Anzeigetext = Dieser Text erscheint im Fließtext der Anleitung unterstrichen.&lt;br /&gt;
   Glossareintrag = Der Text dieses Eintrags wird beim Bewegen des Cursers über den Anzeigetext über diesem als kleine Box eingeblendet. Es darf sich dabei nur um einen einzelnen Absatz handeln. Der Absatz muss in der Seite im Glossar mit &amp;quot;onlyinclude&amp;quot; geklammert werden und darf keine HTML-Tags enthalten. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste .hinweisbox {&lt;br /&gt;
   grid-column: 1 / 3;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4465</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4465"/>
		<updated>2025-11-06T10:56:53Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */&lt;br /&gt;
/* Die Definitionen werden immer durch den nächsten Kommentar unterhalb erläutert. Ein Kommentar kann sich so auch auf mehrere Definitionen darüber beziehen. */ &lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: light) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: dark) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-night {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-day {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-night {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
}&lt;br /&gt;
/* Farbangaben für helles bzw. dunkles Design.*/&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .barrierefrei {&lt;br /&gt;
   line-height: 150%;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
}&lt;br /&gt;
/* Klasse wird genutzt in den Anleitungen: In Tabellen und in den Vorlagen der Screenshots, AnleitungAbsatz und HinweisBox. Sie regelt den Zeilenabstand und beschränkt die Absatzbreite auf maximal ca. 80 Zeichen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox {&lt;br /&gt;
   display: table;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
   margin-top: 2em;&lt;br /&gt;
   margin-bottom: 2em;&lt;br /&gt;
   min-height: 64px;&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div {&lt;br /&gt;
   padding: 0 5px;&lt;br /&gt;
   display: table-cell;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
}&lt;br /&gt;
/* Formatierung der Hinweisbox:&lt;br /&gt;
   Die Darstellung erfolgt als Tabelle;&lt;br /&gt;
   Über der Hinweisbox wird immer ein Abstand eingefügt; Wenn die Hinweisbox nicht das letzte Element einer Seite ist, erhält sie auch einen Abstand nach unten;&lt;br /&gt;
   Die Hinweisbox hat eine Mindesthöhe, die der Höhe der Symbolbilder entspricht. So werden auch kleine Boxen ohne Symbolbild passend dargestellt;&lt;br /&gt;
   Die Kind-Elemente werden als Tabellenelemente auf gleicher Höhe gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) {&lt;br /&gt;
   height: 60px;&lt;br /&gt;
   width: 60px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für Symbolbilder in Hinweisboxen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisboxrahmen {&lt;br /&gt;
   border: solid 3px var(--unigruen);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Rahmen der Hinweisbox wird getrennt abgehandelt. Nur Hinweisboxen mit dieser Klasse erhalten einen Rahmen in Unigrün;&lt;br /&gt;
   Aktuell sind das: Hinweis, Information, Verpflichtend und Verweis */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) img {&lt;br /&gt;
   filter: var(--filter-img-hinweisbox);&lt;br /&gt;
}&lt;br /&gt;
/*Invertiert in der dunklen Darstellung das Symbol in der Hinweisbox.*/&lt;br /&gt;
&lt;br /&gt;
.catlinks {&lt;br /&gt;
   margin-top: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
/* Zusätzlicher Abstand vor der Auflistung der Kategorien. */&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen {&lt;br /&gt;
   background-color: var(--screenshotrahmen-bg);&lt;br /&gt;
   border: solid 1px var(--screenshotrahmen-border);&lt;br /&gt;
   padding: 5px;&lt;br /&gt;
}&lt;br /&gt;
/*Formatierung des Screenshothintergrunds: Der Hintergrund ist leicht abgedunkelt und ein Rahmen wird um das Bild gezogen. Ein kleiner Abstand nach innen wird definiert.*/&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen img {&lt;br /&gt;
   height: auto;&lt;br /&gt;
   max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* Bilder */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .screenshotgroß {&lt;br /&gt;
   max-width: 1020px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für große Screenshots, wenn nicht die Vorlage Anleitung verwendet wird. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen {&lt;br /&gt;
   margin-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:first-child {&lt;br /&gt;
   margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:last-child {&lt;br /&gt;
   margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
/* Abstände für eine Verwendung von Screenshots innerhalb einer Hinweisbox. */&lt;br /&gt;
&lt;br /&gt;
.screenshotImText &amp;gt; div {&lt;br /&gt;
   float: left;&lt;br /&gt;
   margin-right: 1em;&lt;br /&gt;
   margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Screenshots bspw. von kleineren Schaltflächen können auch im Textfluss dargestellt werden. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.screenshotrahmen,&lt;br /&gt;
.kachel,&lt;br /&gt;
#toc {&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/*Screenshots, die Kacheln der Startseite und die Seiten-Inhaltsverzeichnisse erhalten einen leichten grauen Schatten. Der Rahmen der Hinweisbox wird separat definiert.*/&lt;br /&gt;
&lt;br /&gt;
table.tanleitung {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:first-child,&lt;br /&gt;
.schulung .tanleitung td:first-child,&lt;br /&gt;
.wikitable .tanleitung,&lt;br /&gt;
.tanleitung th {&lt;br /&gt;
   background-color: var(--unigruen) !important;&lt;br /&gt;
   color: var(--tanleitung-th-color);&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:last-child,&lt;br /&gt;
.schulung .tanleitung td:last-child {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* In Tabellen der Anleitungen wird die Definition genutzt, um der Tabellenkopfzeile eine Uni-grünen Hintergrund und die Schriftfarbe auf weiß zu setzen. */&lt;br /&gt;
/* In der Seite Schulung wird jeweils die erste Spalte der Tabelle formatiert. */&lt;br /&gt;
&lt;br /&gt;
tr:hover {&lt;br /&gt;
   background-color: var(--table-row-bg-highlight) !important;&lt;br /&gt;
}&lt;br /&gt;
/* Als Lesehilfe wird die mit der Maus berührte Zeile einer Tabelle dezent farblich hervorgehoben. */&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories + #mw-pages &amp;gt; h2, &lt;br /&gt;
.mw-parser-output:has(&amp;gt; :last-child) + .mw-category-generated, /* Auf einer Kategorienseite haben die automatisch erzeugten Überschriften (Unterkategorien und Seiten in Kategorie) ebenfalls einen größeren Abstand, wenn es einen entsprechenden Seiteninhalt gibt. */&lt;br /&gt;
:is(.screenshot, .absatz, .hinweisbox, p, ul, ol, table) + :is(h2, h3),&lt;br /&gt;
.mw-parser-output &amp;gt; .anleitung:first-child ~ h2:first-of-type {&lt;br /&gt;
  margin-top: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Zeilenabstand über den Überschriften */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:is(ol, ul, p, .absatz, h4) + .screenshot,&lt;br /&gt;
.screenshot + :is(ol, ul, p, .absatz, .seitenindex, h4, .screenshot),&lt;br /&gt;
.screenshot + #toc,&lt;br /&gt;
#toc + p,&lt;br /&gt;
:is(p, .absatz) + #toc,&lt;br /&gt;
.absatz + .seitenindex {&lt;br /&gt;
   margin-top: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Abstand zwischen zwischen Screenshot, Absatz und Inhaltsverzeichnis */&lt;br /&gt;
&lt;br /&gt;
p + .absatz,&lt;br /&gt;
.absatz + p {&lt;br /&gt;
   margin-top: 0.5em&lt;br /&gt;
}&lt;br /&gt;
/* Wenn die Vorlage AnleitungAbsatz auf einen normalen Absatz folgt (oder umgekehrt), wird ein Abstand eingefügt, wie er zwischen zwei normalen Absätzen automatisch eingefügt wird. */&lt;br /&gt;
&lt;br /&gt;
.seitenindex {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));&lt;br /&gt;
   grid-auto-flow: dense;&lt;br /&gt;
   column-gap: 2em;&lt;br /&gt;
   row-gap: 1.5em;&lt;br /&gt;
   align-items: start;&lt;br /&gt;
}&lt;br /&gt;
/* Anzeige der Kacheln im Seitenindex (wird auf der Startseite verwendet): Die Kacheln haben eine minimale Breite. Außerdem wurde der Platz zwischen den Kacheln definiert (c.-gap und r.-gap). Wenn nicht mehr genügend Platz für eine weitere Kachel zur Verfügung steht, wird diese in eine neue Zeile geschoben. So werden die Kacheln auf kleineren Displays untereinander gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.kachel {&lt;br /&gt;
   border-top: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-left: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-right: solid 2px var(--kachel-border-light);&lt;br /&gt;
   border-bottom: solid 2px var(--kachel-border-light);&lt;br /&gt;
   background-color: var(--kachel-bg);&lt;br /&gt;
}&lt;br /&gt;
.kachel {&lt;br /&gt;
   text-align: center;&lt;br /&gt;
}&lt;br /&gt;
/* Eigenschaften der Kacheln im Seitenindex */&lt;br /&gt;
&lt;br /&gt;
.kachel:focus-within,&lt;br /&gt;
.kachel:hover {&lt;br /&gt;
   background-color: var(--kachel-bg-highlight);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--kachel-shadow-highlight);&lt;br /&gt;
   border-top-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-left-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-right-color: var(--kachel-border-light-highlight);&lt;br /&gt;
   border-bottom-color: var(--kachel-border-light-highlight);&lt;br /&gt;
}&lt;br /&gt;
/* Eine Kachel im Seitenindex wird hervorgehoben wenn der Mauszeiger sich darüber befindet oder sie mit dem Tabulator ausgewählt wurde. Der Hintergrund wird abgedunkelt. Rahmen und Schatten erhalten eine blaue Färbung, die sich am Design des Wiki des Wikis orientiert. */&lt;br /&gt;
&lt;br /&gt;
/* #p-tb {&lt;br /&gt;
   display: none;&lt;br /&gt;
} */&lt;br /&gt;
/* Unterdrückt die Anzeige der Werkzeuge im Seitenmenü komplett */&lt;br /&gt;
&lt;br /&gt;
#p-Admin,&lt;br /&gt;
li#t-recentchangeslinked,&lt;br /&gt;
li#t-upload,&lt;br /&gt;
li#t-specialpages,&lt;br /&gt;
li#t-permalink,&lt;br /&gt;
li#t-info,&lt;br /&gt;
li#t-cite,&lt;br /&gt;
.noautonum .tocnumber {&lt;br /&gt;
   display: none;&lt;br /&gt;
}&lt;br /&gt;
/* nav#p-Admin: Für normale Benutzer:innen werden die Links für Admins ausgeblendet. Über die spezielle css-Seite für Administrator:innen (MediaWiki:Group-sysop.css) wird diese Ausblendung wieder aufgehoben.&lt;br /&gt;
   li#t-...:    Einzelne Werkzeuge im linken Seitenmenü werden ausgeblendet&lt;br /&gt;
   .noautonum:  Kann genutzt werden, um im Inhaltsverzeichnis die Nummerierung zu unterdrücken. */&lt;br /&gt;
&lt;br /&gt;
.kachel,&lt;br /&gt;
#mw-panel .vector-menu-content a {&lt;br /&gt;
   transition-property: box-shadow, border-color, background-color;&lt;br /&gt;
   transition-duration: 1s;&lt;br /&gt;
}&lt;br /&gt;
/* Der Farbübergang des Seitenmenü und der Kacheln im Seitenindex wird nicht sofort durchgeführt, sondern braucht eine Sekunde. */&lt;br /&gt;
&lt;br /&gt;
#mw-panel .vector-menu-content a:focus,&lt;br /&gt;
#mw-panel .vector-menu-content a:hover {&lt;br /&gt;
   box-shadow: 0px 5px 5px -2px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Hervorhebung im linken Seitenmenü der ausgewählten Menüzeile */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-auto-columns: fit-content( 18ch ) 1fr;&lt;br /&gt;
   column-gap: 1em;&lt;br /&gt;
   row-gap: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Ermöglicht mit der Vorlage Definitionsliste eine Aufzählung, in der das(die) Schlagwort(e) fett hervorgehoben werden und der Definitionstext als eingerückter Textblock dargestellt wird.*/&lt;br /&gt;
&lt;br /&gt;
.defPunkt {&lt;br /&gt;
   grid-column: 1;&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* Formatiert die Schlagworte einer Definitionsliste fett und stellt sie vor den Textblock. */&lt;br /&gt;
&lt;br /&gt;
.defErläuterung {&lt;br /&gt;
   grid-column: 2;&lt;br /&gt;
}&lt;br /&gt;
/* Stellt den Textblock in einer Definitionsliste in eine zweite Spalte. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste p:last-child {&lt;br /&gt;
   margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert, dass der letzte zusätzliche Absatz einer Definitionsliste einen größeren Zeilenabstand hat als die übrigen Textblöcke. */&lt;br /&gt;
&lt;br /&gt;
.absatz:after {&lt;br /&gt;
   content: &amp;quot;&amp;quot;;&lt;br /&gt;
   display: block;&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert ein einfließen des Textes bei sehr kleinen Screenshots. */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
     container-type: inline-size;&lt;br /&gt;
}&lt;br /&gt;
/* Weißt dem Seiteninhalt einen Container zu. Kindelemente dieses Containers können sich auf die zur Verfügung stehende Breite beziehen. So werden Abfragen nach der Bildschirmbreite überflüssig. */&lt;br /&gt;
&lt;br /&gt;
@container (min-width: 53em) {&lt;br /&gt;
/* Alle hier definierten Eigenschaften kommen nur zum Tragen, wenn mindestens 65em Seiteninhalt zur Verfügung stehen. */&lt;br /&gt;
   .anleitung {&lt;br /&gt;
/*    display: grid;&lt;br /&gt;
      grid-template-columns: 50em minmax(5em, 20em) auto;&lt;br /&gt;
      grid-auto-flow: row dense; */&lt;br /&gt;
   }&lt;br /&gt;
/* Aktuell nicht verwendet. Das Anleitungsdesign war zunächst als Grid geplant. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
   /* Alle Kindelemente der Anleitung erhalten eine maximale Breite und eine passende Zeilenhöhe zur Wahrung der Barrierefreiheit. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      transition: all 1s;&lt;br /&gt;
      width: max-content;&lt;br /&gt;
   }&lt;br /&gt;
   /* Die Vergrößerung und auch das zurückfallen auf normale Größe der großen Screenshots wird mit einer Sekunde Verzögerung ausgeführt. So wird daraus eine fließende Bewegung. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:focus-within,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:hover {&lt;br /&gt;
      max-width: 100%;&lt;br /&gt;
      z-index: 100;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots werden nur noch größer dargestellt, wenn sie mit der Maus oder dem Tabulator ausgewählt werden. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .toc,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      justify-self: start;&lt;br /&gt;
   }&lt;br /&gt;
   /* Ausrichtung von Inhaltsverzeichnis und großen Screenshots. Es wird nur der tatsächlich benötigte Platz eingenommen. Nicht die volle zur Verfügung stehende Breite. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      position: relative;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:not(:hover)::after {&lt;br /&gt;
      content: &#039;Vergrößerbar&#039;;&lt;br /&gt;
      position: absolute;&lt;br /&gt;
      bottom: 0;&lt;br /&gt;
      left: 0.2em;&lt;br /&gt;
      color: var(--screenshot-hint-color);&lt;br /&gt;
      font-size: 2em;&lt;br /&gt;
      z-index: 10;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots erhalten eine Markierung &#039;Vergrößerbar&#039; solange sie nicht ausgewählt wurden. Dazu muss die Position des Screenshots als relativ sein und der Schriftzug dazu absolut gesetzt werden. */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container (width &amp;lt; 53em) {&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
   }&lt;br /&gt;
   .übersicht {&lt;br /&gt;
      display: none;&lt;br /&gt;
   }&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
/* Bei wenig zur Verfügung stehendem Platz wird nur noch die maximale Breite und die Zeilenhöhe definiert. Falls das Menü &#039;Übersicht&#039; verwendet wird, wird es jetzt ausgeblendet. */&lt;br /&gt;
&lt;br /&gt;
.übersicht {&lt;br /&gt;
   position: sticky;&lt;br /&gt;
   height: 2em;&lt;br /&gt;
   top: 4em;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
/* Menü für Anleitungen. (ToDo) Das Menü soll im rechts verfügbaren Platz angezeigt werden. Das Menü wandert beim Scrollen mit. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div {&lt;br /&gt;
   padding: 0 0.5em;&lt;br /&gt;
   height: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .tooltip {&lt;br /&gt;
   color: #c32e04;&lt;br /&gt;
   text-decoration: underline;&lt;br /&gt;
   cursor: help;&lt;br /&gt;
} */&lt;br /&gt;
&lt;br /&gt;
[data-tooltip] {&lt;br /&gt;
   position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]::after {&lt;br /&gt;
   content: attr(data-tooltip);&lt;br /&gt;
   pointer-events: none;&lt;br /&gt;
   opacity: 0;&lt;br /&gt;
   transition: opacity 0.5s;&lt;br /&gt;
   display: block;&lt;br /&gt;
   position: absolute;&lt;br /&gt;
   bottom: 1em;&lt;br /&gt;
   left: -4em;&lt;br /&gt;
   max-width: 30em;&lt;br /&gt;
   width: max-content;&lt;br /&gt;
   padding: 0.5em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
   color: var(--tooltip-text-color);&lt;br /&gt;
   background-color: var(--tooltip-bg);&lt;br /&gt;
   border: solid 1px var(--tooltip-border-color);&lt;br /&gt;
   border-radius: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]:hover::after {&lt;br /&gt;
   opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
/* Tooltip kann in Verbindung mit der Vorlage Tooltip|Anzeigetext|Glossareintrag eingebunden werden.&lt;br /&gt;
   Anzeigetext = Dieser Text erscheint im Fließtext der Anleitung unterstrichen.&lt;br /&gt;
   Glossareintrag = Der Text dieses Eintrags wird beim Bewegen des Cursers über den Anzeigetext über diesem als kleine Box eingeblendet. Es darf sich dabei nur um einen einzelnen Absatz handeln. Der Absatz muss in der Seite im Glossar mit &amp;quot;onlyinclude&amp;quot; geklammert werden und darf keine HTML-Tags enthalten. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste .hinweisbox {&lt;br /&gt;
   grid-column: 1 / 3;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4464</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4464"/>
		<updated>2025-11-06T10:55:43Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */&lt;br /&gt;
/* Die Definitionen werden immer durch den nächsten Kommentar unterhalb erläutert. Ein Kommentar kann sich so auch auf mehrere Definitionen darüber beziehen. */ &lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: light) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: dark) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-night {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-day {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-night {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
}&lt;br /&gt;
/* Farbangaben für helles bzw. dunkles Design.*/&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .barrierefrei {&lt;br /&gt;
   line-height: 150%;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
}&lt;br /&gt;
/* Klasse wird genutzt in den Anleitungen: In Tabellen und in den Vorlagen der Screenshots, AnleitungAbsatz und HinweisBox. Sie regelt den Zeilenabstand und beschränkt die Absatzbreite auf maximal ca. 80 Zeichen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox {&lt;br /&gt;
   display: table;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
   margin-top: 2em;&lt;br /&gt;
   margin-bottom: 2em;&lt;br /&gt;
   min-height: 64px;&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div {&lt;br /&gt;
   padding: 0 5px;&lt;br /&gt;
   display: table-cell;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
}&lt;br /&gt;
/* Formatierung der Hinweisbox:&lt;br /&gt;
   Die Darstellung erfolgt als Tabelle;&lt;br /&gt;
   Über der Hinweisbox wird immer ein Abstand eingefügt; Wenn die Hinweisbox nicht das letzte Element einer Seite ist, erhält sie auch einen Abstand nach unten;&lt;br /&gt;
   Die Hinweisbox hat eine Mindesthöhe, die der Höhe der Symbolbilder entspricht. So werden auch kleine Boxen ohne Symbolbild passend dargestellt;&lt;br /&gt;
   Die Kind-Elemente werden als Tabellenelemente auf gleicher Höhe gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) {&lt;br /&gt;
   height: 60px;&lt;br /&gt;
   width: 60px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für Symbolbilder in Hinweisboxen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisboxrahmen {&lt;br /&gt;
   border: solid 3px var(--unigruen);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Rahmen der Hinweisbox wird getrennt abgehandelt. Nur Hinweisboxen mit dieser Klasse erhalten einen Rahmen in Unigrün;&lt;br /&gt;
   Aktuell sind das: Hinweis, Information, Verpflichtend und Verweis */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) img {&lt;br /&gt;
   filter: var(--filter-img-hinweisbox);&lt;br /&gt;
}&lt;br /&gt;
/*Invertiert in der dunklen Darstellung das Symbol in der Hinweisbox.*/&lt;br /&gt;
&lt;br /&gt;
.catlinks {&lt;br /&gt;
   margin-top: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
/* Zusätzlicher Abstand vor der Auflistung der Kategorien. */&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen {&lt;br /&gt;
   background-color: var(--screenshotrahmen-bg);&lt;br /&gt;
   border: solid 1px var(--screenshotrahmen-border);&lt;br /&gt;
   padding: 5px;&lt;br /&gt;
}&lt;br /&gt;
/*Formatierung des Screenshothintergrunds: Der Hintergrund ist leicht abgedunkelt und ein Rahmen wird um das Bild gezogen. Ein kleiner Abstand nach innen wird definiert.*/&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen img {&lt;br /&gt;
   height: auto;&lt;br /&gt;
   max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* Bilder */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .screenshotgroß {&lt;br /&gt;
   max-width: 1020px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für große Screenshots, wenn nicht die Vorlage Anleitung verwendet wird. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen {&lt;br /&gt;
   margin-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:first-child {&lt;br /&gt;
   margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:last-child {&lt;br /&gt;
   margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
/* Abstände für eine Verwendung von Screenshots innerhalb einer Hinweisbox. */&lt;br /&gt;
&lt;br /&gt;
.screenshotImText &amp;gt; div {&lt;br /&gt;
   float: left;&lt;br /&gt;
   margin-right: 1em;&lt;br /&gt;
   margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Screenshots bspw. von kleineren Schaltflächen können auch im Textfluss dargestellt werden. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.screenshotrahmen,&lt;br /&gt;
.kachel,&lt;br /&gt;
#toc {&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/*Screenshots, die Kacheln der Startseite und die Seiten-Inhaltsverzeichnisse erhalten einen leichten grauen Schatten. Der Rahmen der Hinweisbox wird separat definiert.*/&lt;br /&gt;
&lt;br /&gt;
table.tanleitung {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:first-child,&lt;br /&gt;
.schulung .tanleitung td:first-child,&lt;br /&gt;
.wikitable .tanleitung,&lt;br /&gt;
.tanleitung th {&lt;br /&gt;
   background-color: var(--unigruen) !important;&lt;br /&gt;
   color: var(--tanleitung-th-color);&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:last-child,&lt;br /&gt;
.schulung .tanleitung td:last-child {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* In Tabellen der Anleitungen wird die Definition genutzt, um der Tabellenkopfzeile eine Uni-grünen Hintergrund und die Schriftfarbe auf weiß zu setzen. */&lt;br /&gt;
/* In der Seite Schulung wird jeweils die erste Spalte der Tabelle formatiert. */&lt;br /&gt;
&lt;br /&gt;
tr:hover {&lt;br /&gt;
   background-color: var(--table-row-bg-highlight) !important;&lt;br /&gt;
}&lt;br /&gt;
/* Als Lesehilfe wird die mit der Maus berührte Zeile einer Tabelle dezent farblich hervorgehoben. */&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories + #mw-pages &amp;gt; h2, &lt;br /&gt;
.mw-parser-output:has(&amp;gt; :last-child) + .mw-category-generated, /* Auf einer Kategorienseite haben die automatisch erzeugten Überschriften (Unterkategorien und Seiten in Kategorie) ebenfalls einen größeren Abstand, wenn es einen entsprechenden Seiteninhalt gibt. */&lt;br /&gt;
:is(.screenshot, .absatz, .hinweisbox, p, ul, ol, table) + :is(h2, h3),&lt;br /&gt;
.mw-parser-output &amp;gt; .anleitung:first-child ~ h2:first-of-type {&lt;br /&gt;
  margin-top: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Zeilenabstand über den Überschriften */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:is(ol, ul, p, .absatz, h4) + .screenshot,&lt;br /&gt;
.screenshot + :is(ol, ul, p, .absatz, .seitenindex, h4, .screenshot),&lt;br /&gt;
.screenshot + #toc,&lt;br /&gt;
#toc + p,&lt;br /&gt;
:is(p, .absatz) + #toc,&lt;br /&gt;
.absatz + .seitenindex {&lt;br /&gt;
   margin-top: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Abstand zwischen zwischen Screenshot, Absatz und Inhaltsverzeichnis */&lt;br /&gt;
&lt;br /&gt;
p + .absatz,&lt;br /&gt;
.absatz + p {&lt;br /&gt;
   margin-top: 0.5em&lt;br /&gt;
}&lt;br /&gt;
/* Wenn die Vorlage AnleitungAbsatz auf einen normalen Absatz folgt (oder umgekehrt), wird ein Abstand eingefügt, wie er zwischen zwei normalen Absätzen automatisch eingefügt wird. */&lt;br /&gt;
&lt;br /&gt;
.seitenindex {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));&lt;br /&gt;
   grid-auto-flow: dense;&lt;br /&gt;
   column-gap: 2em;&lt;br /&gt;
   row-gap: 1.5em;&lt;br /&gt;
   align-items: start;&lt;br /&gt;
}&lt;br /&gt;
/* Anzeige der Kacheln im Seitenindex (wird auf der Startseite verwendet): Die Kacheln haben eine minimale Breite. Außerdem wurde der Platz zwischen den Kacheln definiert (c.-gap und r.-gap). Wenn nicht mehr genügend Platz für eine weitere Kachel zur Verfügung steht, wird diese in eine neue Zeile geschoben. So werden die Kacheln auf kleineren Displays untereinander gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.kachel {&lt;br /&gt;
   border-top: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-left: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-right: solid 2px var(--kachel-border-light);&lt;br /&gt;
   border-bottom: solid 2px var(--kachel-border-light);&lt;br /&gt;
   background-color: var(--kachel-bg);&lt;br /&gt;
}&lt;br /&gt;
.kachel {&lt;br /&gt;
   text-align: center;&lt;br /&gt;
}&lt;br /&gt;
/* Eigenschaften der Kacheln im Seitenindex */&lt;br /&gt;
&lt;br /&gt;
.kachel:focus-within,&lt;br /&gt;
.kachel:hover {&lt;br /&gt;
   background-color: var(--kachel-bg-highlight);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--kachel-shadow-highlight);&lt;br /&gt;
   border-top-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-left-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-right-color: var(--kachel-border-light-highlight);&lt;br /&gt;
   border-bottom-color: var(--kachel-border-light-highlight);&lt;br /&gt;
}&lt;br /&gt;
/* Eine Kachel im Seitenindex wird hervorgehoben wenn der Mauszeiger sich darüber befindet oder sie mit dem Tabulator ausgewählt wurde. Der Hintergrund wird abgedunkelt. Rahmen und Schatten erhalten eine blaue Färbung, die sich am Design des Wiki des Wikis orientiert. */&lt;br /&gt;
&lt;br /&gt;
/* #p-tb {&lt;br /&gt;
   display: none;&lt;br /&gt;
} */&lt;br /&gt;
/* Unterdrückt die Anzeige der Werkzeuge im Seitenmenü komplett */&lt;br /&gt;
&lt;br /&gt;
#p-Admin,&lt;br /&gt;
li#t-recentchangeslinked,&lt;br /&gt;
li#t-upload,&lt;br /&gt;
li#t-specialpages,&lt;br /&gt;
li#t-permalink,&lt;br /&gt;
li#t-info,&lt;br /&gt;
li#t-cite,&lt;br /&gt;
.noautonum .tocnumber {&lt;br /&gt;
   display: none;&lt;br /&gt;
}&lt;br /&gt;
/* nav#p-Admin: Für normale Benutzer:innen werden die Links für Admins ausgeblendet. Über die spezielle css-Seite für Administrator:innen (MediaWiki:Group-sysop.css) wird diese Ausblendung wieder aufgehoben.&lt;br /&gt;
   li#t-...:    Einzelne Werkzeuge im linken Seitenmenü werden ausgeblendet&lt;br /&gt;
   .noautonum:  Kann genutzt werden, um im Inhaltsverzeichnis die Nummerierung zu unterdrücken. */&lt;br /&gt;
&lt;br /&gt;
.kachel,&lt;br /&gt;
#mw-panel .vector-menu-content a {&lt;br /&gt;
   transition-property: box-shadow, border-color, background-color;&lt;br /&gt;
   transition-duration: 1s;&lt;br /&gt;
}&lt;br /&gt;
/* Der Farbübergang des Seitenmenü und der Kacheln im Seitenindex wird nicht sofort durchgeführt, sondern braucht eine Sekunde. */&lt;br /&gt;
&lt;br /&gt;
#mw-panel .vector-menu-content a:focus,&lt;br /&gt;
#mw-panel .vector-menu-content a:hover {&lt;br /&gt;
   box-shadow: 0px 5px 5px -2px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Hervorhebung im linken Seitenmenü der ausgewählten Menüzeile */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-auto-columns: fit-content( 18ch ) 1fr;&lt;br /&gt;
   column-gap: 1em;&lt;br /&gt;
   row-gap: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Ermöglicht mit der Vorlage Definitionsliste eine Aufzählung, in der das(die) Schlagwort(e) fett hervorgehoben werden und der Definitionstext als eingerückter Textblock dargestellt wird.*/&lt;br /&gt;
&lt;br /&gt;
.defPunkt {&lt;br /&gt;
   grid-column: 1;&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* Formatiert die Schlagworte einer Definitionsliste fett und stellt sie vor den Textblock. */&lt;br /&gt;
&lt;br /&gt;
.defErläuterung {&lt;br /&gt;
   grid-column: 2;&lt;br /&gt;
}&lt;br /&gt;
/* Stellt den Textblock in einer Definitionsliste in eine zweite Spalte. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste p:last-child {&lt;br /&gt;
   margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert, dass der letzte zusätzliche Absatz einer Definitionsliste einen größeren Zeilenabstand hat als die übrigen Textblöcke. */&lt;br /&gt;
&lt;br /&gt;
.absatz:after {&lt;br /&gt;
   content: &amp;quot;&amp;quot;;&lt;br /&gt;
   display: block;&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert ein einfließen des Textes bei sehr kleinen Screenshots. */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
     container-type: inline-size;&lt;br /&gt;
}&lt;br /&gt;
/* Weißt dem Seiteninhalt einen Container zu. Kindelemente dieses Containers können sich auf die zur Verfügung stehende Breite beziehen. So werden Abfragen nach der Bildschirmbreite überflüssig. */&lt;br /&gt;
&lt;br /&gt;
@container (min-width: 53em) {&lt;br /&gt;
/* Alle hier definierten Eigenschaften kommen nur zum Tragen, wenn mindestens 65em Seiteninhalt zur Verfügung stehen. */&lt;br /&gt;
   .anleitung {&lt;br /&gt;
/*    display: grid;&lt;br /&gt;
      grid-template-columns: 50em minmax(5em, 20em) auto;&lt;br /&gt;
      grid-auto-flow: row dense; */&lt;br /&gt;
   }&lt;br /&gt;
/* Aktuell nicht verwendet. Das Anleitungsdesign war zunächst als Grid geplant. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
   /* Alle Kindelemente der Anleitung erhalten eine maximale Breite und eine passende Zeilenhöhe zur Wahrung der Barrierefreiheit. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      transition: all 1s;&lt;br /&gt;
      width: max-content;&lt;br /&gt;
   }&lt;br /&gt;
   /* Die Vergrößerung und auch das zurückfallen auf normale Größe der großen Screenshots wird mit einer Sekunde Verzögerung ausgeführt. So wird daraus eine fließende Bewegung. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:focus-within,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:hover {&lt;br /&gt;
      max-width: 100%;&lt;br /&gt;
      z-index: 100;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots werden nur noch größer dargestellt, wenn sie mit der Maus oder dem Tabulator ausgewählt werden. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .toc,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      justify-self: start;&lt;br /&gt;
   }&lt;br /&gt;
   /* Ausrichtung von Inhaltsverzeichnis und großen Screenshots. Es wird nur der tatsächlich benötigte Platz eingenommen. Nicht die volle zur Verfügung stehende Breite. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      position: relative;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:not(:hover)::after {&lt;br /&gt;
      content: &#039;Vergrößerbar&#039;;&lt;br /&gt;
      position: absolute;&lt;br /&gt;
      bottom: 0;&lt;br /&gt;
      left: 0.2em;&lt;br /&gt;
      color: var(--screenshot-hint-color);&lt;br /&gt;
      font-size: 2em;&lt;br /&gt;
      z-index: 10;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots erhalten eine Markierung &#039;Vergrößerbar&#039; solange sie nicht ausgewählt wurden. Dazu muss die Position des Screenshots als relativ sein und der Schriftzug dazu absolut gesetzt werden. */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container (width &amp;lt; 53em) {&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
   }&lt;br /&gt;
   .übersicht {&lt;br /&gt;
      display: none;&lt;br /&gt;
   }&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
/* Bei wenig zur Verfügung stehendem Platz wird nur noch die maximale Breite und die Zeilenhöhe definiert. Falls das Menü &#039;Übersicht&#039; verwendet wird, wird es jetzt ausgeblendet. */&lt;br /&gt;
&lt;br /&gt;
.übersicht {&lt;br /&gt;
   position: sticky;&lt;br /&gt;
   height: 2em;&lt;br /&gt;
   top: 4em;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
/* Menü für Anleitungen. (ToDo) Das Menü soll im rechts verfügbaren Platz angezeigt werden. Das Menü wandert beim Scrollen mit. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div {&lt;br /&gt;
   padding: 0 0.5em;&lt;br /&gt;
   height: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .tooltip {&lt;br /&gt;
   color: #c32e04;&lt;br /&gt;
   text-decoration: underline;&lt;br /&gt;
   cursor: help;&lt;br /&gt;
} */&lt;br /&gt;
&lt;br /&gt;
[data-tooltip] {&lt;br /&gt;
   position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]::after {&lt;br /&gt;
   content: attr(data-tooltip);&lt;br /&gt;
   pointer-events: none;&lt;br /&gt;
   opacity: 0;&lt;br /&gt;
   transition: opacity 0.5s;&lt;br /&gt;
   display: block;&lt;br /&gt;
   position: absolute;&lt;br /&gt;
   bottom: 1em;&lt;br /&gt;
   left: -4em;&lt;br /&gt;
   max-width: 30em;&lt;br /&gt;
   width: max-content;&lt;br /&gt;
   padding: 0.5em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
   color: var(--tooltip-text-color);&lt;br /&gt;
   background-color: var(--tooltip-bg);&lt;br /&gt;
   border: solid 1px var(--tooltip-border-color);&lt;br /&gt;
   border-radius: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]:hover::after {&lt;br /&gt;
   opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
/* Tooltip kann in Verbindung mit der Vorlage Tooltip|Anzeigetext|Glossareintrag eingebunden werden.&lt;br /&gt;
   Anzeigetext = Dieser Text erscheint im Fließtext der Anleitung unterstrichen.&lt;br /&gt;
   Glossareintrag = Der Text dieses Eintrags wird beim Bewegen des Cursers über den Anzeigetext über diesem als kleine Box eingeblendet. Es darf sich dabei nur um einen einzelnen Absatz handeln. Der Absatz muss in der Seite im Glossar mit &amp;quot;onlyinclude&amp;quot; geklammert werden und darf keine HTML-Tags enthalten. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste .hinweisbox {&lt;br /&gt;
   grid-column: 1 / 3;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4463</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4463"/>
		<updated>2025-11-06T10:54:47Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */&lt;br /&gt;
/* Die Definitionen werden immer durch den nächsten Kommentar unterhalb erläutert. Ein Kommentar kann sich so auch auf mehrere Definitionen darüber beziehen. */ &lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: light) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: dark) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-night {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-day {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-night {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
}&lt;br /&gt;
/* Farbangaben für helles bzw. dunkles Design.*/&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .barrierefrei {&lt;br /&gt;
   line-height: 150%;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
}&lt;br /&gt;
/* Klasse wird genutzt in den Anleitungen: In Tabellen und in den Vorlagen der Screenshots, AnleitungAbsatz und HinweisBox. Sie regelt den Zeilenabstand und beschränkt die Absatzbreite auf maximal ca. 80 Zeichen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox {&lt;br /&gt;
   display: table;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
   margin-top: 2em;&lt;br /&gt;
   margin-bottom: 2em;&lt;br /&gt;
   min-height: 64px;&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div {&lt;br /&gt;
   padding: 0 5px;&lt;br /&gt;
   display: table-cell;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
}&lt;br /&gt;
/* Formatierung der Hinweisbox:&lt;br /&gt;
   Die Darstellung erfolgt als Tabelle;&lt;br /&gt;
   Über der Hinweisbox wird immer ein Abstand eingefügt; Wenn die Hinweisbox nicht das letzte Element einer Seite ist, erhält sie auch einen Abstand nach unten;&lt;br /&gt;
   Die Hinweisbox hat eine Mindesthöhe, die der Höhe der Symbolbilder entspricht. So werden auch kleine Boxen ohne Symbolbild passend dargestellt;&lt;br /&gt;
   Die Kind-Elemente werden als Tabellenelemente auf gleicher Höhe gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) {&lt;br /&gt;
   height: 60px;&lt;br /&gt;
   width: 60px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für Symbolbilder in Hinweisboxen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisboxrahmen {&lt;br /&gt;
   border: solid 3px var(--unigruen);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Rahmen der Hinweisbox wird getrennt abgehandelt. Nur Hinweisboxen mit dieser Klasse erhalten einen Rahmen in Unigrün;&lt;br /&gt;
   Aktuell sind das: Hinweis, Information, Verpflichtend und Verweis */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) img {&lt;br /&gt;
   filter: var(--filter-img-hinweisbox);&lt;br /&gt;
}&lt;br /&gt;
/*Invertiert in der dunklen Darstellung das Symbol in der Hinweisbox.*/&lt;br /&gt;
&lt;br /&gt;
.catlinks {&lt;br /&gt;
   margin-top: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
/* Zusätzlicher Abstand vor der Auflistung der Kategorien. */&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen {&lt;br /&gt;
   background-color: var(--screenshotrahmen-bg);&lt;br /&gt;
   border: solid 1px var(--screenshotrahmen-border);&lt;br /&gt;
   padding: 5px;&lt;br /&gt;
}&lt;br /&gt;
/*Formatierung des Screenshothintergrunds: Der Hintergrund ist leicht abgedunkelt und ein Rahmen wird um das Bild gezogen. Ein kleiner Abstand nach innen wird definiert.*/&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen img {&lt;br /&gt;
   height: auto;&lt;br /&gt;
   max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* Bilder */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .screenshotgroß {&lt;br /&gt;
   max-width: 1020px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für große Screenshots, wenn nicht die Vorlage Anleitung verwendet wird. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen {&lt;br /&gt;
   margin-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:first-child {&lt;br /&gt;
   margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:last-child {&lt;br /&gt;
   margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
/* Abstände für eine Verwendung von Screenshots innerhalb einer Hinweisbox. */&lt;br /&gt;
&lt;br /&gt;
.screenshotImText &amp;gt; div {&lt;br /&gt;
   float: left;&lt;br /&gt;
   margin-right: 1em;&lt;br /&gt;
   margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Screenshots bspw. von kleineren Schaltflächen können auch im Textfluss dargestellt werden. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.screenshotrahmen,&lt;br /&gt;
.kachel,&lt;br /&gt;
#toc {&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/*Screenshots, die Kacheln der Startseite und die Seiten-Inhaltsverzeichnisse erhalten einen leichten grauen Schatten. Der Rahmen der Hinweisbox wird separat definiert.*/&lt;br /&gt;
&lt;br /&gt;
table.tanleitung {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:first-child,&lt;br /&gt;
.schulung .tanleitung td:first-child,&lt;br /&gt;
.wikitable .tanleitung,&lt;br /&gt;
.tanleitung th {&lt;br /&gt;
   background-color: var(--unigruen) !important;&lt;br /&gt;
   color: var(--tanleitung-th-color);&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:last-child,&lt;br /&gt;
.schulung .tanleitung td:last-child {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* In Tabellen der Anleitungen wird die Definition genutzt, um der Tabellenkopfzeile eine Uni-grünen Hintergrund und die Schriftfarbe auf weiß zu setzen. */&lt;br /&gt;
/* In der Seite Schulung wird jeweils die erste Spalte der Tabelle formatiert. */&lt;br /&gt;
&lt;br /&gt;
tr:hover {&lt;br /&gt;
   background-color: var(--table-row-bg-highlight) !important;&lt;br /&gt;
}&lt;br /&gt;
/* Als Lesehilfe wird die mit der Maus berührte Zeile einer Tabelle dezent farblich hervorgehoben. */&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories + #mw-pages &amp;gt; h2, &lt;br /&gt;
.mw-parser-output:has(&amp;gt; :last-child) + .mw-category-generated, /* Auf einer Kategorienseite haben die automatisch erzeugten Überschriften (Unterkategorien und Seiten in Kategorie) ebenfalls einen größeren Abstand, wenn es einen entsprechenden Seiteninhalt gibt. */&lt;br /&gt;
:is(.screenshot, .absatz, .hinweisbox, p, ul, ol, table) + :is(h2, h3),&lt;br /&gt;
.mw-parser-output &amp;gt; .anleitung:first-child ~ h2:first-of-type {&lt;br /&gt;
  margin-top: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Zeilenabstand über den Überschriften */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:is(ol, ul, p, .absatz, h4) + .screenshot,&lt;br /&gt;
.screenshot + :is(ol, ul, p, .absatz, .seitenindex, h4, .screenshot),&lt;br /&gt;
.screenshot + #toc,&lt;br /&gt;
#toc + p,&lt;br /&gt;
:is(p, .absatz) + #toc,&lt;br /&gt;
.absatz + .seitenindex {&lt;br /&gt;
   margin-top: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Abstand zwischen zwischen Screenshot, Absatz und Inhaltsverzeichnis */&lt;br /&gt;
&lt;br /&gt;
p + .absatz,&lt;br /&gt;
.absatz + p {&lt;br /&gt;
   margin-top: 0.5em&lt;br /&gt;
}&lt;br /&gt;
/* Wenn die Vorlage AnleitungAbsatz auf einen normalen Absatz folgt (oder umgekehrt), wird ein Abstand eingefügt, wie er zwischen zwei normalen Absätzen automatisch eingefügt wird. */&lt;br /&gt;
&lt;br /&gt;
.seitenindex {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));&lt;br /&gt;
   grid-auto-flow: dense;&lt;br /&gt;
   column-gap: 2em;&lt;br /&gt;
   row-gap: 1.5em;&lt;br /&gt;
   align-items: start;&lt;br /&gt;
}&lt;br /&gt;
/* Anzeige der Kacheln im Seitenindex (wird auf der Startseite verwendet): Die Kacheln haben eine minimale Breite. Außerdem wurde der Platz zwischen den Kacheln definiert (c.-gap und r.-gap). Wenn nicht mehr genügend Platz für eine weitere Kachel zur Verfügung steht, wird diese in eine neue Zeile geschoben. So werden die Kacheln auf kleineren Displays untereinander gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.kachel {&lt;br /&gt;
   border-top: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-left: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-right: solid 2px var(--kachel-border-light);&lt;br /&gt;
   border-bottom: solid 2px var(--kachel-border-light);&lt;br /&gt;
   background-color: var(--kachel-bg);&lt;br /&gt;
}&lt;br /&gt;
.kachel {&lt;br /&gt;
   text-align: center;&lt;br /&gt;
}&lt;br /&gt;
/* Eigenschaften der Kacheln im Seitenindex */&lt;br /&gt;
&lt;br /&gt;
.kachel:focus-within,&lt;br /&gt;
.kachel:hover {&lt;br /&gt;
   background-color: var(--kachel-bg-highlight);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--kachel-shadow-highlight);&lt;br /&gt;
   border-top-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-left-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-right-color: var(--kachel-border-light-highlight);&lt;br /&gt;
   border-bottom-color: var(--kachel-border-light-highlight);&lt;br /&gt;
}&lt;br /&gt;
/* Eine Kachel im Seitenindex wird hervorgehoben wenn der Mauszeiger sich darüber befindet oder sie mit dem Tabulator ausgewählt wurde. Der Hintergrund wird abgedunkelt. Rahmen und Schatten erhalten eine blaue Färbung, die sich am Design des Wiki des Wikis orientiert. */&lt;br /&gt;
&lt;br /&gt;
/* #p-tb {&lt;br /&gt;
   display: none;&lt;br /&gt;
} */&lt;br /&gt;
/* Unterdrückt die Anzeige der Werkzeuge im Seitenmenü komplett */&lt;br /&gt;
&lt;br /&gt;
#p-Admin,&lt;br /&gt;
li#t-recentchangeslinked,&lt;br /&gt;
li#t-upload,&lt;br /&gt;
li#t-specialpages,&lt;br /&gt;
li#t-permalink,&lt;br /&gt;
li#t-info,&lt;br /&gt;
li#t-cite,&lt;br /&gt;
.noautonum .tocnumber {&lt;br /&gt;
   display: none;&lt;br /&gt;
}&lt;br /&gt;
/* nav#p-Admin: Für normale Benutzer:innen werden die Links für Admins ausgeblendet. Über die spezielle css-Seite für Administrator:innen (MediaWiki:Group-sysop.css) wird diese Ausblendung wieder aufgehoben.&lt;br /&gt;
   li#t-...:    Einzelne Werkzeuge im linken Seitenmenü werden ausgeblendet&lt;br /&gt;
   .noautonum:  Kann genutzt werden, um im Inhaltsverzeichnis die Nummerierung zu unterdrücken. */&lt;br /&gt;
&lt;br /&gt;
.kachel,&lt;br /&gt;
#mw-panel .vector-menu-content a {&lt;br /&gt;
   transition-property: box-shadow, border-color, background-color;&lt;br /&gt;
   transition-duration: 1s;&lt;br /&gt;
}&lt;br /&gt;
/* Der Farbübergang des Seitenmenü und der Kacheln im Seitenindex wird nicht sofort durchgeführt, sondern braucht eine Sekunde. */&lt;br /&gt;
&lt;br /&gt;
#mw-panel .vector-menu-content a:focus,&lt;br /&gt;
#mw-panel .vector-menu-content a:hover {&lt;br /&gt;
   box-shadow: 0px 5px 5px -2px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Hervorhebung im linken Seitenmenü der ausgewählten Menüzeile */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-auto-columns: fit-content( 18ch ) 1fr;&lt;br /&gt;
   column-gap: 1em;&lt;br /&gt;
   row-gap: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Ermöglicht mit der Vorlage Definitionsliste eine Aufzählung, in der das(die) Schlagwort(e) fett hervorgehoben werden und der Definitionstext als eingerückter Textblock dargestellt wird.*/&lt;br /&gt;
&lt;br /&gt;
.defPunkt {&lt;br /&gt;
   grid-column: 1;&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* Formatiert die Schlagworte einer Definitionsliste fett und stellt sie vor den Textblock. */&lt;br /&gt;
&lt;br /&gt;
.defErläuterung {&lt;br /&gt;
   grid-column: 2;&lt;br /&gt;
}&lt;br /&gt;
/* Stellt den Textblock in einer Definitionsliste in eine zweite Spalte. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste p:last-child {&lt;br /&gt;
   margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert, dass der letzte zusätzliche Absatz einer Definitionsliste einen größeren Zeilenabstand hat als die übrigen Textblöcke. */&lt;br /&gt;
&lt;br /&gt;
.absatz:after {&lt;br /&gt;
   content: &amp;quot;&amp;quot;;&lt;br /&gt;
   display: block;&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert ein einfließen des Textes bei sehr kleinen Screenshots. */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
     container-type: inline-size;&lt;br /&gt;
}&lt;br /&gt;
/* Weißt dem Seiteninhalt einen Container zu. Kindelemente dieses Containers können sich auf die zur Verfügung stehende Breite beziehen. So werden Abfragen nach der Bildschirmbreite überflüssig. */&lt;br /&gt;
&lt;br /&gt;
@container (min-width: 53em) {&lt;br /&gt;
/* Alle hier definierten Eigenschaften kommen nur zum Tragen, wenn mindestens 65em Seiteninhalt zur Verfügung stehen. */&lt;br /&gt;
   .anleitung {&lt;br /&gt;
/*    display: grid;&lt;br /&gt;
      grid-template-columns: 50em minmax(5em, 20em) auto;&lt;br /&gt;
      grid-auto-flow: row dense; */&lt;br /&gt;
   }&lt;br /&gt;
/* Aktuell nicht verwendet. Das Anleitungsdesign war zunächst als Grid geplant. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
   /* Alle Kindelemente der Anleitung erhalten eine maximale Breite und eine passende Zeilenhöhe zur Wahrung der Barrierefreiheit. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      transition: all 1s;&lt;br /&gt;
      width: max-content;&lt;br /&gt;
   }&lt;br /&gt;
   /* Die Vergrößerung und auch das zurückfallen auf normale Größe der großen Screenshots wird mit einer Sekunde Verzögerung ausgeführt. So wird daraus eine fließende Bewegung. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:focus-within,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:hover {&lt;br /&gt;
      max-width: 100%;&lt;br /&gt;
      z-index: 100;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots werden nur noch größer dargestellt, wenn sie mit der Maus oder dem Tabulator ausgewählt werden. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .toc,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      justify-self: start;&lt;br /&gt;
   }&lt;br /&gt;
   /* Ausrichtung von Inhaltsverzeichnis und großen Screenshots. Es wird nur der tatsächlich benötigte Platz eingenommen. Nicht die volle zur Verfügung stehende Breite. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      position: relative;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:not(:hover)::after {&lt;br /&gt;
      content: &#039;Vergrößerbar&#039;;&lt;br /&gt;
      position: absolute;&lt;br /&gt;
      bottom: 0;&lt;br /&gt;
      left: 0.2em;&lt;br /&gt;
      color: var(--screenshot-hint-color);&lt;br /&gt;
      font-size: 2em;&lt;br /&gt;
      z-index: 10;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots erhalten eine Markierung &#039;Vergrößerbar&#039; solange sie nicht ausgewählt wurden. Dazu muss die Position des Screenshots als relativ sein und der Schriftzug dazu absolut gesetzt werden. */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container (width &amp;lt; 53em) {&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
   }&lt;br /&gt;
   .übersicht {&lt;br /&gt;
      display: none;&lt;br /&gt;
   }&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
/* Bei wenig zur Verfügung stehendem Platz wird nur noch die maximale Breite und die Zeilenhöhe definiert. Falls das Menü &#039;Übersicht&#039; verwendet wird, wird es jetzt ausgeblendet. */&lt;br /&gt;
&lt;br /&gt;
.übersicht {&lt;br /&gt;
   position: sticky;&lt;br /&gt;
   height: 2em;&lt;br /&gt;
   top: 4em;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
/* Menü für Anleitungen. (ToDo) Das Menü soll im rechts verfügbaren Platz angezeigt werden. Das Menü wandert beim Scrollen mit. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div {&lt;br /&gt;
   padding: 0 0.5em;&lt;br /&gt;
   height: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .tooltip {&lt;br /&gt;
   color: #c32e04;&lt;br /&gt;
   text-decoration: underline;&lt;br /&gt;
   cursor: help;&lt;br /&gt;
} */&lt;br /&gt;
&lt;br /&gt;
[data-tooltip] {&lt;br /&gt;
   position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]::after {&lt;br /&gt;
   content: attr(data-tooltip);&lt;br /&gt;
   pointer-events: none;&lt;br /&gt;
   opacity: 0;&lt;br /&gt;
   transition: opacity 0.5s;&lt;br /&gt;
   display: block;&lt;br /&gt;
   position: absolute;&lt;br /&gt;
   bottom: 1em;&lt;br /&gt;
   left: -4em;&lt;br /&gt;
   max-width: 30em;&lt;br /&gt;
   width: max-content;&lt;br /&gt;
   padding: 0.5em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
   color: var(--tooltip-text-color);&lt;br /&gt;
   background-color: var(--tooltip-bg);&lt;br /&gt;
   border: solid 1px var(--tooltip-border-color);&lt;br /&gt;
   border-radius: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]:hover::after {&lt;br /&gt;
   opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
/* Tooltip kann in Verbindung mit der Vorlage Tooltip|Anzeigetext|Glossareintrag eingebunden werden.&lt;br /&gt;
   Anzeigetext = Dieser Text erscheint im Fließtext der Anleitung unterstrichen.&lt;br /&gt;
   Glossareintrag = Der Text dieses Eintrags wird beim Bewegen des Cursers über den Anzeigetext über diesem als kleine Box eingeblendet. Es darf sich dabei nur um einen einzelnen Absatz handeln. Der Absatz muss in der Seite im Glossar mit &amp;quot;onlyinclude&amp;quot; geklammert werden und darf keine HTML-Tags enthalten. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste .hinweisbox {&lt;br /&gt;
   grid-column: 1 / 3;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4462</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4462"/>
		<updated>2025-11-06T10:48:54Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */&lt;br /&gt;
/* Die Definitionen werden immer durch den nächsten Kommentar unterhalb erläutert. Ein Kommentar kann sich so auch auf mehrere Definitionen darüber beziehen. */ &lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: light) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: dark) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-day {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-night {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: DarkSlateGray;&lt;br /&gt;
      --kachel-shadow-highlight: Indigo;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: LightSlateGray;&lt;br /&gt;
      --kachel-border-light: SlateGray;&lt;br /&gt;
      --kachel-bg: #303030;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: SlateBlue;&lt;br /&gt;
      --kachel-border-light-highlight: DarkSlateBlue;&lt;br /&gt;
      --kachel-bg-highlight: RebeccaPurple;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
}&lt;br /&gt;
/* Farbangaben für helles bzw. dunkles Design.*/&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .barrierefrei {&lt;br /&gt;
   line-height: 150%;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
}&lt;br /&gt;
/* Klasse wird genutzt in den Anleitungen: In Tabellen und in den Vorlagen der Screenshots, AnleitungAbsatz und HinweisBox. Sie regelt den Zeilenabstand und beschränkt die Absatzbreite auf maximal ca. 80 Zeichen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox {&lt;br /&gt;
   display: table;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
   margin-top: 2em;&lt;br /&gt;
   margin-bottom: 2em;&lt;br /&gt;
   min-height: 64px;&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div {&lt;br /&gt;
   padding: 0 5px;&lt;br /&gt;
   display: table-cell;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
}&lt;br /&gt;
/* Formatierung der Hinweisbox:&lt;br /&gt;
   Die Darstellung erfolgt als Tabelle;&lt;br /&gt;
   Über der Hinweisbox wird immer ein Abstand eingefügt; Wenn die Hinweisbox nicht das letzte Element einer Seite ist, erhält sie auch einen Abstand nach unten;&lt;br /&gt;
   Die Hinweisbox hat eine Mindesthöhe, die der Höhe der Symbolbilder entspricht. So werden auch kleine Boxen ohne Symbolbild passend dargestellt;&lt;br /&gt;
   Die Kind-Elemente werden als Tabellenelemente auf gleicher Höhe gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) {&lt;br /&gt;
   height: 60px;&lt;br /&gt;
   width: 60px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für Symbolbilder in Hinweisboxen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisboxrahmen {&lt;br /&gt;
   border: solid 3px var(--unigruen);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Rahmen der Hinweisbox wird getrennt abgehandelt. Nur Hinweisboxen mit dieser Klasse erhalten einen Rahmen in Unigrün;&lt;br /&gt;
   Aktuell sind das: Hinweis, Information, Verpflichtend und Verweis */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) img {&lt;br /&gt;
   filter: var(--filter-img-hinweisbox);&lt;br /&gt;
}&lt;br /&gt;
/*Invertiert in der dunklen Darstellung das Symbol in der Hinweisbox.*/&lt;br /&gt;
&lt;br /&gt;
.catlinks {&lt;br /&gt;
   margin-top: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
/* Zusätzlicher Abstand vor der Auflistung der Kategorien. */&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen {&lt;br /&gt;
   background-color: var(--screenshotrahmen-bg);&lt;br /&gt;
   border: solid 1px var(--screenshotrahmen-border);&lt;br /&gt;
   padding: 5px;&lt;br /&gt;
}&lt;br /&gt;
/*Formatierung des Screenshothintergrunds: Der Hintergrund ist leicht abgedunkelt und ein Rahmen wird um das Bild gezogen. Ein kleiner Abstand nach innen wird definiert.*/&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen img {&lt;br /&gt;
   height: auto;&lt;br /&gt;
   max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* Bilder */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .screenshotgroß {&lt;br /&gt;
   max-width: 1020px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für große Screenshots, wenn nicht die Vorlage Anleitung verwendet wird. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen {&lt;br /&gt;
   margin-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:first-child {&lt;br /&gt;
   margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:last-child {&lt;br /&gt;
   margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
/* Abstände für eine Verwendung von Screenshots innerhalb einer Hinweisbox. */&lt;br /&gt;
&lt;br /&gt;
.screenshotImText &amp;gt; div {&lt;br /&gt;
   float: left;&lt;br /&gt;
   margin-right: 1em;&lt;br /&gt;
   margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Screenshots bspw. von kleineren Schaltflächen können auch im Textfluss dargestellt werden. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.screenshotrahmen,&lt;br /&gt;
.kachel,&lt;br /&gt;
#toc {&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/*Screenshots, die Kacheln der Startseite und die Seiten-Inhaltsverzeichnisse erhalten einen leichten grauen Schatten. Der Rahmen der Hinweisbox wird separat definiert.*/&lt;br /&gt;
&lt;br /&gt;
table.tanleitung {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:first-child,&lt;br /&gt;
.schulung .tanleitung td:first-child,&lt;br /&gt;
.wikitable .tanleitung,&lt;br /&gt;
.tanleitung th {&lt;br /&gt;
   background-color: var(--unigruen) !important;&lt;br /&gt;
   color: var(--tanleitung-th-color);&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:last-child,&lt;br /&gt;
.schulung .tanleitung td:last-child {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* In Tabellen der Anleitungen wird die Definition genutzt, um der Tabellenkopfzeile eine Uni-grünen Hintergrund und die Schriftfarbe auf weiß zu setzen. */&lt;br /&gt;
/* In der Seite Schulung wird jeweils die erste Spalte der Tabelle formatiert. */&lt;br /&gt;
&lt;br /&gt;
tr:hover {&lt;br /&gt;
   background-color: var(--table-row-bg-highlight) !important;&lt;br /&gt;
}&lt;br /&gt;
/* Als Lesehilfe wird die mit der Maus berührte Zeile einer Tabelle dezent farblich hervorgehoben. */&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories + #mw-pages &amp;gt; h2, &lt;br /&gt;
.mw-parser-output:has(&amp;gt; :last-child) + .mw-category-generated, /* Auf einer Kategorienseite haben die automatisch erzeugten Überschriften (Unterkategorien und Seiten in Kategorie) ebenfalls einen größeren Abstand, wenn es einen entsprechenden Seiteninhalt gibt. */&lt;br /&gt;
:is(.screenshot, .absatz, .hinweisbox, p, ul, ol, table) + :is(h2, h3),&lt;br /&gt;
.mw-parser-output &amp;gt; .anleitung:first-child ~ h2:first-of-type {&lt;br /&gt;
  margin-top: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Zeilenabstand über den Überschriften */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:is(ol, ul, p, .absatz, h4) + .screenshot,&lt;br /&gt;
.screenshot + :is(ol, ul, p, .absatz, .seitenindex, h4, .screenshot),&lt;br /&gt;
.screenshot + #toc,&lt;br /&gt;
#toc + p,&lt;br /&gt;
:is(p, .absatz) + #toc,&lt;br /&gt;
.absatz + .seitenindex {&lt;br /&gt;
   margin-top: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Abstand zwischen zwischen Screenshot, Absatz und Inhaltsverzeichnis */&lt;br /&gt;
&lt;br /&gt;
p + .absatz,&lt;br /&gt;
.absatz + p {&lt;br /&gt;
   margin-top: 0.5em&lt;br /&gt;
}&lt;br /&gt;
/* Wenn die Vorlage AnleitungAbsatz auf einen normalen Absatz folgt (oder umgekehrt), wird ein Abstand eingefügt, wie er zwischen zwei normalen Absätzen automatisch eingefügt wird. */&lt;br /&gt;
&lt;br /&gt;
.seitenindex {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));&lt;br /&gt;
   grid-auto-flow: dense;&lt;br /&gt;
   column-gap: 2em;&lt;br /&gt;
   row-gap: 1.5em;&lt;br /&gt;
   align-items: start;&lt;br /&gt;
}&lt;br /&gt;
/* Anzeige der Kacheln im Seitenindex (wird auf der Startseite verwendet): Die Kacheln haben eine minimale Breite. Außerdem wurde der Platz zwischen den Kacheln definiert (c.-gap und r.-gap). Wenn nicht mehr genügend Platz für eine weitere Kachel zur Verfügung steht, wird diese in eine neue Zeile geschoben. So werden die Kacheln auf kleineren Displays untereinander gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.kachel {&lt;br /&gt;
   border-top: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-left: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-right: solid 2px var(--kachel-border-light);&lt;br /&gt;
   border-bottom: solid 2px var(--kachel-border-light);&lt;br /&gt;
   background-color: var(--kachel-bg);&lt;br /&gt;
}&lt;br /&gt;
.kachel {&lt;br /&gt;
   text-align: center;&lt;br /&gt;
}&lt;br /&gt;
/* Eigenschaften der Kacheln im Seitenindex */&lt;br /&gt;
&lt;br /&gt;
.kachel:focus-within,&lt;br /&gt;
.kachel:hover {&lt;br /&gt;
   background-color: var(--kachel-bg-highlight);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--kachel-shadow-highlight);&lt;br /&gt;
   border-top-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-left-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-right-color: var(--kachel-border-light-highlight);&lt;br /&gt;
   border-bottom-color: var(--kachel-border-light-highlight);&lt;br /&gt;
}&lt;br /&gt;
/* Eine Kachel im Seitenindex wird hervorgehoben wenn der Mauszeiger sich darüber befindet oder sie mit dem Tabulator ausgewählt wurde. Der Hintergrund wird abgedunkelt. Rahmen und Schatten erhalten eine blaue Färbung, die sich am Design des Wiki des Wikis orientiert. */&lt;br /&gt;
&lt;br /&gt;
/* #p-tb {&lt;br /&gt;
   display: none;&lt;br /&gt;
} */&lt;br /&gt;
/* Unterdrückt die Anzeige der Werkzeuge im Seitenmenü komplett */&lt;br /&gt;
&lt;br /&gt;
#p-Admin,&lt;br /&gt;
li#t-recentchangeslinked,&lt;br /&gt;
li#t-upload,&lt;br /&gt;
li#t-specialpages,&lt;br /&gt;
li#t-permalink,&lt;br /&gt;
li#t-info,&lt;br /&gt;
li#t-cite,&lt;br /&gt;
.noautonum .tocnumber {&lt;br /&gt;
   display: none;&lt;br /&gt;
}&lt;br /&gt;
/* nav#p-Admin: Für normale Benutzer:innen werden die Links für Admins ausgeblendet. Über die spezielle css-Seite für Administrator:innen (MediaWiki:Group-sysop.css) wird diese Ausblendung wieder aufgehoben.&lt;br /&gt;
   li#t-...:    Einzelne Werkzeuge im linken Seitenmenü werden ausgeblendet&lt;br /&gt;
   .noautonum:  Kann genutzt werden, um im Inhaltsverzeichnis die Nummerierung zu unterdrücken. */&lt;br /&gt;
&lt;br /&gt;
.kachel,&lt;br /&gt;
#mw-panel .vector-menu-content a {&lt;br /&gt;
   transition-property: box-shadow, border-color, background-color;&lt;br /&gt;
   transition-duration: 1s;&lt;br /&gt;
}&lt;br /&gt;
/* Der Farbübergang des Seitenmenü und der Kacheln im Seitenindex wird nicht sofort durchgeführt, sondern braucht eine Sekunde. */&lt;br /&gt;
&lt;br /&gt;
#mw-panel .vector-menu-content a:focus,&lt;br /&gt;
#mw-panel .vector-menu-content a:hover {&lt;br /&gt;
   box-shadow: 0px 5px 5px -2px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Hervorhebung im linken Seitenmenü der ausgewählten Menüzeile */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-auto-columns: fit-content( 18ch ) 1fr;&lt;br /&gt;
   column-gap: 1em;&lt;br /&gt;
   row-gap: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Ermöglicht mit der Vorlage Definitionsliste eine Aufzählung, in der das(die) Schlagwort(e) fett hervorgehoben werden und der Definitionstext als eingerückter Textblock dargestellt wird.*/&lt;br /&gt;
&lt;br /&gt;
.defPunkt {&lt;br /&gt;
   grid-column: 1;&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* Formatiert die Schlagworte einer Definitionsliste fett und stellt sie vor den Textblock. */&lt;br /&gt;
&lt;br /&gt;
.defErläuterung {&lt;br /&gt;
   grid-column: 2;&lt;br /&gt;
}&lt;br /&gt;
/* Stellt den Textblock in einer Definitionsliste in eine zweite Spalte. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste p:last-child {&lt;br /&gt;
   margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert, dass der letzte zusätzliche Absatz einer Definitionsliste einen größeren Zeilenabstand hat als die übrigen Textblöcke. */&lt;br /&gt;
&lt;br /&gt;
.absatz:after {&lt;br /&gt;
   content: &amp;quot;&amp;quot;;&lt;br /&gt;
   display: block;&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert ein einfließen des Textes bei sehr kleinen Screenshots. */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
     container-type: inline-size;&lt;br /&gt;
}&lt;br /&gt;
/* Weißt dem Seiteninhalt einen Container zu. Kindelemente dieses Containers können sich auf die zur Verfügung stehende Breite beziehen. So werden Abfragen nach der Bildschirmbreite überflüssig. */&lt;br /&gt;
&lt;br /&gt;
@container (min-width: 53em) {&lt;br /&gt;
/* Alle hier definierten Eigenschaften kommen nur zum Tragen, wenn mindestens 65em Seiteninhalt zur Verfügung stehen. */&lt;br /&gt;
   .anleitung {&lt;br /&gt;
/*    display: grid;&lt;br /&gt;
      grid-template-columns: 50em minmax(5em, 20em) auto;&lt;br /&gt;
      grid-auto-flow: row dense; */&lt;br /&gt;
   }&lt;br /&gt;
/* Aktuell nicht verwendet. Das Anleitungsdesign war zunächst als Grid geplant. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
   /* Alle Kindelemente der Anleitung erhalten eine maximale Breite und eine passende Zeilenhöhe zur Wahrung der Barrierefreiheit. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      transition: all 1s;&lt;br /&gt;
      width: max-content;&lt;br /&gt;
   }&lt;br /&gt;
   /* Die Vergrößerung und auch das zurückfallen auf normale Größe der großen Screenshots wird mit einer Sekunde Verzögerung ausgeführt. So wird daraus eine fließende Bewegung. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:focus-within,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:hover {&lt;br /&gt;
      max-width: 100%;&lt;br /&gt;
      z-index: 100;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots werden nur noch größer dargestellt, wenn sie mit der Maus oder dem Tabulator ausgewählt werden. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .toc,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      justify-self: start;&lt;br /&gt;
   }&lt;br /&gt;
   /* Ausrichtung von Inhaltsverzeichnis und großen Screenshots. Es wird nur der tatsächlich benötigte Platz eingenommen. Nicht die volle zur Verfügung stehende Breite. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      position: relative;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:not(:hover)::after {&lt;br /&gt;
      content: &#039;Vergrößerbar&#039;;&lt;br /&gt;
      position: absolute;&lt;br /&gt;
      bottom: 0;&lt;br /&gt;
      left: 0.2em;&lt;br /&gt;
      color: var(--screenshot-hint-color);&lt;br /&gt;
      font-size: 2em;&lt;br /&gt;
      z-index: 10;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots erhalten eine Markierung &#039;Vergrößerbar&#039; solange sie nicht ausgewählt wurden. Dazu muss die Position des Screenshots als relativ sein und der Schriftzug dazu absolut gesetzt werden. */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container (width &amp;lt; 53em) {&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
   }&lt;br /&gt;
   .übersicht {&lt;br /&gt;
      display: none;&lt;br /&gt;
   }&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
/* Bei wenig zur Verfügung stehendem Platz wird nur noch die maximale Breite und die Zeilenhöhe definiert. Falls das Menü &#039;Übersicht&#039; verwendet wird, wird es jetzt ausgeblendet. */&lt;br /&gt;
&lt;br /&gt;
.übersicht {&lt;br /&gt;
   position: sticky;&lt;br /&gt;
   height: 2em;&lt;br /&gt;
   top: 4em;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
/* Menü für Anleitungen. (ToDo) Das Menü soll im rechts verfügbaren Platz angezeigt werden. Das Menü wandert beim Scrollen mit. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div {&lt;br /&gt;
   padding: 0 0.5em;&lt;br /&gt;
   height: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .tooltip {&lt;br /&gt;
   color: #c32e04;&lt;br /&gt;
   text-decoration: underline;&lt;br /&gt;
   cursor: help;&lt;br /&gt;
} */&lt;br /&gt;
&lt;br /&gt;
[data-tooltip] {&lt;br /&gt;
   position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]::after {&lt;br /&gt;
   content: attr(data-tooltip);&lt;br /&gt;
   pointer-events: none;&lt;br /&gt;
   opacity: 0;&lt;br /&gt;
   transition: opacity 0.5s;&lt;br /&gt;
   display: block;&lt;br /&gt;
   position: absolute;&lt;br /&gt;
   bottom: 1em;&lt;br /&gt;
   left: -4em;&lt;br /&gt;
   max-width: 30em;&lt;br /&gt;
   width: max-content;&lt;br /&gt;
   padding: 0.5em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
   color: var(--tooltip-text-color);&lt;br /&gt;
   background-color: var(--tooltip-bg);&lt;br /&gt;
   border: solid 1px var(--tooltip-border-color);&lt;br /&gt;
   border-radius: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]:hover::after {&lt;br /&gt;
   opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
/* Tooltip kann in Verbindung mit der Vorlage Tooltip|Anzeigetext|Glossareintrag eingebunden werden.&lt;br /&gt;
   Anzeigetext = Dieser Text erscheint im Fließtext der Anleitung unterstrichen.&lt;br /&gt;
   Glossareintrag = Der Text dieses Eintrags wird beim Bewegen des Cursers über den Anzeigetext über diesem als kleine Box eingeblendet. Es darf sich dabei nur um einen einzelnen Absatz handeln. Der Absatz muss in der Seite im Glossar mit &amp;quot;onlyinclude&amp;quot; geklammert werden und darf keine HTML-Tags enthalten. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste .hinweisbox {&lt;br /&gt;
   grid-column: 1 / 3;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4461</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4461"/>
		<updated>2025-11-06T09:57:53Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */&lt;br /&gt;
/* Die Definitionen werden immer durch den nächsten Kommentar unterhalb erläutert. Ein Kommentar kann sich so auch auf mehrere Definitionen darüber beziehen. */ &lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: light) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: dark) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-day {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html.skin-theme-clientpref-night {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
}&lt;br /&gt;
/* Farbangaben für helles bzw. dunkles Design.*/&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .barrierefrei {&lt;br /&gt;
   line-height: 150%;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
}&lt;br /&gt;
/* Klasse wird genutzt in den Anleitungen: In Tabellen und in den Vorlagen der Screenshots, AnleitungAbsatz und HinweisBox. Sie regelt den Zeilenabstand und beschränkt die Absatzbreite auf maximal ca. 80 Zeichen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox {&lt;br /&gt;
   display: table;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
   margin-top: 2em;&lt;br /&gt;
   margin-bottom: 2em;&lt;br /&gt;
   min-height: 64px;&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div {&lt;br /&gt;
   padding: 0 5px;&lt;br /&gt;
   display: table-cell;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
}&lt;br /&gt;
/* Formatierung der Hinweisbox:&lt;br /&gt;
   Die Darstellung erfolgt als Tabelle;&lt;br /&gt;
   Über der Hinweisbox wird immer ein Abstand eingefügt; Wenn die Hinweisbox nicht das letzte Element einer Seite ist, erhält sie auch einen Abstand nach unten;&lt;br /&gt;
   Die Hinweisbox hat eine Mindesthöhe, die der Höhe der Symbolbilder entspricht. So werden auch kleine Boxen ohne Symbolbild passend dargestellt;&lt;br /&gt;
   Die Kind-Elemente werden als Tabellenelemente auf gleicher Höhe gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) {&lt;br /&gt;
   height: 60px;&lt;br /&gt;
   width: 60px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für Symbolbilder in Hinweisboxen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisboxrahmen {&lt;br /&gt;
   border: solid 3px var(--unigruen);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Rahmen der Hinweisbox wird getrennt abgehandelt. Nur Hinweisboxen mit dieser Klasse erhalten einen Rahmen in Unigrün;&lt;br /&gt;
   Aktuell sind das: Hinweis, Information, Verpflichtend und Verweis */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) img {&lt;br /&gt;
   filter: var(--filter-img-hinweisbox);&lt;br /&gt;
}&lt;br /&gt;
/*Invertiert in der dunklen Darstellung das Symbol in der Hinweisbox.*/&lt;br /&gt;
&lt;br /&gt;
.catlinks {&lt;br /&gt;
   margin-top: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
/* Zusätzlicher Abstand vor der Auflistung der Kategorien. */&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen {&lt;br /&gt;
   background-color: var(--screenshotrahmen-bg);&lt;br /&gt;
   border: solid 1px var(--screenshotrahmen-border);&lt;br /&gt;
   padding: 5px;&lt;br /&gt;
}&lt;br /&gt;
/*Formatierung des Screenshothintergrunds: Der Hintergrund ist leicht abgedunkelt und ein Rahmen wird um das Bild gezogen. Ein kleiner Abstand nach innen wird definiert.*/&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen img {&lt;br /&gt;
   height: auto;&lt;br /&gt;
   max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* Bilder */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .screenshotgroß {&lt;br /&gt;
   max-width: 1020px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für große Screenshots, wenn nicht die Vorlage Anleitung verwendet wird. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen {&lt;br /&gt;
   margin-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:first-child {&lt;br /&gt;
   margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:last-child {&lt;br /&gt;
   margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
/* Abstände für eine Verwendung von Screenshots innerhalb einer Hinweisbox. */&lt;br /&gt;
&lt;br /&gt;
.screenshotImText &amp;gt; div {&lt;br /&gt;
   float: left;&lt;br /&gt;
   margin-right: 1em;&lt;br /&gt;
   margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Screenshots bspw. von kleineren Schaltflächen können auch im Textfluss dargestellt werden. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.screenshotrahmen,&lt;br /&gt;
.kachel,&lt;br /&gt;
#toc {&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/*Screenshots, die Kacheln der Startseite und die Seiten-Inhaltsverzeichnisse erhalten einen leichten grauen Schatten. Der Rahmen der Hinweisbox wird separat definiert.*/&lt;br /&gt;
&lt;br /&gt;
table.tanleitung {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:first-child,&lt;br /&gt;
.schulung .tanleitung td:first-child,&lt;br /&gt;
.wikitable .tanleitung,&lt;br /&gt;
.tanleitung th {&lt;br /&gt;
   background-color: var(--unigruen) !important;&lt;br /&gt;
   color: var(--tanleitung-th-color);&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:last-child,&lt;br /&gt;
.schulung .tanleitung td:last-child {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* In Tabellen der Anleitungen wird die Definition genutzt, um der Tabellenkopfzeile eine Uni-grünen Hintergrund und die Schriftfarbe auf weiß zu setzen. */&lt;br /&gt;
/* In der Seite Schulung wird jeweils die erste Spalte der Tabelle formatiert. */&lt;br /&gt;
&lt;br /&gt;
tr:hover {&lt;br /&gt;
   background-color: var(--table-row-bg-highlight) !important;&lt;br /&gt;
}&lt;br /&gt;
/* Als Lesehilfe wird die mit der Maus berührte Zeile einer Tabelle dezent farblich hervorgehoben. */&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories + #mw-pages &amp;gt; h2, &lt;br /&gt;
.mw-parser-output:has(&amp;gt; :last-child) + .mw-category-generated, /* Auf einer Kategorienseite haben die automatisch erzeugten Überschriften (Unterkategorien und Seiten in Kategorie) ebenfalls einen größeren Abstand, wenn es einen entsprechenden Seiteninhalt gibt. */&lt;br /&gt;
:is(.screenshot, .absatz, .hinweisbox, p, ul, ol, table) + :is(h2, h3),&lt;br /&gt;
.mw-parser-output &amp;gt; .anleitung:first-child ~ h2:first-of-type {&lt;br /&gt;
  margin-top: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Zeilenabstand über den Überschriften */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:is(ol, ul, p, .absatz, h4) + .screenshot,&lt;br /&gt;
.screenshot + :is(ol, ul, p, .absatz, .seitenindex, h4, .screenshot),&lt;br /&gt;
.screenshot + #toc,&lt;br /&gt;
#toc + p,&lt;br /&gt;
:is(p, .absatz) + #toc,&lt;br /&gt;
.absatz + .seitenindex {&lt;br /&gt;
   margin-top: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Abstand zwischen zwischen Screenshot, Absatz und Inhaltsverzeichnis */&lt;br /&gt;
&lt;br /&gt;
p + .absatz,&lt;br /&gt;
.absatz + p {&lt;br /&gt;
   margin-top: 0.5em&lt;br /&gt;
}&lt;br /&gt;
/* Wenn die Vorlage AnleitungAbsatz auf einen normalen Absatz folgt (oder umgekehrt), wird ein Abstand eingefügt, wie er zwischen zwei normalen Absätzen automatisch eingefügt wird. */&lt;br /&gt;
&lt;br /&gt;
.seitenindex {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));&lt;br /&gt;
   grid-auto-flow: dense;&lt;br /&gt;
   column-gap: 2em;&lt;br /&gt;
   row-gap: 1.5em;&lt;br /&gt;
   align-items: start;&lt;br /&gt;
}&lt;br /&gt;
/* Anzeige der Kacheln im Seitenindex (wird auf der Startseite verwendet): Die Kacheln haben eine minimale Breite. Außerdem wurde der Platz zwischen den Kacheln definiert (c.-gap und r.-gap). Wenn nicht mehr genügend Platz für eine weitere Kachel zur Verfügung steht, wird diese in eine neue Zeile geschoben. So werden die Kacheln auf kleineren Displays untereinander gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.kachel {&lt;br /&gt;
   border-top: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-left: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-right: solid 2px var(--kachel-border-light);&lt;br /&gt;
   border-bottom: solid 2px var(--kachel-border-light);&lt;br /&gt;
   background-color: var(--kachel-bg);&lt;br /&gt;
}&lt;br /&gt;
.kachel {&lt;br /&gt;
   text-align: center;&lt;br /&gt;
}&lt;br /&gt;
/* Eigenschaften der Kacheln im Seitenindex */&lt;br /&gt;
&lt;br /&gt;
.kachel:focus-within,&lt;br /&gt;
.kachel:hover {&lt;br /&gt;
   background-color: var(--kachel-bg-highlight);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--kachel-shadow-highlight);&lt;br /&gt;
   border-top-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-left-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-right-color: var(--kachel-border-light-highlight);&lt;br /&gt;
   border-bottom-color: var(--kachel-border-light-highlight);&lt;br /&gt;
}&lt;br /&gt;
/* Eine Kachel im Seitenindex wird hervorgehoben wenn der Mauszeiger sich darüber befindet oder sie mit dem Tabulator ausgewählt wurde. Der Hintergrund wird abgedunkelt. Rahmen und Schatten erhalten eine blaue Färbung, die sich am Design des Wiki des Wikis orientiert. */&lt;br /&gt;
&lt;br /&gt;
/* #p-tb {&lt;br /&gt;
   display: none;&lt;br /&gt;
} */&lt;br /&gt;
/* Unterdrückt die Anzeige der Werkzeuge im Seitenmenü komplett */&lt;br /&gt;
&lt;br /&gt;
#p-Admin,&lt;br /&gt;
li#t-recentchangeslinked,&lt;br /&gt;
li#t-upload,&lt;br /&gt;
li#t-specialpages,&lt;br /&gt;
li#t-permalink,&lt;br /&gt;
li#t-info,&lt;br /&gt;
li#t-cite,&lt;br /&gt;
.noautonum .tocnumber {&lt;br /&gt;
   display: none;&lt;br /&gt;
}&lt;br /&gt;
/* nav#p-Admin: Für normale Benutzer:innen werden die Links für Admins ausgeblendet. Über die spezielle css-Seite für Administrator:innen (MediaWiki:Group-sysop.css) wird diese Ausblendung wieder aufgehoben.&lt;br /&gt;
   li#t-...:    Einzelne Werkzeuge im linken Seitenmenü werden ausgeblendet&lt;br /&gt;
   .noautonum:  Kann genutzt werden, um im Inhaltsverzeichnis die Nummerierung zu unterdrücken. */&lt;br /&gt;
&lt;br /&gt;
.kachel,&lt;br /&gt;
#mw-panel .vector-menu-content a {&lt;br /&gt;
   transition-property: box-shadow, border-color, background-color;&lt;br /&gt;
   transition-duration: 1s;&lt;br /&gt;
}&lt;br /&gt;
/* Der Farbübergang des Seitenmenü und der Kacheln im Seitenindex wird nicht sofort durchgeführt, sondern braucht eine Sekunde. */&lt;br /&gt;
&lt;br /&gt;
#mw-panel .vector-menu-content a:focus,&lt;br /&gt;
#mw-panel .vector-menu-content a:hover {&lt;br /&gt;
   box-shadow: 0px 5px 5px -2px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Hervorhebung im linken Seitenmenü der ausgewählten Menüzeile */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-auto-columns: fit-content( 18ch ) 1fr;&lt;br /&gt;
   column-gap: 1em;&lt;br /&gt;
   row-gap: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Ermöglicht mit der Vorlage Definitionsliste eine Aufzählung, in der das(die) Schlagwort(e) fett hervorgehoben werden und der Definitionstext als eingerückter Textblock dargestellt wird.*/&lt;br /&gt;
&lt;br /&gt;
.defPunkt {&lt;br /&gt;
   grid-column: 1;&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* Formatiert die Schlagworte einer Definitionsliste fett und stellt sie vor den Textblock. */&lt;br /&gt;
&lt;br /&gt;
.defErläuterung {&lt;br /&gt;
   grid-column: 2;&lt;br /&gt;
}&lt;br /&gt;
/* Stellt den Textblock in einer Definitionsliste in eine zweite Spalte. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste p:last-child {&lt;br /&gt;
   margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert, dass der letzte zusätzliche Absatz einer Definitionsliste einen größeren Zeilenabstand hat als die übrigen Textblöcke. */&lt;br /&gt;
&lt;br /&gt;
.absatz:after {&lt;br /&gt;
   content: &amp;quot;&amp;quot;;&lt;br /&gt;
   display: block;&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert ein einfließen des Textes bei sehr kleinen Screenshots. */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
     container-type: inline-size;&lt;br /&gt;
}&lt;br /&gt;
/* Weißt dem Seiteninhalt einen Container zu. Kindelemente dieses Containers können sich auf die zur Verfügung stehende Breite beziehen. So werden Abfragen nach der Bildschirmbreite überflüssig. */&lt;br /&gt;
&lt;br /&gt;
@container (min-width: 53em) {&lt;br /&gt;
/* Alle hier definierten Eigenschaften kommen nur zum Tragen, wenn mindestens 65em Seiteninhalt zur Verfügung stehen. */&lt;br /&gt;
   .anleitung {&lt;br /&gt;
/*    display: grid;&lt;br /&gt;
      grid-template-columns: 50em minmax(5em, 20em) auto;&lt;br /&gt;
      grid-auto-flow: row dense; */&lt;br /&gt;
   }&lt;br /&gt;
/* Aktuell nicht verwendet. Das Anleitungsdesign war zunächst als Grid geplant. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
   /* Alle Kindelemente der Anleitung erhalten eine maximale Breite und eine passende Zeilenhöhe zur Wahrung der Barrierefreiheit. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      transition: all 1s;&lt;br /&gt;
      width: max-content;&lt;br /&gt;
   }&lt;br /&gt;
   /* Die Vergrößerung und auch das zurückfallen auf normale Größe der großen Screenshots wird mit einer Sekunde Verzögerung ausgeführt. So wird daraus eine fließende Bewegung. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:focus-within,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:hover {&lt;br /&gt;
      max-width: 100%;&lt;br /&gt;
      z-index: 100;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots werden nur noch größer dargestellt, wenn sie mit der Maus oder dem Tabulator ausgewählt werden. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .toc,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      justify-self: start;&lt;br /&gt;
   }&lt;br /&gt;
   /* Ausrichtung von Inhaltsverzeichnis und großen Screenshots. Es wird nur der tatsächlich benötigte Platz eingenommen. Nicht die volle zur Verfügung stehende Breite. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      position: relative;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:not(:hover)::after {&lt;br /&gt;
      content: &#039;Vergrößerbar&#039;;&lt;br /&gt;
      position: absolute;&lt;br /&gt;
      bottom: 0;&lt;br /&gt;
      left: 0.2em;&lt;br /&gt;
      color: var(--screenshot-hint-color);&lt;br /&gt;
      font-size: 2em;&lt;br /&gt;
      z-index: 10;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots erhalten eine Markierung &#039;Vergrößerbar&#039; solange sie nicht ausgewählt wurden. Dazu muss die Position des Screenshots als relativ sein und der Schriftzug dazu absolut gesetzt werden. */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container (width &amp;lt; 53em) {&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
   }&lt;br /&gt;
   .übersicht {&lt;br /&gt;
      display: none;&lt;br /&gt;
   }&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
/* Bei wenig zur Verfügung stehendem Platz wird nur noch die maximale Breite und die Zeilenhöhe definiert. Falls das Menü &#039;Übersicht&#039; verwendet wird, wird es jetzt ausgeblendet. */&lt;br /&gt;
&lt;br /&gt;
.übersicht {&lt;br /&gt;
   position: sticky;&lt;br /&gt;
   height: 2em;&lt;br /&gt;
   top: 4em;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
/* Menü für Anleitungen. (ToDo) Das Menü soll im rechts verfügbaren Platz angezeigt werden. Das Menü wandert beim Scrollen mit. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div {&lt;br /&gt;
   padding: 0 0.5em;&lt;br /&gt;
   height: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .tooltip {&lt;br /&gt;
   color: #c32e04;&lt;br /&gt;
   text-decoration: underline;&lt;br /&gt;
   cursor: help;&lt;br /&gt;
} */&lt;br /&gt;
&lt;br /&gt;
[data-tooltip] {&lt;br /&gt;
   position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]::after {&lt;br /&gt;
   content: attr(data-tooltip);&lt;br /&gt;
   pointer-events: none;&lt;br /&gt;
   opacity: 0;&lt;br /&gt;
   transition: opacity 0.5s;&lt;br /&gt;
   display: block;&lt;br /&gt;
   position: absolute;&lt;br /&gt;
   bottom: 1em;&lt;br /&gt;
   left: -4em;&lt;br /&gt;
   max-width: 30em;&lt;br /&gt;
   width: max-content;&lt;br /&gt;
   padding: 0.5em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
   color: var(--tooltip-text-color);&lt;br /&gt;
   background-color: var(--tooltip-bg);&lt;br /&gt;
   border: solid 1px var(--tooltip-border-color);&lt;br /&gt;
   border-radius: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]:hover::after {&lt;br /&gt;
   opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
/* Tooltip kann in Verbindung mit der Vorlage Tooltip|Anzeigetext|Glossareintrag eingebunden werden.&lt;br /&gt;
   Anzeigetext = Dieser Text erscheint im Fließtext der Anleitung unterstrichen.&lt;br /&gt;
   Glossareintrag = Der Text dieses Eintrags wird beim Bewegen des Cursers über den Anzeigetext über diesem als kleine Box eingeblendet. Es darf sich dabei nur um einen einzelnen Absatz handeln. Der Absatz muss in der Seite im Glossar mit &amp;quot;onlyinclude&amp;quot; geklammert werden und darf keine HTML-Tags enthalten. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste .hinweisbox {&lt;br /&gt;
   grid-column: 1 / 3;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4460</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4460"/>
		<updated>2025-11-06T09:41:24Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */&lt;br /&gt;
/* Die Definitionen werden immer durch den nächsten Kommentar unterhalb erläutert. Ein Kommentar kann sich so auch auf mehrere Definitionen darüber beziehen. */ &lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: light) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: none;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: dark) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
&lt;br /&gt;
      /* Filter */&lt;br /&gt;
      --filter-img-hinweisbox: invert(1);&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
/* Farbangaben für helles bzw. dunkles Design.*/&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .barrierefrei {&lt;br /&gt;
   line-height: 150%;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
}&lt;br /&gt;
/* Klasse wird genutzt in den Anleitungen: In Tabellen und in den Vorlagen der Screenshots, AnleitungAbsatz und HinweisBox. Sie regelt den Zeilenabstand und beschränkt die Absatzbreite auf maximal ca. 80 Zeichen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox {&lt;br /&gt;
   display: table;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
   margin-top: 2em;&lt;br /&gt;
   margin-bottom: 2em;&lt;br /&gt;
   min-height: 64px;&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div {&lt;br /&gt;
   padding: 0 5px;&lt;br /&gt;
   display: table-cell;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
}&lt;br /&gt;
/* Formatierung der Hinweisbox:&lt;br /&gt;
   Die Darstellung erfolgt als Tabelle;&lt;br /&gt;
   Über der Hinweisbox wird immer ein Abstand eingefügt; Wenn die Hinweisbox nicht das letzte Element einer Seite ist, erhält sie auch einen Abstand nach unten;&lt;br /&gt;
   Die Hinweisbox hat eine Mindesthöhe, die der Höhe der Symbolbilder entspricht. So werden auch kleine Boxen ohne Symbolbild passend dargestellt;&lt;br /&gt;
   Die Kind-Elemente werden als Tabellenelemente auf gleicher Höhe gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) {&lt;br /&gt;
   height: 60px;&lt;br /&gt;
   width: 60px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für Symbolbilder in Hinweisboxen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisboxrahmen {&lt;br /&gt;
   border: solid 3px var(--unigruen);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Rahmen der Hinweisbox wird getrennt abgehandelt. Nur Hinweisboxen mit dieser Klasse erhalten einen Rahmen in Unigrün;&lt;br /&gt;
   Aktuell sind das: Hinweis, Information, Verpflichtend und Verweis */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) img {&lt;br /&gt;
   filter: var(--filter-img-hinweisbox);&lt;br /&gt;
}&lt;br /&gt;
/*Invertiert in der dunklen Darstellung das Symbol in der Hinweisbox.*/&lt;br /&gt;
&lt;br /&gt;
.catlinks {&lt;br /&gt;
   margin-top: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
/* Zusätzlicher Abstand vor der Auflistung der Kategorien. */&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen {&lt;br /&gt;
   background-color: var(--screenshotrahmen-bg);&lt;br /&gt;
   border: solid 1px var(--screenshotrahmen-border);&lt;br /&gt;
   padding: 5px;&lt;br /&gt;
}&lt;br /&gt;
/*Formatierung des Screenshothintergrunds: Der Hintergrund ist leicht abgedunkelt und ein Rahmen wird um das Bild gezogen. Ein kleiner Abstand nach innen wird definiert.*/&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen img {&lt;br /&gt;
   height: auto;&lt;br /&gt;
   max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* Bilder */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .screenshotgroß {&lt;br /&gt;
   max-width: 1020px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für große Screenshots, wenn nicht die Vorlage Anleitung verwendet wird. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen {&lt;br /&gt;
   margin-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:first-child {&lt;br /&gt;
   margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:last-child {&lt;br /&gt;
   margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
/* Abstände für eine Verwendung von Screenshots innerhalb einer Hinweisbox. */&lt;br /&gt;
&lt;br /&gt;
.screenshotImText &amp;gt; div {&lt;br /&gt;
   float: left;&lt;br /&gt;
   margin-right: 1em;&lt;br /&gt;
   margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Screenshots bspw. von kleineren Schaltflächen können auch im Textfluss dargestellt werden. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.screenshotrahmen,&lt;br /&gt;
.kachel,&lt;br /&gt;
#toc {&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/*Screenshots, die Kacheln der Startseite und die Seiten-Inhaltsverzeichnisse erhalten einen leichten grauen Schatten. Der Rahmen der Hinweisbox wird separat definiert.*/&lt;br /&gt;
&lt;br /&gt;
table.tanleitung {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:first-child,&lt;br /&gt;
.schulung .tanleitung td:first-child,&lt;br /&gt;
.wikitable .tanleitung,&lt;br /&gt;
.tanleitung th {&lt;br /&gt;
   background-color: var(--unigruen) !important;&lt;br /&gt;
   color: var(--tanleitung-th-color);&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:last-child,&lt;br /&gt;
.schulung .tanleitung td:last-child {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* In Tabellen der Anleitungen wird die Definition genutzt, um der Tabellenkopfzeile eine Uni-grünen Hintergrund und die Schriftfarbe auf weiß zu setzen. */&lt;br /&gt;
/* In der Seite Schulung wird jeweils die erste Spalte der Tabelle formatiert. */&lt;br /&gt;
&lt;br /&gt;
tr:hover {&lt;br /&gt;
   background-color: var(--table-row-bg-highlight) !important;&lt;br /&gt;
}&lt;br /&gt;
/* Als Lesehilfe wird die mit der Maus berührte Zeile einer Tabelle dezent farblich hervorgehoben. */&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories + #mw-pages &amp;gt; h2, &lt;br /&gt;
.mw-parser-output:has(&amp;gt; :last-child) + .mw-category-generated, /* Auf einer Kategorienseite haben die automatisch erzeugten Überschriften (Unterkategorien und Seiten in Kategorie) ebenfalls einen größeren Abstand, wenn es einen entsprechenden Seiteninhalt gibt. */&lt;br /&gt;
:is(.screenshot, .absatz, .hinweisbox, p, ul, ol, table) + :is(h2, h3),&lt;br /&gt;
.mw-parser-output &amp;gt; .anleitung:first-child ~ h2:first-of-type {&lt;br /&gt;
  margin-top: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Zeilenabstand über den Überschriften */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:is(ol, ul, p, .absatz, h4) + .screenshot,&lt;br /&gt;
.screenshot + :is(ol, ul, p, .absatz, .seitenindex, h4, .screenshot),&lt;br /&gt;
.screenshot + #toc,&lt;br /&gt;
#toc + p,&lt;br /&gt;
:is(p, .absatz) + #toc,&lt;br /&gt;
.absatz + .seitenindex {&lt;br /&gt;
   margin-top: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Abstand zwischen zwischen Screenshot, Absatz und Inhaltsverzeichnis */&lt;br /&gt;
&lt;br /&gt;
p + .absatz,&lt;br /&gt;
.absatz + p {&lt;br /&gt;
   margin-top: 0.5em&lt;br /&gt;
}&lt;br /&gt;
/* Wenn die Vorlage AnleitungAbsatz auf einen normalen Absatz folgt (oder umgekehrt), wird ein Abstand eingefügt, wie er zwischen zwei normalen Absätzen automatisch eingefügt wird. */&lt;br /&gt;
&lt;br /&gt;
.seitenindex {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));&lt;br /&gt;
   grid-auto-flow: dense;&lt;br /&gt;
   column-gap: 2em;&lt;br /&gt;
   row-gap: 1.5em;&lt;br /&gt;
   align-items: start;&lt;br /&gt;
}&lt;br /&gt;
/* Anzeige der Kacheln im Seitenindex (wird auf der Startseite verwendet): Die Kacheln haben eine minimale Breite. Außerdem wurde der Platz zwischen den Kacheln definiert (c.-gap und r.-gap). Wenn nicht mehr genügend Platz für eine weitere Kachel zur Verfügung steht, wird diese in eine neue Zeile geschoben. So werden die Kacheln auf kleineren Displays untereinander gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.kachel {&lt;br /&gt;
   border-top: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-left: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-right: solid 2px var(--kachel-border-light);&lt;br /&gt;
   border-bottom: solid 2px var(--kachel-border-light);&lt;br /&gt;
   background-color: var(--kachel-bg);&lt;br /&gt;
}&lt;br /&gt;
.kachel {&lt;br /&gt;
   text-align: center;&lt;br /&gt;
}&lt;br /&gt;
/* Eigenschaften der Kacheln im Seitenindex */&lt;br /&gt;
&lt;br /&gt;
.kachel:focus-within,&lt;br /&gt;
.kachel:hover {&lt;br /&gt;
   background-color: var(--kachel-bg-highlight);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--kachel-shadow-highlight);&lt;br /&gt;
   border-top-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-left-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-right-color: var(--kachel-border-light-highlight);&lt;br /&gt;
   border-bottom-color: var(--kachel-border-light-highlight);&lt;br /&gt;
}&lt;br /&gt;
/* Eine Kachel im Seitenindex wird hervorgehoben wenn der Mauszeiger sich darüber befindet oder sie mit dem Tabulator ausgewählt wurde. Der Hintergrund wird abgedunkelt. Rahmen und Schatten erhalten eine blaue Färbung, die sich am Design des Wiki des Wikis orientiert. */&lt;br /&gt;
&lt;br /&gt;
/* #p-tb {&lt;br /&gt;
   display: none;&lt;br /&gt;
} */&lt;br /&gt;
/* Unterdrückt die Anzeige der Werkzeuge im Seitenmenü komplett */&lt;br /&gt;
&lt;br /&gt;
#p-Admin,&lt;br /&gt;
li#t-recentchangeslinked,&lt;br /&gt;
li#t-upload,&lt;br /&gt;
li#t-specialpages,&lt;br /&gt;
li#t-permalink,&lt;br /&gt;
li#t-info,&lt;br /&gt;
li#t-cite,&lt;br /&gt;
.noautonum .tocnumber {&lt;br /&gt;
   display: none;&lt;br /&gt;
}&lt;br /&gt;
/* nav#p-Admin: Für normale Benutzer:innen werden die Links für Admins ausgeblendet. Über die spezielle css-Seite für Administrator:innen (MediaWiki:Group-sysop.css) wird diese Ausblendung wieder aufgehoben.&lt;br /&gt;
   li#t-...:    Einzelne Werkzeuge im linken Seitenmenü werden ausgeblendet&lt;br /&gt;
   .noautonum:  Kann genutzt werden, um im Inhaltsverzeichnis die Nummerierung zu unterdrücken. */&lt;br /&gt;
&lt;br /&gt;
.kachel,&lt;br /&gt;
#mw-panel .vector-menu-content a {&lt;br /&gt;
   transition-property: box-shadow, border-color, background-color;&lt;br /&gt;
   transition-duration: 1s;&lt;br /&gt;
}&lt;br /&gt;
/* Der Farbübergang des Seitenmenü und der Kacheln im Seitenindex wird nicht sofort durchgeführt, sondern braucht eine Sekunde. */&lt;br /&gt;
&lt;br /&gt;
#mw-panel .vector-menu-content a:focus,&lt;br /&gt;
#mw-panel .vector-menu-content a:hover {&lt;br /&gt;
   box-shadow: 0px 5px 5px -2px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Hervorhebung im linken Seitenmenü der ausgewählten Menüzeile */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-auto-columns: fit-content( 18ch ) 1fr;&lt;br /&gt;
   column-gap: 1em;&lt;br /&gt;
   row-gap: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Ermöglicht mit der Vorlage Definitionsliste eine Aufzählung, in der das(die) Schlagwort(e) fett hervorgehoben werden und der Definitionstext als eingerückter Textblock dargestellt wird.*/&lt;br /&gt;
&lt;br /&gt;
.defPunkt {&lt;br /&gt;
   grid-column: 1;&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* Formatiert die Schlagworte einer Definitionsliste fett und stellt sie vor den Textblock. */&lt;br /&gt;
&lt;br /&gt;
.defErläuterung {&lt;br /&gt;
   grid-column: 2;&lt;br /&gt;
}&lt;br /&gt;
/* Stellt den Textblock in einer Definitionsliste in eine zweite Spalte. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste p:last-child {&lt;br /&gt;
   margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert, dass der letzte zusätzliche Absatz einer Definitionsliste einen größeren Zeilenabstand hat als die übrigen Textblöcke. */&lt;br /&gt;
&lt;br /&gt;
.absatz:after {&lt;br /&gt;
   content: &amp;quot;&amp;quot;;&lt;br /&gt;
   display: block;&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert ein einfließen des Textes bei sehr kleinen Screenshots. */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
     container-type: inline-size;&lt;br /&gt;
}&lt;br /&gt;
/* Weißt dem Seiteninhalt einen Container zu. Kindelemente dieses Containers können sich auf die zur Verfügung stehende Breite beziehen. So werden Abfragen nach der Bildschirmbreite überflüssig. */&lt;br /&gt;
&lt;br /&gt;
@container (min-width: 53em) {&lt;br /&gt;
/* Alle hier definierten Eigenschaften kommen nur zum Tragen, wenn mindestens 65em Seiteninhalt zur Verfügung stehen. */&lt;br /&gt;
   .anleitung {&lt;br /&gt;
/*    display: grid;&lt;br /&gt;
      grid-template-columns: 50em minmax(5em, 20em) auto;&lt;br /&gt;
      grid-auto-flow: row dense; */&lt;br /&gt;
   }&lt;br /&gt;
/* Aktuell nicht verwendet. Das Anleitungsdesign war zunächst als Grid geplant. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
   /* Alle Kindelemente der Anleitung erhalten eine maximale Breite und eine passende Zeilenhöhe zur Wahrung der Barrierefreiheit. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      transition: all 1s;&lt;br /&gt;
      width: max-content;&lt;br /&gt;
   }&lt;br /&gt;
   /* Die Vergrößerung und auch das zurückfallen auf normale Größe der großen Screenshots wird mit einer Sekunde Verzögerung ausgeführt. So wird daraus eine fließende Bewegung. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:focus-within,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:hover {&lt;br /&gt;
      max-width: 100%;&lt;br /&gt;
      z-index: 100;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots werden nur noch größer dargestellt, wenn sie mit der Maus oder dem Tabulator ausgewählt werden. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .toc,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      justify-self: start;&lt;br /&gt;
   }&lt;br /&gt;
   /* Ausrichtung von Inhaltsverzeichnis und großen Screenshots. Es wird nur der tatsächlich benötigte Platz eingenommen. Nicht die volle zur Verfügung stehende Breite. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      position: relative;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:not(:hover)::after {&lt;br /&gt;
      content: &#039;Vergrößerbar&#039;;&lt;br /&gt;
      position: absolute;&lt;br /&gt;
      bottom: 0;&lt;br /&gt;
      left: 0.2em;&lt;br /&gt;
      color: var(--screenshot-hint-color);&lt;br /&gt;
      font-size: 2em;&lt;br /&gt;
      z-index: 10;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots erhalten eine Markierung &#039;Vergrößerbar&#039; solange sie nicht ausgewählt wurden. Dazu muss die Position des Screenshots als relativ sein und der Schriftzug dazu absolut gesetzt werden. */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container (width &amp;lt; 53em) {&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
   }&lt;br /&gt;
   .übersicht {&lt;br /&gt;
      display: none;&lt;br /&gt;
   }&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
/* Bei wenig zur Verfügung stehendem Platz wird nur noch die maximale Breite und die Zeilenhöhe definiert. Falls das Menü &#039;Übersicht&#039; verwendet wird, wird es jetzt ausgeblendet. */&lt;br /&gt;
&lt;br /&gt;
.übersicht {&lt;br /&gt;
   position: sticky;&lt;br /&gt;
   height: 2em;&lt;br /&gt;
   top: 4em;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
/* Menü für Anleitungen. (ToDo) Das Menü soll im rechts verfügbaren Platz angezeigt werden. Das Menü wandert beim Scrollen mit. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div {&lt;br /&gt;
   padding: 0 0.5em;&lt;br /&gt;
   height: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .tooltip {&lt;br /&gt;
   color: #c32e04;&lt;br /&gt;
   text-decoration: underline;&lt;br /&gt;
   cursor: help;&lt;br /&gt;
} */&lt;br /&gt;
&lt;br /&gt;
[data-tooltip] {&lt;br /&gt;
   position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]::after {&lt;br /&gt;
   content: attr(data-tooltip);&lt;br /&gt;
   pointer-events: none;&lt;br /&gt;
   opacity: 0;&lt;br /&gt;
   transition: opacity 0.5s;&lt;br /&gt;
   display: block;&lt;br /&gt;
   position: absolute;&lt;br /&gt;
   bottom: 1em;&lt;br /&gt;
   left: -4em;&lt;br /&gt;
   max-width: 30em;&lt;br /&gt;
   width: max-content;&lt;br /&gt;
   padding: 0.5em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
   color: var(--tooltip-text-color);&lt;br /&gt;
   background-color: var(--tooltip-bg);&lt;br /&gt;
   border: solid 1px var(--tooltip-border-color);&lt;br /&gt;
   border-radius: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]:hover::after {&lt;br /&gt;
   opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
/* Tooltip kann in Verbindung mit der Vorlage Tooltip|Anzeigetext|Glossareintrag eingebunden werden.&lt;br /&gt;
   Anzeigetext = Dieser Text erscheint im Fließtext der Anleitung unterstrichen.&lt;br /&gt;
   Glossareintrag = Der Text dieses Eintrags wird beim Bewegen des Cursers über den Anzeigetext über diesem als kleine Box eingeblendet. Es darf sich dabei nur um einen einzelnen Absatz handeln. Der Absatz muss in der Seite im Glossar mit &amp;quot;onlyinclude&amp;quot; geklammert werden und darf keine HTML-Tags enthalten. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste .hinweisbox {&lt;br /&gt;
   grid-column: 1 / 3;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4459</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4459"/>
		<updated>2025-11-06T09:24:11Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */&lt;br /&gt;
/* Die Definitionen werden immer durch den nächsten Kommentar unterhalb erläutert. Ein Kommentar kann sich so auch auf mehrere Definitionen darüber beziehen. */ &lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: light) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: dark) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Unigrün */&lt;br /&gt;
      --unigruen: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-hover-bg: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
/* Farbangaben für helles bzw. dunkles Design.*/&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .barrierefrei {&lt;br /&gt;
   line-height: 150%;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
}&lt;br /&gt;
/* Klasse wird genutzt in den Anleitungen: In Tabellen und in den Vorlagen der Screenshots, AnleitungAbsatz und HinweisBox. Sie regelt den Zeilenabstand und beschränkt die Absatzbreite auf maximal ca. 80 Zeichen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox {&lt;br /&gt;
   display: table;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
   margin-top: 2em;&lt;br /&gt;
   margin-bottom: 2em;&lt;br /&gt;
   min-height: 64px;&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div {&lt;br /&gt;
   padding: 0 5px;&lt;br /&gt;
   display: table-cell;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
}&lt;br /&gt;
/* Formatierung der Hinweisbox:&lt;br /&gt;
   Die Darstellung erfolgt als Tabelle;&lt;br /&gt;
   Über der Hinweisbox wird immer ein Abstand eingefügt; Wenn die Hinweisbox nicht das letzte Element einer Seite ist, erhält sie auch einen Abstand nach unten;&lt;br /&gt;
   Die Hinweisbox hat eine Mindesthöhe, die der Höhe der Symbolbilder entspricht. So werden auch kleine Boxen ohne Symbolbild passend dargestellt;&lt;br /&gt;
   Die Kind-Elemente werden als Tabellenelemente auf gleicher Höhe gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) {&lt;br /&gt;
   height: 60px;&lt;br /&gt;
   width: 60px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für Symbolbilder in Hinweisboxen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisboxrahmen {&lt;br /&gt;
   border: solid 3px var(--unigruen);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Rahmen der Hinweisbox wird getrennt abgehandelt. Nur Hinweisboxen mit dieser Klasse erhalten einen Rahmen in Unigrün;&lt;br /&gt;
   Aktuell sind das: Hinweis, Information, Verpflichtend und Verweis */&lt;br /&gt;
&lt;br /&gt;
.catlinks {&lt;br /&gt;
   margin-top: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
/* Zusätzlicher Abstand vor der Auflistung der Kategorien. */&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen {&lt;br /&gt;
   background-color: var(--screenshotrahmen-bg);&lt;br /&gt;
   border: solid 1px var(--screenshotrahmen-border);&lt;br /&gt;
   padding: 5px;&lt;br /&gt;
}&lt;br /&gt;
/*Formatierung des Screenshothintergrunds: Der Hintergrund ist leicht abgedunkelt und ein Rahmen wird um das Bild gezogen. Ein kleiner Abstand nach innen wird definiert.*/&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen img {&lt;br /&gt;
   height: auto;&lt;br /&gt;
   max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* Bilder */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .screenshotgroß {&lt;br /&gt;
   max-width: 1020px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für große Screenshots, wenn nicht die Vorlage Anleitung verwendet wird. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen {&lt;br /&gt;
   margin-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:first-child {&lt;br /&gt;
   margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:last-child {&lt;br /&gt;
   margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
/* Abstände für eine Verwendung von Screenshots innerhalb einer Hinweisbox. */&lt;br /&gt;
&lt;br /&gt;
.screenshotImText &amp;gt; div {&lt;br /&gt;
   float: left;&lt;br /&gt;
   margin-right: 1em;&lt;br /&gt;
   margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Screenshots bspw. von kleineren Schaltflächen können auch im Textfluss dargestellt werden. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.screenshotrahmen,&lt;br /&gt;
.kachel,&lt;br /&gt;
#toc {&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/*Screenshots, die Kacheln der Startseite und die Seiten-Inhaltsverzeichnisse erhalten einen leichten grauen Schatten. Der Rahmen der Hinweisbox wird separat definiert.*/&lt;br /&gt;
&lt;br /&gt;
table.tanleitung {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:first-child,&lt;br /&gt;
.schulung .tanleitung td:first-child,&lt;br /&gt;
.wikitable .tanleitung,&lt;br /&gt;
.tanleitung th {&lt;br /&gt;
   background-color: var(--unigruen) !important;&lt;br /&gt;
   color: var(--tanleitung-th-color);&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:last-child,&lt;br /&gt;
.schulung .tanleitung td:last-child {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* In Tabellen der Anleitungen wird die Definition genutzt, um der Tabellenkopfzeile eine Uni-grünen Hintergrund und die Schriftfarbe auf weiß zu setzen. */&lt;br /&gt;
/* In der Seite Schulung wird jeweils die erste Spalte der Tabelle formatiert. */&lt;br /&gt;
&lt;br /&gt;
tr:hover {&lt;br /&gt;
   background-color: var(--table-row-bg-highlight) !important;&lt;br /&gt;
}&lt;br /&gt;
/* Als Lesehilfe wird die mit der Maus berührte Zeile einer Tabelle dezent farblich hervorgehoben. */&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories + #mw-pages &amp;gt; h2, &lt;br /&gt;
.mw-parser-output:has(&amp;gt; :last-child) + .mw-category-generated, /* Auf einer Kategorienseite haben die automatisch erzeugten Überschriften (Unterkategorien und Seiten in Kategorie) ebenfalls einen größeren Abstand, wenn es einen entsprechenden Seiteninhalt gibt. */&lt;br /&gt;
:is(.screenshot, .absatz, .hinweisbox, p, ul, ol, table) + :is(h2, h3),&lt;br /&gt;
.mw-parser-output &amp;gt; .anleitung:first-child ~ h2:first-of-type {&lt;br /&gt;
  margin-top: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Zeilenabstand über den Überschriften */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:is(ol, ul, p, .absatz, h4) + .screenshot,&lt;br /&gt;
.screenshot + :is(ol, ul, p, .absatz, .seitenindex, h4, .screenshot),&lt;br /&gt;
.screenshot + #toc,&lt;br /&gt;
#toc + p,&lt;br /&gt;
:is(p, .absatz) + #toc,&lt;br /&gt;
.absatz + .seitenindex {&lt;br /&gt;
   margin-top: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Abstand zwischen zwischen Screenshot, Absatz und Inhaltsverzeichnis */&lt;br /&gt;
&lt;br /&gt;
p + .absatz,&lt;br /&gt;
.absatz + p {&lt;br /&gt;
   margin-top: 0.5em&lt;br /&gt;
}&lt;br /&gt;
/* Wenn die Vorlage AnleitungAbsatz auf einen normalen Absatz folgt (oder umgekehrt), wird ein Abstand eingefügt, wie er zwischen zwei normalen Absätzen automatisch eingefügt wird. */&lt;br /&gt;
&lt;br /&gt;
.seitenindex {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));&lt;br /&gt;
   grid-auto-flow: dense;&lt;br /&gt;
   column-gap: 2em;&lt;br /&gt;
   row-gap: 1.5em;&lt;br /&gt;
   align-items: start;&lt;br /&gt;
}&lt;br /&gt;
/* Anzeige der Kacheln im Seitenindex (wird auf der Startseite verwendet): Die Kacheln haben eine minimale Breite. Außerdem wurde der Platz zwischen den Kacheln definiert (c.-gap und r.-gap). Wenn nicht mehr genügend Platz für eine weitere Kachel zur Verfügung steht, wird diese in eine neue Zeile geschoben. So werden die Kacheln auf kleineren Displays untereinander gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.kachel {&lt;br /&gt;
   border-top: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-left: solid 2px var(--kachel-border-dark);&lt;br /&gt;
   border-right: solid 2px var(--kachel-border-light);&lt;br /&gt;
   border-bottom: solid 2px var(--kachel-border-light);&lt;br /&gt;
   background-color: var(--kachel-bg);&lt;br /&gt;
}&lt;br /&gt;
.kachel {&lt;br /&gt;
   text-align: center;&lt;br /&gt;
}&lt;br /&gt;
/* Eigenschaften der Kacheln im Seitenindex */&lt;br /&gt;
&lt;br /&gt;
.kachel:focus-within,&lt;br /&gt;
.kachel:hover {&lt;br /&gt;
   background-color: var(--kachel-bg-highlight);&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px var(--kachel-shadow-highlight);&lt;br /&gt;
   border-top-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-left-color: var(--kachel-border-dark-highlight);&lt;br /&gt;
   border-right-color: var(--kachel-border-light-highlight);&lt;br /&gt;
   border-bottom-color: var(--kachel-border-light-highlight);&lt;br /&gt;
}&lt;br /&gt;
/* Eine Kachel im Seitenindex wird hervorgehoben wenn der Mauszeiger sich darüber befindet oder sie mit dem Tabulator ausgewählt wurde. Der Hintergrund wird abgedunkelt. Rahmen und Schatten erhalten eine blaue Färbung, die sich am Design des Wiki des Wikis orientiert. */&lt;br /&gt;
&lt;br /&gt;
/* #p-tb {&lt;br /&gt;
   display: none;&lt;br /&gt;
} */&lt;br /&gt;
/* Unterdrückt die Anzeige der Werkzeuge im Seitenmenü komplett */&lt;br /&gt;
&lt;br /&gt;
#p-Admin,&lt;br /&gt;
li#t-recentchangeslinked,&lt;br /&gt;
li#t-upload,&lt;br /&gt;
li#t-specialpages,&lt;br /&gt;
li#t-permalink,&lt;br /&gt;
li#t-info,&lt;br /&gt;
li#t-cite,&lt;br /&gt;
.noautonum .tocnumber {&lt;br /&gt;
   display: none;&lt;br /&gt;
}&lt;br /&gt;
/* nav#p-Admin: Für normale Benutzer:innen werden die Links für Admins ausgeblendet. Über die spezielle css-Seite für Administrator:innen (MediaWiki:Group-sysop.css) wird diese Ausblendung wieder aufgehoben.&lt;br /&gt;
   li#t-...:    Einzelne Werkzeuge im linken Seitenmenü werden ausgeblendet&lt;br /&gt;
   .noautonum:  Kann genutzt werden, um im Inhaltsverzeichnis die Nummerierung zu unterdrücken. */&lt;br /&gt;
&lt;br /&gt;
.kachel,&lt;br /&gt;
#mw-panel .vector-menu-content a {&lt;br /&gt;
   transition-property: box-shadow, border-color, background-color;&lt;br /&gt;
   transition-duration: 1s;&lt;br /&gt;
}&lt;br /&gt;
/* Der Farbübergang des Seitenmenü und der Kacheln im Seitenindex wird nicht sofort durchgeführt, sondern braucht eine Sekunde. */&lt;br /&gt;
&lt;br /&gt;
#mw-panel .vector-menu-content a:focus,&lt;br /&gt;
#mw-panel .vector-menu-content a:hover {&lt;br /&gt;
   box-shadow: 0px 5px 5px -2px var(--box-shadow-color);&lt;br /&gt;
}&lt;br /&gt;
/* Hervorhebung im linken Seitenmenü der ausgewählten Menüzeile */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-auto-columns: fit-content( 18ch ) 1fr;&lt;br /&gt;
   column-gap: 1em;&lt;br /&gt;
   row-gap: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Ermöglicht mit der Vorlage Definitionsliste eine Aufzählung, in der das(die) Schlagwort(e) fett hervorgehoben werden und der Definitionstext als eingerückter Textblock dargestellt wird.*/&lt;br /&gt;
&lt;br /&gt;
.defPunkt {&lt;br /&gt;
   grid-column: 1;&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* Formatiert die Schlagworte einer Definitionsliste fett und stellt sie vor den Textblock. */&lt;br /&gt;
&lt;br /&gt;
.defErläuterung {&lt;br /&gt;
   grid-column: 2;&lt;br /&gt;
}&lt;br /&gt;
/* Stellt den Textblock in einer Definitionsliste in eine zweite Spalte. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste p:last-child {&lt;br /&gt;
   margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert, dass der letzte zusätzliche Absatz einer Definitionsliste einen größeren Zeilenabstand hat als die übrigen Textblöcke. */&lt;br /&gt;
&lt;br /&gt;
.absatz:after {&lt;br /&gt;
   content: &amp;quot;&amp;quot;;&lt;br /&gt;
   display: block;&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert ein einfließen des Textes bei sehr kleinen Screenshots. */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
     container-type: inline-size;&lt;br /&gt;
}&lt;br /&gt;
/* Weißt dem Seiteninhalt einen Container zu. Kindelemente dieses Containers können sich auf die zur Verfügung stehende Breite beziehen. So werden Abfragen nach der Bildschirmbreite überflüssig. */&lt;br /&gt;
&lt;br /&gt;
@container (min-width: 53em) {&lt;br /&gt;
/* Alle hier definierten Eigenschaften kommen nur zum Tragen, wenn mindestens 65em Seiteninhalt zur Verfügung stehen. */&lt;br /&gt;
   .anleitung {&lt;br /&gt;
/*    display: grid;&lt;br /&gt;
      grid-template-columns: 50em minmax(5em, 20em) auto;&lt;br /&gt;
      grid-auto-flow: row dense; */&lt;br /&gt;
   }&lt;br /&gt;
/* Aktuell nicht verwendet. Das Anleitungsdesign war zunächst als Grid geplant. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
   /* Alle Kindelemente der Anleitung erhalten eine maximale Breite und eine passende Zeilenhöhe zur Wahrung der Barrierefreiheit. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      transition: all 1s;&lt;br /&gt;
      width: max-content;&lt;br /&gt;
   }&lt;br /&gt;
   /* Die Vergrößerung und auch das zurückfallen auf normale Größe der großen Screenshots wird mit einer Sekunde Verzögerung ausgeführt. So wird daraus eine fließende Bewegung. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:focus-within,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:hover {&lt;br /&gt;
      max-width: 100%;&lt;br /&gt;
      z-index: 100;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots werden nur noch größer dargestellt, wenn sie mit der Maus oder dem Tabulator ausgewählt werden. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .toc,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      justify-self: start;&lt;br /&gt;
   }&lt;br /&gt;
   /* Ausrichtung von Inhaltsverzeichnis und großen Screenshots. Es wird nur der tatsächlich benötigte Platz eingenommen. Nicht die volle zur Verfügung stehende Breite. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      position: relative;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:not(:hover)::after {&lt;br /&gt;
      content: &#039;Vergrößerbar&#039;;&lt;br /&gt;
      position: absolute;&lt;br /&gt;
      bottom: 0;&lt;br /&gt;
      left: 0.2em;&lt;br /&gt;
      color: var(--screenshot-hint-color);&lt;br /&gt;
      font-size: 2em;&lt;br /&gt;
      z-index: 10;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots erhalten eine Markierung &#039;Vergrößerbar&#039; solange sie nicht ausgewählt wurden. Dazu muss die Position des Screenshots als relativ sein und der Schriftzug dazu absolut gesetzt werden. */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container (width &amp;lt; 53em) {&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
   }&lt;br /&gt;
   .übersicht {&lt;br /&gt;
      display: none;&lt;br /&gt;
   }&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
/* Bei wenig zur Verfügung stehendem Platz wird nur noch die maximale Breite und die Zeilenhöhe definiert. Falls das Menü &#039;Übersicht&#039; verwendet wird, wird es jetzt ausgeblendet. */&lt;br /&gt;
&lt;br /&gt;
.übersicht {&lt;br /&gt;
   position: sticky;&lt;br /&gt;
   height: 2em;&lt;br /&gt;
   top: 4em;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
/* Menü für Anleitungen. (ToDo) Das Menü soll im rechts verfügbaren Platz angezeigt werden. Das Menü wandert beim Scrollen mit. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div {&lt;br /&gt;
   padding: 0 0.5em;&lt;br /&gt;
   height: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .tooltip {&lt;br /&gt;
   color: #c32e04;&lt;br /&gt;
   text-decoration: underline;&lt;br /&gt;
   cursor: help;&lt;br /&gt;
} */&lt;br /&gt;
&lt;br /&gt;
[data-tooltip] {&lt;br /&gt;
   position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]::after {&lt;br /&gt;
   content: attr(data-tooltip);&lt;br /&gt;
   pointer-events: none;&lt;br /&gt;
   opacity: 0;&lt;br /&gt;
   transition: opacity 0.5s;&lt;br /&gt;
   display: block;&lt;br /&gt;
   position: absolute;&lt;br /&gt;
   bottom: 1em;&lt;br /&gt;
   left: -4em;&lt;br /&gt;
   max-width: 30em;&lt;br /&gt;
   width: max-content;&lt;br /&gt;
   padding: 0.5em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
   color: var(--tooltip-text-color);&lt;br /&gt;
   background-color: var(--tooltip-bg);&lt;br /&gt;
   border: solid 1px var(--tooltip-border-color);&lt;br /&gt;
   border-radius: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]:hover::after {&lt;br /&gt;
   opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
/* Tooltip kann in Verbindung mit der Vorlage Tooltip|Anzeigetext|Glossareintrag eingebunden werden.&lt;br /&gt;
   Anzeigetext = Dieser Text erscheint im Fließtext der Anleitung unterstrichen.&lt;br /&gt;
   Glossareintrag = Der Text dieses Eintrags wird beim Bewegen des Cursers über den Anzeigetext über diesem als kleine Box eingeblendet. Es darf sich dabei nur um einen einzelnen Absatz handeln. Der Absatz muss in der Seite im Glossar mit &amp;quot;onlyinclude&amp;quot; geklammert werden und darf keine HTML-Tags enthalten. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste .hinweisbox {&lt;br /&gt;
   grid-column: 1 / 3;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4458</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4458"/>
		<updated>2025-11-06T08:37:39Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */&lt;br /&gt;
/* Die Definitionen werden immer durch den nächsten Kommentar unterhalb erläutert. Ein Kommentar kann sich so auch auf mehrere Definitionen darüber beziehen. */ &lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: light) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweisbox */&lt;br /&gt;
      --hinweisboxrahmen-border: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-bg: #008965;&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-bg-highlight: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgrey;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-color-scheme: dark) {&lt;br /&gt;
   :root {&lt;br /&gt;
      /* Boxschatten */&lt;br /&gt;
      --box-shadow-color: Silver;&lt;br /&gt;
      --kachel-shadow-highlight: #a7d7f9;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweisbox */&lt;br /&gt;
      --hinweisboxrahmen-border: #008965;&lt;br /&gt;
&lt;br /&gt;
      /* Screenshotrahmen */&lt;br /&gt;
      --screenshotrahmen-bg: whitesmoke;&lt;br /&gt;
      --screenshotrahmen-border: lightgray;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellen (Anleitungen) */&lt;br /&gt;
      --tanleitung-th-bg: #008965;&lt;br /&gt;
      --tanleitung-th-color: white;&lt;br /&gt;
&lt;br /&gt;
      /* Tabellenzeilen-Hover */&lt;br /&gt;
      --table-row-hover-bg: lavender;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Grundzustand) */&lt;br /&gt;
      --kachel-border-dark: darkgray;&lt;br /&gt;
      --kachel-border-light: gray;&lt;br /&gt;
      --kachel-bg: gainsboro;&lt;br /&gt;
&lt;br /&gt;
      /* Kacheln (Hervorgehoben) */&lt;br /&gt;
      --kachel-border-dark-highlight: LightSteelBlue;&lt;br /&gt;
      --kachel-border-light-highlight: SteelBlue;&lt;br /&gt;
      --kachel-bg-highlight: lightgrey;&lt;br /&gt;
&lt;br /&gt;
      /* Hinweis „Vergrößerbar“ an großen Screenshots */&lt;br /&gt;
      --screenshot-hint-color: red;&lt;br /&gt;
&lt;br /&gt;
      /* Tooltip */&lt;br /&gt;
      --tooltip-text-color: #000;&lt;br /&gt;
      --tooltip-bg: #d8edfc;&lt;br /&gt;
      --tooltip-border-color: SteelBlue;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
/* Farbangaben für helles bzw. dunkles Design.*/&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .barrierefrei {&lt;br /&gt;
   line-height: 150%;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
}&lt;br /&gt;
/* Klasse wird genutzt in den Anleitungen: In Tabellen und in den Vorlagen der Screenshots, AnleitungAbsatz und HinweisBox. Sie regelt den Zeilenabstand und beschränkt die Absatzbreite auf maximal ca. 80 Zeichen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox {&lt;br /&gt;
   display: table;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
   margin-top: 2em;&lt;br /&gt;
   margin-bottom: 2em;&lt;br /&gt;
   min-height: 64px;&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div {&lt;br /&gt;
   padding: 0 5px;&lt;br /&gt;
   display: table-cell;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
}&lt;br /&gt;
/* Formatierung der Hinweisbox:&lt;br /&gt;
   Die Darstellung erfolgt als Tabelle;&lt;br /&gt;
   Über der Hinweisbox wird immer ein Abstand eingefügt; Wenn die Hinweisbox nicht das letzte Element einer Seite ist, erhält sie auch einen Abstand nach unten;&lt;br /&gt;
   Die Hinweisbox hat eine Mindesthöhe, die der Höhe der Symbolbilder entspricht. So werden auch kleine Boxen ohne Symbolbild passend dargestellt;&lt;br /&gt;
   Die Kind-Elemente werden als Tabellenelemente auf gleicher Höhe gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) {&lt;br /&gt;
   height: 60px;&lt;br /&gt;
   width: 60px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für Symbolbilder in Hinweisboxen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisboxrahmen {&lt;br /&gt;
   border: solid 3px #008965;&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px Silver;&lt;br /&gt;
}&lt;br /&gt;
/* Rahmen der Hinweisbox wird getrennt abgehandelt. Nur Hinweisboxen mit dieser Klasse erhalten einen Rahmen in Unigrün;&lt;br /&gt;
   Aktuell sind das: Hinweis, Information, Verpflichtend und Verweis */&lt;br /&gt;
&lt;br /&gt;
.catlinks {&lt;br /&gt;
   margin-top: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
/* Zusätzlicher Abstand vor der Auflistung der Kategorien. */&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen {&lt;br /&gt;
   background-color: whitesmoke;&lt;br /&gt;
   border: solid 1px lightgray;&lt;br /&gt;
   padding: 5px;&lt;br /&gt;
}&lt;br /&gt;
/*Formatierung des Screenshothintergrunds: Der Hintergrund ist leicht abgedunkelt und ein Rahmen wird um das Bild gezogen. Ein kleiner Abstand nach innen wird definiert.*/&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen img {&lt;br /&gt;
   height: auto;&lt;br /&gt;
   max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* Bilder */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .screenshotgroß {&lt;br /&gt;
   max-width: 1020px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für große Screenshots, wenn nicht die Vorlage Anleitung verwendet wird. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen {&lt;br /&gt;
   margin-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:first-child {&lt;br /&gt;
   margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:last-child {&lt;br /&gt;
   margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
/* Abstände für eine Verwendung von Screenshots innerhalb einer Hinweisbox. */&lt;br /&gt;
&lt;br /&gt;
.screenshotImText &amp;gt; div {&lt;br /&gt;
   float: left;&lt;br /&gt;
   margin-right: 1em;&lt;br /&gt;
   margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Screenshots bspw. von kleineren Schaltflächen können auch im Textfluss dargestellt werden. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.screenshotrahmen,&lt;br /&gt;
.kachel,&lt;br /&gt;
#toc {&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px Silver;&lt;br /&gt;
}&lt;br /&gt;
/*Screenshots, die Kacheln der Startseite und die Seiten-Inhaltsverzeichnisse erhalten einen leichten grauen Schatten. Der Rahmen der Hinweisbox wird separat definiert.*/&lt;br /&gt;
&lt;br /&gt;
table.tanleitung {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:first-child,&lt;br /&gt;
.schulung .tanleitung td:first-child,&lt;br /&gt;
.wikitable .tanleitung,&lt;br /&gt;
.tanleitung th {&lt;br /&gt;
   background-color: #008965 !important;&lt;br /&gt;
   color: white;&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:last-child,&lt;br /&gt;
.schulung .tanleitung td:last-child {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* In Tabellen der Anleitungen wird die Definition genutzt, um der Tabellenkopfzeile eine Uni-grünen Hintergrund und die Schriftfarbe auf weiß zu setzen. */&lt;br /&gt;
/* In der Seite Schulung wird jeweils die erste Spalte der Tabelle formatiert. */&lt;br /&gt;
&lt;br /&gt;
tr:hover {&lt;br /&gt;
   background-color: lavender !important;&lt;br /&gt;
}&lt;br /&gt;
/* Als Lesehilfe wird die mit der Maus berührte Zeile einer Tabelle dezent farblich hervorgehoben. */&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories + #mw-pages &amp;gt; h2, &lt;br /&gt;
.mw-parser-output:has(&amp;gt; :last-child) + .mw-category-generated, /* Auf einer Kategorienseite haben die automatisch erzeugten Überschriften (Unterkategorien und Seiten in Kategorie) ebenfalls einen größeren Abstand, wenn es einen entsprechenden Seiteninhalt gibt. */&lt;br /&gt;
:is(.screenshot, .absatz, .hinweisbox, p, ul, ol, table) + :is(h2, h3),&lt;br /&gt;
.mw-parser-output &amp;gt; .anleitung:first-child ~ h2:first-of-type {&lt;br /&gt;
  margin-top: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Zeilenabstand über den Überschriften */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:is(ol, ul, p, .absatz, h4) + .screenshot,&lt;br /&gt;
.screenshot + :is(ol, ul, p, .absatz, .seitenindex, h4, .screenshot),&lt;br /&gt;
.screenshot + #toc,&lt;br /&gt;
#toc + p,&lt;br /&gt;
:is(p, .absatz) + #toc,&lt;br /&gt;
.absatz + .seitenindex {&lt;br /&gt;
   margin-top: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Abstand zwischen zwischen Screenshot, Absatz und Inhaltsverzeichnis */&lt;br /&gt;
&lt;br /&gt;
p + .absatz,&lt;br /&gt;
.absatz + p {&lt;br /&gt;
   margin-top: 0.5em&lt;br /&gt;
}&lt;br /&gt;
/* Wenn die Vorlage AnleitungAbsatz auf einen normalen Absatz folgt (oder umgekehrt), wird ein Abstand eingefügt, wie er zwischen zwei normalen Absätzen automatisch eingefügt wird. */&lt;br /&gt;
&lt;br /&gt;
.seitenindex {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));&lt;br /&gt;
   grid-auto-flow: dense;&lt;br /&gt;
   column-gap: 2em;&lt;br /&gt;
   row-gap: 1.5em;&lt;br /&gt;
   align-items: start;&lt;br /&gt;
}&lt;br /&gt;
/* Anzeige der Kacheln im Seitenindex (wird auf der Startseite verwendet): Die Kacheln haben eine minimale Breite. Außerdem wurde der Platz zwischen den Kacheln definiert (c.-gap und r.-gap). Wenn nicht mehr genügend Platz für eine weitere Kachel zur Verfügung steht, wird diese in eine neue Zeile geschoben. So werden die Kacheln auf kleineren Displays untereinander gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.kachel {&lt;br /&gt;
   border-top: solid 2px darkgray;&lt;br /&gt;
   border-left: solid 2px darkgray;&lt;br /&gt;
   border-right: solid 2px gray;&lt;br /&gt;
   border-bottom: solid 2px gray;&lt;br /&gt;
   background-color: gainsboro;&lt;br /&gt;
}&lt;br /&gt;
.kachel {&lt;br /&gt;
   text-align: center;&lt;br /&gt;
}&lt;br /&gt;
/* Eigenschaften der Kacheln im Seitenindex */&lt;br /&gt;
&lt;br /&gt;
.kachel:focus-within,&lt;br /&gt;
.kachel:hover {&lt;br /&gt;
   background-color: lightgrey;&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px #a7d7f9;&lt;br /&gt;
   border-top-color: LightSteelBlue;&lt;br /&gt;
   border-left-color: LightSteelBlue;&lt;br /&gt;
   border-right-color: SteelBlue;&lt;br /&gt;
   border-bottom-color: SteelBlue;&lt;br /&gt;
}&lt;br /&gt;
/* Eine Kachel im Seitenindex wird hervorgehoben wenn der Mauszeiger sich darüber befindet oder sie mit dem Tabulator ausgewählt wurde. Der Hintergrund wird abgedunkelt. Rahmen und Schatten erhalten eine blaue Färbung, die sich am Design des Wiki des Wikis orientiert. */&lt;br /&gt;
&lt;br /&gt;
/* #p-tb {&lt;br /&gt;
   display: none;&lt;br /&gt;
} */&lt;br /&gt;
/* Unterdrückt die Anzeige der Werkzeuge im Seitenmenü komplett */&lt;br /&gt;
&lt;br /&gt;
#p-Admin,&lt;br /&gt;
li#t-recentchangeslinked,&lt;br /&gt;
li#t-upload,&lt;br /&gt;
li#t-specialpages,&lt;br /&gt;
li#t-permalink,&lt;br /&gt;
li#t-info,&lt;br /&gt;
li#t-cite,&lt;br /&gt;
.noautonum .tocnumber {&lt;br /&gt;
   display: none;&lt;br /&gt;
}&lt;br /&gt;
/* nav#p-Admin: Für normale Benutzer:innen werden die Links für Admins ausgeblendet. Über die spezielle css-Seite für Administrator:innen (MediaWiki:Group-sysop.css) wird diese Ausblendung wieder aufgehoben.&lt;br /&gt;
   li#t-...:    Einzelne Werkzeuge im linken Seitenmenü werden ausgeblendet&lt;br /&gt;
   .noautonum:  Kann genutzt werden, um im Inhaltsverzeichnis die Nummerierung zu unterdrücken. */&lt;br /&gt;
&lt;br /&gt;
.kachel,&lt;br /&gt;
#mw-panel .vector-menu-content a {&lt;br /&gt;
   transition-property: box-shadow, border-color, background-color;&lt;br /&gt;
   transition-duration: 1s;&lt;br /&gt;
}&lt;br /&gt;
/* Der Farbübergang des Seitenmenü und der Kacheln im Seitenindex wird nicht sofort durchgeführt, sondern braucht eine Sekunde. */&lt;br /&gt;
&lt;br /&gt;
#mw-panel .vector-menu-content a:focus,&lt;br /&gt;
#mw-panel .vector-menu-content a:hover {&lt;br /&gt;
   box-shadow: 0px 5px 5px -2px Silver;&lt;br /&gt;
}&lt;br /&gt;
/* Hervorhebung im linken Seitenmenü der ausgewählten Menüzeile */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-auto-columns: fit-content( 18ch ) 1fr;&lt;br /&gt;
   column-gap: 1em;&lt;br /&gt;
   row-gap: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Ermöglicht mit der Vorlage Definitionsliste eine Aufzählung, in der das(die) Schlagwort(e) fett hervorgehoben werden und der Definitionstext als eingerückter Textblock dargestellt wird.*/&lt;br /&gt;
&lt;br /&gt;
.defPunkt {&lt;br /&gt;
   grid-column: 1;&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* Formatiert die Schlagworte einer Definitionsliste fett und stellt sie vor den Textblock. */&lt;br /&gt;
&lt;br /&gt;
.defErläuterung {&lt;br /&gt;
   grid-column: 2;&lt;br /&gt;
}&lt;br /&gt;
/* Stellt den Textblock in einer Definitionsliste in eine zweite Spalte. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste p:last-child {&lt;br /&gt;
   margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert, dass der letzte zusätzliche Absatz einer Definitionsliste einen größeren Zeilenabstand hat als die übrigen Textblöcke. */&lt;br /&gt;
&lt;br /&gt;
.absatz:after {&lt;br /&gt;
   content: &amp;quot;&amp;quot;;&lt;br /&gt;
   display: block;&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert ein einfließen des Textes bei sehr kleinen Screenshots. */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
     container-type: inline-size;&lt;br /&gt;
}&lt;br /&gt;
/* Weißt dem Seiteninhalt einen Container zu. Kindelemente dieses Containers können sich auf die zur Verfügung stehende Breite beziehen. So werden Abfragen nach der Bildschirmbreite überflüssig. */&lt;br /&gt;
&lt;br /&gt;
@container (min-width: 53em) {&lt;br /&gt;
/* Alle hier definierten Eigenschaften kommen nur zum Tragen, wenn mindestens 65em Seiteninhalt zur Verfügung stehen. */&lt;br /&gt;
   .anleitung {&lt;br /&gt;
/*    display: grid;&lt;br /&gt;
      grid-template-columns: 50em minmax(5em, 20em) auto;&lt;br /&gt;
      grid-auto-flow: row dense; */&lt;br /&gt;
   }&lt;br /&gt;
/* Aktuell nicht verwendet. Das Anleitungsdesign war zunächst als Grid geplant. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
   /* Alle Kindelemente der Anleitung erhalten eine maximale Breite und eine passende Zeilenhöhe zur Wahrung der Barrierefreiheit. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      transition: all 1s;&lt;br /&gt;
      width: max-content;&lt;br /&gt;
   }&lt;br /&gt;
   /* Die Vergrößerung und auch das zurückfallen auf normale Größe der großen Screenshots wird mit einer Sekunde Verzögerung ausgeführt. So wird daraus eine fließende Bewegung. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:focus-within,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:hover {&lt;br /&gt;
      max-width: 100%;&lt;br /&gt;
      z-index: 100;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots werden nur noch größer dargestellt, wenn sie mit der Maus oder dem Tabulator ausgewählt werden. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .toc,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      justify-self: start;&lt;br /&gt;
   }&lt;br /&gt;
   /* Ausrichtung von Inhaltsverzeichnis und großen Screenshots. Es wird nur der tatsächlich benötigte Platz eingenommen. Nicht die volle zur Verfügung stehende Breite. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      position: relative;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:not(:hover)::after {&lt;br /&gt;
      content: &#039;Vergrößerbar&#039;;&lt;br /&gt;
      position: absolute;&lt;br /&gt;
      bottom: 0;&lt;br /&gt;
      left: 0.2em;&lt;br /&gt;
      color: red;&lt;br /&gt;
      font-size: 2em;&lt;br /&gt;
      z-index: 10;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots erhalten eine Markierung &#039;Vergrößerbar&#039; solange sie nicht ausgewählt wurden. Dazu muss die Position des Screenshots als relativ sein und der Schriftzug dazu absolut gesetzt werden. */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container (width &amp;lt; 53em) {&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
   }&lt;br /&gt;
   .übersicht {&lt;br /&gt;
      display: none;&lt;br /&gt;
   }&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
/* Bei wenig zur Verfügung stehendem Platz wird nur noch die maximale Breite und die Zeilenhöhe definiert. Falls das Menü &#039;Übersicht&#039; verwendet wird, wird es jetzt ausgeblendet. */&lt;br /&gt;
&lt;br /&gt;
.übersicht {&lt;br /&gt;
   position: sticky;&lt;br /&gt;
   height: 2em;&lt;br /&gt;
   top: 4em;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
/* Menü für Anleitungen. (ToDo) Das Menü soll im rechts verfügbaren Platz angezeigt werden. Das Menü wandert beim Scrollen mit. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div {&lt;br /&gt;
   padding: 0 0.5em;&lt;br /&gt;
   height: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .tooltip {&lt;br /&gt;
   color: #c32e04;&lt;br /&gt;
   text-decoration: underline;&lt;br /&gt;
   cursor: help;&lt;br /&gt;
} */&lt;br /&gt;
&lt;br /&gt;
[data-tooltip] {&lt;br /&gt;
   position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]::after {&lt;br /&gt;
   content: attr(data-tooltip);&lt;br /&gt;
   pointer-events: none;&lt;br /&gt;
   opacity: 0;&lt;br /&gt;
   transition: opacity 0.5s;&lt;br /&gt;
   display: block;&lt;br /&gt;
   position: absolute;&lt;br /&gt;
   bottom: 1em;&lt;br /&gt;
   left: -4em;&lt;br /&gt;
   max-width: 30em;&lt;br /&gt;
   width: max-content;&lt;br /&gt;
   padding: 0.5em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
   color: #000;&lt;br /&gt;
   background-color: #d8edfc;&lt;br /&gt;
   border: solid 1px steelblue;&lt;br /&gt;
   border-radius: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]:hover::after {&lt;br /&gt;
   opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
/* Tooltip kann in Verbindung mit der Vorlage Tooltip|Anzeigetext|Glossareintrag eingebunden werden.&lt;br /&gt;
   Anzeigetext = Dieser Text erscheint im Fließtext der Anleitung unterstrichen.&lt;br /&gt;
   Glossareintrag = Der Text dieses Eintrags wird beim Bewegen des Cursers über den Anzeigetext über diesem als kleine Box eingeblendet. Es darf sich dabei nur um einen einzelnen Absatz handeln. Der Absatz muss in der Seite im Glossar mit &amp;quot;onlyinclude&amp;quot; geklammert werden und darf keine HTML-Tags enthalten. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste .hinweisbox {&lt;br /&gt;
   grid-column: 1 / 3;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Suche_in_DMS/eAkte&amp;diff=4457</id>
		<title>Suche in DMS/eAkte</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Suche_in_DMS/eAkte&amp;diff=4457"/>
		<updated>2025-10-05T12:01:18Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: /* Platzhalter */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Anleitung}}[[category:Basisanleitungen]][[category:Suche]]&amp;lt;!--[[category:Aktenplan]][[category:Dokumente]]--&amp;gt;{{AnleitungAbsatz&lt;br /&gt;
|Diese Anleitung behandelt die Suche von {{Tooltip|Akte|Akten}}, {{Tooltip|Vorgang|Vorgängen}} und {{Tooltip|Dokumente|Dokumenten}} in DMS/eAkte.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Eine kurze Videoanleitung zum Thema Suche in DMS/eAkte finden Sie auf der [[panopto: 528a86d7-f86c-4f02-a5ea-acc3007a3101 |Videoplattform Panopto]].&lt;br /&gt;
}}&lt;br /&gt;
== Widget &amp;quot;Suche&amp;quot; und Widget &amp;quot;Suche mit Suchschlitz&amp;quot; ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sie können Ihre Suche beginnen, indem Sie auf das Widget &#039;&#039;&#039;Suche - Wissen zentral verfügbar&#039;&#039;&#039; klicken. Damit öffnet sich die normale Suchmaske. Dieses Widget ist sowohl auf dem Dashboard als auch in der klassischen Ansicht vorhanden.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot|Widget Suche mit Freitextfeld.png|Widget &amp;quot;Suche&amp;quot; mit einem drunter liegenden Freitext Suchfeld.&lt;br /&gt;
|Auf dem Dashboard ist außerdem das Widget &#039;&#039;&#039;Suche mit Suchschlitz&#039;&#039;&#039; verfügbar.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Klicken Sie auf den Schriftzug &#039;&#039;&#039;Suche&#039;&#039;&#039; oberhalb des Suchschlitzes, gelangen Sie zur regulären [[Suche in DMS/eAkte#Ansicht: Suche|Ansicht: Suche]] und können darüber ihre Suche durchführen.&lt;br /&gt;
&lt;br /&gt;
Sie können aber auch direkt eine Freitextsuche durchführen. Geben Sie hierfür den gesuchten Begriff in den Suchschlitz ein und drücken Sie &#039;&#039;&#039;Enter&#039;&#039;&#039; oder klicken rechts auf die Lupe. Dadurch werden Sie über die [[Suche in DMS/eAkte#Ansicht: Suche|Ansicht: Suche]] direkt zu den Suchergebnissen geleitet. &lt;br /&gt;
&lt;br /&gt;
In der [[Suche in DMS/eAkte#Ansicht: Suche|Ansicht: Suche]] können Sie Ihre Suche weiter eingrenzen.&lt;br /&gt;
&lt;br /&gt;
Sollte dieses Widget noch nicht auf dem Dashboard vorhanden sein, klicken Sie auf dem Dashboard oben rechts auf &#039;&#039;&#039;+ Widget hinzufügen&#039;&#039;&#039; . Wählen Sie dort das Widget &#039;&#039;&#039;Suche&#039;&#039;&#039; mit der Beschreibung &amp;quot;Suche nach Dokumenten, E-Mails oder Akten&amp;quot; aus und klicken auf &#039;&#039;&#039;Hinzufügen&#039;&#039;&#039;.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitergehende Informationen zum Dashboard und anderen Widgets finden Sie unter dem Punkt [[Schnelleinstieg in DMS/eAkte#Dashboard|Dashboard in der Anleitung Schnelleinstieg]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Ansicht: Suche ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Suche.png|Übersicht der Suchmaske des Dokumentenmanagementsystem.&lt;br /&gt;
|Klicken Sie auf der Dokumentenmanagement-Startseite auf das Widget &#039;&#039;&#039;Suche&#039;&#039;&#039;, um die Suche zu öffnen. Anschließend öffnet sich das nachfolgende Suchfenster:&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Unter dem Eingabefeld &#039;&#039;&#039;Suchbegriff eingeben&#039;&#039;&#039; befindet sich eine Einfeldsuche, in der Sie Ihre Suchbegriffe eintragen können. Sie können in der Einfeldsuche, ähnlich wie bei den Suchmaschinen von Bing etc., den entsprechenden Suchbegriff eingeben. Die Suche wird beim Tippen der Zeichen bereits ausgeführt, so dass Sie am Suchen-Button bereits die Anzahl der Suchtreffer und im unteren Bereich der Oberfläche weitere mögliche Einschränkungen über Eigenschaften sehen können. Die Dokumente werden volltextindiziert, so dass auch eine Suche in den Dokumenten und in den Metadaten erfolgt.&lt;br /&gt;
Sie können bei der Eingabe von Suchbegriffen auch mit sogenannten Platzhaltern arbeiten. &lt;br /&gt;
&lt;br /&gt;
Mit einem Klick auf den Button &#039;&#039;&#039;Suchen&#039;&#039;&#039; wird die Suche ausgeführt und die Ergebnis-  beziehungsweise Trefferliste angezeigt.&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Die Autovervollständigung macht Ihnen nur Vorschläge von Akten oder Dokumenten, auf die Sie auch berechtigt sind. Genauso werden auch nur Suchergebnisse ausgegeben, auf die Sie mindestens Leserechte besitzen.&lt;br /&gt;
}}&lt;br /&gt;
{{Information&lt;br /&gt;
|&#039;&#039;&#039;Tipp&#039;&#039;&#039;: Nutzen Sie die weiteren Sucheinschränkungen, um ein noch genaueres Ergebnis zu erhalten.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Platzhalter ==&lt;br /&gt;
&lt;br /&gt;
Platzhalter/Wildcards dienen dazu ein besseres Suchergebnis zu erzielen. Zudem sollten Sie sich an die Eingabeformate bei Datumsfeldern, Zahlen und Geldbeträgen halten, da das System sonst evtl. nicht das gewünschte Ergebnis liefert. Die Platzhalter und die Eingabeformate finden Sie in der Hilfe, die sich hinter dem Fragezeichen-Symbol verbergen.&lt;br /&gt;
&lt;br /&gt;
Liste einiger Platzhalter/Wildcards:&lt;br /&gt;
* * - eine beliebige Anzahl Zeichen&lt;br /&gt;
* ? - ein beliebiges Zeichen&lt;br /&gt;
* | - oder: beide Suchbegriffe werden gefunden&lt;br /&gt;
* ! - nicht: ohne diese Zeichenfolge&lt;br /&gt;
* $ - leer: Alle Objekte, deren Metadatenfeld leer ist.&lt;br /&gt;
* !$ - nicht leer: Alle Objekte, deren Metadatenfeld nicht leer ist.&lt;br /&gt;
Datum:&lt;br /&gt;
* {ZAHL} .. {ZAHL} - Bereich, relativ: Bereich in Tagen ausgehend von heute. Nur ganze positiv negative Zahlen möglich.&lt;br /&gt;
* {DATUM} .. {DATUM} - Bereich, absolut: Bereich zweier Datumsangaben.&lt;br /&gt;
&lt;br /&gt;
== Weitere Sucheinschränkungen ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sie können weitere Sucheinschränkungen in dem Eingabefeld &#039;&#039;&#039;Kategorie auswählen&#039;&#039;&#039;, &#039;&#039;&#039;Eigenschaften filtern&#039;&#039;&#039;, den Feldern unterhalb des Begriffs &#039;&#039;&#039;Allgemein&#039;&#039;&#039; und &#039;&#039;&#039;Erweitert&#039;&#039;&#039; vornehmen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Kategorie auswählen ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Sucheinschränkung Kategorie.png|Auswahlfeld der Sucheinschränkung Kategorie auswählen.&lt;br /&gt;
|Unter dem Auswahlmenü &#039;&#039;&#039;Kategorie auswählen&#039;&#039;&#039; haben Sie die Möglichkeit, eine detailliertere Suche vorzunehmen, indem Sie die Kategorisierung nach Projektakte, Projektdokument usw. nutzen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Eigenschaften ===&lt;br /&gt;
{{AnleitungScreenshot|Sucheinschränkung Eigenschaften.png|Filtern nach Sucheinschränkung in der Suche.&lt;br /&gt;
|Über das Feld &#039;&#039;&#039;Eigenschaften&#039;&#039;&#039; haben Sie die Möglichkeit, nach einzelnen Sucheinschränkungen zu filtern beziehungsweise einzelne erweiterte Sucheinschränkungen schneller zu finden.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Erweitert ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Sucheinschränkung Erweitert.PNG|Übersicht der erweiterten Sucheinschränkungsfelder im Dokumentenmanagementsystem.&lt;br /&gt;
|Die Sucheinschränkung &#039;&#039;&#039;Erweitert&#039;&#039;&#039; ermöglicht eine erweiterte Sucheinschränkung wie zum Beispiel nach &#039;&#039;&#039;Register&#039;&#039;&#039;, &#039;&#039;&#039;Aktenzeichen&#039;&#039;&#039;, etc. Die Sucheinschränkung &#039;&#039;&#039;Erweitert&#039;&#039;&#039;, öffnet sich nur, wenn Sie eine Kategorie ausgewählt haben. Des Weiteren unterscheiden sich die Sucheinschränkung je nach Kategorie.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Allgemein ===&lt;br /&gt;
{{AnleitungScreenshotGroß|Sucheinschränkung allgemein.png|Ausgefüllte Suche mit Sucheinschränkungen anhand eines Beispiels im Dokumentenmanagementsystems. &lt;br /&gt;
|Anders als die Sucheinschränkungen unterhalb von Erweitert, sind die Allgemeinen Sucheinschränkungen immer in der Suche zu sehen. In der allgemeinen Sucheinschränkung haben Sie die Möglichkeit, verschiedene allgemeine Eingrenzungen in der Suche vorzunehmen wie z.B. nach Aktenzeichen, Bearbeiter/in, Dateiname, Erstellungs- und Änderungsdatum. Nachfolgend wird eine Suche für ein Verkündungsblatt beispielhaft dargestellt. &lt;br /&gt;
&lt;br /&gt;
In dem nachfolgenden Beispiel wählen wir als erstes die Kategorie &#039;&#039;&#039;Verkündungsblatt&#039;&#039;&#039; aus, damit nur Verkündungsblätter in der Suche angezeigt werden. Als nächstes geben wir als Suchbegriff &#039;&#039;&#039;Fächer&#039;&#039;&#039; und den Platzhalter Sternchen ein. Dies ist notwendig, da wir nach einem Verkündungsblatt mit Fächern suchen und den vollständigen Namen des Verkündungsblatts kennen. Zusätzlich geben wir noch den Zeitraum an, in dem das Verkündungsblatt veröffentlicht wurde und zum Schluss den Status der Ordnung. In Kraft bedeutet in diesem Fall, dass das Verkündungsblatt noch gilt.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Wir konnten somit unser Suchergebnis von 922 Treffern auf 42 beschränken.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Sortierung der Ergebnisliste ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Die Ergebnisliste beziehungsweise Trefferliste können Sie sich in der Listenansicht oder in der Tabellenansicht anzeigen lassen. Im Standard ist immer die Listenansicht voreingestellt. Sie können die Ansicht im Menü rechts oben über das Tabellen-Icon ändern. Zurück zu der Listenansicht gelangen Sie über das Listen-Icon.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Sortierung der Ergebnisliste beziehungsweise Trefferliste finden Sie in der Anleitung [[Tabellenansicht und Listenansicht in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Ergebnis im Aktenplan lokalisieren ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Dokument im Aktenplan lokalisieren.png|Übersicht des Kontextmenüs des Dokumentenmanagemtsystems. Menüpunkt Im Aktenplan lokalisieren.&lt;br /&gt;
|Wenn Sie ein Dokument über die Suche gefunden haben und wissen möchten, wo sich dieses Dokument im Aktenplan befindet, können Sie dies über die Funktion &#039;&#039;&#039;Im Aktenplan lokalisieren&#039;&#039;&#039; des Kontextmenüs ermitteln.&lt;br /&gt;
Klicken Sie hierfür neben dem Dokument auf die drei Punkte und anschließend müssen Sie im Kontextmenü auf &#039;&#039;&#039;Im Aktenplan lokalisieren&#039;&#039;&#039; klicken.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot|Dokument im Aktenplan lokalisieren2.png|Darstellung des Aktenplans.&lt;br /&gt;
|Nun wird der entsprechende Vorgang angezeigt, in dem sich das jeweilige Dokument befindet.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zum Aktenplan finden Sie in der Anleitung [[Aktenplan in DMS/eAkte]]. &lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Such-Eingaben zurücksetzen ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Suche zurücksetzen.png|Darstellung Menüpunkts Suche zurücksetzen in der Suchmaske des Dokumentenmanagementsystems.&lt;br /&gt;
|Über die drei Punkte im rechten Bereich, haben die Möglichkeit, die Sucheinschränkungen zurückzusetzen. Wenn Sie auf diesen Button geklickt haben, werden alle eingegebenen Sucheinschränkungen entfernt. &lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Suche im Persönlichen Bereich speichern ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Suche persönlicher Bereich.png|Darstellung der Funktion Favoriten in der Suchmaske des Dokumentenmanagementsystems.&lt;br /&gt;
|Sie haben die Möglichkeit Suchen, die Sie häufig verwenden, in den Favoriten zu speichern. Dies ist über den Stern rechts oberhalb des Suchfeldes möglich.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Anschließend haben Sie die Möglichkeit, ihre Suchvorlage zu betiteln und in einem Ordner abzulegen. Falls noch kein Ordner vorhanden ist, können Sie einen über den Button &#039;&#039;&#039;Neu erstellen&#039;&#039;&#039; erstellen.&lt;br /&gt;
Die gespeicherten Suchen können Sie über die Startseite unter dem &#039;&#039;&#039;persönlichen Bereich&#039;&#039;&#039; abrufen.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zum persönlichen Bereich finden Sie in der Anleitung [[Persönlicher Bereich in DMS/eAkte|Persönlicher Bereich]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Suchevorlage im Suchfenster ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Suchvorlage neu.png|Darstellung der Suchvorlage in der Suchmaske des Dokumentenmanagementsystems.&lt;br /&gt;
|Suchen, die Sie gespeichert haben, können Sie nicht nur in Ihrem Persönlichen Bereich aufrufen, sondern auch in den Suchvorlagen, die Ihnen links in der Suchmaske angeboten werden. Wenn Sie die Suchvorlagen aufklappen, sehen Sie nicht nur die Suchvorlagen (1), sondern auch Ihren Suchverlauf (2). &lt;br /&gt;
&amp;lt;br&amp;gt; Über den Suchvorlagen sehen Sie ein Menü (3), welches Ihnen ermöglicht, die Suchvorlagen zu filtern, zu aktualisieren oder zu verwalten. Wenn Sie eine Suchvorlage ausgewählt haben, wird Ihnen das unter anderem auch in der Suchmaske oben (4) angezeigt.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Suchevorlage verwalten ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Suchvorlagen bearbeiten.png|Darstellung der Suchvorlage im Bearbeitungsmodus.&lt;br /&gt;
|Wenn Sie über das &#039;&#039;&#039;Zahnrad-Symbol&#039;&#039;&#039; auf &#039;&#039;&#039;Suchvorlagen verwalten&#039;&#039;&#039; gehen, springen Sie in ein neues Fenster. Hier können Sie unter anderem Ihre Suchvorlagen &#039;&#039;&#039;Bearbeiten&#039;&#039;&#039;, &#039;&#039;&#039;Löschen&#039;&#039;&#039;, &#039;&#039;&#039;Beobachten&#039;&#039;&#039; oder den &#039;&#039;&#039;Link in Zwischenablage kopieren&#039;&#039;&#039;, wenn Sie auf die drei Punkte rechts klicken. Die Suchvorlagen können Sie ebenfalls über die Startseite unter dem &#039;&#039;&#039;persönlichen Bereich&#039;&#039;&#039; abrufen und bearbeiten.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Bearbeitung finden Sie in der Anleitung [[Persönlicher Bereich in DMS/eAkte|Persönlicher Bereich]].&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Suche_in_DMS/eAkte&amp;diff=4456</id>
		<title>Suche in DMS/eAkte</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Suche_in_DMS/eAkte&amp;diff=4456"/>
		<updated>2025-10-05T11:57:44Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: Änderung 4455 von Jdamian (Diskussion) rückgängig gemacht.&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Anleitung}}[[category:Basisanleitungen]][[category:Suche]]&amp;lt;!--[[category:Aktenplan]][[category:Dokumente]]--&amp;gt;{{AnleitungAbsatz&lt;br /&gt;
|Diese Anleitung behandelt die Suche von {{Tooltip|Akte|Akten}}, {{Tooltip|Vorgang|Vorgängen}} und {{Tooltip|Dokumente|Dokumenten}} in DMS/eAkte.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Eine kurze Videoanleitung zum Thema Suche in DMS/eAkte finden Sie auf der [[panopto: 528a86d7-f86c-4f02-a5ea-acc3007a3101 |Videoplattform Panopto]].&lt;br /&gt;
}}&lt;br /&gt;
== Widget &amp;quot;Suche&amp;quot; und Widget &amp;quot;Suche mit Suchschlitz&amp;quot; ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sie können Ihre Suche beginnen, indem Sie auf das Widget &#039;&#039;&#039;Suche - Wissen zentral verfügbar&#039;&#039;&#039; klicken. Damit öffnet sich die normale Suchmaske. Dieses Widget ist sowohl auf dem Dashboard als auch in der klassischen Ansicht vorhanden.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot|Widget Suche mit Freitextfeld.png|Widget &amp;quot;Suche&amp;quot; mit einem drunter liegenden Freitext Suchfeld.&lt;br /&gt;
|Auf dem Dashboard ist außerdem das Widget &#039;&#039;&#039;Suche mit Suchschlitz&#039;&#039;&#039; verfügbar.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Klicken Sie auf den Schriftzug &#039;&#039;&#039;Suche&#039;&#039;&#039; oberhalb des Suchschlitzes, gelangen Sie zur regulären [[Suche in DMS/eAkte#Ansicht: Suche|Ansicht: Suche]] und können darüber ihre Suche durchführen.&lt;br /&gt;
&lt;br /&gt;
Sie können aber auch direkt eine Freitextsuche durchführen. Geben Sie hierfür den gesuchten Begriff in den Suchschlitz ein und drücken Sie &#039;&#039;&#039;Enter&#039;&#039;&#039; oder klicken rechts auf die Lupe. Dadurch werden Sie über die [[Suche in DMS/eAkte#Ansicht: Suche|Ansicht: Suche]] direkt zu den Suchergebnissen geleitet. &lt;br /&gt;
&lt;br /&gt;
In der [[Suche in DMS/eAkte#Ansicht: Suche|Ansicht: Suche]] können Sie Ihre Suche weiter eingrenzen.&lt;br /&gt;
&lt;br /&gt;
Sollte dieses Widget noch nicht auf dem Dashboard vorhanden sein, klicken Sie auf dem Dashboard oben rechts auf &#039;&#039;&#039;+ Widget hinzufügen&#039;&#039;&#039; . Wählen Sie dort das Widget &#039;&#039;&#039;Suche&#039;&#039;&#039; mit der Beschreibung &amp;quot;Suche nach Dokumenten, E-Mails oder Akten&amp;quot; aus und klicken auf &#039;&#039;&#039;Hinzufügen&#039;&#039;&#039;.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitergehende Informationen zum Dashboard und anderen Widgets finden Sie unter dem Punkt [[Schnelleinstieg in DMS/eAkte#Dashboard|Dashboard in der Anleitung Schnelleinstieg]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Ansicht: Suche ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Suche.png|Übersicht der Suchmaske des Dokumentenmanagementsystem.&lt;br /&gt;
|Klicken Sie auf der Dokumentenmanagement-Startseite auf das Widget &#039;&#039;&#039;Suche&#039;&#039;&#039;, um die Suche zu öffnen. Anschließend öffnet sich das nachfolgende Suchfenster:&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Unter dem Eingabefeld &#039;&#039;&#039;Suchbegriff eingeben&#039;&#039;&#039; befindet sich eine Einfeldsuche, in der Sie Ihre Suchbegriffe eintragen können. Sie können in der Einfeldsuche, ähnlich wie bei den Suchmaschinen von Bing etc., den entsprechenden Suchbegriff eingeben. Die Suche wird beim Tippen der Zeichen bereits ausgeführt, so dass Sie am Suchen-Button bereits die Anzahl der Suchtreffer und im unteren Bereich der Oberfläche weitere mögliche Einschränkungen über Eigenschaften sehen können. Die Dokumente werden volltextindiziert, so dass auch eine Suche in den Dokumenten und in den Metadaten erfolgt.&lt;br /&gt;
Sie können bei der Eingabe von Suchbegriffen auch mit sogenannten Platzhaltern arbeiten. &lt;br /&gt;
&lt;br /&gt;
Mit einem Klick auf den Button &#039;&#039;&#039;Suchen&#039;&#039;&#039; wird die Suche ausgeführt und die Ergebnis-  beziehungsweise Trefferliste angezeigt.&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Die Autovervollständigung macht Ihnen nur Vorschläge von Akten oder Dokumenten, auf die Sie auch berechtigt sind. Genauso werden auch nur Suchergebnisse ausgegeben, auf die Sie mindestens Leserechte besitzen.&lt;br /&gt;
}}&lt;br /&gt;
{{Information&lt;br /&gt;
|&#039;&#039;&#039;Tipp&#039;&#039;&#039;: Nutzen Sie die weiteren Sucheinschränkungen, um ein noch genaueres Ergebnis zu erhalten.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Platzhalter ==&lt;br /&gt;
&lt;br /&gt;
Platzhalter dienen dazu ein besseres Suchergebnis zu erzielen. Zudem sollten Sie sich an die Eingabeformate bei Datumsfeldern, Zahlen und Geldbeträgen halten, da das System sonst evtl. nicht das gewünschte Ergebnis liefert. Die Platzhalter und die Eingabeformate finden Sie in der Hilfe, die sich hinter dem Fragezeichen-Symbol verbergen.&lt;br /&gt;
&lt;br /&gt;
Liste einiger Platzhalter/Wildcards:&lt;br /&gt;
* * - eine beliebige Anzahl Zeichen&lt;br /&gt;
* ? - ein beliebiges Zeichen&lt;br /&gt;
* | - oder: beide Suchbegriffe werden gefunden&lt;br /&gt;
* $ - nicht leer: Alle Objekte, deren Metadatenfeld nicht leer ist. &lt;br /&gt;
Datum:&lt;br /&gt;
* {ZAHL} .. {ZAHL} - Bereich, relativ: Bereich in Tagen ausgehend von heute. Nur ganze positiv negative Zahlen möglich.&lt;br /&gt;
* {DATUM} .. {DATUM} - Bereich, absolut: Bereich zweier Datumsangaben.&lt;br /&gt;
&lt;br /&gt;
== Weitere Sucheinschränkungen ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sie können weitere Sucheinschränkungen in dem Eingabefeld &#039;&#039;&#039;Kategorie auswählen&#039;&#039;&#039;, &#039;&#039;&#039;Eigenschaften filtern&#039;&#039;&#039;, den Feldern unterhalb des Begriffs &#039;&#039;&#039;Allgemein&#039;&#039;&#039; und &#039;&#039;&#039;Erweitert&#039;&#039;&#039; vornehmen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Kategorie auswählen ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Sucheinschränkung Kategorie.png|Auswahlfeld der Sucheinschränkung Kategorie auswählen.&lt;br /&gt;
|Unter dem Auswahlmenü &#039;&#039;&#039;Kategorie auswählen&#039;&#039;&#039; haben Sie die Möglichkeit, eine detailliertere Suche vorzunehmen, indem Sie die Kategorisierung nach Projektakte, Projektdokument usw. nutzen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Eigenschaften ===&lt;br /&gt;
{{AnleitungScreenshot|Sucheinschränkung Eigenschaften.png|Filtern nach Sucheinschränkung in der Suche.&lt;br /&gt;
|Über das Feld &#039;&#039;&#039;Eigenschaften&#039;&#039;&#039; haben Sie die Möglichkeit, nach einzelnen Sucheinschränkungen zu filtern beziehungsweise einzelne erweiterte Sucheinschränkungen schneller zu finden.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Erweitert ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Sucheinschränkung Erweitert.PNG|Übersicht der erweiterten Sucheinschränkungsfelder im Dokumentenmanagementsystem.&lt;br /&gt;
|Die Sucheinschränkung &#039;&#039;&#039;Erweitert&#039;&#039;&#039; ermöglicht eine erweiterte Sucheinschränkung wie zum Beispiel nach &#039;&#039;&#039;Register&#039;&#039;&#039;, &#039;&#039;&#039;Aktenzeichen&#039;&#039;&#039;, etc. Die Sucheinschränkung &#039;&#039;&#039;Erweitert&#039;&#039;&#039;, öffnet sich nur, wenn Sie eine Kategorie ausgewählt haben. Des Weiteren unterscheiden sich die Sucheinschränkung je nach Kategorie.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Allgemein ===&lt;br /&gt;
{{AnleitungScreenshotGroß|Sucheinschränkung allgemein.png|Ausgefüllte Suche mit Sucheinschränkungen anhand eines Beispiels im Dokumentenmanagementsystems. &lt;br /&gt;
|Anders als die Sucheinschränkungen unterhalb von Erweitert, sind die Allgemeinen Sucheinschränkungen immer in der Suche zu sehen. In der allgemeinen Sucheinschränkung haben Sie die Möglichkeit, verschiedene allgemeine Eingrenzungen in der Suche vorzunehmen wie z.B. nach Aktenzeichen, Bearbeiter/in, Dateiname, Erstellungs- und Änderungsdatum. Nachfolgend wird eine Suche für ein Verkündungsblatt beispielhaft dargestellt. &lt;br /&gt;
&lt;br /&gt;
In dem nachfolgenden Beispiel wählen wir als erstes die Kategorie &#039;&#039;&#039;Verkündungsblatt&#039;&#039;&#039; aus, damit nur Verkündungsblätter in der Suche angezeigt werden. Als nächstes geben wir als Suchbegriff &#039;&#039;&#039;Fächer&#039;&#039;&#039; und den Platzhalter Sternchen ein. Dies ist notwendig, da wir nach einem Verkündungsblatt mit Fächern suchen und den vollständigen Namen des Verkündungsblatts kennen. Zusätzlich geben wir noch den Zeitraum an, in dem das Verkündungsblatt veröffentlicht wurde und zum Schluss den Status der Ordnung. In Kraft bedeutet in diesem Fall, dass das Verkündungsblatt noch gilt.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Wir konnten somit unser Suchergebnis von 922 Treffern auf 42 beschränken.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Sortierung der Ergebnisliste ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Die Ergebnisliste beziehungsweise Trefferliste können Sie sich in der Listenansicht oder in der Tabellenansicht anzeigen lassen. Im Standard ist immer die Listenansicht voreingestellt. Sie können die Ansicht im Menü rechts oben über das Tabellen-Icon ändern. Zurück zu der Listenansicht gelangen Sie über das Listen-Icon.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Sortierung der Ergebnisliste beziehungsweise Trefferliste finden Sie in der Anleitung [[Tabellenansicht und Listenansicht in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Ergebnis im Aktenplan lokalisieren ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Dokument im Aktenplan lokalisieren.png|Übersicht des Kontextmenüs des Dokumentenmanagemtsystems. Menüpunkt Im Aktenplan lokalisieren.&lt;br /&gt;
|Wenn Sie ein Dokument über die Suche gefunden haben und wissen möchten, wo sich dieses Dokument im Aktenplan befindet, können Sie dies über die Funktion &#039;&#039;&#039;Im Aktenplan lokalisieren&#039;&#039;&#039; des Kontextmenüs ermitteln.&lt;br /&gt;
Klicken Sie hierfür neben dem Dokument auf die drei Punkte und anschließend müssen Sie im Kontextmenü auf &#039;&#039;&#039;Im Aktenplan lokalisieren&#039;&#039;&#039; klicken.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot|Dokument im Aktenplan lokalisieren2.png|Darstellung des Aktenplans.&lt;br /&gt;
|Nun wird der entsprechende Vorgang angezeigt, in dem sich das jeweilige Dokument befindet.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zum Aktenplan finden Sie in der Anleitung [[Aktenplan in DMS/eAkte]]. &lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Such-Eingaben zurücksetzen ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Suche zurücksetzen.png|Darstellung Menüpunkts Suche zurücksetzen in der Suchmaske des Dokumentenmanagementsystems.&lt;br /&gt;
|Über die drei Punkte im rechten Bereich, haben die Möglichkeit, die Sucheinschränkungen zurückzusetzen. Wenn Sie auf diesen Button geklickt haben, werden alle eingegebenen Sucheinschränkungen entfernt. &lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Suche im Persönlichen Bereich speichern ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Suche persönlicher Bereich.png|Darstellung der Funktion Favoriten in der Suchmaske des Dokumentenmanagementsystems.&lt;br /&gt;
|Sie haben die Möglichkeit Suchen, die Sie häufig verwenden, in den Favoriten zu speichern. Dies ist über den Stern rechts oberhalb des Suchfeldes möglich.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Anschließend haben Sie die Möglichkeit, ihre Suchvorlage zu betiteln und in einem Ordner abzulegen. Falls noch kein Ordner vorhanden ist, können Sie einen über den Button &#039;&#039;&#039;Neu erstellen&#039;&#039;&#039; erstellen.&lt;br /&gt;
Die gespeicherten Suchen können Sie über die Startseite unter dem &#039;&#039;&#039;persönlichen Bereich&#039;&#039;&#039; abrufen.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zum persönlichen Bereich finden Sie in der Anleitung [[Persönlicher Bereich in DMS/eAkte|Persönlicher Bereich]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Suchevorlage im Suchfenster ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Suchvorlage neu.png|Darstellung der Suchvorlage in der Suchmaske des Dokumentenmanagementsystems.&lt;br /&gt;
|Suchen, die Sie gespeichert haben, können Sie nicht nur in Ihrem Persönlichen Bereich aufrufen, sondern auch in den Suchvorlagen, die Ihnen links in der Suchmaske angeboten werden. Wenn Sie die Suchvorlagen aufklappen, sehen Sie nicht nur die Suchvorlagen (1), sondern auch Ihren Suchverlauf (2). &lt;br /&gt;
&amp;lt;br&amp;gt; Über den Suchvorlagen sehen Sie ein Menü (3), welches Ihnen ermöglicht, die Suchvorlagen zu filtern, zu aktualisieren oder zu verwalten. Wenn Sie eine Suchvorlage ausgewählt haben, wird Ihnen das unter anderem auch in der Suchmaske oben (4) angezeigt.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Suchevorlage verwalten ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Suchvorlagen bearbeiten.png|Darstellung der Suchvorlage im Bearbeitungsmodus.&lt;br /&gt;
|Wenn Sie über das &#039;&#039;&#039;Zahnrad-Symbol&#039;&#039;&#039; auf &#039;&#039;&#039;Suchvorlagen verwalten&#039;&#039;&#039; gehen, springen Sie in ein neues Fenster. Hier können Sie unter anderem Ihre Suchvorlagen &#039;&#039;&#039;Bearbeiten&#039;&#039;&#039;, &#039;&#039;&#039;Löschen&#039;&#039;&#039;, &#039;&#039;&#039;Beobachten&#039;&#039;&#039; oder den &#039;&#039;&#039;Link in Zwischenablage kopieren&#039;&#039;&#039;, wenn Sie auf die drei Punkte rechts klicken. Die Suchvorlagen können Sie ebenfalls über die Startseite unter dem &#039;&#039;&#039;persönlichen Bereich&#039;&#039;&#039; abrufen und bearbeiten.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Bearbeitung finden Sie in der Anleitung [[Persönlicher Bereich in DMS/eAkte|Persönlicher Bereich]].&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Suche_in_DMS/eAkte&amp;diff=4455</id>
		<title>Suche in DMS/eAkte</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Suche_in_DMS/eAkte&amp;diff=4455"/>
		<updated>2025-10-05T11:56:39Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: /* Platzhalter */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Anleitung}}[[category:Basisanleitungen]][[category:Suche]]&amp;lt;!--[[category:Aktenplan]][[category:Dokumente]]--&amp;gt;{{AnleitungAbsatz&lt;br /&gt;
|Diese Anleitung behandelt die Suche von {{Tooltip|Akte|Akten}}, {{Tooltip|Vorgang|Vorgängen}} und {{Tooltip|Dokumente|Dokumenten}} in DMS/eAkte.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Eine kurze Videoanleitung zum Thema Suche in DMS/eAkte finden Sie auf der [[panopto: 528a86d7-f86c-4f02-a5ea-acc3007a3101 |Videoplattform Panopto]].&lt;br /&gt;
}}&lt;br /&gt;
== Widget &amp;quot;Suche&amp;quot; und Widget &amp;quot;Suche mit Suchschlitz&amp;quot; ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sie können Ihre Suche beginnen, indem Sie auf das Widget &#039;&#039;&#039;Suche - Wissen zentral verfügbar&#039;&#039;&#039; klicken. Damit öffnet sich die normale Suchmaske. Dieses Widget ist sowohl auf dem Dashboard als auch in der klassischen Ansicht vorhanden.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot|Widget Suche mit Freitextfeld.png|Widget &amp;quot;Suche&amp;quot; mit einem drunter liegenden Freitext Suchfeld.&lt;br /&gt;
|Auf dem Dashboard ist außerdem das Widget &#039;&#039;&#039;Suche mit Suchschlitz&#039;&#039;&#039; verfügbar.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Klicken Sie auf den Schriftzug &#039;&#039;&#039;Suche&#039;&#039;&#039; oberhalb des Suchschlitzes, gelangen Sie zur regulären [[Suche in DMS/eAkte#Ansicht: Suche|Ansicht: Suche]] und können darüber ihre Suche durchführen.&lt;br /&gt;
&lt;br /&gt;
Sie können aber auch direkt eine Freitextsuche durchführen. Geben Sie hierfür den gesuchten Begriff in den Suchschlitz ein und drücken Sie &#039;&#039;&#039;Enter&#039;&#039;&#039; oder klicken rechts auf die Lupe. Dadurch werden Sie über die [[Suche in DMS/eAkte#Ansicht: Suche|Ansicht: Suche]] direkt zu den Suchergebnissen geleitet. &lt;br /&gt;
&lt;br /&gt;
In der [[Suche in DMS/eAkte#Ansicht: Suche|Ansicht: Suche]] können Sie Ihre Suche weiter eingrenzen.&lt;br /&gt;
&lt;br /&gt;
Sollte dieses Widget noch nicht auf dem Dashboard vorhanden sein, klicken Sie auf dem Dashboard oben rechts auf &#039;&#039;&#039;+ Widget hinzufügen&#039;&#039;&#039; . Wählen Sie dort das Widget &#039;&#039;&#039;Suche&#039;&#039;&#039; mit der Beschreibung &amp;quot;Suche nach Dokumenten, E-Mails oder Akten&amp;quot; aus und klicken auf &#039;&#039;&#039;Hinzufügen&#039;&#039;&#039;.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitergehende Informationen zum Dashboard und anderen Widgets finden Sie unter dem Punkt [[Schnelleinstieg in DMS/eAkte#Dashboard|Dashboard in der Anleitung Schnelleinstieg]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Ansicht: Suche ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Suche.png|Übersicht der Suchmaske des Dokumentenmanagementsystem.&lt;br /&gt;
|Klicken Sie auf der Dokumentenmanagement-Startseite auf das Widget &#039;&#039;&#039;Suche&#039;&#039;&#039;, um die Suche zu öffnen. Anschließend öffnet sich das nachfolgende Suchfenster:&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Unter dem Eingabefeld &#039;&#039;&#039;Suchbegriff eingeben&#039;&#039;&#039; befindet sich eine Einfeldsuche, in der Sie Ihre Suchbegriffe eintragen können. Sie können in der Einfeldsuche, ähnlich wie bei den Suchmaschinen von Bing etc., den entsprechenden Suchbegriff eingeben. Die Suche wird beim Tippen der Zeichen bereits ausgeführt, so dass Sie am Suchen-Button bereits die Anzahl der Suchtreffer und im unteren Bereich der Oberfläche weitere mögliche Einschränkungen über Eigenschaften sehen können. Die Dokumente werden volltextindiziert, so dass auch eine Suche in den Dokumenten und in den Metadaten erfolgt.&lt;br /&gt;
Sie können bei der Eingabe von Suchbegriffen auch mit sogenannten Platzhaltern arbeiten. &lt;br /&gt;
&lt;br /&gt;
Mit einem Klick auf den Button &#039;&#039;&#039;Suchen&#039;&#039;&#039; wird die Suche ausgeführt und die Ergebnis-  beziehungsweise Trefferliste angezeigt.&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Die Autovervollständigung macht Ihnen nur Vorschläge von Akten oder Dokumenten, auf die Sie auch berechtigt sind. Genauso werden auch nur Suchergebnisse ausgegeben, auf die Sie mindestens Leserechte besitzen.&lt;br /&gt;
}}&lt;br /&gt;
{{Information&lt;br /&gt;
|&#039;&#039;&#039;Tipp&#039;&#039;&#039;: Nutzen Sie die weiteren Sucheinschränkungen, um ein noch genaueres Ergebnis zu erhalten.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Platzhalter ==&lt;br /&gt;
&lt;br /&gt;
Platzhalter dienen dazu ein besseres Suchergebnis zu erzielen. Zudem sollten Sie sich an die Eingabeformate bei Datumsfeldern, Zahlen und Geldbeträgen halten, da das System sonst evtl. nicht das gewünschte Ergebnis liefert. Die Platzhalter und die Eingabeformate finden Sie in der Hilfe, die sich hinter dem Fragezeichen-Symbol verbergen.&lt;br /&gt;
&lt;br /&gt;
Liste einiger Platzhalter/Wildcards:&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;* - eine beliebige Anzahl Zeichen&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;? - ein beliebiges Zeichen&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;| - oder: beide Suchbegriffe werden gefunden&amp;lt;/li&amp;gt; &lt;br /&gt;
&amp;lt;li&amp;gt; $ - nicht leer: Alle Objekte, deren Metadatenfeld nicht leer ist. &amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
Datum:&lt;br /&gt;
&amp;lt;ul style=&amp;quot;list-style-type: none&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt; {ZAHL} .. {ZAHL} - Bereich, relativ: Bereich in Tagen ausgehend von heute. Nur ganze positiv negative Zahlen möglich.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt; {DATUM} .. {DATUM} - Bereich, absolut: Bereich zweier Datumsangaben.&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Weitere Sucheinschränkungen ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sie können weitere Sucheinschränkungen in dem Eingabefeld &#039;&#039;&#039;Kategorie auswählen&#039;&#039;&#039;, &#039;&#039;&#039;Eigenschaften filtern&#039;&#039;&#039;, den Feldern unterhalb des Begriffs &#039;&#039;&#039;Allgemein&#039;&#039;&#039; und &#039;&#039;&#039;Erweitert&#039;&#039;&#039; vornehmen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Kategorie auswählen ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Sucheinschränkung Kategorie.png|Auswahlfeld der Sucheinschränkung Kategorie auswählen.&lt;br /&gt;
|Unter dem Auswahlmenü &#039;&#039;&#039;Kategorie auswählen&#039;&#039;&#039; haben Sie die Möglichkeit, eine detailliertere Suche vorzunehmen, indem Sie die Kategorisierung nach Projektakte, Projektdokument usw. nutzen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Eigenschaften ===&lt;br /&gt;
{{AnleitungScreenshot|Sucheinschränkung Eigenschaften.png|Filtern nach Sucheinschränkung in der Suche.&lt;br /&gt;
|Über das Feld &#039;&#039;&#039;Eigenschaften&#039;&#039;&#039; haben Sie die Möglichkeit, nach einzelnen Sucheinschränkungen zu filtern beziehungsweise einzelne erweiterte Sucheinschränkungen schneller zu finden.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Erweitert ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Sucheinschränkung Erweitert.PNG|Übersicht der erweiterten Sucheinschränkungsfelder im Dokumentenmanagementsystem.&lt;br /&gt;
|Die Sucheinschränkung &#039;&#039;&#039;Erweitert&#039;&#039;&#039; ermöglicht eine erweiterte Sucheinschränkung wie zum Beispiel nach &#039;&#039;&#039;Register&#039;&#039;&#039;, &#039;&#039;&#039;Aktenzeichen&#039;&#039;&#039;, etc. Die Sucheinschränkung &#039;&#039;&#039;Erweitert&#039;&#039;&#039;, öffnet sich nur, wenn Sie eine Kategorie ausgewählt haben. Des Weiteren unterscheiden sich die Sucheinschränkung je nach Kategorie.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Allgemein ===&lt;br /&gt;
{{AnleitungScreenshotGroß|Sucheinschränkung allgemein.png|Ausgefüllte Suche mit Sucheinschränkungen anhand eines Beispiels im Dokumentenmanagementsystems. &lt;br /&gt;
|Anders als die Sucheinschränkungen unterhalb von Erweitert, sind die Allgemeinen Sucheinschränkungen immer in der Suche zu sehen. In der allgemeinen Sucheinschränkung haben Sie die Möglichkeit, verschiedene allgemeine Eingrenzungen in der Suche vorzunehmen wie z.B. nach Aktenzeichen, Bearbeiter/in, Dateiname, Erstellungs- und Änderungsdatum. Nachfolgend wird eine Suche für ein Verkündungsblatt beispielhaft dargestellt. &lt;br /&gt;
&lt;br /&gt;
In dem nachfolgenden Beispiel wählen wir als erstes die Kategorie &#039;&#039;&#039;Verkündungsblatt&#039;&#039;&#039; aus, damit nur Verkündungsblätter in der Suche angezeigt werden. Als nächstes geben wir als Suchbegriff &#039;&#039;&#039;Fächer&#039;&#039;&#039; und den Platzhalter Sternchen ein. Dies ist notwendig, da wir nach einem Verkündungsblatt mit Fächern suchen und den vollständigen Namen des Verkündungsblatts kennen. Zusätzlich geben wir noch den Zeitraum an, in dem das Verkündungsblatt veröffentlicht wurde und zum Schluss den Status der Ordnung. In Kraft bedeutet in diesem Fall, dass das Verkündungsblatt noch gilt.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Wir konnten somit unser Suchergebnis von 922 Treffern auf 42 beschränken.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Sortierung der Ergebnisliste ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Die Ergebnisliste beziehungsweise Trefferliste können Sie sich in der Listenansicht oder in der Tabellenansicht anzeigen lassen. Im Standard ist immer die Listenansicht voreingestellt. Sie können die Ansicht im Menü rechts oben über das Tabellen-Icon ändern. Zurück zu der Listenansicht gelangen Sie über das Listen-Icon.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Sortierung der Ergebnisliste beziehungsweise Trefferliste finden Sie in der Anleitung [[Tabellenansicht und Listenansicht in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Ergebnis im Aktenplan lokalisieren ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Dokument im Aktenplan lokalisieren.png|Übersicht des Kontextmenüs des Dokumentenmanagemtsystems. Menüpunkt Im Aktenplan lokalisieren.&lt;br /&gt;
|Wenn Sie ein Dokument über die Suche gefunden haben und wissen möchten, wo sich dieses Dokument im Aktenplan befindet, können Sie dies über die Funktion &#039;&#039;&#039;Im Aktenplan lokalisieren&#039;&#039;&#039; des Kontextmenüs ermitteln.&lt;br /&gt;
Klicken Sie hierfür neben dem Dokument auf die drei Punkte und anschließend müssen Sie im Kontextmenü auf &#039;&#039;&#039;Im Aktenplan lokalisieren&#039;&#039;&#039; klicken.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot|Dokument im Aktenplan lokalisieren2.png|Darstellung des Aktenplans.&lt;br /&gt;
|Nun wird der entsprechende Vorgang angezeigt, in dem sich das jeweilige Dokument befindet.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zum Aktenplan finden Sie in der Anleitung [[Aktenplan in DMS/eAkte]]. &lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Such-Eingaben zurücksetzen ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Suche zurücksetzen.png|Darstellung Menüpunkts Suche zurücksetzen in der Suchmaske des Dokumentenmanagementsystems.&lt;br /&gt;
|Über die drei Punkte im rechten Bereich, haben die Möglichkeit, die Sucheinschränkungen zurückzusetzen. Wenn Sie auf diesen Button geklickt haben, werden alle eingegebenen Sucheinschränkungen entfernt. &lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Suche im Persönlichen Bereich speichern ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Suche persönlicher Bereich.png|Darstellung der Funktion Favoriten in der Suchmaske des Dokumentenmanagementsystems.&lt;br /&gt;
|Sie haben die Möglichkeit Suchen, die Sie häufig verwenden, in den Favoriten zu speichern. Dies ist über den Stern rechts oberhalb des Suchfeldes möglich.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Anschließend haben Sie die Möglichkeit, ihre Suchvorlage zu betiteln und in einem Ordner abzulegen. Falls noch kein Ordner vorhanden ist, können Sie einen über den Button &#039;&#039;&#039;Neu erstellen&#039;&#039;&#039; erstellen.&lt;br /&gt;
Die gespeicherten Suchen können Sie über die Startseite unter dem &#039;&#039;&#039;persönlichen Bereich&#039;&#039;&#039; abrufen.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zum persönlichen Bereich finden Sie in der Anleitung [[Persönlicher Bereich in DMS/eAkte|Persönlicher Bereich]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Suchevorlage im Suchfenster ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Suchvorlage neu.png|Darstellung der Suchvorlage in der Suchmaske des Dokumentenmanagementsystems.&lt;br /&gt;
|Suchen, die Sie gespeichert haben, können Sie nicht nur in Ihrem Persönlichen Bereich aufrufen, sondern auch in den Suchvorlagen, die Ihnen links in der Suchmaske angeboten werden. Wenn Sie die Suchvorlagen aufklappen, sehen Sie nicht nur die Suchvorlagen (1), sondern auch Ihren Suchverlauf (2). &lt;br /&gt;
&amp;lt;br&amp;gt; Über den Suchvorlagen sehen Sie ein Menü (3), welches Ihnen ermöglicht, die Suchvorlagen zu filtern, zu aktualisieren oder zu verwalten. Wenn Sie eine Suchvorlage ausgewählt haben, wird Ihnen das unter anderem auch in der Suchmaske oben (4) angezeigt.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Suchevorlage verwalten ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Suchvorlagen bearbeiten.png|Darstellung der Suchvorlage im Bearbeitungsmodus.&lt;br /&gt;
|Wenn Sie über das &#039;&#039;&#039;Zahnrad-Symbol&#039;&#039;&#039; auf &#039;&#039;&#039;Suchvorlagen verwalten&#039;&#039;&#039; gehen, springen Sie in ein neues Fenster. Hier können Sie unter anderem Ihre Suchvorlagen &#039;&#039;&#039;Bearbeiten&#039;&#039;&#039;, &#039;&#039;&#039;Löschen&#039;&#039;&#039;, &#039;&#039;&#039;Beobachten&#039;&#039;&#039; oder den &#039;&#039;&#039;Link in Zwischenablage kopieren&#039;&#039;&#039;, wenn Sie auf die drei Punkte rechts klicken. Die Suchvorlagen können Sie ebenfalls über die Startseite unter dem &#039;&#039;&#039;persönlichen Bereich&#039;&#039;&#039; abrufen und bearbeiten.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Bearbeitung finden Sie in der Anleitung [[Persönlicher Bereich in DMS/eAkte|Persönlicher Bereich]].&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Suche_in_DMS/eAkte&amp;diff=4454</id>
		<title>Suche in DMS/eAkte</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Suche_in_DMS/eAkte&amp;diff=4454"/>
		<updated>2025-10-05T11:49:57Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: /* Platzhalter */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Anleitung}}[[category:Basisanleitungen]][[category:Suche]]&amp;lt;!--[[category:Aktenplan]][[category:Dokumente]]--&amp;gt;{{AnleitungAbsatz&lt;br /&gt;
|Diese Anleitung behandelt die Suche von {{Tooltip|Akte|Akten}}, {{Tooltip|Vorgang|Vorgängen}} und {{Tooltip|Dokumente|Dokumenten}} in DMS/eAkte.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Eine kurze Videoanleitung zum Thema Suche in DMS/eAkte finden Sie auf der [[panopto: 528a86d7-f86c-4f02-a5ea-acc3007a3101 |Videoplattform Panopto]].&lt;br /&gt;
}}&lt;br /&gt;
== Widget &amp;quot;Suche&amp;quot; und Widget &amp;quot;Suche mit Suchschlitz&amp;quot; ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sie können Ihre Suche beginnen, indem Sie auf das Widget &#039;&#039;&#039;Suche - Wissen zentral verfügbar&#039;&#039;&#039; klicken. Damit öffnet sich die normale Suchmaske. Dieses Widget ist sowohl auf dem Dashboard als auch in der klassischen Ansicht vorhanden.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot|Widget Suche mit Freitextfeld.png|Widget &amp;quot;Suche&amp;quot; mit einem drunter liegenden Freitext Suchfeld.&lt;br /&gt;
|Auf dem Dashboard ist außerdem das Widget &#039;&#039;&#039;Suche mit Suchschlitz&#039;&#039;&#039; verfügbar.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Klicken Sie auf den Schriftzug &#039;&#039;&#039;Suche&#039;&#039;&#039; oberhalb des Suchschlitzes, gelangen Sie zur regulären [[Suche in DMS/eAkte#Ansicht: Suche|Ansicht: Suche]] und können darüber ihre Suche durchführen.&lt;br /&gt;
&lt;br /&gt;
Sie können aber auch direkt eine Freitextsuche durchführen. Geben Sie hierfür den gesuchten Begriff in den Suchschlitz ein und drücken Sie &#039;&#039;&#039;Enter&#039;&#039;&#039; oder klicken rechts auf die Lupe. Dadurch werden Sie über die [[Suche in DMS/eAkte#Ansicht: Suche|Ansicht: Suche]] direkt zu den Suchergebnissen geleitet. &lt;br /&gt;
&lt;br /&gt;
In der [[Suche in DMS/eAkte#Ansicht: Suche|Ansicht: Suche]] können Sie Ihre Suche weiter eingrenzen.&lt;br /&gt;
&lt;br /&gt;
Sollte dieses Widget noch nicht auf dem Dashboard vorhanden sein, klicken Sie auf dem Dashboard oben rechts auf &#039;&#039;&#039;+ Widget hinzufügen&#039;&#039;&#039; . Wählen Sie dort das Widget &#039;&#039;&#039;Suche&#039;&#039;&#039; mit der Beschreibung &amp;quot;Suche nach Dokumenten, E-Mails oder Akten&amp;quot; aus und klicken auf &#039;&#039;&#039;Hinzufügen&#039;&#039;&#039;.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitergehende Informationen zum Dashboard und anderen Widgets finden Sie unter dem Punkt [[Schnelleinstieg in DMS/eAkte#Dashboard|Dashboard in der Anleitung Schnelleinstieg]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Ansicht: Suche ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Suche.png|Übersicht der Suchmaske des Dokumentenmanagementsystem.&lt;br /&gt;
|Klicken Sie auf der Dokumentenmanagement-Startseite auf das Widget &#039;&#039;&#039;Suche&#039;&#039;&#039;, um die Suche zu öffnen. Anschließend öffnet sich das nachfolgende Suchfenster:&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Unter dem Eingabefeld &#039;&#039;&#039;Suchbegriff eingeben&#039;&#039;&#039; befindet sich eine Einfeldsuche, in der Sie Ihre Suchbegriffe eintragen können. Sie können in der Einfeldsuche, ähnlich wie bei den Suchmaschinen von Bing etc., den entsprechenden Suchbegriff eingeben. Die Suche wird beim Tippen der Zeichen bereits ausgeführt, so dass Sie am Suchen-Button bereits die Anzahl der Suchtreffer und im unteren Bereich der Oberfläche weitere mögliche Einschränkungen über Eigenschaften sehen können. Die Dokumente werden volltextindiziert, so dass auch eine Suche in den Dokumenten und in den Metadaten erfolgt.&lt;br /&gt;
Sie können bei der Eingabe von Suchbegriffen auch mit sogenannten Platzhaltern arbeiten. &lt;br /&gt;
&lt;br /&gt;
Mit einem Klick auf den Button &#039;&#039;&#039;Suchen&#039;&#039;&#039; wird die Suche ausgeführt und die Ergebnis-  beziehungsweise Trefferliste angezeigt.&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Die Autovervollständigung macht Ihnen nur Vorschläge von Akten oder Dokumenten, auf die Sie auch berechtigt sind. Genauso werden auch nur Suchergebnisse ausgegeben, auf die Sie mindestens Leserechte besitzen.&lt;br /&gt;
}}&lt;br /&gt;
{{Information&lt;br /&gt;
|&#039;&#039;&#039;Tipp&#039;&#039;&#039;: Nutzen Sie die weiteren Sucheinschränkungen, um ein noch genaueres Ergebnis zu erhalten.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Platzhalter ==&lt;br /&gt;
&lt;br /&gt;
Platzhalter dienen dazu ein besseres Suchergebnis zu erzielen. Zudem sollten Sie sich an die Eingabeformate bei Datumsfeldern, Zahlen und Geldbeträgen halten, da das System sonst evtl. nicht das gewünschte Ergebnis liefert. Die Platzhalter und die Eingabeformate finden Sie in der Hilfe, die sich hinter dem Fragezeichen-Symbol verbergen.&lt;br /&gt;
&lt;br /&gt;
Liste einiger Platzhalter/Wildcards:&lt;br /&gt;
* * - eine beliebige Anzahl Zeichen&lt;br /&gt;
* ? - ein beliebiges Zeichen&lt;br /&gt;
* | - oder: beide Suchbegriffe werden gefunden&lt;br /&gt;
* $ - nicht leer: Alle Objekte, deren Metadatenfeld nicht leer ist. &lt;br /&gt;
Datum:&lt;br /&gt;
* {ZAHL} .. {ZAHL} - Bereich, relativ: Bereich in Tagen ausgehend von heute. Nur ganze positiv negative Zahlen möglich.&lt;br /&gt;
* {DATUM} .. {DATUM} - Bereich, absolut: Bereich zweier Datumsangaben.&lt;br /&gt;
&lt;br /&gt;
== Weitere Sucheinschränkungen ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sie können weitere Sucheinschränkungen in dem Eingabefeld &#039;&#039;&#039;Kategorie auswählen&#039;&#039;&#039;, &#039;&#039;&#039;Eigenschaften filtern&#039;&#039;&#039;, den Feldern unterhalb des Begriffs &#039;&#039;&#039;Allgemein&#039;&#039;&#039; und &#039;&#039;&#039;Erweitert&#039;&#039;&#039; vornehmen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Kategorie auswählen ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Sucheinschränkung Kategorie.png|Auswahlfeld der Sucheinschränkung Kategorie auswählen.&lt;br /&gt;
|Unter dem Auswahlmenü &#039;&#039;&#039;Kategorie auswählen&#039;&#039;&#039; haben Sie die Möglichkeit, eine detailliertere Suche vorzunehmen, indem Sie die Kategorisierung nach Projektakte, Projektdokument usw. nutzen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Eigenschaften ===&lt;br /&gt;
{{AnleitungScreenshot|Sucheinschränkung Eigenschaften.png|Filtern nach Sucheinschränkung in der Suche.&lt;br /&gt;
|Über das Feld &#039;&#039;&#039;Eigenschaften&#039;&#039;&#039; haben Sie die Möglichkeit, nach einzelnen Sucheinschränkungen zu filtern beziehungsweise einzelne erweiterte Sucheinschränkungen schneller zu finden.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Erweitert ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Sucheinschränkung Erweitert.PNG|Übersicht der erweiterten Sucheinschränkungsfelder im Dokumentenmanagementsystem.&lt;br /&gt;
|Die Sucheinschränkung &#039;&#039;&#039;Erweitert&#039;&#039;&#039; ermöglicht eine erweiterte Sucheinschränkung wie zum Beispiel nach &#039;&#039;&#039;Register&#039;&#039;&#039;, &#039;&#039;&#039;Aktenzeichen&#039;&#039;&#039;, etc. Die Sucheinschränkung &#039;&#039;&#039;Erweitert&#039;&#039;&#039;, öffnet sich nur, wenn Sie eine Kategorie ausgewählt haben. Des Weiteren unterscheiden sich die Sucheinschränkung je nach Kategorie.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Allgemein ===&lt;br /&gt;
{{AnleitungScreenshotGroß|Sucheinschränkung allgemein.png|Ausgefüllte Suche mit Sucheinschränkungen anhand eines Beispiels im Dokumentenmanagementsystems. &lt;br /&gt;
|Anders als die Sucheinschränkungen unterhalb von Erweitert, sind die Allgemeinen Sucheinschränkungen immer in der Suche zu sehen. In der allgemeinen Sucheinschränkung haben Sie die Möglichkeit, verschiedene allgemeine Eingrenzungen in der Suche vorzunehmen wie z.B. nach Aktenzeichen, Bearbeiter/in, Dateiname, Erstellungs- und Änderungsdatum. Nachfolgend wird eine Suche für ein Verkündungsblatt beispielhaft dargestellt. &lt;br /&gt;
&lt;br /&gt;
In dem nachfolgenden Beispiel wählen wir als erstes die Kategorie &#039;&#039;&#039;Verkündungsblatt&#039;&#039;&#039; aus, damit nur Verkündungsblätter in der Suche angezeigt werden. Als nächstes geben wir als Suchbegriff &#039;&#039;&#039;Fächer&#039;&#039;&#039; und den Platzhalter Sternchen ein. Dies ist notwendig, da wir nach einem Verkündungsblatt mit Fächern suchen und den vollständigen Namen des Verkündungsblatts kennen. Zusätzlich geben wir noch den Zeitraum an, in dem das Verkündungsblatt veröffentlicht wurde und zum Schluss den Status der Ordnung. In Kraft bedeutet in diesem Fall, dass das Verkündungsblatt noch gilt.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Wir konnten somit unser Suchergebnis von 922 Treffern auf 42 beschränken.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Sortierung der Ergebnisliste ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Die Ergebnisliste beziehungsweise Trefferliste können Sie sich in der Listenansicht oder in der Tabellenansicht anzeigen lassen. Im Standard ist immer die Listenansicht voreingestellt. Sie können die Ansicht im Menü rechts oben über das Tabellen-Icon ändern. Zurück zu der Listenansicht gelangen Sie über das Listen-Icon.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Sortierung der Ergebnisliste beziehungsweise Trefferliste finden Sie in der Anleitung [[Tabellenansicht und Listenansicht in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Ergebnis im Aktenplan lokalisieren ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Dokument im Aktenplan lokalisieren.png|Übersicht des Kontextmenüs des Dokumentenmanagemtsystems. Menüpunkt Im Aktenplan lokalisieren.&lt;br /&gt;
|Wenn Sie ein Dokument über die Suche gefunden haben und wissen möchten, wo sich dieses Dokument im Aktenplan befindet, können Sie dies über die Funktion &#039;&#039;&#039;Im Aktenplan lokalisieren&#039;&#039;&#039; des Kontextmenüs ermitteln.&lt;br /&gt;
Klicken Sie hierfür neben dem Dokument auf die drei Punkte und anschließend müssen Sie im Kontextmenü auf &#039;&#039;&#039;Im Aktenplan lokalisieren&#039;&#039;&#039; klicken.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot|Dokument im Aktenplan lokalisieren2.png|Darstellung des Aktenplans.&lt;br /&gt;
|Nun wird der entsprechende Vorgang angezeigt, in dem sich das jeweilige Dokument befindet.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zum Aktenplan finden Sie in der Anleitung [[Aktenplan in DMS/eAkte]]. &lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Such-Eingaben zurücksetzen ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Suche zurücksetzen.png|Darstellung Menüpunkts Suche zurücksetzen in der Suchmaske des Dokumentenmanagementsystems.&lt;br /&gt;
|Über die drei Punkte im rechten Bereich, haben die Möglichkeit, die Sucheinschränkungen zurückzusetzen. Wenn Sie auf diesen Button geklickt haben, werden alle eingegebenen Sucheinschränkungen entfernt. &lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Suche im Persönlichen Bereich speichern ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Suche persönlicher Bereich.png|Darstellung der Funktion Favoriten in der Suchmaske des Dokumentenmanagementsystems.&lt;br /&gt;
|Sie haben die Möglichkeit Suchen, die Sie häufig verwenden, in den Favoriten zu speichern. Dies ist über den Stern rechts oberhalb des Suchfeldes möglich.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Anschließend haben Sie die Möglichkeit, ihre Suchvorlage zu betiteln und in einem Ordner abzulegen. Falls noch kein Ordner vorhanden ist, können Sie einen über den Button &#039;&#039;&#039;Neu erstellen&#039;&#039;&#039; erstellen.&lt;br /&gt;
Die gespeicherten Suchen können Sie über die Startseite unter dem &#039;&#039;&#039;persönlichen Bereich&#039;&#039;&#039; abrufen.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zum persönlichen Bereich finden Sie in der Anleitung [[Persönlicher Bereich in DMS/eAkte|Persönlicher Bereich]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Suchevorlage im Suchfenster ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Suchvorlage neu.png|Darstellung der Suchvorlage in der Suchmaske des Dokumentenmanagementsystems.&lt;br /&gt;
|Suchen, die Sie gespeichert haben, können Sie nicht nur in Ihrem Persönlichen Bereich aufrufen, sondern auch in den Suchvorlagen, die Ihnen links in der Suchmaske angeboten werden. Wenn Sie die Suchvorlagen aufklappen, sehen Sie nicht nur die Suchvorlagen (1), sondern auch Ihren Suchverlauf (2). &lt;br /&gt;
&amp;lt;br&amp;gt; Über den Suchvorlagen sehen Sie ein Menü (3), welches Ihnen ermöglicht, die Suchvorlagen zu filtern, zu aktualisieren oder zu verwalten. Wenn Sie eine Suchvorlage ausgewählt haben, wird Ihnen das unter anderem auch in der Suchmaske oben (4) angezeigt.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Suchevorlage verwalten ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Suchvorlagen bearbeiten.png|Darstellung der Suchvorlage im Bearbeitungsmodus.&lt;br /&gt;
|Wenn Sie über das &#039;&#039;&#039;Zahnrad-Symbol&#039;&#039;&#039; auf &#039;&#039;&#039;Suchvorlagen verwalten&#039;&#039;&#039; gehen, springen Sie in ein neues Fenster. Hier können Sie unter anderem Ihre Suchvorlagen &#039;&#039;&#039;Bearbeiten&#039;&#039;&#039;, &#039;&#039;&#039;Löschen&#039;&#039;&#039;, &#039;&#039;&#039;Beobachten&#039;&#039;&#039; oder den &#039;&#039;&#039;Link in Zwischenablage kopieren&#039;&#039;&#039;, wenn Sie auf die drei Punkte rechts klicken. Die Suchvorlagen können Sie ebenfalls über die Startseite unter dem &#039;&#039;&#039;persönlichen Bereich&#039;&#039;&#039; abrufen und bearbeiten.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Bearbeitung finden Sie in der Anleitung [[Persönlicher Bereich in DMS/eAkte|Persönlicher Bereich]].&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4433</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4433"/>
		<updated>2025-08-26T09:16:47Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */&lt;br /&gt;
/* Die Definitionen werden immer durch den nächsten Kommentar unterhalb erläutert. Ein Kommentar kann sich so auch auf mehrere Definitionen darüber beziehen. */ &lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .barrierefrei {&lt;br /&gt;
   line-height: 150%;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
}&lt;br /&gt;
/* Klasse wird genutzt in den Anleitungen: In Tabellen und in den Vorlagen der Screenshots, AnleitungAbsatz und HinweisBox. Sie regelt den Zeilenabstand und beschränkt die Absatzbreite auf maximal ca. 80 Zeichen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox {&lt;br /&gt;
   display: table;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
   margin-top: 2em;&lt;br /&gt;
   margin-bottom: 2em;&lt;br /&gt;
   min-height: 64px;&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div {&lt;br /&gt;
   padding: 0 5px;&lt;br /&gt;
   display: table-cell;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
}&lt;br /&gt;
/* Formatierung der Hinweisbox:&lt;br /&gt;
   Die Darstellung erfolgt als Tabelle;&lt;br /&gt;
   Über der Hinweisbox wird immer ein Abstand eingefügt; Wenn die Hinweisbox nicht das letzte Element einer Seite ist, erhält sie auch einen Abstand nach unten;&lt;br /&gt;
   Die Hinweisbox hat eine Mindesthöhe, die der Höhe der Symbolbilder entspricht. So werden auch kleine Boxen ohne Symbolbild passend dargestellt;&lt;br /&gt;
   Die Kind-Elemente werden als Tabellenelemente auf gleicher Höhe gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) {&lt;br /&gt;
   height: 60px;&lt;br /&gt;
   width: 60px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für Symbolbilder in Hinweisboxen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisboxrahmen {&lt;br /&gt;
   border: solid 3px #008965;&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px Silver;&lt;br /&gt;
}&lt;br /&gt;
/* Rahmen der Hinweisbox wird getrennt abgehandelt. Nur Hinweisboxen mit dieser Klasse erhalten einen Rahmen in Unigrün;&lt;br /&gt;
   Aktuell sind das: Hinweis, Information, Verpflichtend und Verweis */&lt;br /&gt;
&lt;br /&gt;
.catlinks {&lt;br /&gt;
   margin-top: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
/* Zusätzlicher Abstand vor der Auflistung der Kategorien. */&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen {&lt;br /&gt;
   background-color: whitesmoke;&lt;br /&gt;
   border: solid 1px lightgray;&lt;br /&gt;
   padding: 5px;&lt;br /&gt;
}&lt;br /&gt;
/*Formatierung des Screenshothintergrunds: Der Hintergrund ist leicht abgedunkelt und ein Rahmen wird um das Bild gezogen. Ein kleiner Abstand nach innen wird definiert.*/&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen img {&lt;br /&gt;
   height: auto;&lt;br /&gt;
   max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* Bilder */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .screenshotgroß {&lt;br /&gt;
   max-width: 1020px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für große Screenshots, wenn nicht die Vorlage Anleitung verwendet wird. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen {&lt;br /&gt;
   margin-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:first-child {&lt;br /&gt;
   margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:last-child {&lt;br /&gt;
   margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
/* Abstände für eine Verwendung von Screenshots innerhalb einer Hinweisbox. */&lt;br /&gt;
&lt;br /&gt;
.screenshotImText &amp;gt; div {&lt;br /&gt;
   float: left;&lt;br /&gt;
   margin-right: 1em;&lt;br /&gt;
   margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Screenshots bspw. von kleineren Schaltflächen können auch im Textfluss dargestellt werden. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.screenshotrahmen,&lt;br /&gt;
.kachel,&lt;br /&gt;
#toc {&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px Silver;&lt;br /&gt;
}&lt;br /&gt;
/*Screenshots, die Kacheln der Startseite und die Seiten-Inhaltsverzeichnisse erhalten einen leichten grauen Schatten. Der Rahmen der Hinweisbox wird separat definiert.*/&lt;br /&gt;
&lt;br /&gt;
table.tanleitung {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:first-child,&lt;br /&gt;
.schulung .tanleitung td:first-child,&lt;br /&gt;
.wikitable .tanleitung,&lt;br /&gt;
.tanleitung th {&lt;br /&gt;
   background-color: #008965 !important;&lt;br /&gt;
   color: white;&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:last-child,&lt;br /&gt;
.schulung .tanleitung td:last-child {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* In Tabellen der Anleitungen wird die Definition genutzt, um der Tabellenkopfzeile eine Uni-grünen Hintergrund und die Schriftfarbe auf weiß zu setzen. */&lt;br /&gt;
/* In der Seite Schulung wird jeweils die erste Spalte der Tabelle formatiert. */&lt;br /&gt;
&lt;br /&gt;
tr:hover {&lt;br /&gt;
   background-color: lavender !important;&lt;br /&gt;
}&lt;br /&gt;
/* Als Lesehilfe wird die mit der Maus berührte Zeile einer Tabelle dezent farblich hervorgehoben. */&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories + #mw-pages &amp;gt; h2, &lt;br /&gt;
.mw-parser-output:has(&amp;gt; :last-child) + .mw-category-generated, /* Auf einer Kategorienseite haben die automatisch erzeugten Überschriften (Unterkategorien und Seiten in Kategorie) ebenfalls einen größeren Abstand, wenn es einen entsprechenden Seiteninhalt gibt. */&lt;br /&gt;
:is(.screenshot, .absatz, .hinweisbox, p, ul, ol, table) + :is(h2, h3),&lt;br /&gt;
.mw-parser-output &amp;gt; .anleitung:first-child ~ h2:first-of-type {&lt;br /&gt;
  margin-top: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Zeilenabstand über den Überschriften */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:is(ol, ul, p, .absatz, h4) + .screenshot,&lt;br /&gt;
.screenshot + :is(ol, ul, p, .absatz, .seitenindex, h4, .screenshot),&lt;br /&gt;
.screenshot + #toc,&lt;br /&gt;
#toc + p,&lt;br /&gt;
:is(p, .absatz) + #toc,&lt;br /&gt;
.absatz + .seitenindex {&lt;br /&gt;
   margin-top: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Abstand zwischen zwischen Screenshot, Absatz und Inhaltsverzeichnis */&lt;br /&gt;
&lt;br /&gt;
p + .absatz,&lt;br /&gt;
.absatz + p {&lt;br /&gt;
   margin-top: 0.5em&lt;br /&gt;
}&lt;br /&gt;
/* Wenn die Vorlage AnleitungAbsatz auf einen normalen Absatz folgt (oder umgekehrt), wird ein Abstand eingefügt, wie er zwischen zwei normalen Absätzen automatisch eingefügt wird. */&lt;br /&gt;
&lt;br /&gt;
.seitenindex {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));&lt;br /&gt;
   grid-auto-flow: dense;&lt;br /&gt;
   column-gap: 2em;&lt;br /&gt;
   row-gap: 1.5em;&lt;br /&gt;
   align-items: start;&lt;br /&gt;
}&lt;br /&gt;
/* Anzeige der Kacheln im Seitenindex (wird auf der Startseite verwendet): Die Kacheln haben eine minimale Breite. Außerdem wurde der Platz zwischen den Kacheln definiert (c.-gap und r.-gap). Wenn nicht mehr genügend Platz für eine weitere Kachel zur Verfügung steht, wird diese in eine neue Zeile geschoben. So werden die Kacheln auf kleineren Displays untereinander gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.kachel {&lt;br /&gt;
   border-top: solid 2px darkgray;&lt;br /&gt;
   border-left: solid 2px darkgray;&lt;br /&gt;
   border-right: solid 2px gray;&lt;br /&gt;
   border-bottom: solid 2px gray;&lt;br /&gt;
   background-color: gainsboro;&lt;br /&gt;
}&lt;br /&gt;
.kachel {&lt;br /&gt;
   text-align: center;&lt;br /&gt;
}&lt;br /&gt;
/* Eigenschaften der Kacheln im Seitenindex */&lt;br /&gt;
&lt;br /&gt;
.kachel:focus-within,&lt;br /&gt;
.kachel:hover {&lt;br /&gt;
   background-color: lightgrey;&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px #a7d7f9;&lt;br /&gt;
   border-top-color: LightSteelBlue;&lt;br /&gt;
   border-left-color: LightSteelBlue;&lt;br /&gt;
   border-right-color: SteelBlue;&lt;br /&gt;
   border-bottom-color: SteelBlue;&lt;br /&gt;
}&lt;br /&gt;
/* Eine Kachel im Seitenindex wird hervorgehoben wenn der Mauszeiger sich darüber befindet oder sie mit dem Tabulator ausgewählt wurde. Der Hintergrund wird abgedunkelt. Rahmen und Schatten erhalten eine blaue Färbung, die sich am Design des Wiki des Wikis orientiert. */&lt;br /&gt;
&lt;br /&gt;
/* #p-tb {&lt;br /&gt;
   display: none;&lt;br /&gt;
} */&lt;br /&gt;
/* Unterdrückt die Anzeige der Werkzeuge im Seitenmenü komplett */&lt;br /&gt;
&lt;br /&gt;
#p-Admin,&lt;br /&gt;
li#t-recentchangeslinked,&lt;br /&gt;
li#t-upload,&lt;br /&gt;
li#t-specialpages,&lt;br /&gt;
li#t-permalink,&lt;br /&gt;
li#t-info,&lt;br /&gt;
li#t-cite,&lt;br /&gt;
.noautonum .tocnumber {&lt;br /&gt;
   display: none;&lt;br /&gt;
}&lt;br /&gt;
/* nav#p-Admin: Für normale Benutzer:innen werden die Links für Admins ausgeblendet. Über die spezielle css-Seite für Administrator:innen (MediaWiki:Group-sysop.css) wird diese Ausblendung wieder aufgehoben.&lt;br /&gt;
   li#t-...:    Einzelne Werkzeuge im linken Seitenmenü werden ausgeblendet&lt;br /&gt;
   .noautonum:  Kann genutzt werden, um im Inhaltsverzeichnis die Nummerierung zu unterdrücken. */&lt;br /&gt;
&lt;br /&gt;
.kachel,&lt;br /&gt;
#mw-panel .vector-menu-content a {&lt;br /&gt;
   transition-property: box-shadow, border-color, background-color;&lt;br /&gt;
   transition-duration: 1s;&lt;br /&gt;
}&lt;br /&gt;
/* Der Farbübergang des Seitenmenü und der Kacheln im Seitenindex wird nicht sofort durchgeführt, sondern braucht eine Sekunde. */&lt;br /&gt;
&lt;br /&gt;
#mw-panel .vector-menu-content a:focus,&lt;br /&gt;
#mw-panel .vector-menu-content a:hover {&lt;br /&gt;
   box-shadow: 0px 5px 5px -2px Silver;&lt;br /&gt;
}&lt;br /&gt;
/* Hervorhebung im linken Seitenmenü der ausgewählten Menüzeile */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-auto-columns: fit-content( 18ch ) 1fr;&lt;br /&gt;
   column-gap: 1em;&lt;br /&gt;
   row-gap: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Ermöglicht mit der Vorlage Definitionsliste eine Aufzählung, in der das(die) Schlagwort(e) fett hervorgehoben werden und der Definitionstext als eingerückter Textblock dargestellt wird.*/&lt;br /&gt;
&lt;br /&gt;
.defPunkt {&lt;br /&gt;
   grid-column: 1;&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* Formatiert die Schlagworte einer Definitionsliste fett und stellt sie vor den Textblock. */&lt;br /&gt;
&lt;br /&gt;
.defErläuterung {&lt;br /&gt;
   grid-column: 2;&lt;br /&gt;
}&lt;br /&gt;
/* Stellt den Textblock in einer Definitionsliste in eine zweite Spalte. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste p:last-child {&lt;br /&gt;
   margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert, dass der letzte zusätzliche Absatz einer Definitionsliste einen größeren Zeilenabstand hat als die übrigen Textblöcke. */&lt;br /&gt;
&lt;br /&gt;
.absatz:after {&lt;br /&gt;
   content: &amp;quot;&amp;quot;;&lt;br /&gt;
   display: block;&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert ein einfließen des Textes bei sehr kleinen Screenshots. */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
     container-type: inline-size;&lt;br /&gt;
}&lt;br /&gt;
/* Weißt dem Seiteninhalt einen Container zu. Kindelemente dieses Containers können sich auf die zur Verfügung stehende Breite beziehen. So werden Abfragen nach der Bildschirmbreite überflüssig. */&lt;br /&gt;
&lt;br /&gt;
@container (min-width: 53em) {&lt;br /&gt;
/* Alle hier definierten Eigenschaften kommen nur zum Tragen, wenn mindestens 65em Seiteninhalt zur Verfügung stehen. */&lt;br /&gt;
   .anleitung {&lt;br /&gt;
/*    display: grid;&lt;br /&gt;
      grid-template-columns: 50em minmax(5em, 20em) auto;&lt;br /&gt;
      grid-auto-flow: row dense; */&lt;br /&gt;
   }&lt;br /&gt;
/* Aktuell nicht verwendet. Das Anleitungsdesign war zunächst als Grid geplant. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
   /* Alle Kindelemente der Anleitung erhalten eine maximale Breite und eine passende Zeilenhöhe zur Wahrung der Barrierefreiheit. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      transition: all 1s;&lt;br /&gt;
      width: max-content;&lt;br /&gt;
   }&lt;br /&gt;
   /* Die Vergrößerung und auch das zurückfallen auf normale Größe der großen Screenshots wird mit einer Sekunde Verzögerung ausgeführt. So wird daraus eine fließende Bewegung. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:focus-within,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:hover {&lt;br /&gt;
      max-width: 100%;&lt;br /&gt;
      z-index: 100;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots werden nur noch größer dargestellt, wenn sie mit der Maus oder dem Tabulator ausgewählt werden. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .toc,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      justify-self: start;&lt;br /&gt;
   }&lt;br /&gt;
   /* Ausrichtung von Inhaltsverzeichnis und großen Screenshots. Es wird nur der tatsächlich benötigte Platz eingenommen. Nicht die volle zur Verfügung stehende Breite. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      position: relative;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:not(:hover)::after {&lt;br /&gt;
      content: &#039;Vergrößerbar&#039;;&lt;br /&gt;
      position: absolute;&lt;br /&gt;
      bottom: 0;&lt;br /&gt;
      left: 0.2em;&lt;br /&gt;
      color: red;&lt;br /&gt;
      font-size: 2em;&lt;br /&gt;
      z-index: 10;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots erhalten eine Markierung &#039;Vergrößerbar&#039; solange sie nicht ausgewählt wurden. Dazu muss die Position des Screenshots als relativ sein und der Schriftzug dazu absolut gesetzt werden. */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container (width &amp;lt; 53em) {&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
   }&lt;br /&gt;
   .übersicht {&lt;br /&gt;
      display: none;&lt;br /&gt;
   }&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
/* Bei wenig zur Verfügung stehendem Platz wird nur noch die maximale Breite und die Zeilenhöhe definiert. Falls das Menü &#039;Übersicht&#039; verwendet wird, wird es jetzt ausgeblendet. */&lt;br /&gt;
&lt;br /&gt;
.übersicht {&lt;br /&gt;
   position: sticky;&lt;br /&gt;
   height: 2em;&lt;br /&gt;
   top: 4em;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
/* Menü für Anleitungen. (ToDo) Das Menü soll im rechts verfügbaren Platz angezeigt werden. Das Menü wandert beim Scrollen mit. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div {&lt;br /&gt;
   padding: 0 0.5em;&lt;br /&gt;
   height: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .tooltip {&lt;br /&gt;
   color: #c32e04;&lt;br /&gt;
   text-decoration: underline;&lt;br /&gt;
   cursor: help;&lt;br /&gt;
} */&lt;br /&gt;
&lt;br /&gt;
[data-tooltip] {&lt;br /&gt;
   position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]::after {&lt;br /&gt;
   content: attr(data-tooltip);&lt;br /&gt;
   pointer-events: none;&lt;br /&gt;
   opacity: 0;&lt;br /&gt;
   transition: opacity 0.5s;&lt;br /&gt;
   display: block;&lt;br /&gt;
   position: absolute;&lt;br /&gt;
   bottom: 1em;&lt;br /&gt;
   left: -4em;&lt;br /&gt;
   max-width: 30em;&lt;br /&gt;
   width: max-content;&lt;br /&gt;
   padding: 0.5em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
   color: #000;&lt;br /&gt;
   background-color: #d8edfc;&lt;br /&gt;
   border: solid 1px steelblue;&lt;br /&gt;
   border-radius: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]:hover::after {&lt;br /&gt;
   opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
/* Tooltip kann in Verbindung mit der Vorlage Tooltip|Anzeigetext|Glossareintrag eingebunden werden.&lt;br /&gt;
   Anzeigetext = Dieser Text erscheint im Fließtext der Anleitung unterstrichen.&lt;br /&gt;
   Glossareintrag = Der Text dieses Eintrags wird beim Bewegen des Cursers über den Anzeigetext über diesem als kleine Box eingeblendet. Es darf sich dabei nur um einen einzelnen Absatz handeln. Der Absatz muss in der Seite im Glossar mit &amp;quot;onlyinclude&amp;quot; geklammert werden und darf keine HTML-Tags enthalten. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste .hinweisbox {&lt;br /&gt;
   grid-column: 1 / 3;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4432</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=MediaWiki:Common.css&amp;diff=4432"/>
		<updated>2025-08-26T09:14:36Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */&lt;br /&gt;
/* Die Definitionen werden immer durch den nächsten Kommentar unterhalb erläutert. Ein Kommentar kann sich so auch auf mehrere Definitionen darüber beziehen. */ &lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .barrierefrei {&lt;br /&gt;
   line-height: 150%;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
}&lt;br /&gt;
/* Klasse wird genutzt in den Anleitungen: In Tabellen und in den Vorlagen der Screenshots, AnleitungAbsatz und HinweisBox. Sie regelt den Zeilenabstand und beschränkt die Absatzbreite auf maximal ca. 80 Zeichen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox {&lt;br /&gt;
   display: table;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
   margin-top: 2em;&lt;br /&gt;
   margin-bottom: 2em;&lt;br /&gt;
   min-height: 64px;&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div {&lt;br /&gt;
   padding: 0 5px;&lt;br /&gt;
   display: table-cell;&lt;br /&gt;
   vertical-align: middle;&lt;br /&gt;
}&lt;br /&gt;
/* Formatierung der Hinweisbox:&lt;br /&gt;
   Die Darstellung erfolgt als Tabelle;&lt;br /&gt;
   Über der Hinweisbox wird immer ein Abstand eingefügt; Wenn die Hinweisbox nicht das letzte Element einer Seite ist, erhält sie auch einen Abstand nach unten;&lt;br /&gt;
   Die Hinweisbox hat eine Mindesthöhe, die der Höhe der Symbolbilder entspricht. So werden auch kleine Boxen ohne Symbolbild passend dargestellt;&lt;br /&gt;
   Die Kind-Elemente werden als Tabellenelemente auf gleicher Höhe gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div:first-child:not(:only-child) {&lt;br /&gt;
   height: 60px;&lt;br /&gt;
   width: 60px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für Symbolbilder in Hinweisboxen. */&lt;br /&gt;
&lt;br /&gt;
.hinweisboxrahmen {&lt;br /&gt;
   border: solid 3px #008965;&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px Silver;&lt;br /&gt;
}&lt;br /&gt;
/* Rahmen der Hinweisbox wird getrennt abgehandelt. Nur Hinweisboxen mit dieser Klasse erhalten einen Rahmen in Unigrün;&lt;br /&gt;
   Aktuell sind das: Hinweis, Information, Verpflichtend und Verweis */&lt;br /&gt;
&lt;br /&gt;
.catlinks {&lt;br /&gt;
   margin-top: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
/* Zusätzlicher Abstand vor der Auflistung der Kategorien. */&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen {&lt;br /&gt;
   background-color: whitesmoke;&lt;br /&gt;
   border: solid 1px lightgray;&lt;br /&gt;
   padding: 5px;&lt;br /&gt;
}&lt;br /&gt;
/*Formatierung des Screenshothintergrunds: Der Hintergrund ist leicht abgedunkelt und ein Rahmen wird um das Bild gezogen. Ein kleiner Abstand nach innen wird definiert.*/&lt;br /&gt;
&lt;br /&gt;
.screenshotrahmen img {&lt;br /&gt;
   height: auto;&lt;br /&gt;
   max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* Bilder */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .screenshotgroß {&lt;br /&gt;
   max-width: 1020px;&lt;br /&gt;
}&lt;br /&gt;
/* Feste Breite für große Screenshots, wenn nicht die Vorlage Anleitung verwendet wird. */&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen {&lt;br /&gt;
   margin-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:first-child {&lt;br /&gt;
   margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hinweisbox &amp;gt; div &amp;gt; .screenshotrahmen:last-child {&lt;br /&gt;
   margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
/* Abstände für eine Verwendung von Screenshots innerhalb einer Hinweisbox. */&lt;br /&gt;
&lt;br /&gt;
.screenshotImText &amp;gt; div {&lt;br /&gt;
   float: left;&lt;br /&gt;
   margin-right: 1em;&lt;br /&gt;
   margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Screenshots bspw. von kleineren Schaltflächen können auch im Textfluss dargestellt werden. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.screenshotrahmen,&lt;br /&gt;
.kachel,&lt;br /&gt;
#toc {&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px Silver;&lt;br /&gt;
}&lt;br /&gt;
/*Screenshots, die Kacheln der Startseite und die Seiten-Inhaltsverzeichnisse erhalten einen leichten grauen Schatten. Der Rahmen der Hinweisbox wird separat definiert.*/&lt;br /&gt;
&lt;br /&gt;
table.tanleitung {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:first-child,&lt;br /&gt;
.schulung .tanleitung td:first-child,&lt;br /&gt;
.wikitable .tanleitung,&lt;br /&gt;
.tanleitung th {&lt;br /&gt;
   background-color: #008965 !important;&lt;br /&gt;
   color: white;&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output &amp;gt; .schulung:first-child ~ .tanleitung td:last-child,&lt;br /&gt;
.schulung .tanleitung td:last-child {&lt;br /&gt;
   width: 100%;&lt;br /&gt;
}&lt;br /&gt;
/* In Tabellen der Anleitungen wird die Definition genutzt, um der Tabellenkopfzeile eine Uni-grünen Hintergrund und die Schriftfarbe auf weiß zu setzen. */&lt;br /&gt;
/* In der Seite Schulung wird jeweils die erste Spalte der Tabelle formatiert. */&lt;br /&gt;
&lt;br /&gt;
tr:hover {&lt;br /&gt;
   background-color: lavender !important;&lt;br /&gt;
}&lt;br /&gt;
/* Als Lesehilfe wird die mit der Maus berührte Zeile einer Tabelle dezent farblich hervorgehoben. */&lt;br /&gt;
&lt;br /&gt;
#mw-subcategories + #mw-pages &amp;gt; h2, &lt;br /&gt;
.mw-parser-output:has(&amp;gt; :last-child) + .mw-category-generated, /* Auf einer Kategorienseite haben die automatisch erzeugten Überschriften (Unterkategorien und Seiten in Kategorie) ebenfalls einen größeren Abstand, wenn es einen entsprechenden Seiteninhalt gibt. */&lt;br /&gt;
:is(.screenshot, .absatz, .hinweisbox, p, ul, ol, table) + :is(h2, h3),&lt;br /&gt;
.mw-parser-output &amp;gt; .anleitung:first-child ~ h2:first-of-type {&lt;br /&gt;
  margin-top: 2em !important;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Zeilenabstand über den Überschriften */&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:is(ol, ul, p, .absatz, h4, .sreenshot) + .screenshot,&lt;br /&gt;
.screenshot + :is(ol, ul, p, .absatz, .seitenindex, h4),&lt;br /&gt;
.screenshot + #toc,&lt;br /&gt;
#toc + p,&lt;br /&gt;
:is(p, .absatz) + #toc,&lt;br /&gt;
.absatz + .seitenindex {&lt;br /&gt;
   margin-top: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* größerer Abstand zwischen zwischen Screenshot, Absatz und Inhaltsverzeichnis */&lt;br /&gt;
&lt;br /&gt;
p + .absatz,&lt;br /&gt;
.absatz + p {&lt;br /&gt;
   margin-top: 0.5em&lt;br /&gt;
}&lt;br /&gt;
/* Wenn die Vorlage AnleitungAbsatz auf einen normalen Absatz folgt (oder umgekehrt), wird ein Abstand eingefügt, wie er zwischen zwei normalen Absätzen automatisch eingefügt wird. */&lt;br /&gt;
&lt;br /&gt;
.seitenindex {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));&lt;br /&gt;
   grid-auto-flow: dense;&lt;br /&gt;
   column-gap: 2em;&lt;br /&gt;
   row-gap: 1.5em;&lt;br /&gt;
   align-items: start;&lt;br /&gt;
}&lt;br /&gt;
/* Anzeige der Kacheln im Seitenindex (wird auf der Startseite verwendet): Die Kacheln haben eine minimale Breite. Außerdem wurde der Platz zwischen den Kacheln definiert (c.-gap und r.-gap). Wenn nicht mehr genügend Platz für eine weitere Kachel zur Verfügung steht, wird diese in eine neue Zeile geschoben. So werden die Kacheln auf kleineren Displays untereinander gezeigt.*/&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div,&lt;br /&gt;
.kachel {&lt;br /&gt;
   border-top: solid 2px darkgray;&lt;br /&gt;
   border-left: solid 2px darkgray;&lt;br /&gt;
   border-right: solid 2px gray;&lt;br /&gt;
   border-bottom: solid 2px gray;&lt;br /&gt;
   background-color: gainsboro;&lt;br /&gt;
}&lt;br /&gt;
.kachel {&lt;br /&gt;
   text-align: center;&lt;br /&gt;
}&lt;br /&gt;
/* Eigenschaften der Kacheln im Seitenindex */&lt;br /&gt;
&lt;br /&gt;
.kachel:focus-within,&lt;br /&gt;
.kachel:hover {&lt;br /&gt;
   background-color: lightgrey;&lt;br /&gt;
   box-shadow: 5px 5px 5px 0px #a7d7f9;&lt;br /&gt;
   border-top-color: LightSteelBlue;&lt;br /&gt;
   border-left-color: LightSteelBlue;&lt;br /&gt;
   border-right-color: SteelBlue;&lt;br /&gt;
   border-bottom-color: SteelBlue;&lt;br /&gt;
}&lt;br /&gt;
/* Eine Kachel im Seitenindex wird hervorgehoben wenn der Mauszeiger sich darüber befindet oder sie mit dem Tabulator ausgewählt wurde. Der Hintergrund wird abgedunkelt. Rahmen und Schatten erhalten eine blaue Färbung, die sich am Design des Wiki des Wikis orientiert. */&lt;br /&gt;
&lt;br /&gt;
/* #p-tb {&lt;br /&gt;
   display: none;&lt;br /&gt;
} */&lt;br /&gt;
/* Unterdrückt die Anzeige der Werkzeuge im Seitenmenü komplett */&lt;br /&gt;
&lt;br /&gt;
#p-Admin,&lt;br /&gt;
li#t-recentchangeslinked,&lt;br /&gt;
li#t-upload,&lt;br /&gt;
li#t-specialpages,&lt;br /&gt;
li#t-permalink,&lt;br /&gt;
li#t-info,&lt;br /&gt;
li#t-cite,&lt;br /&gt;
.noautonum .tocnumber {&lt;br /&gt;
   display: none;&lt;br /&gt;
}&lt;br /&gt;
/* nav#p-Admin: Für normale Benutzer:innen werden die Links für Admins ausgeblendet. Über die spezielle css-Seite für Administrator:innen (MediaWiki:Group-sysop.css) wird diese Ausblendung wieder aufgehoben.&lt;br /&gt;
   li#t-...:    Einzelne Werkzeuge im linken Seitenmenü werden ausgeblendet&lt;br /&gt;
   .noautonum:  Kann genutzt werden, um im Inhaltsverzeichnis die Nummerierung zu unterdrücken. */&lt;br /&gt;
&lt;br /&gt;
.kachel,&lt;br /&gt;
#mw-panel .vector-menu-content a {&lt;br /&gt;
   transition-property: box-shadow, border-color, background-color;&lt;br /&gt;
   transition-duration: 1s;&lt;br /&gt;
}&lt;br /&gt;
/* Der Farbübergang des Seitenmenü und der Kacheln im Seitenindex wird nicht sofort durchgeführt, sondern braucht eine Sekunde. */&lt;br /&gt;
&lt;br /&gt;
#mw-panel .vector-menu-content a:focus,&lt;br /&gt;
#mw-panel .vector-menu-content a:hover {&lt;br /&gt;
   box-shadow: 0px 5px 5px -2px Silver;&lt;br /&gt;
}&lt;br /&gt;
/* Hervorhebung im linken Seitenmenü der ausgewählten Menüzeile */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste {&lt;br /&gt;
   display: grid;&lt;br /&gt;
   grid-auto-columns: fit-content( 18ch ) 1fr;&lt;br /&gt;
   column-gap: 1em;&lt;br /&gt;
   row-gap: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Ermöglicht mit der Vorlage Definitionsliste eine Aufzählung, in der das(die) Schlagwort(e) fett hervorgehoben werden und der Definitionstext als eingerückter Textblock dargestellt wird.*/&lt;br /&gt;
&lt;br /&gt;
.defPunkt {&lt;br /&gt;
   grid-column: 1;&lt;br /&gt;
   font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* Formatiert die Schlagworte einer Definitionsliste fett und stellt sie vor den Textblock. */&lt;br /&gt;
&lt;br /&gt;
.defErläuterung {&lt;br /&gt;
   grid-column: 2;&lt;br /&gt;
}&lt;br /&gt;
/* Stellt den Textblock in einer Definitionsliste in eine zweite Spalte. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste p:last-child {&lt;br /&gt;
   margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert, dass der letzte zusätzliche Absatz einer Definitionsliste einen größeren Zeilenabstand hat als die übrigen Textblöcke. */&lt;br /&gt;
&lt;br /&gt;
.absatz:after {&lt;br /&gt;
   content: &amp;quot;&amp;quot;;&lt;br /&gt;
   display: block;&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
/* Verhindert ein einfließen des Textes bei sehr kleinen Screenshots. */&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output {&lt;br /&gt;
     container-type: inline-size;&lt;br /&gt;
}&lt;br /&gt;
/* Weißt dem Seiteninhalt einen Container zu. Kindelemente dieses Containers können sich auf die zur Verfügung stehende Breite beziehen. So werden Abfragen nach der Bildschirmbreite überflüssig. */&lt;br /&gt;
&lt;br /&gt;
@container (min-width: 53em) {&lt;br /&gt;
/* Alle hier definierten Eigenschaften kommen nur zum Tragen, wenn mindestens 65em Seiteninhalt zur Verfügung stehen. */&lt;br /&gt;
   .anleitung {&lt;br /&gt;
/*    display: grid;&lt;br /&gt;
      grid-template-columns: 50em minmax(5em, 20em) auto;&lt;br /&gt;
      grid-auto-flow: row dense; */&lt;br /&gt;
   }&lt;br /&gt;
/* Aktuell nicht verwendet. Das Anleitungsdesign war zunächst als Grid geplant. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
   /* Alle Kindelemente der Anleitung erhalten eine maximale Breite und eine passende Zeilenhöhe zur Wahrung der Barrierefreiheit. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      transition: all 1s;&lt;br /&gt;
      width: max-content;&lt;br /&gt;
   }&lt;br /&gt;
   /* Die Vergrößerung und auch das zurückfallen auf normale Größe der großen Screenshots wird mit einer Sekunde Verzögerung ausgeführt. So wird daraus eine fließende Bewegung. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:focus-within,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:hover {&lt;br /&gt;
      max-width: 100%;&lt;br /&gt;
      z-index: 100;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots werden nur noch größer dargestellt, wenn sie mit der Maus oder dem Tabulator ausgewählt werden. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .toc,&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      justify-self: start;&lt;br /&gt;
   }&lt;br /&gt;
   /* Ausrichtung von Inhaltsverzeichnis und großen Screenshots. Es wird nur der tatsächlich benötigte Platz eingenommen. Nicht die volle zur Verfügung stehende Breite. */&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß {&lt;br /&gt;
      position: relative;&lt;br /&gt;
   }&lt;br /&gt;
&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ .screenshotgroß:not(:hover)::after {&lt;br /&gt;
      content: &#039;Vergrößerbar&#039;;&lt;br /&gt;
      position: absolute;&lt;br /&gt;
      bottom: 0;&lt;br /&gt;
      left: 0.2em;&lt;br /&gt;
      color: red;&lt;br /&gt;
      font-size: 2em;&lt;br /&gt;
      z-index: 10;&lt;br /&gt;
   }&lt;br /&gt;
   /* Große Screenshots erhalten eine Markierung &#039;Vergrößerbar&#039; solange sie nicht ausgewählt wurden. Dazu muss die Position des Screenshots als relativ sein und der Schriftzug dazu absolut gesetzt werden. */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@container (width &amp;lt; 53em) {&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      max-width: 50em;&lt;br /&gt;
   }&lt;br /&gt;
   .übersicht {&lt;br /&gt;
      display: none;&lt;br /&gt;
   }&lt;br /&gt;
   .mw-parser-output &amp;gt; .anleitung:first-child ~ * {&lt;br /&gt;
      line-height: 150%;&lt;br /&gt;
   }&lt;br /&gt;
}&lt;br /&gt;
/* Bei wenig zur Verfügung stehendem Platz wird nur noch die maximale Breite und die Zeilenhöhe definiert. Falls das Menü &#039;Übersicht&#039; verwendet wird, wird es jetzt ausgeblendet. */&lt;br /&gt;
&lt;br /&gt;
.übersicht {&lt;br /&gt;
   position: sticky;&lt;br /&gt;
   height: 2em;&lt;br /&gt;
   top: 4em;&lt;br /&gt;
   max-width: 50em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
/* Menü für Anleitungen. (ToDo) Das Menü soll im rechts verfügbaren Platz angezeigt werden. Das Menü wandert beim Scrollen mit. */&lt;br /&gt;
&lt;br /&gt;
.übersicht &amp;gt; div {&lt;br /&gt;
   padding: 0 0.5em;&lt;br /&gt;
   height: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .tooltip {&lt;br /&gt;
   color: #c32e04;&lt;br /&gt;
   text-decoration: underline;&lt;br /&gt;
   cursor: help;&lt;br /&gt;
} */&lt;br /&gt;
&lt;br /&gt;
[data-tooltip] {&lt;br /&gt;
   position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]::after {&lt;br /&gt;
   content: attr(data-tooltip);&lt;br /&gt;
   pointer-events: none;&lt;br /&gt;
   opacity: 0;&lt;br /&gt;
   transition: opacity 0.5s;&lt;br /&gt;
   display: block;&lt;br /&gt;
   position: absolute;&lt;br /&gt;
   bottom: 1em;&lt;br /&gt;
   left: -4em;&lt;br /&gt;
   max-width: 30em;&lt;br /&gt;
   width: max-content;&lt;br /&gt;
   padding: 0.5em;&lt;br /&gt;
   z-index: 1000;&lt;br /&gt;
   color: #000;&lt;br /&gt;
   background-color: #d8edfc;&lt;br /&gt;
   border: solid 1px steelblue;&lt;br /&gt;
   border-radius: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
[data-tooltip]:hover::after {&lt;br /&gt;
   opacity: 1;&lt;br /&gt;
}&lt;br /&gt;
/* Tooltip kann in Verbindung mit der Vorlage Tooltip|Anzeigetext|Glossareintrag eingebunden werden.&lt;br /&gt;
   Anzeigetext = Dieser Text erscheint im Fließtext der Anleitung unterstrichen.&lt;br /&gt;
   Glossareintrag = Der Text dieses Eintrags wird beim Bewegen des Cursers über den Anzeigetext über diesem als kleine Box eingeblendet. Es darf sich dabei nur um einen einzelnen Absatz handeln. Der Absatz muss in der Seite im Glossar mit &amp;quot;onlyinclude&amp;quot; geklammert werden und darf keine HTML-Tags enthalten. */&lt;br /&gt;
&lt;br /&gt;
.definitionsliste .hinweisbox {&lt;br /&gt;
   grid-column: 1 / 3;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=BeBPo-Nachrichte_bearbeiten/versenden&amp;diff=4431</id>
		<title>BeBPo-Nachrichte bearbeiten/versenden</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=BeBPo-Nachrichte_bearbeiten/versenden&amp;diff=4431"/>
		<updated>2025-08-26T09:12:59Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Anleitung}}[[category:beBPo]][[category:Aufgaben und Abläufe]]&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|In dieser Anleitung erfahren Sie, wie Sie in DMS/eAkte beBPo Nachrichten bearbeiten und versenden.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Eingehende beBPo Nachrichten bearbeiten ==&lt;br /&gt;
Eingegangene beBPo-Nachrichten werden im DMS über das Widget &#039;&#039;&#039;Aufgaben&#039;&#039;&#039; verwaltet.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;So erkennen Sie neue Nachrichten:&#039;&#039;&#039;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Auf der Startseite des DMS erscheint eine Zahl in einem blauen Kreis, sobald neue Nachrichten eingegangen sind. Diese Zahl entspricht der Anzahl Ihrer unerledigten Aufgaben und bleibt sichtbar, solange noch offene Aufgaben bestehen. Neue Aufgaben werden zur besseren Erkennbarkeit fett dargestellt. Sobald eine Aufgabe erledigt ist, wird sie nicht mehr als „neu“ markiert, und die Zahl auf der Startseite reduziert sich entsprechend.&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Widget Aufgabe erhalten.png.png|Widget Aufgaben}}&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Verwaltung von Aufgaben finden Sie in der Anleitung [https://wiki.uni-bielefeld.de/eakte/index.php/Aufgaben_erstellen_und_bearbeiten_in_DMS/eAkte#Aufgaben_erledigen Aufgaben erledigen].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
Um eine beBPo-Nachricht zu öffnen, klicken Sie einfach auf die gewünschte Nachricht. Nach dem Öffnen wird der Inhalt in einer übersichtlichen Ansicht dargestellt. Auf der linken Seite befinden sich die Metadaten der Nachricht, wie beispielsweise der Absender, das Aktenzeichen und das Eingangsdatum. Auf der rechten Seite werden die zugehörigen Dateien angezeigt,&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|BeBPo Eingang.jpg|beBPo Eingang}}&lt;br /&gt;
&lt;br /&gt;
Bei den beBPo-Nachrichten werden automatisch eine XML-Datei und eine ZIP-Datei mitgesendet. Die ZIP-Datei dient dazu, alle enthaltenen Dateien in einer einzigen Datei zusammenzufassen, ist jedoch für die weitere Bearbeitung nicht relevant. Die XML-Datei enthält strukturierte Informationen, die für den Austausch rechtlicher und verfahrensbezogener Daten im Justizwesen erforderlich sind. Sie ermöglicht beispielsweise die Nachverfolgung von Empfänger, Absender und Anhängen. Derzeit kann diese Datei nicht direkt im DMS geöffnet werden. Um den Inhalt einsehen zu können, muss die Datei zunächst heruntergeladen werden.&lt;br /&gt;
&lt;br /&gt;
== Eingehende beBPo Nachrichten weiterleiten ==&lt;br /&gt;
beBPo-Nachrichten können entweder an eine Abteilung oder direkt an eine Person weitergeleitet werden. Wenn die Weiterleitung an eine Abteilung erfolgen soll, muss im Feld &#039;&#039;&#039;Weiterleitung an Kolleg*in oder Abteilung&#039;&#039;&#039; die Option &#039;&#039;&#039;Abteilung&#039;&#039;&#039; ausgewählt werden. Dadurch wird sichergestellt, dass die Nachricht der entsprechenden Abteilung zur weiteren Bearbeitung zur Verfügung steht.&lt;br /&gt;
&lt;br /&gt;
Folgende Abteilungen müssen für die entsprechenden Bereiche ausgewählt werden:&lt;br /&gt;
* Dez. F Klageverfahren &lt;br /&gt;
* Dez. P/O Klageverfahren &lt;br /&gt;
* Dez. SL Assistenz&lt;br /&gt;
&lt;br /&gt;
Sobald die entsprechende Abteilung ausgewählt wurde, erscheint der Button &#039;&#039;&#039;An Kolleg*in weiterleiten&#039;&#039;&#039;, den Sie anklicken müssen, um die Weiterleitung abzuschließen.&lt;br /&gt;
&lt;br /&gt;
== elektronisches Empfangsbekenntnis (EEB) ==&lt;br /&gt;
&#039;&#039;&#039;EEB versenden&#039;&#039;&#039;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Ob für eine beBPo-Nachricht ein elektronisches Empfangsbekenntnis (EEB) erforderlich ist, können Sie in den Metadaten der jeweiligen Nachricht einsehen. Wenn ein EEB erforderlich ist, wird im entsprechenden Metadatenfeld &#039;&#039;&#039;Ja&#039;&#039;&#039; oder &#039;&#039;&#039;true&#039;&#039;&#039; angezeigt. Ist kein EEB erforderlich, erscheint stattdessen ein Bindestrich &#039;&#039;&#039;-&#039;&#039;&#039; .&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|EEB Metadatum.jpg|Screenshot EEB}}&lt;br /&gt;
&lt;br /&gt;
Um ein EEB zu versenden, klicken Sie auf die XML-Datei (xjustiz_nachricht) der beBPo-Nachricht und anschließend im rechten Menü auf die drei Punkte. &lt;br /&gt;
Unter Weitere Aktionen klicken Sie auf &#039;&#039;&#039;Empfangsbekenntnis senden&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|EEB-Versenden.jpg|EEB versenden}}&lt;br /&gt;
&lt;br /&gt;
Anschließend öffnet sich ein Fenster, in dem Sie das EEB entweder annehmen oder ablehnen können. Im Feld &#039;&#039;&#039;Vertreten durch&#039;&#039;&#039; haben Sie die Möglichkeit, sich als Justiziar einzutragen oder das Feld leer zu lassen.&lt;br /&gt;
&lt;br /&gt;
Wenn das elektronische Empfangsbekenntnis (EEB) erfolgreich versendet wurde, erscheint eine Bestätigungsmeldung. Zusätzlich wird der Vorgang in den Notizen der XML-Datei protokolliert.&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;EEB-Versand-Protokoll einsehen&#039;&#039;&#039;&amp;lt;br&amp;gt;&lt;br /&gt;
Um zu überprüfen, ob und wann ein EEB versendet wurde, öffnen Sie die XML-Datei (xjustiz_nachricht) der entsprechenden beBPo-Nachricht. In den Details  unter Notizen dieser XML-Datei finden Sie das Protokoll zum Versand des EEB.&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Details eines Dokuments.jpg|Details eines Dokuments}}&lt;br /&gt;
{{AnleitungScreenshot|EEB Protokoll.jpg|EEB Protokoll}}&lt;br /&gt;
&lt;br /&gt;
== Klageakte/Klagevorgang anlegen ==&lt;br /&gt;
&lt;br /&gt;
Um ein Dokument oder eine beBPo-Nachricht ablegen zu können muss es eine Klageakte und einen Klagevorgang geben. Das Vorgehen beim Anlegen einer Klageakte/eines Klagevorgangs ist identisch mit dem Anlegen einer normalen Akte im DMS.&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Anlage einer Akte/eines Vorgangs finden Sie in der Anleitung [https://wiki.uni-bielefeld.de/eakte/index.php/Akte%20anlegen%20in%20DMS/eAkte Akte anlegen in DMS/eAkte].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== beBPo Nachricht in einen Klagevorgang umhängen/Aufgabe abschließen ==&lt;br /&gt;
&lt;br /&gt;
Wenn Sie eine beBPo-Nachricht in einen Klagevorgang umhängen möchten, öffnen Sie die Nachricht unter Ihren Aufgaben und wählen im Feld &#039;&#039;&#039;Ablegen in Klageakte und Vorgang&#039;&#039;&#039; die entsprechende Klageakte sowie den Klagevorgang aus. Zum Abschluss klicken Sie auf &#039;&#039;&#039;Verteilprozess beenden&#039;&#039;&#039;. Alle Dateien dieser Nachricht werden dann dem ausgewählten Klagevorgang zugeordnet und die Aufgabe abgeschlossen.&lt;br /&gt;
&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Ohne eine im DMS zuvor angelegte Klageakte und ohne einen zuvor angelegten Klagevorgang können beBPo-Nachrichten nicht umgehängt werden.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|BeBPo Nachricht umhängen.jpg|BeBPo Nachricht umhängen}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== beBPo-Nachricht-Dateien umbenennen ==&lt;br /&gt;
&lt;br /&gt;
Wenn Sie eine eingehende beBPo-Nachricht bzw. Dokument umbenennen möchten, können Sie dies über die Eigenschaften des Dokuments tun. Detaillierte Anweisungen finden Sie in der unten verlinkten Anleitung.&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Umbenennung des Betreffs eines Dokuments finden Sie in der Anleitung [https://wiki.uni-bielefeld.de/eakte/index.php/Metadaten_bearbeiten_in_DMS/eAkte Metadaten am Dokument bearbeiten] .&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== beBPo-Nachricht mit einem Anhang/Dokument versenden ==&lt;br /&gt;
&lt;br /&gt;
Um ein einzelnes Dokument über beBPo zu versenden, öffnen Sie zunächst das entsprechende Dokument in der Klageakte. Anschließend klicken Sie rechts auf den Button &#039;&#039;&#039;Rechtssicher versenden&#039;&#039;&#039;, woraufhin sich die beBPo-Versandmaske automatisch öffnet. Nun können Sie die erforderlichen Eingabedaten ausfüllen. Pflichtfelder sind dabei mit einem Stern (*) gekennzeichnet.&lt;br /&gt;
&lt;br /&gt;
Die beBPo Versand-Button befinden sich im rechten Bereich des Dokument (siehe Screenshot &amp;quot;Empfangsbekenntnis senden&amp;quot;).&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Eingabedaten ausfüllen&#039;&#039;&#039;&lt;br /&gt;
{{Information&lt;br /&gt;
|&#039;&#039;&#039;Wichtig!&#039;&#039;&#039; Verwenden Sie für die Felder ausschließlich die Auswahlmöglichkeiten aus dem Dropdown-Menü und nicht die automatisch vorgeschlagenen Werte der Browser-Autofill-Funktion.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Absender:&#039;&#039;&#039; Universität Bielefeld&lt;br /&gt;
* &#039;&#039;&#039;Aktenzeichen Absender:&#039;&#039;&#039; Wird automatisch beim Versand aus der Akte befüllt.&lt;br /&gt;
* &#039;&#039;&#039;Priorität:&#039;&#039;&#039; Nur ausfüllen, wenn das Dokument direkt dem Richter vorgelegt werden soll.&lt;br /&gt;
* &#039;&#039;&#039;Empfänger:&#039;&#039;&#039; Tragen Sie den Empfänger ein oder nutzen Sie das Filtersymbol (rechts im Bild) zur Suche nach Name, Straße oder Ort.&lt;br /&gt;
* &#039;&#039;&#039;Aktenzeichen Empfänger:&#039;&#039;&#039; Wird automatisch beim Versand aus der Akte befüllt.&lt;br /&gt;
* &#039;&#039;&#039;Sachgebiet:&#039;&#039;&#039; Wählen Sie das entsprechende Sachgebiet aus.&lt;br /&gt;
* &#039;&#039;&#039;Verfahrensgegenstand:&#039;&#039;&#039; Geben Sie den passenden Verfahrensgegenstand an.&lt;br /&gt;
* &#039;&#039;&#039;Dokumentklasse:&#039;&#039;&#039; Wählen Sie die zutreffende Dokumentklasse aus der Liste für das jeweilige Dokument aus.&lt;br /&gt;
* &#039;&#039;&#039;Bestandteil:&#039;&#039;&#039; Wählen Sie den entsprechenden Bestandteil aus der Liste  für das jeweilige Dokument aus.&lt;br /&gt;
&lt;br /&gt;
Unter den &#039;&#039;&#039;Erweiterten Eigenschaften&#039;&#039;&#039; haben Sie die Möglichkeit, weitere am Verfahren beteiligte Personen oder eine Kanzlei anzugeben. Sobald alle erforderlichen Angaben gemacht wurden, schließen Sie den Versand ab, indem Sie auf &#039;&#039;&#039;Dokumente übermitteln&#039;&#039;&#039; klicken. Ihr Dokument wird nun sicher über beBPo versendet.&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Rechtssicher_versenden.png|beBPo Versandmaske}}&lt;br /&gt;
&lt;br /&gt;
== beBPo-Nachricht mit mehreren Anhängen/Dokumenten versenden  ==&lt;br /&gt;
&lt;br /&gt;
Wenn Sie eine beBPo-Nachricht mit mehreren Anhängen bzw. Dokumenten versenden möchten, müssen Sie zunächst das entsprechende Dokument in der Klageakte auswählen, danach auf die drei Punkte im rechten Menü und anschließend auf den Button &#039;&#039;&#039;Für ERV vormerken&#039;&#039;&#039; klicken.&lt;br /&gt;
&lt;br /&gt;
Wenn Sie eine beBPo-Nachricht mit mehreren Anhängen bzw. Dokumenten versenden möchten, wählen Sie zunächst das entsprechende Dokument in der Klageakte aus. Klicken Sie anschließend im rechten Menü auf die drei Punkte und dann auf den Button &#039;&#039;&#039;Für ERV vormerken&#039;&#039;&#039;.&lt;br /&gt;
Anschließend werden Ihnen die vorgemerkten Dokumente angezeigt. Diesen Vorgang wiederholen Sie für jedes weitere Dokument, dass Sie versenden möchten. Über den das rote Symbol neben dem Dokument, können Sie vorgemerkte Dokumente wieder entfernen. Beim letzten Dokument, dass Sie versenden wollen, klicken Sie jedoch nicht auf &#039;&#039;&#039;Für ERV vormerken&#039;&#039;&#039;, sondern auf &#039;&#039;&#039;Rechtssicher versenden&#039;&#039;&#039;. Danach öffnet sich die Versandmaske, wie sie auch beim [https://wiki.uni-bielefeld.de/eakte/index.php/BeBPo-Nachrichte_bearbeiten/versenden#beBPo-Nachricht_mit_einem_Anhang/Dokument_versenden Versand einer beBPo-Nachricht mit nur einem Anhang/Dokument] erscheint. In der Versandmaske werden nochmal alle ausgewählten Dokumente aufgeführt. Auch hier können Sie über das rote Minus-Symbol Dokumente wieder aus der beBPo-Nachricht entfernen.&lt;br /&gt;
&lt;br /&gt;
== beBPo-Nachricht mit einem Sammel-PDF versenden  ==&lt;br /&gt;
&lt;br /&gt;
Um mehrere Dokumente als ein einziges PDF-Dokument per beBPo zu versenden, müssen Sie zunächst die Funktion „Als PDF zusammenführen“ nutzen, um die einzelnen Dokumente zu einem Gesamt-PDF zu kombinieren. Nachdem die Zusammenführung abgeschlossen ist, erhalten Sie das erstellte PDF per E-Mail. Anschließend laden Sie das Gesamt-PDF in die entsprechende Klageakte hoch und versenden es über die Funktion „Rechtssicher versenden“. Auf diese Weise stellen Sie sicher, dass alle Dokumente korrekt und rechtssicher übermittelt werden.&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Anlage einer Akte/eines Vorgangs finden Sie in der Anleitung [https://wiki.uni-bielefeld.de/eakte/index.php/PDF_zusammenf%C3%BChren_in_DMS/eAkte PDF zusammenführen in DMS/eAkte].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Anlage einer Akte/eines Vorgangs finden Sie in der Anleitung [https://wiki.uni-bielefeld.de/eakte/index.php/Ablegen_von_Dokumenten_in_DMS/eAkte Ablegen von Dokumenten in DMS/eAkte].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Auf eine eingehende beBPo Nachrichten antworten ==&lt;br /&gt;
&lt;br /&gt;
1. Öffnen Sie die Dokumente, die Sie verschicken möchten. Klicken Sie im rechten Menü auf die drei Punkte und wählen Sie ‚&#039;&#039;&#039;Für ERV vormerken&#039;&#039;&#039; aus. Führen Sie diesen Schritt für jedes Dokument durch, dass Sie versenden möchten.&lt;br /&gt;
&lt;br /&gt;
2. Wenn alle zu versendenden Dokumente vorgemerkt sind, suchen Sie in der Nachricht, auf die Sie antworten wollen, die Datei &#039;&#039;&#039;xjustiz_Nachricht&#039;&#039;&#039;.&lt;br /&gt;
Nutzen Sie das Feld &#039;&#039;&#039;Erstellt am&#039;&#039;&#039;, um die richtige eingegangene Nachricht zu finden und diese von anderen zu unterscheiden.&lt;br /&gt;
&lt;br /&gt;
3. Klicken Sie bei der xjustiz_Nachricht-Datei im rechten Menü auf die drei Punkte und wählen Sie anschließend &#039;&#039;&#039;Antwort erstellen&#039;&#039;&#039; aus.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Als nächstes öffnet sich die gewohnte Versandmaske.&lt;br /&gt;
Weitere Hinweise dazu finden Sie im Abschnitt weiter oben [https://wiki.uni-bielefeld.de/eakte/index.php/BeBPo-Nachrichte_bearbeiten/versenden#beBPo-Nachricht_mit_einem_Anhang/Dokument_versenden Versand einer beBPo-Nachricht mit nur einem Anhang/Dokument].&lt;br /&gt;
&lt;br /&gt;
Das Versandprotokoll wird in den Notizen der &#039;&#039;&#039;xjustiz_Nachricht-Datei&#039;&#039;&#039; geschrieben! &lt;br /&gt;
Wie Sie zu den Notizen gelangen wird in dem Abschnitt [https://wiki.uni-bielefeld.de/eakte/index.php/BeBPo-Nachrichte_bearbeiten/versenden#elektronisches_Empfangsbekenntnis_(EEB) EEB-Versand-Protokoll einsehen] beschrieben.&lt;br /&gt;
&lt;br /&gt;
{{Information&lt;br /&gt;
|* Wenn eine Nachricht eingeht, sollten Sie stets die Antworten-Funktion verwenden. Dadurch wird die Nachricht beim Empfänger automatisch der richtigen Akte zugeordnet, der Zusammenhang bleibt erhalten und eine schnellere Bearbeitung wird ermöglicht.&lt;br /&gt;
&lt;br /&gt;
* Es ist außerdem empfehlenswert, in den Metadaten der Akte und des Vorgangs das interne Aktenzeichen zu hinterlegen. So kann die Nachricht auch intern leichter zugeordnet werden.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== beBPo-Nachricht Versandprotokoll einsehen  ==&lt;br /&gt;
Das Versandprotokoll eines Dokuments finden Sie in den Notizen des Dokuments. Wie Sie zu den Notizen eines Dokuments gelangen, wurde bereits im Abschnitt [https://wiki.uni-bielefeld.de/eakte/index.php/BeBPo-Nachrichte_bearbeiten/versenden EEB-Versand-Protokoll einsehen] beschrieben.&lt;br /&gt;
&lt;br /&gt;
== beBPo Nachrichten Abholstatus einsehen ==&lt;br /&gt;
Den Abholstatus einer versendeten Nachricht können Sie entweder direkt nach dem Versand einsehen oder im Nachgang.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Abholstatus direkt nach dem Versand&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Wenn Sie den Abholstatus direkt nach dem Versand abrufen möchten müssen Sie auf den Button &amp;quot;Zum Status&amp;quot; klicken, welcher nach dem Versenden einer beBPo Nachricht erscheint.&lt;br /&gt;
{{AnleitungScreenshotGroß|BebPo_Abholstatus.jpg|beBPo Abholstatus nach dem Versand}}&lt;br /&gt;
&lt;br /&gt;
Der Abholstatus sieht wie folgt aus:&lt;br /&gt;
{{AnleitungScreenshotGroß|BeBPo_Abholstatus_Ansicht.jpg|beBPo Abholstatus nach dem Versand}}&lt;br /&gt;
&lt;br /&gt;
Über den Button &amp;quot;STATUS NEU ABFRAGEN&amp;quot; können Sie den Abholstatus erneut abfragen. &lt;br /&gt;
&lt;br /&gt;
{{Information&lt;br /&gt;
|Wenn die Maske geschlossen wird, ist ein Abruf des Abholstatus über den Button nicht mehr möglich. In diesem Fall müssen den Weg &amp;quot;Abholstatus im Nachgang abrufen&amp;quot; wählen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Abholstatus im Nachgang abrufen&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Wenn Sie den Abholstatus im Nachgang einsehen möchten müssen Sie sich entweder den Link aus der Meldung vorab kopieren&lt;br /&gt;
{{AnleitungScreenshotGroß|BebPo_Abholstatus_Link.jpg|beBPo Abholstatus nach dem Versand}}&lt;br /&gt;
&lt;br /&gt;
Oder im Nachgang aus den Notizen einer beBPo Nachricht kopieren:&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
* Die Notizen einer beBPo Nachricht finden Sie in den Eigenschaften des versendeten Dokuments.&#039;&#039;&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Wie Sie zu den Notizen gelangen sehen Sie in dem Abschnitt elektronisches Empfangsbekenntnis (EEB) unter &lt;br /&gt;
&#039;&#039;&#039;EEB-Versand-Protokoll einsehen&#039;&#039;&#039; [[BeBPo-Nachrichte_bearbeiten/versenden#elektronisches_Empfangsbekenntnis_(EEB)|Schnelleinstieg in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshotGroß|BeBPo_abholstatus_Link_Notizen.jpg|beBPo Abholstatus zum späteren Zeitpunkt}}&lt;br /&gt;
&lt;br /&gt;
Kopieren Sie den Link zum Laufzettel ab &#039;&#039;&#039;https://&#039;&#039;&#039; in einen neues Browserfenster.&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=BeBPo-Nachrichte_bearbeiten/versenden&amp;diff=4382</id>
		<title>BeBPo-Nachrichte bearbeiten/versenden</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=BeBPo-Nachrichte_bearbeiten/versenden&amp;diff=4382"/>
		<updated>2025-08-13T11:02:18Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: /* beBPo Nachrichten Abholstatus einsehen */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Anleitung}}[[category:beBPo]][[category:Aufgaben und Abläufe]]&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|In dieser Anleitung erfahren Sie, wie Sie in DMS/eAkte beBPo Nachrichten bearbeiten und versenden.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Eingehende beBPo Nachrichten bearbeiten ==&lt;br /&gt;
Eingegangene beBPo-Nachrichten werden im DMS über das Widget &#039;&#039;&#039;Aufgaben&#039;&#039;&#039; verwaltet.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;So erkennen Sie neue Nachrichten:&#039;&#039;&#039;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Auf der Startseite des DMS erscheint eine Zahl in einem blauen Kreis, sobald neue Nachrichten eingegangen sind. Diese Zahl entspricht der Anzahl Ihrer unerledigten Aufgaben und bleibt sichtbar, solange noch offene Aufgaben bestehen. Neue Aufgaben werden zur besseren Erkennbarkeit fett dargestellt. Sobald eine Aufgabe erledigt ist, wird sie nicht mehr als „neu“ markiert, und die Zahl auf der Startseite reduziert sich entsprechend.&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Widget Aufgabe erhalten.png.png|Widget Aufgaben}}&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Verwaltung von Aufgaben finden Sie in der Anleitung [https://wiki.uni-bielefeld.de/eakte/index.php/Aufgaben_erstellen_und_bearbeiten_in_DMS/eAkte#Aufgaben_erledigen Aufgaben erledigen].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
Um eine beBPo-Nachricht zu öffnen, klicken Sie einfach auf die gewünschte Nachricht. Nach dem Öffnen wird der Inhalt in einer übersichtlichen Ansicht dargestellt. Auf der linken Seite befinden sich die Metadaten der Nachricht, wie beispielsweise der Absender, das Aktenzeichen und das Eingangsdatum. Auf der rechten Seite werden die zugehörigen Dateien angezeigt,&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|BeBPo Eingang.jpg|beBPo Eingang}}&lt;br /&gt;
&lt;br /&gt;
Bei den beBPo-Nachrichten werden automatisch eine XML-Datei und eine ZIP-Datei mitgesendet. Die ZIP-Datei dient dazu, alle enthaltenen Dateien in einer einzigen Datei zusammenzufassen, ist jedoch für die weitere Bearbeitung nicht relevant. Die XML-Datei enthält strukturierte Informationen, die für den Austausch rechtlicher und verfahrensbezogener Daten im Justizwesen erforderlich sind. Sie ermöglicht beispielsweise die Nachverfolgung von Empfänger, Absender und Anhängen. Derzeit kann diese Datei nicht direkt im DMS geöffnet werden. Um den Inhalt einsehen zu können, muss die Datei zunächst heruntergeladen werden.&lt;br /&gt;
&lt;br /&gt;
== Eingehende beBPo Nachrichten weiterleiten ==&lt;br /&gt;
beBPo-Nachrichten können entweder an eine Abteilung oder direkt an eine Person weitergeleitet werden. Wenn die Weiterleitung an eine Abteilung erfolgen soll, muss im Feld &#039;&#039;&#039;Weiterleiten an&#039;&#039;&#039; die Option &#039;&#039;&#039;Abteilung&#039;&#039;&#039; ausgewählt werden. Dadurch wird sichergestellt, dass die Nachricht der entsprechenden Abteilung zur weiteren Bearbeitung zur Verfügung steht.&lt;br /&gt;
&lt;br /&gt;
Folgende Abteilungen müssen für die entsprechenden Bereiche ausgewählt werden:&lt;br /&gt;
* Dez. F Klageverfahren &lt;br /&gt;
* Dez. P/O Klageverfahren &lt;br /&gt;
* Dez. SL Assistenz&lt;br /&gt;
&lt;br /&gt;
Sobald die entsprechende Abteilung ausgewählt wurde, erscheint der Button &#039;&#039;&#039;An Kolleg*in weiterleiten&#039;&#039;&#039;, den Sie anklicken müssen, um die Weiterleitung abzuschließen.&lt;br /&gt;
&lt;br /&gt;
== elektronisches Empfangsbekenntnis (EEB) ==&lt;br /&gt;
&#039;&#039;&#039;EEB versenden&#039;&#039;&#039;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Ob für eine beBPo-Nachricht ein elektronisches Empfangsbekenntnis (EEB) erforderlich ist, können Sie in den Metadaten der jeweiligen Nachricht einsehen. Wenn ein EEB erforderlich ist, wird im entsprechenden Metadatenfeld &#039;&#039;&#039;Ja&#039;&#039;&#039; angezeigt. Ist kein EEB erforderlich, erscheint stattdessen ein Bindestrich &#039;&#039;&#039;-&#039;&#039;&#039; .&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|EEB Metadatum.jpg|Screenshot EEB}}&lt;br /&gt;
&lt;br /&gt;
Um ein EEB zu versenden, klicken Sie auf die XML-Datei der beBPo-Nachricht und wählen anschließend im rechten Menü die Option &#039;&#039;&#039;Empfangsbekenntnis versenden&#039;&#039;&#039;.&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|EEB-Versenden.jpg|EEB versenden}}&lt;br /&gt;
&lt;br /&gt;
Anschließend öffnet sich ein Fenster, in dem Sie das EEB entweder annehmen oder ablehnen können. Im Feld &#039;&#039;&#039;Vertreten durch&#039;&#039;&#039; haben Sie die Möglichkeit, sich als Justiziar einzutragen oder das Feld leer zu lassen.&lt;br /&gt;
&lt;br /&gt;
Wenn das elektronische Empfangsbekenntnis (EEB) erfolgreich versendet wurde, erscheint eine Bestätigungsmeldung. Zusätzlich wird der Vorgang in den Notizen der XML-Datei protokolliert.&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;EEB-Versand-Protokoll einsehen&#039;&#039;&#039;&amp;lt;br&amp;gt;&lt;br /&gt;
Um zu überprüfen, ob und wann ein EEB versendet wurde, öffnen Sie die XML-Datei der entsprechenden beBPo-Nachricht. In den Details  unter Notizen dieser XML-Datei finden Sie das Protokoll zum Versand des EEB.&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Details eines Dokuments.jpg|Details eines Dokuments}}&lt;br /&gt;
{{AnleitungScreenshotGroß|EEB Protokoll.jpg|EEB Protokoll}}&lt;br /&gt;
&lt;br /&gt;
== Klageakte/Klagevorgang anlegen ==&lt;br /&gt;
&lt;br /&gt;
Um ein Dokument oder eine beBPo-Nachricht ablegen zu können muss es eine Klageakte und einen Klagevorgang geben. Das Vorgehen beim Anlegen einer Klageakte/eines Klagevorgangs ist identisch mit dem Anlegen einer normalen Akte im DMS.&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Anlage einer Akte/eines Vorgangs finden Sie in der Anleitung [https://wiki.uni-bielefeld.de/eakte/index.php/Akte%20anlegen%20in%20DMS/eAkte Akte anlegen in DMS/eAkte].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== beBPo Nachricht in einen Klagevorgang umhängen/Aufgabe abschließen ==&lt;br /&gt;
&lt;br /&gt;
Wenn Sie eine beBPo-Nachricht in einen Klagevorgang umhängen möchten, öffnen Sie die Nachricht unter Ihren Aufgaben und wählen im Feld &#039;&#039;&#039;Ablegen in Klageakte und Vorgang&#039;&#039;&#039; die entsprechende Klageakte sowie den Klagevorgang aus. Zum Abschluss klicken Sie auf &#039;&#039;&#039;Verteilprozess beenden&#039;&#039;&#039;. Alle Dateien dieser Nachricht werden dann dem ausgewählten Klagevorgang zugeordnet und die Aufgabe abgeschlossen.&lt;br /&gt;
&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Ohne eine im DMS zuvor angelegte Klageakte und ohne einen zuvor angelegten Klagevorgang können beBPo-Nachrichten nicht umgehängt werden.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|BeBPo Nachricht umhängen.jpg|BeBPo Nachricht umhängen}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== beBPo-Nachricht-Dateien umbenennen ==&lt;br /&gt;
&lt;br /&gt;
Wenn Sie eine eingehende beBPo-Nachricht bzw. Dokument umbenennen möchten, können Sie dies über die Eigenschaften des Dokuments tun. Detaillierte Anweisungen finden Sie in der unten verlinkten Anleitung.&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Umbenennung des Betreffs eines Dokuments finden Sie in der Anleitung [https://wiki.uni-bielefeld.de/eakte/index.php/Metadaten_bearbeiten_in_DMS/eAkte Metadaten am Dokument bearbeiten] .&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== beBPo-Nachricht mit einem Anhang/Dokument versenden ==&lt;br /&gt;
&lt;br /&gt;
Um ein einzelnes Dokument über beBPo zu versenden, öffnen Sie zunächst das entsprechende Dokument in der Klageakte. Anschließend klicken Sie rechts auf den Button &#039;&#039;&#039;Rechtssicher versenden&#039;&#039;&#039;, woraufhin sich die beBPo-Versandmaske automatisch öffnet. Nun können Sie die erforderlichen Eingabedaten ausfüllen. Pflichtfelder sind dabei mit einem Stern (*) gekennzeichnet.&lt;br /&gt;
&lt;br /&gt;
Die beBPo Versand-Button befinden sich im rechten BEreich des Dokuments:&lt;br /&gt;
{{AnleitungScreenshotGroß|BeBPo Button.jpg|beBPo Button}}&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Eingabedaten ausfüllen&#039;&#039;&#039;&lt;br /&gt;
{{Information&lt;br /&gt;
|&#039;&#039;&#039;Wichtig!&#039;&#039;&#039; Verwenden Sie für die Felder ausschließlich die Auswahlmöglichkeiten aus dem Dropdown-Menü und nicht die automatisch vorgeschlagenen Werte der Browser-Autofill-Funktion.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Absender:&#039;&#039;&#039; Universität Bielefeld&lt;br /&gt;
* &#039;&#039;&#039;Aktenzeichen:&#039;&#039;&#039; Wird automatisch beim Versand befüllt.&lt;br /&gt;
* &#039;&#039;&#039;Priorität:&#039;&#039;&#039; Nur ausfüllen, wenn das Dokument direkt dem Richter vorgelegt werden soll.&lt;br /&gt;
* &#039;&#039;&#039;Empfänger:&#039;&#039;&#039; Tragen Sie den Empfänger ein oder nutzen Sie das Filtersymbol zur Suche nach Name, Straße oder Ort.&lt;br /&gt;
* &#039;&#039;&#039;Sachgebiet:&#039;&#039;&#039; Wählen Sie das entsprechende Sachgebiet aus.&lt;br /&gt;
* &#039;&#039;&#039;Verfahrensgegenstand:&#039;&#039;&#039; Geben Sie den passenden Verfahrensgegenstand an.&lt;br /&gt;
* &#039;&#039;&#039;Dokumentklasse:&#039;&#039;&#039; Wählen Sie die zutreffende Dokumentklasse aus der Liste.&lt;br /&gt;
* &#039;&#039;&#039;Bestandteil:&#039;&#039;&#039; Wählen Sie den entsprechenden Bestandteil aus der Liste.&lt;br /&gt;
&lt;br /&gt;
Unter den &#039;&#039;&#039;Erweiterten Eigenschaften&#039;&#039;&#039; haben Sie die Möglichkeit, weitere am Verfahren beteiligte Personen oder eine Kanzlei anzugeben. Sobald alle erforderlichen Angaben gemacht wurden, schließen Sie den Versand ab, indem Sie auf &#039;&#039;&#039;Dokument übermitteln&#039;&#039;&#039; klicken. Ihr Dokument wird nun sicher über beBPo versendet.&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Rechtssicher_versenden.png|beBPo Versandmaske}}&lt;br /&gt;
&lt;br /&gt;
== beBPo-Nachricht mit mehreren Anhängen/Dokumenten versenden  ==&lt;br /&gt;
&lt;br /&gt;
Wenn Sie eine beBPo-Nachricht mit mehreren Anhängen bzw. Dokumenten versenden möchten, müssen Sie zunächst das entsprechende Dokument in der Klageakte auswählen und anschließend auf den Button &#039;&#039;&#039;Für ERV vormerken&#039;&#039;&#039; klicken. Anschließend werden Ihnen die vorgemerkten Dokumente angezeigt. Über den das rote Symbol neben dem Dokument, können Sie vorgemerkte Dokumente wieder entfernen. Diesen Vorgang wiederholen Sie für jedes weitere Dokument, dass Sie versenden möchten. Beim letzten Dokument, dass Sie versenden wollen, klicken Sie jedoch nicht auf &#039;&#039;&#039;Für ERV vormerken&#039;&#039;&#039;, sondern auf &#039;&#039;&#039;Rechtssicher versenden&#039;&#039;&#039;. Danach öffnet sich die Versandmaske, wie sie auch beim [https://wiki.uni-bielefeld.de/eakte/index.php/BeBPo-Nachrichte_bearbeiten/versenden#beBPo-Nachricht_mit_einem_Anhang/Dokument_versenden Versand einer beBPo-Nachricht mit nur einem Anhang/Dokument] erscheint. In der Versandmaske werden nochmal alle ausgewählten Dokumente aufgeführt. Auch hier können Sie über das rote Minus-Symbol Dokumente wieder aus der beBPo-Nachricht entfernen.&lt;br /&gt;
&lt;br /&gt;
== beBPo-Nachricht mit einem Sammel-PDF versenden  ==&lt;br /&gt;
&lt;br /&gt;
Um mehrere Dokumente als ein einziges PDF-Dokument per beBPo zu versenden, müssen Sie zunächst die Funktion „Als PDF zusammenführen“ nutzen, um die einzelnen Dokumente zu einem Gesamt-PDF zu kombinieren. Nachdem die Zusammenführung abgeschlossen ist, erhalten Sie das erstellte PDF per E-Mail. Anschließend laden Sie das Gesamt-PDF in die entsprechende Klageakte hoch und versenden es über die Funktion „Rechtssicher versenden“. Auf diese Weise stellen Sie sicher, dass alle Dokumente korrekt und rechtssicher übermittelt werden.&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Anlage einer Akte/eines Vorgangs finden Sie in der Anleitung [https://wiki.uni-bielefeld.de/eakte/index.php/PDF_zusammenf%C3%BChren_in_DMS/eAkte PDF zusammenführen in DMS/eAkte].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Anlage einer Akte/eines Vorgangs finden Sie in der Anleitung [https://wiki.uni-bielefeld.de/eakte/index.php/Ablegen_von_Dokumenten_in_DMS/eAkte Ablegen von Dokumenten in DMS/eAkte].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== beBPo-Nachricht Versandprotokoll einsehen  ==&lt;br /&gt;
Das Versandprotokoll eines Dokuments finden Sie in den Notizen des Dokuments. Wie Sie zu den Notizen eines Dokuments gelangen, wurde bereits im Abschnitt [https://wiki.uni-bielefeld.de/eakte/index.php/BeBPo-Nachrichte_bearbeiten/versenden EEB-Versand-Protokoll einsehen] beschrieben.&lt;br /&gt;
&lt;br /&gt;
== beBPo Nachrichten Abholstatus einsehen ==&lt;br /&gt;
!!! DER Abschnitt befindet sich derzeit in Bearbeitung!!!!&lt;br /&gt;
&lt;br /&gt;
Den Abholstatus einer versendeten Nachricht können Sie entweder direkt nach dem Versand einsehen oder im Nachgang.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Abholstatus direkt nach dem Versand&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Wenn Sie den Abholstatus direkt nach dem Versand abrufen möchten müssen Sie auf den Button &amp;quot;Zum Status&amp;quot; klicken, welcher nach dem Versenden einer beBPo Nachricht erscheint.&lt;br /&gt;
{{AnleitungScreenshotGroß|BebPo_Abholstatus.jpg|beBPo Abholstatus nach dem Versand}}&lt;br /&gt;
&lt;br /&gt;
Der Abholstatus sieht wie folgt aus:&lt;br /&gt;
{{AnleitungScreenshotGroß|BeBPo_Abholstatus_Ansicht.jpg|beBPo Abholstatus nach dem Versand}}&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Abholstatus im Nachgang abrufen&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Wenn Sie den Abholstatus im Nachgang einsehen möchten müssen Sie sich entweder den Link aus der Meldung vorab kopieren&lt;br /&gt;
{{AnleitungScreenshotGroß|BebPo_Abholstatus_Link.jpg|beBPo Abholstatus nach dem Versand}}&lt;br /&gt;
&lt;br /&gt;
Oder im Nachgang aus den Notizen einer beBPo Nachricht kopieren:&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
* Die Notizen einer beBPo Nachricht finden Sie in den Eigenschaften des versendeten Dokuments.&#039;&#039;&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zu den Notizen finden Sie in der Anleitung [[Schnelleinstieg_in_DMS/eAkte#Notizen,_Workflow_und_Kommentare|Schnelleinstieg in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshotGroß|BeBPo_abholstatus_Link_Notizen.jpg|beBPo Abholstatus zum späteren Zeitpunkt}}&lt;br /&gt;
&lt;br /&gt;
Kopieren Sie den Link zum Laufzettel ab &#039;&#039;&#039;https://&#039;&#039;&#039; in einen neues Browserfenster.&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Hauptseite&amp;diff=4095</id>
		<title>Hauptseite</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Hauptseite&amp;diff=4095"/>
		<updated>2025-01-24T08:36:49Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{AnleitungAbsatz&lt;br /&gt;
|Willkommen im Wiki zum DMS/eAkte der Universität Bielefeld!&lt;br /&gt;
&lt;br /&gt;
Sie finden hier die wichtigsten Funktionalitäten des Dokumentenmanagementsystems und der eAkte in einer Reihe von Anleitungen Schritt für Schritt beschrieben.&lt;br /&gt;
Einige sind auch als Video-Anleitungen verfügbar.&lt;br /&gt;
&lt;br /&gt;
Bitte beachten Sie auch die [https://www.uni-bielefeld.de/intern/dms/faq/ F.A.Q.], die kurze und präzise Antworten auf häufig gestellte Fragen geben.&lt;br /&gt;
&lt;br /&gt;
Wenn Sie darüber hinaus Hilfe benötigen, wenden Sie sich bitte an die zuständigen [https://www.uni-bielefeld.de/intern/dms/kontakt-support/index.xml Ansprechpersonen].&lt;br /&gt;
&lt;br /&gt;
Ankündigen zu Anpassungen, Wartungen oder Änderungen am System kündigen wir auch über unseren Element-Channel [https://matrix.to/#/#eAkte:uni-bielefeld.de eAkte Info] an.&lt;br /&gt;
}}{{Seitenindex}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Hauptseite&amp;diff=4094</id>
		<title>Hauptseite</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Hauptseite&amp;diff=4094"/>
		<updated>2025-01-24T08:36:36Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{AnleitungAbsatz&lt;br /&gt;
|Willkommen im Wiki zum DMS/eAkte der Universität Bielefeld!&lt;br /&gt;
&lt;br /&gt;
Sie finden hier die wichtigsten Funktionalitäten des Dokumentenmanagementsystems und der eAkte in einer Reihe von Anleitungen Schritt für Schritt beschrieben.&lt;br /&gt;
Einige sind auch als Video-Anleitungen verfügbar.&lt;br /&gt;
&lt;br /&gt;
Bitte beachten Sie auch die [https://www.uni-bielefeld.de/intern/dms/faq/ F.A.Q.], die kurze und präzise Antworten auf häufig gestellte Fragen geben.&lt;br /&gt;
&lt;br /&gt;
Wenn Sie darüber hinaus Hilfe benötigen, wenden Sie sich bitte an die zuständigen [https://www.uni-bielefeld.de/intern/dms/kontakt-support/index.xml Ansprechpersonen].&lt;br /&gt;
&lt;br /&gt;
Ankündigen zu Anpassungen, Wartungen oder Änderungen am System kündigen wir auch über unseren Element-Channel [https://matrix.to/#/#eAkte:uni-bielefeld.de Element: eAkte Info] an.&lt;br /&gt;
}}{{Seitenindex}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Vorlage:Seitenindex&amp;diff=4093</id>
		<title>Vorlage:Seitenindex</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Vorlage:Seitenindex&amp;diff=4093"/>
		<updated>2025-01-24T08:34:34Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;noinclude&amp;gt;&lt;br /&gt;
[[category:Vorlage]][[category:Seitenindex]]&lt;br /&gt;
&amp;lt;/noinclude&amp;gt;&amp;lt;div class=&amp;quot;barrierefrei seitenindex&amp;quot;&amp;gt;&lt;br /&gt;
{{KachelSeitenindex|Text=[[:category:Glossar|Glossar]]}}&lt;br /&gt;
{{KachelSeitenindex|Text=[[:category:Anleitung|Anleitungen]]}}&lt;br /&gt;
{{KachelSeitenindex|Text=[https://uni-bielefeld.cloud.panopto.eu/Panopto/Pages/Viewer.aspx?pid=87de8084-124f-4c71-ac3e-b11000c9ecec Video-Anleitungen]}}&lt;br /&gt;
{{KachelSeitenindex|Text=[https://www.uni-bielefeld.de/intern/dms/ Kontakt und weitere Infos]}}&lt;br /&gt;
{{KachelSeitenindex|Text=[https://eakte.uni-bielefeld.de/ Startseite DMS/eAkte]}}&lt;br /&gt;
{{KachelSeitenindex|Text=[[Leitfaden Projektmanagement]]}}&lt;br /&gt;
{{KachelSeitenindex|Text=[https://matrix.to/#/#eAkte:uni-bielefeld.de Element: eAkte Info]}}&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Kategorie:Anleitung&amp;diff=3947</id>
		<title>Kategorie:Anleitung</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Kategorie:Anleitung&amp;diff=3947"/>
		<updated>2024-09-19T10:57:09Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{AnleitungAbsatz&lt;br /&gt;
|Auf dieser Seite finden Sie Anleitungen zum Arbeiten mit bzw. in DMS/eAkte.&lt;br /&gt;
&lt;br /&gt;
Für einige dieser Anleitungen wurden zusätzlich Video-Anleitungen produziert. Diese sind jeweils bei der betreffenden Anleitung verlinkt. Eine Übersicht der Videoanleitungen finden Sie auf der [https://uni-bielefeld.cloud.panopto.eu/Panopto/Pages/Viewer.aspx?pid&amp;amp;#61;ae5ba324-5bac-45f6-8ce7-af010062432d Videoplattform Panopto].&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Datei:Hausrundschreiben_Eigenschaften.png&amp;diff=3946</id>
		<title>Datei:Hausrundschreiben Eigenschaften.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Datei:Hausrundschreiben_Eigenschaften.png&amp;diff=3946"/>
		<updated>2024-09-19T07:36:55Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: Jdamian setzte Datei:Hausrundschreiben Eigenschaften.png auf eine alte Version zurück&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Datei:Hausrundschreiben_Eigenschaften.png&amp;diff=3945</id>
		<title>Datei:Hausrundschreiben Eigenschaften.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Datei:Hausrundschreiben_Eigenschaften.png&amp;diff=3945"/>
		<updated>2024-09-19T07:36:09Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: Jdamian setzte Datei:Hausrundschreiben Eigenschaften.png auf eine alte Version zurück&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Kategorie:Installation&amp;diff=3939</id>
		<title>Kategorie:Installation</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Kategorie:Installation&amp;diff=3939"/>
		<updated>2024-09-06T07:42:29Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: Die Seite wurde neu angelegt: „Kategorie:Anleitung“&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Kategorie:Anleitung]]&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Installation_von_d.velop_local_edit&amp;diff=3938</id>
		<title>Installation von d.velop local edit</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Installation_von_d.velop_local_edit&amp;diff=3938"/>
		<updated>2024-09-06T07:41:59Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Anleitung}}[[Kategorie:Installation]] In dieser Anleitung wird beschrieben, wie man d.velop local edit installiert und zur Benutzung einrichtet. Mit. d.velop local edit kann man Dokumente aus der eAkte lokal bearbeiten und ins DMS zurückspeichern.&lt;br /&gt;
&lt;br /&gt;
== Installation über den Ivanti Portal Manager ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Portal Manager.png|Zu sehen ist der Eintrag Ivanti Portal Manager im Startmenü von Windows.&lt;br /&gt;
|Navigieren Sie im Startmenü von Windows zu dem Ordner Ivanti Management. Dort finden Sie den Eintrag Portal Manager, den Sie mit einem Doppelklick öffnen.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshotGroß|Portal_Manager_localedit.png|Zu sehen ist die Oberfläche des Ivanti Portal Managers mit dem Icon &amp;quot;I_UniBi_d.velop local edit&amp;quot;. &lt;br /&gt;
|In der Oberfläche des Portal Managers finden Sie den Eintrag zu local edit unter dem Namen &amp;quot;I_UniBi_d.velop local edit&amp;quot;.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot&lt;br /&gt;
|Portal_Manager_localedit_Download.png|Zu sehen ist ein Downloadbalken für das Plugin d.velop local edit.|Starten Sie den Download durch einen Klick auf den Eintrag.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot&lt;br /&gt;
|Portal_Manager_localedit_Installation.png|Zu sehen ist ein Installationsbalken für das Plugin d.velop local edit.|Nach dem Download wird die Installation automatisch gestartet.&lt;br /&gt;
}}&lt;br /&gt;
Nach Abschluss der Installation fällt das Installationsfenster einfach zu. Mehr Rückmeldung gibt der Portal Manager nicht. Um sicherzugehen, dass d.velop local edit erfolgreich installiert wurde, kann man das Verzeichnis &amp;quot;C:\Program Files (x86)\d.velop\local edit&amp;quot; aufrufen.&lt;br /&gt;
&lt;br /&gt;
== d.velop local edit händisch starten==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot&lt;br /&gt;
|local_edit_Startmenu.png|Eintrag von d.velop local edit im Windows-Startmenü.|Nach der Installation wird d.velop local edit nicht automatisch gestartet. Wenn Sie z.B. Einstellungen verändern wollen (s.u.), dann starten Sie es am besten einmal händisch. Am einfachsten ist es, wenn Sie dafür im Windows Startmenü nach dem Begriff &amp;quot;local edit&amp;quot; suchen und die Applikation einmal mit Klick ausführen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Einstellungen für d.velop local edit vornehmen ==&lt;br /&gt;
&lt;br /&gt;
{{Information&lt;br /&gt;
|d.velop local edit ist auch ohne Anpassungen in den Einstellungen voll funktionsfähig. Die nachfolgenden Erläuterungen dienen der Individualisierbarkeit des Plugins.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot&lt;br /&gt;
|localedit_Menu.png|Zu sehen ist das Icon zu d.velop local edit im System Tray.|Wenn d.velop local edit bereits gestartet ist, kann man das Icon unten rechts in der Windowsleiste im System Tray finden. Dafür muss man die ausgeblendeten Icons anzeigen - durch einen Klick auf ^.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot&lt;br /&gt;
|localedit_MenuEinstellungen.png|Zu sehen ist das Icon zu d.velop local edit im System Tray inklusive des Kontextmenüs des Plugins.|Mit einem Rechtsklick auf das Icon zu d.velop local edit ergeben sich verschiedene Optionen. Neben den Einstellungen ist hier besonders die Möglichkeit das Plugin zu beenden hilfreich. Wenn man auf Einstellungen klickt, öffnet sich ein Menü.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot&lt;br /&gt;
|localedit_EinstellungenAllgemein.png|Zu sehen ist der Reiter Allgemein der Einstellungen von d.velop local edit.|Im Reiter Allgemein der Einstellungen von d.velop local edit kann man die Sprache des Plugins umstellen und aktivieren, ob es automatisch mit Windows gestartet wird.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot&lt;br /&gt;
|localedit_EinstellungenBearbeitung.png|Zu sehen ist der Reiter Bearbeitung der Einstellungen von d.velop local edit.|Im Reiter Bearbeitung der Einstellungen von d.velop local edit kann man wählen, ob das Plugin die Standardverknüpfungen des Windows-Betriebssystem verwenden soll. Diese findet man unter dem Begriff Standard-Apps im Windows-Startmenü. Alternativ legt man für einzelne Dateiendungen fest, welche Applikation geöffnet werden soll. Wenn Sie hier eine falsche/ungünstige Verknüpfung gewählt haben, kann so die Verknüpfung wieder aufgehoben werden. Wenn d.velop local edit an dieser Stelle keine passende Verknüpfung zum Öffnen einer Appliaktion findet, wird der User gefragt, mit welcher Applikation gearbeitet werden soll.&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Installation_von_d.velop_local_edit&amp;diff=3937</id>
		<title>Installation von d.velop local edit</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Installation_von_d.velop_local_edit&amp;diff=3937"/>
		<updated>2024-09-06T07:39:52Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Anleitung}} In dieser Anleitung wird beschrieben, wie man d.velop local edit installiert und zur Benutzung einrichtet. Mit. d.velop local edit kann man Dokumente aus der eAkte lokal bearbeiten und ins DMS zurückspeichern.&lt;br /&gt;
&lt;br /&gt;
== Installation über den Ivanti Portal Manager ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Portal Manager.png|Zu sehen ist der Eintrag Ivanti Portal Manager im Startmenü von Windows.&lt;br /&gt;
|Navigieren Sie im Startmenü von Windows zu dem Ordner Ivanti Management. Dort finden Sie den Eintrag Portal Manager, den Sie mit einem Doppelklick öffnen.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshotGroß|Portal_Manager_localedit.png|Zu sehen ist die Oberfläche des Ivanti Portal Managers mit dem Icon &amp;quot;I_UniBi_d.velop local edit&amp;quot;. &lt;br /&gt;
|In der Oberfläche des Portal Managers finden Sie den Eintrag zu local edit unter dem Namen &amp;quot;I_UniBi_d.velop local edit&amp;quot;.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot&lt;br /&gt;
|Portal_Manager_localedit_Download.png|Zu sehen ist ein Downloadbalken für das Plugin d.velop local edit.|Starten Sie den Download durch einen Klick auf den Eintrag.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot&lt;br /&gt;
|Portal_Manager_localedit_Installation.png|Zu sehen ist ein Installationsbalken für das Plugin d.velop local edit.|Nach dem Download wird die Installation automatisch gestartet.&lt;br /&gt;
}}&lt;br /&gt;
Nach Abschluss der Installation fällt das Installationsfenster einfach zu. Mehr Rückmeldung gibt der Portal Manager nicht. Um sicherzugehen, dass d.velop local edit erfolgreich installiert wurde, kann man das Verzeichnis &amp;quot;C:\Program Files (x86)\d.velop\local edit&amp;quot; aufrufen.&lt;br /&gt;
&lt;br /&gt;
== d.velop local edit händisch starten==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot&lt;br /&gt;
|local_edit_Startmenu.png|Eintrag von d.velop local edit im Windows-Startmenü.|Nach der Installation wird d.velop local edit nicht automatisch gestartet. Wenn Sie z.B. Einstellungen verändern wollen (s.u.), dann starten Sie es am besten einmal händisch. Am einfachsten ist es, wenn Sie dafür im Windows Startmenü nach dem Begriff &amp;quot;local edit&amp;quot; suchen und die Applikation einmal mit Klick ausführen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Einstellungen für d.velop local edit vornehmen ==&lt;br /&gt;
&lt;br /&gt;
{{Information&lt;br /&gt;
|d.velop local edit ist auch ohne Anpassungen in den Einstellungen voll funktionsfähig. Die nachfolgenden Erläuterungen dienen der Individualisierbarkeit des Plugins.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot&lt;br /&gt;
|localedit_Menu.png|Zu sehen ist das Icon zu d.velop local edit im System Tray.|Wenn d.velop local edit bereits gestartet ist, kann man das Icon unten rechts in der Windowsleiste im System Tray finden. Dafür muss man die ausgeblendeten Icons anzeigen - durch einen Klick auf ^.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot&lt;br /&gt;
|localedit_MenuEinstellungen.png|Zu sehen ist das Icon zu d.velop local edit im System Tray inklusive des Kontextmenüs des Plugins.|Mit einem Rechtsklick auf das Icon zu d.velop local edit ergeben sich verschiedene Optionen. Neben den Einstellungen ist hier besonders die Möglichkeit das Plugin zu beenden hilfreich. Wenn man auf Einstellungen klickt, öffnet sich ein Menü.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot&lt;br /&gt;
|localedit_EinstellungenAllgemein.png|Zu sehen ist der Reiter Allgemein der Einstellungen von d.velop local edit.|Im Reiter Allgemein der Einstellungen von d.velop local edit kann man die Sprache des Plugins umstellen und aktivieren, ob es automatisch mit Windows gestartet wird.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot&lt;br /&gt;
|localedit_EinstellungenBearbeitung.png|Zu sehen ist der Reiter Bearbeitung der Einstellungen von d.velop local edit.|Im Reiter Bearbeitung der Einstellungen von d.velop local edit kann man wählen, ob das Plugin die Standardverknüpfungen des Windows-Betriebssystem verwenden soll. Diese findet man unter dem Begriff Standard-Apps im Windows-Startmenü. Alternativ legt man für einzelne Dateiendungen fest, welche Applikation geöffnet werden soll. Wenn Sie hier eine falsche/ungünstige Verknüpfung gewählt haben, kann so die Verknüpfung wieder aufgehoben werden. Wenn d.velop local edit an dieser Stelle keine passende Verknüpfung zum Öffnen einer Appliaktion findet, wird der User gefragt, mit welcher Applikation gearbeitet werden soll.&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Vorgang&amp;diff=3898</id>
		<title>Vorgang</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Vorgang&amp;diff=3898"/>
		<updated>2024-08-29T09:45:04Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[category:Glossar]]&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Unterhalb von Akten können sich als weitere Gliederungsebene Vorgänge befinden, die durch einen schrägen Aktenordner dargestellt werden. &amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;onlyinclude&amp;gt;Ein Vorgang ist die Zusammenstellung einzelner Dokumente nach inhaltlichen Kriterien. Er ist die kleinste sachthematische Ordnungseinheit, zu dem die Dokumente eines einzelnen Geschäftsvorfalls zusammengefasst werden. Seine Struktur folgt einem chronologischen Aufbau, wobei Anfang und Ende klar bestimmbar sind. Ein Vorgang wird durch Metadaten beschrieben (z.B. Vorgangstitel, Vorgangszeichen, Erstellungsdatum).&amp;lt;/onlyinclude&amp;gt;&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Eine Abweichung von der Objekthierarchie Akte – Vorgang – Dokument ist nur in klar geregelten Sonderfällen (z.B. Personalakten) möglich.&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Kategorie:Einstieg&amp;diff=3897</id>
		<title>Kategorie:Einstieg</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Kategorie:Einstieg&amp;diff=3897"/>
		<updated>2024-08-28T09:04:39Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Kategorie:Menü|0Einstieg]]&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Kategorie:Einstieg&amp;diff=3896</id>
		<title>Kategorie:Einstieg</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Kategorie:Einstieg&amp;diff=3896"/>
		<updated>2024-08-28T09:04:15Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Kategorie:Menü|*Einstieg]]&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Kategorie:Einstieg&amp;diff=3895</id>
		<title>Kategorie:Einstieg</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Kategorie:Einstieg&amp;diff=3895"/>
		<updated>2024-08-28T09:03:31Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Kategorie:Menü|!Einstieg]]&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Schnelleinstieg_in_DMS/eAkte&amp;diff=3871</id>
		<title>Schnelleinstieg in DMS/eAkte</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Schnelleinstieg_in_DMS/eAkte&amp;diff=3871"/>
		<updated>2024-08-19T10:58:34Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: /* Anmeldung in DMS/eAkte */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Anleitung}}[[category:Basisanleitungen]][[category:Einstieg]]&amp;lt;!--[[category:Aufgaben]][[category:Verfügungsworkflow]][[category:eLaufmappe]][[category:Suche]][[category:Versionierung]][[category:Dokumente]]--&amp;gt;{{AnleitungAbsatz&lt;br /&gt;
|Im Kapitel Schnelleinstieg werden Ihnen die grundlegenden Funktionen des Dokumentenmanagementsystems DMS/eAkte näher gebracht, wie Anmeldung am System, der Startseite und persönlichen Einstellungen. Außerdem finden Sie jeweils Verweise auf ausführlichere Anleitungen zu den jeweils angeschnittenen Funktionen oder Themenbereichen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Eine kurze Videoanleitung zu Anmeldung im Dokumentenmanagementsystem und Dashboard finden Sie auf der [[panopto: d6639ffe-16ad-4ee7-9b00-b10e00775ad7 | Videoplattform Panopto]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Anmeldung in DMS/eAkte ==&lt;br /&gt;
&amp;lt;!--&lt;br /&gt;
{{AnleitungScreenshot|Anmeldung Shibboleth.png|Anmeldemaske des Dokumentenmanagementsystems&lt;br /&gt;
|Das Dokumentenmanagementsystem DMS/eAkte ist unter der Adresse https://eakte.uni-bielefeld.de erreichbar. Innerhalb der Uni können Sie das Dokumentenmanagementsystem über Eduroam aufrufen, außerhalb nur per VPN-Verbindung. Beim Aufrufen der Webseite erscheint eine Authentifizierungsmaske.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis|Weitere Informationen zum Zugang mit VPN erhalten Sie auf [https://www.uni-bielefeld.de/einrichtungen/bits/services/infra/vpn/index.xml den Seiten des BITS].&lt;br /&gt;
}}&lt;br /&gt;
Bei der Anmeldung stehen Ihnen zwei verschiedene Wege zur Verfügung.&lt;br /&gt;
&lt;br /&gt;
=== Web-Authentifizierung ===&lt;br /&gt;
&lt;br /&gt;
Mit Klick auf den Button werden Sie zwischenzeitlich auf die Anmeldeseite der Web-Authentifizierung mit Shibboleth umgeleitet. Nach der Anmeldung dort kehren Sie automatisch zum Dokumentenmanagementsystem {{Tooltip|DMS}} zurück.&lt;br /&gt;
&lt;br /&gt;
{{Verweis|Weitere Informationen zur Web-Authentifizierung erhalten Sie auf [https://www.uni-bielefeld.de/einrichtungen/bits/services/aus/web-authentifizierung/ den Seiten des BITS].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Anmeldung mit E-Mailadresse oder Kennung ===&lt;br /&gt;
&lt;br /&gt;
Alternativ verwenden Sie Ihre eMail-Adresse oder Ihre Kennung mit dem entsprechenden Passwort. Die Kennung erhält dabei ein vorangestelltes &#039;&#039;&#039;ad\&#039;&#039;&#039; (Beispiel: ad\mmusterfrau).&lt;br /&gt;
{{Verweis|Eine Übersicht über die richtige Verwendung Ihrer Passwörter erhalten Sie auf [https://www.uni-bielefeld.de/einrichtungen/bits/services/aus/account/uebersicht/index.xml den Seiten des BITS].&lt;br /&gt;
}}&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
{{AnleitungScreenshot|Anmeldemaske.png|Anmeldemaske des Dokumentenmanagementsystems&lt;br /&gt;
|Das Dokumentenmanagementsystem DMS/eAkte ist unter der Adresse https://eakte.uni-bielefeld.de erreichbar. Innerhalb der Uni können Sie das Dokumentenmanagementsystem über Eduroam aufrufen; außerhalb nur per VPN-Verbindung. Beim Aufrufen der Webseite erscheint eine Authentifizierungsmaske. Alle Beschäftigten der Universität Bielefeld können sich mit den entsprechenden AD-Zugangsdaten dort anmelden.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|&#039;&#039;&#039;Hinweise zur Anmeldung:&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Zur Anmeldung verwenden Sie Ihre eMail-Adresse oder Ihren Windows-Benutzer*innennamen mit dem Zusatz ad\ (Beispiel: ad\mmusterfrau) und Ihr Windowskennwort. Im Passwortdienst PRISMA läuft die Passwortkategorie unter &#039;&#039;&#039;Anmelden an PCs, E-Mail-Postfächern und weiteren Windows- und Active Directory-Diensten&#039;&#039;&#039;.&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Wenn  Sie einen Dienstrechner verwenden, der vom Hochschulrechenzentrum BITS gemanagt wird, können Sie sich ganz einfach über einen Klick auf den Button &#039;&#039;&#039;Mit Kerberos anmelden&#039;&#039;&#039; im Dokumentenmanagementsystem authentifizieren.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Abmeldung aus DMS/eAkte ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Schnelleinstieg Abmelden.png|In der rechten oberen Ecke des DMS/eAkte ist das persönliche Menü geöffnet. Es enthält die Punkte Ihr Profil, Abwesenheitsstatus und Abmelden. Abmelden ist durch einen roten Kasten hervorgehoben. Die restliche Ansicht des DMS/eAkte ist abgedunkelt. &lt;br /&gt;
|Um eine Anmeldung in DMS/eAkte aktiv zu beenden, klicken Sie auf die farbig angedeutete Figur in der rechten oberen Ecke des DMS/eAkte. Es öffnet sich ein Menü. Klicken Sie dort auf &#039;&#039;&#039;Abmelden&#039;&#039;&#039; um Ihre Sitzung zu beenden.&lt;br /&gt;
}}&lt;br /&gt;
{{Information&lt;br /&gt;
|Eine Anmeldung in DMS/eAkte wird auch nach 8 Stunden Inaktivität oder beim Schließen des Browsers beendet.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Startseite ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Das Dashboard ist die Startseite in DMS/eAkte, die Sie nach der Anmeldung erreichen. Alternativ können Sie auch die klassischen Kachel-Ansicht als Startseite nutzen.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sowohl bei der Dashboard-Ansicht als auch bei der klassischen Kachel-Ansicht, können Sie sich zwei Menüzeilen und mehrere Kacheln anzeigen lassen. &lt;br /&gt;
In beiden Ansichten sind die Bezeichnungen der Funktionen identisch. Ein wesentlicher Unterschied besteht zum einen in den Anordnungsmöglichkeiten der Funktionen und zum anderen beinhaltet das Dashboard zusätzliche Funktionen wie &#039;&#039;&#039;Zuletzt bearbeitet&#039;&#039;&#039;, &#039;&#039;&#039;Favorisiert&#039;&#039;&#039; und &#039;&#039;&#039;Direktsuche&#039;&#039;&#039;. Ein weiterer Unterschied ist die Bezeichnung der dargestellten Funktionen. Im Dashboard heißen die Funktionen Widgets und in der klassischen Ansicht Kacheln. &lt;br /&gt;
}}&lt;br /&gt;
{{Information&lt;br /&gt;
|Möglicherweise unterscheidet sich Ihre Anzeige hinsichtlich der Anzahl der Widgets bzw. Kacheln von dieser Beschreibung. Das hängt dann entweder von Ihren Rechten oder ihrer Konfigurationen in DMS/eAkte ab.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Dashboard ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Dashboard.png|Dashboard des Dokumentenmanagementsystems. Unter zwei Menüzeilen befinden sich die Widgets, die verschiedene Funktionen von DMS/eAkte aufrufen. In dieser Abbildung befinden sich folgende Widgets in der ersten Zeile: Aufgaben und Nachrichten, Prozesse, Konfiguration, Suche, Persönliche Aktivitäten, in der zweiten Zeile: Aktenplan, Konfiguration, Workflow-Dashboard, Aufgaben und Nachrichten, in der dritten Zeile: Office-Vorlagen, Prozesse, Aufgaben.&lt;br /&gt;
|Nach der Anmeldung gelangen Sie auf das Dashboard in DMS/eAkte. Durch Anklicken der Widgets gelangen Sie zu den einzelnen Funktionen des Dokumentenmanagementsystems.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Widgets mit tiefergehenden Funktionen werden hier erläutert: &lt;br /&gt;
* [[Suche in DMS/eAkte#Widget Suche mit Suchschlitz|Widget Suche mit Suchschlitz]], &lt;br /&gt;
* [[Persönlicher Bereich in DMS/eAkte#Widget Favorisiert|Widget Favorisiert]], &lt;br /&gt;
* [[Widget Zuletzt bearbeitet in DMS/eAkte|Widget Zuletzt bearbeitet]] und&lt;br /&gt;
* [[Widget Beobachtet in DMS/eAkte|Widget Beobachtet]].&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Oberhalb der Widgets befinden sich auf der Startseite zwei Menüzeilen mit jeweils mehreren Schaltflächen. Die Funktionen der einzelnen Schaltflächen sind im Folgenden beschrieben.&lt;br /&gt;
# &#039;&#039;&#039;Andere Anwendungen&#039;&#039;&#039;&lt;br /&gt;
#:Die Schaltfläche befindet sich oben rechts auf der Startseite und wird in Form von sechs kleinen Vierecken dargestellt. Hierüber können Sie zusätzlich einzelne Funktionen aufrufen, unabhängig davon, wo Sie sich im DMs befinden.  Somit haben Sie einen sogenannten Schnellzugriff auf einzelne Funktionen, ohne dafür auf die Startseite zu wechseln.&lt;br /&gt;
# &#039;&#039;&#039;Hilfe&#039;&#039;&#039;&lt;br /&gt;
#: Die Hilfe befindet sich oben rechts neben der Schaltfläche &#039;&#039;&#039;Andere Anwendung&#039;&#039;&#039;. Sie wird in Form eines Fragezeichens dargestellt. Die Funktion wird derzeit an der Uni Bielefeld nicht genutzt!&lt;br /&gt;
# &#039;&#039;&#039;Abmelden&#039;&#039;&#039;&lt;br /&gt;
#: Die Schaltfläche &#039;&#039;&#039;Abmelden&#039;&#039;&#039; befindet sich ebenfalls oben rechts und wird in Form eines User-Icons dargestellt. Hier können Sie sich abmelden, aber auch eine Abwesenheit festlegen und User-Infos einsehen.&lt;br /&gt;
# &#039;&#039;&#039;Weitere Informationen&#039;&#039;&#039;&lt;br /&gt;
#: Über die drei Punkte oben rechts können Sie ein weiteres DMS-Fenster öffnen.&lt;br /&gt;
# &#039;&#039;&#039;Klassische Ansicht anzeigen&#039;&#039;&#039;&lt;br /&gt;
#: Die Schaltfläche &#039;&#039;&#039;klassische Ansicht&#039;&#039;&#039; befindet sich unterhalb der zuvor genannten Funktionen. Hiermit können Sie zur klassischen Ansicht wechseln.&lt;br /&gt;
# &#039;&#039;&#039;Widgets hinzufügen&#039;&#039;&#039;&lt;br /&gt;
#: Die Schaltfläche &#039;&#039;&#039;Widgets&#039;&#039;&#039; befindet sich oben rechts neben dem Button klassische Ansicht. Hierüber können Sie sich weitere oder ausgeblendete Widgets anzeigen lassen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Widget_Persönlicher_Bereich.png|Es wird das Widget Persönlicher Bereich angezeigt. Es handelt sich um eine rechteckige Schaltfläche mit der Bezeichnung Persönlicher Bereich. An der linken Seite befindet sich ein Symbol, bestehend aus insgesamt sechs Punkten, angeordnet in zwei Spalten zu je drei. Am rechten Rand befindet sich ein weiteres Symbol, drei Punkte vertikal ausgerichtet. Umten rechts in der Ecke sind zwei Striche, die ein Dreieck andeuten.&lt;br /&gt;
|&#039;&#039;&#039;Widgets individuell anpassen&#039;&#039;&#039; &lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Wenn Sie Ihren Mauszeiger auf das Symbol mit den sechs Punkten neben dem Widget positionieren und dann die Maustaste gedrückt halten, können Sie das Widget auf dem Dashboard verschieben. &lt;br /&gt;
Mit den beiden Strichen an der rechten unteren Ecke eines Widgets, lässt sich auf die selbe Weise die Breite ein Widget verändern. &lt;br /&gt;
Über die drei Punkte rechts neben einem Widget, wird Ihnen &#039;&#039;&#039;Entfernen&#039;&#039;&#039; und - bei einigen Widgets - &#039;&#039;&#039;Aktualisieren&#039;&#039;&#039; angeboten. &lt;br /&gt;
&lt;br /&gt;
Mit &#039;&#039;&#039;Entfernen&#039;&#039;&#039; entfernen Sie das Widget vom Dashboard. Sie können es aber jederzeit unter &#039;&#039;&#039;+ Widget hinzufügen&#039;&#039;&#039; einblenden.&lt;br /&gt;
&#039;&#039;&#039;Aktualisieren&#039;&#039;&#039; wird Ihnen nur bei Widgets präsentiert, die über eine Anzeigefunktion verfügen, um diese auf den nächsten Stand zu bringen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Klassische Ansicht ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Schnelleinstieg Startseite.png|Startseite des Dokumentenmanagementsystems. Unter zwei Menüzeilen befinden sich als Kacheln designt die verschiedenen Funktionen von DMS/eAkte. In dieser Ansicht gibt es die Kacheln 1. Zeile: Aufgaben und Nachrichten, Prozesse, Konfiguration, 2. Zeile: Office-Vorlagen, Arbeiten mit DMS/eAkte, Persönlicher Bereich, 3. Zeile: Suche, Aktenplan und Workflow-Dashboard und in der 4. Zeile Wiki DMS/eAkte.&lt;br /&gt;
|Alternativ zum Dashboard können Sie die klassische Ansicht als Startseite in DMS/eAkte festlegen. Die Kacheln enthalten verschiedene Einstiegsmöglichkeiten in das Dokumentenmanagementsystem.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Oberhalb der Kacheln befinden sich auf der Startseite zwei Menüzeilen mit jeweils vier Schaltflächen. Die Funktionen der einzelnen Schaltflächen sind im vorherigen Abschnitt &#039;&#039;&#039;Dashboard&#039;&#039;&#039; beschrieben. Alle weiteren Funktionen der einzelnen Schaltflächen, die sich rechts oben befinden werden nachfolgend beschrieben.&lt;br /&gt;
# &#039;&#039;&#039;Dashboard-Ansicht anzeigen&#039;&#039;&#039;&lt;br /&gt;
#: Hiermit wechseln Sie zur Dashboard-Ansicht.&lt;br /&gt;
# &#039;&#039;&#039;Favoriten anzeigen&#039;&#039;&#039;&lt;br /&gt;
#: Hier können Sie die Ansicht auf Kacheln beschränken, die Sie zuvor über das Sternsymbol als Favorit markiert haben, um eine individuelle Ansicht mit den für Sie relevanten Kacheln zu erstellen.&lt;br /&gt;
# &#039;&#039;&#039;Features Filtern&#039;&#039;&#039;&lt;br /&gt;
#: Über das Lupen-Symbol können Sie nach Kacheln auf der Startseite filtern.&lt;br /&gt;
# &#039;&#039;&#039;Features neu laden&#039;&#039;&#039;&lt;br /&gt;
#: Hier können Sie die angezeigten Kacheln (Features) auf der Startseite laden.&lt;br /&gt;
# &#039;&#039;&#039;Gruppierung verwalten&#039;&#039;&#039;&lt;br /&gt;
#: Über diese Funktion können Sie Gruppierungen der Features (Kacheln) vornehmen&lt;br /&gt;
&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Startseite_Persönlicher_Bereich.png|Es wird das Feature Persönlicher Bereich angezeigt. Es handelt sich um eine rechteckige Schaltfläche mit der Bezeichnung Persönlicher Bereich. Am unteren rechten Rand befindet sich ein fünfzackiger Stern sowie ein i in einem Kreis.&lt;br /&gt;
|&#039;&#039;&#039;Kacheln in DMS/eAkte anpassen &lt;br /&gt;
&#039;&#039;&#039;}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Wenn Sie auf das &#039;&#039;&#039;i&#039;&#039;&#039; in einer Kachel klicken, erhalten Sie eine nähere Beschreibung zu der Funktion, die mit diesem Feature aufgerufen wird. &lt;br /&gt;
Klicken Sie auf den Stern, &#039;&#039;&#039;Zu Favoriten hinzufügen&#039;&#039;&#039;, markieren Sie diese Kachel bzw. Funktion als Favoriten. Die Startseite erhält dadurch im oberen Teil einen Bereich für Ihre favorisierten Features. Da sich die Features der Startseite - anders als die Widgets der Startseite - nicht löschen lassen, ist diese Funktion hilfreich, wenn Sie nur wenige Features nutzen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Aufgaben ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Aufgaben_Postkorb.png|Übersicht der Maske Aufgaben und Nachrichten mit einer Nachricht und einer Aufgabe als Beispiel. &lt;br /&gt;
|Mit einem Klick auf die Kachel &#039;&#039;&#039;Aufgaben&#039;&#039;&#039; gelangen Sie in Ihren Postkorb. Der Postkorb enthält Nachrichten, die das DMS automatisiert versendet oder die von Nutzer*innen verschickt wurden. Sie können den Postkorb z.B. auch als persönliche Gedächtnisstütze nutzen oder andere User*innen um die Bearbeitung oder Mitzeichnung eines Dokuments bitten. Wird ein Dokument zwischen zwei User*innen hin- und hergeschickt, wird jeder Posteingang protokolliert. &lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz|Neue Nachrichten werden in Ihrem Postkorb &#039;&#039;&#039;fett&#039;&#039;&#039; markiert. Es wird unterschieden zwischen Aufgaben und Verfügungsworkflow/eLaufmappe. Aufgaben kann jede*r User*in individuell gestalten und sich selbst oder anderen über den Postkorb zustellen. Der wesentliche Unterschied zwischen Aufgaben und Verfügungsworkflow/eLaufmappe liegt darin, dass Aufgaben nicht am Dokument protokolliert werden. Der Verfügungsworkflow/eLaufmappe hingegen schon.&lt;br /&gt;
Sie können die Aufgaben, Verfügungsworkflow/eLaufmappe bearbeiten, in dem Sie auf die Aufgabe oder den Verfügungsworkflow/eLaufmappe klicken und dann entsprechend bearbeiten.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Bearbeitung und Erstellung von &#039;&#039;&#039;Aufgaben&#039;&#039;&#039; finden Sie in der Anleitung [[Aufgaben erstellen und bearbeiten in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zum &#039;&#039;&#039;Verfügungsworkflow&#039;&#039;&#039; finden Sie in der Anleitung [[Verfügungsworkflow allgemein in DMS/eAkte]].&lt;br /&gt;
Informationen zur &#039;&#039;&#039;eLaufmappe&#039;&#039;&#039; finden Sie in der Anleitung [[ELaufmappe in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Prozesse ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Prozessübersicht.png|Übersicht der weiterer Kacheln beziehungsweise Funktionen unterhalb der Kachel Prozesse.&lt;br /&gt;
|Das Prozessportal ist vor allem für die Digitalisierung von Geschäftsprozessen gedacht. Es gibt an dieser Stelle die Möglichkeit, verschiedenste Formulare zum Ausfüllen bereitzustellen, Vorgänge zu erstellen oder auf weitere Funktionalitäten des Systems zuzugreifen. Die Ansicht kann je nach den erteilten Berechtigungen unterschiedlich aussehen. Für die spezifischen Inhalte der einzelnen Kacheln finden Sie in der Regel eigenständige Anleitungen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Suche ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sie können in der Suche, ähnlich wie bei den Suchmaschinen von Bing etc., den entsprechenden Suchbegriff eingeben. Die Suche wird beim Tippen der Zeichen bereits ausgeführt, so dass Sie am Suchen-Button bereits die Anzahl der Suchtreffer und im unteren Bereich der Oberfläche weitere mögliche Einschränkungen über Eigenschaften sehen können. Die Dokumente werden volltextindiziert, so dass auch eine Suche in den Dokumenten und in den Metadaten erfolgt.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Suche finden Sie in der Anleitung [[Suche in DMS/eAkte|Suche in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Navigation im Dokumentenmanagementsystem ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Navigation.png|Adresszeile des Dokumentenmanagementsystems anhand eines Beispiels.&lt;br /&gt;
|Wenn Sie innerhalb des Dokumentenmanagementsystem zurück navigieren wollen, dürfen Sie nicht den Zurück-Button des Browsers verwenden, sondern müssen zwingend über die Adresszeile oberhalb des Dokumentenmanagementsystems navigieren. Bei einem Klick auf das Haus-Symbol gelangen Sie immer wieder zur Startseite.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Favoriten speichern ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Favoriten speichern.png|Geöffnetes Kontextmenü anhand des Beispiels eines Dokumenten. &lt;br /&gt;
|Dateien, Vorgänge oder Akten, auf die Sie häufiger zugreifen, können als Favoriten abgespeichert werden. Dafür klicken Sie rechts neben der Datei, dem Vorgang oder der Akte auf die drei Punkte und wählen im Kontextmenü &#039;&#039;&#039;Zur Liste hinzufügen&#039;&#039;&#039; aus. &lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot|Favoriten speichern in Liste.png|Darstellung der Liste für die Favoriten.&lt;br /&gt;
|Anschließend wählen Sie die Liste aus, in der das Element hinzugefügt werden soll. Neben der Standardliste &#039;&#039;&#039;Favoriten&#039;&#039;&#039; können sie durch einen Klick auf &#039;&#039;&#039;+ Neue Liste erstellen&#039;&#039;&#039; eine eigene Liste erzeugen. Drücken Sie auf &#039;&#039;&#039;Speichern&#039;&#039;&#039;, um die Auswahl zu bestätigen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Export Trefferliste ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz|Sie können eine Trefferliste beziehungsweise Ergebnisliste, z.B. einer Suche, als CSV oder Excel exportieren.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis| Informationen zum Export der Trefferliste finden Sie in der Anleitung [[Export Trefferliste in DMS/eAkte|Export Trefferliste]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Datei-Status und Dateisymbol ==&lt;br /&gt;
&lt;br /&gt;
=== Datei-Status ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Der farbige Punkt (je nach Ansicht) in der Tabellenansicht in der Spalte &#039;&#039;&#039;Status&#039;&#039;&#039;, zeigt den jeweiligen Status eines Dokumentes oder einer Akte an:&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Bearbeitung (roter Statusbalken)&#039;&#039;&#039;:&lt;br /&gt;
:Im Status &#039;&#039;&#039;Bearbeitung&#039;&#039;&#039; werden Dokumente von eine(m*r) User*in oder einer Gruppe bearbeitet, verändert oder auch gelöscht. Fertig gestellte Dokumente können in den Status &#039;&#039;&#039;Prüfung&#039;&#039;&#039; weitergeleitet. Diese sind dann aber zunächst noch ungeprüft.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Prüfung (gelber Statusbalken):&#039;&#039;&#039;&lt;br /&gt;
:Ein Dokument kann von einem berechtigten User*in, nach dem die Prüfung durch ihn erfolgt ist, in den Status Freigabe transferiert werden&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Freigabe (grüner Statusbalken):&#039;&#039;&#039;&lt;br /&gt;
:Dokumente im Status &#039;&#039;&#039;Freigabe&#039;&#039;&#039; können auf Sekundärspeichern ausgelagert werden. Zudem können Dokumente jederzeit, beispielsweise auf Grund eines inhaltlichen Fehlers, gesperrt werden. Dabei wird in der Ergebnisliste das Dokumentsymbol mit einem Einbahnstraßensymbol versehen.&lt;br /&gt;
&lt;br /&gt;
:Gesperrte Dokumente können jederzeit auch wieder freigegeben werden. Von der Freigabe werden Dokumente implizit in einen neuen Status oder explizit von eine(m*r) User*in in den Status &#039;&#039;&#039;Archiv&#039;&#039;&#039; weitergeleitet.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Archiv (blauer Statusbalken):&#039;&#039;&#039;&lt;br /&gt;
:Dokumente im Status &#039;&#039;&#039;Archiv&#039;&#039;&#039; können weder inhaltlich noch im Status geändert. Es können mehrere Versionen eines Dokuments in diesem Status existieren. Dokumente in diesem Status können auf einem Sekundärspeicher ausgelagert werden.&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Wenn Sie ein Dokument, das in einer &#039;&#039;&#039;freigegebenen&#039;&#039;&#039; Version existiert, in Bearbeitung nehmen, wird eine neue Version im Status &#039;&#039;&#039;Bearbeitung&#039;&#039;&#039; erzeugt. Diese Version kann nur die/der Bearbeitende einsehen und verändern - andere User*innen sehen lediglich, dass das Dokument aktuell in Bearbeitung ist. Wenn Sie die Bearbeitung abschließen bzw. das Dokument wieder freigeben, ist das Dokument für Personen, die berechtigt sind dies zu sehen, wieder sichtbar.  &lt;br /&gt;
Der Status &#039;&#039;&#039;Prüfung&#039;&#039;&#039; spielt an der Universität Bielefeld eine untergeordnete Rolle und wird nur in wenigen Prozessen benötigt.&lt;br /&gt;
}}&lt;br /&gt;
{{Information&lt;br /&gt;
|Wenn Sie mit der Maus über die farbigen Punkte fahren, wird Ihnen der Name des jeweiligen Status in Schrift angezeigt.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Eine Ausführliche Dokumentation des Dokumentstatus finden Sie im Kapitel [[Versionierung von Dokumenten in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Dateisymbol ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Dateisymbol.png|Tabellenansicht im Dokumentenmanagementsystem mit zwei beispielhaften Word-Dokumenten.&lt;br /&gt;
|Am Dokument ist ebenfalls ein Dateisymbol zu sehen, das den Dateityp visualisiert. Sie können somit auf einen Blick erkennen, ob es sich bei dem Dokument z.B. um Word, Excel, Powerpoint, eine E-Mail oder ein Foto/eine Grafik handelt. &lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Notizen, Workflow und Kommentare ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sie können in der Trefferliste weitere Informationen zu einzelnen Elementen (Akten, Vorgänge oder Dokumenten) auf einem Blick sehen. Die weiteren Informationen können Sie in der Tabellenansicht der Spalte &#039;&#039;&#039;weiter Infos&#039;&#039;&#039; einsehen. Über das Symbol eines Notizblockes erkennen Sie, ob zu dem jeweiligen Element Notizen hinterlegt wurden. Diese werden direkt an das Element geschrieben. Über den Kreis erkennen Sie, ob sich das Dokument momentan in einem Workflow ({{Tooltip|eLaufmappe}}) befindet. An dem Sprechblasen-Symbol erkennen Sie, ob an einem Dokument Kommentare oder grafische Markierungen (Redlining) gespeichert wurden.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Informationen zur eLaufmappe finden Sie in der Anleitung zur [[ELaufmappe in DMS/eAkte|eLaufmappe]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Kontextmenü ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Das Kontextmenü können Sie in der Trefferliste mit einem Klick auf das Icon mit den drei Punkten rechts neben einem Dokument, Akte oder Vorgang aufrufen. Die Einträge im Kontextmenü sind abhängig von den jeweils installierten Anwendungen und den Eigenschaften des Dokumentes, in dem Sie sich befinden.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Informationen zu den Funktionalitäten des Kontextmenüs (erkennbar an den drei Punkten) zu Dokumenten und Vorgängen finden Sie in der Anleitung [[Kontextmenü in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Einstellungen der Ansicht ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Über das Zahnrad-Symbol können Sie die Anzahl der Eigenschaften beziehungsweise der Metadaten in Ihrer Trefferliste und somit auch die Ansicht für sich persönlich anpassen. Um diese Einstellung vorzunehmen, müssen Sie in der Listenansicht auf das Zahnrad-Symbol oben rechts kicken. Anschließend können Sie über das Minus-Symbol und Plussymbol die Anzahl der Eigenschaften anpassen. Dieses Einstellung ist nur in der Listenansicht möglich. In der Tabellenansicht ist eine solche Einstellung nicht möglich.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Persönlicher Bereich ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Über den persönlichen Bereich können Sie Ihre gespeicherten Suchvorgänge, Favoriten, gespeicherten Ablagevorlagen und beobachteten Elemente verwalten. Dieser Bereich soll Ihnen die tägliche Arbeit erleichtern.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Eine detaillierte Anleitung zum persönlichen Bereich finden Sie in der Anleitung [[Persönlicher Bereich in DMS/eAkte|Persönlicher Bereich]].&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Schnelleinstieg_in_DMS/eAkte&amp;diff=3870</id>
		<title>Schnelleinstieg in DMS/eAkte</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Schnelleinstieg_in_DMS/eAkte&amp;diff=3870"/>
		<updated>2024-08-19T09:11:16Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Anleitung}}[[category:Basisanleitungen]][[category:Einstieg]]&amp;lt;!--[[category:Aufgaben]][[category:Verfügungsworkflow]][[category:eLaufmappe]][[category:Suche]][[category:Versionierung]][[category:Dokumente]]--&amp;gt;{{AnleitungAbsatz&lt;br /&gt;
|Im Kapitel Schnelleinstieg werden Ihnen die grundlegenden Funktionen des Dokumentenmanagementsystems DMS/eAkte näher gebracht, wie Anmeldung am System, der Startseite und persönlichen Einstellungen. Außerdem finden Sie jeweils Verweise auf ausführlichere Anleitungen zu den jeweils angeschnittenen Funktionen oder Themenbereichen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Eine kurze Videoanleitung zu Anmeldung im Dokumentenmanagementsystem und Dashboard finden Sie auf der [[panopto: d6639ffe-16ad-4ee7-9b00-b10e00775ad7 | Videoplattform Panopto]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Anmeldung in DMS/eAkte ==&lt;br /&gt;
&amp;lt;!--&lt;br /&gt;
{{AnleitungScreenshot|Anmeldemaske.png|Anmeldemaske des Dokumentenmanagementsystems&lt;br /&gt;
|Das Dokumentenmanagementsystem DMS/eAkte ist unter der Adresse https://eakte.uni-bielefeld.de erreichbar. Innerhalb der Uni können Sie das Dokumentenmanagementsystem über Eduroam aufrufen; außerhalb nur per VPN-Verbindung. Beim Aufrufen der Webseite erscheint eine Authentifizierungsmaske. Alle Beschäftigten der Universität Bielefeld können sich mit den entsprechenden AD-Zugangsdaten dort anmelden.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|&#039;&#039;&#039;Hinweise zur Anmeldung:&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Zur Anmeldung verwenden Sie Ihre eMail-Adresse oder Ihren Windows-Benutzer*innennamen mit dem Zusatz ad\ (Beispiel: ad\mmusterfrau) und Ihr Windowskennwort. Im Passwortdienst PRISMA läuft die Passwortkategorie unter &#039;&#039;&#039;Anmelden an PCs, E-Mail-Postfächern und weiteren Windows- und Active Directory-Diensten&#039;&#039;&#039;.&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Wenn  Sie einen Dienstrechner verwenden, der vom Hochschulrechenzentrum BITS gemanagt wird, können Sie sich ganz einfach über einen Klick auf den Button &#039;&#039;&#039;Mit Kerberos anmelden&#039;&#039;&#039; im Dokumentenmanagementsystem authentifizieren.&lt;br /&gt;
}}&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
{{AnleitungScreenshot|Anmeldemaske.png|Anmeldemaske des Dokumentenmanagementsystems&lt;br /&gt;
|Das Dokumentenmanagementsystem DMS/eAkte ist unter der Adresse https://eakte.uni-bielefeld.de erreichbar. Innerhalb der Uni können Sie das Dokumentenmanagementsystem über Eduroam aufrufen; außerhalb nur per VPN-Verbindung. Beim Aufrufen der Webseite erscheint eine Authentifizierungsmaske. Alle Beschäftigten der Universität Bielefeld können sich mit den entsprechenden AD-Zugangsdaten dort anmelden.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|&#039;&#039;&#039;Hinweise zur Anmeldung:&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Zur Anmeldung verwenden Sie Ihre eMail-Adresse oder Ihren Windows-Benutzer*innennamen mit dem Zusatz ad\ (Beispiel: ad\mmusterfrau) und Ihr Windowskennwort. Im Passwortdienst PRISMA läuft die Passwortkategorie unter &#039;&#039;&#039;Anmelden an PCs, E-Mail-Postfächern und weiteren Windows- und Active Directory-Diensten&#039;&#039;&#039;.&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Wenn  Sie einen Dienstrechner verwenden, der vom Hochschulrechenzentrum BITS gemanagt wird, können Sie sich ganz einfach über einen Klick auf den Button &#039;&#039;&#039;Mit Kerberos anmelden&#039;&#039;&#039; im Dokumentenmanagementsystem authentifizieren.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Abmeldung aus DMS/eAkte ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Schnelleinstieg Abmelden.png|In der rechten oberen Ecke des DMS/eAkte ist das persönliche Menü geöffnet. Es enthält die Punkte Ihr Profil, Abwesenheitsstatus und Abmelden. Abmelden ist durch einen roten Kasten hervorgehoben. Die restliche Ansicht des DMS/eAkte ist abgedunkelt. &lt;br /&gt;
|Um eine Anmeldung in DMS/eAkte aktiv zu beenden, klicken Sie auf die farbig angedeutete Figur in der rechten oberen Ecke des DMS/eAkte. Es öffnet sich ein Menü. Klicken Sie dort auf &#039;&#039;&#039;Abmelden&#039;&#039;&#039; um Ihre Sitzung zu beenden.&lt;br /&gt;
}}&lt;br /&gt;
{{Information&lt;br /&gt;
|Eine Anmeldung in DMS/eAkte wird auch nach 8 Stunden Inaktivität oder beim Schließen des Browsers beendet.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Startseite ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Das Dashboard ist die Startseite in DMS/eAkte, die Sie nach der Anmeldung erreichen. Alternativ können Sie auch die klassischen Kachel-Ansicht als Startseite nutzen.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sowohl bei der Dashboard-Ansicht als auch bei der klassischen Kachel-Ansicht, können Sie sich zwei Menüzeilen und mehrere Kacheln anzeigen lassen. &lt;br /&gt;
In beiden Ansichten sind die Bezeichnungen der Funktionen identisch. Ein wesentlicher Unterschied besteht zum einen in den Anordnungsmöglichkeiten der Funktionen und zum anderen beinhaltet das Dashboard zusätzliche Funktionen wie &#039;&#039;&#039;Zuletzt bearbeitet&#039;&#039;&#039;, &#039;&#039;&#039;Favorisiert&#039;&#039;&#039; und &#039;&#039;&#039;Direktsuche&#039;&#039;&#039;. Ein weiterer Unterschied ist die Bezeichnung der dargestellten Funktionen. Im Dashboard heißen die Funktionen Widgets und in der klassischen Ansicht Kacheln. &lt;br /&gt;
}}&lt;br /&gt;
{{Information&lt;br /&gt;
|Möglicherweise unterscheidet sich Ihre Anzeige hinsichtlich der Anzahl der Widgets bzw. Kacheln von dieser Beschreibung. Das hängt dann entweder von Ihren Rechten oder ihrer Konfigurationen in DMS/eAkte ab.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Dashboard ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Dashboard.png|Dashboard des Dokumentenmanagementsystems. Unter zwei Menüzeilen befinden sich die Widgets, die verschiedene Funktionen von DMS/eAkte aufrufen. In dieser Abbildung befinden sich folgende Widgets in der ersten Zeile: Aufgaben und Nachrichten, Prozesse, Konfiguration, Suche, Persönliche Aktivitäten, in der zweiten Zeile: Aktenplan, Konfiguration, Workflow-Dashboard, Aufgaben und Nachrichten, in der dritten Zeile: Office-Vorlagen, Prozesse, Aufgaben.&lt;br /&gt;
|Nach der Anmeldung gelangen Sie auf das Dashboard in DMS/eAkte. Durch Anklicken der Widgets gelangen Sie zu den einzelnen Funktionen des Dokumentenmanagementsystems.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Widgets mit tiefergehenden Funktionen werden hier erläutert: &lt;br /&gt;
* [[Suche in DMS/eAkte#Widget Suche mit Suchschlitz|Widget Suche mit Suchschlitz]], &lt;br /&gt;
* [[Persönlicher Bereich in DMS/eAkte#Widget Favorisiert|Widget Favorisiert]], &lt;br /&gt;
* [[Widget Zuletzt bearbeitet in DMS/eAkte|Widget Zuletzt bearbeitet]] und&lt;br /&gt;
* [[Widget Beobachtet in DMS/eAkte|Widget Beobachtet]].&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Oberhalb der Widgets befinden sich auf der Startseite zwei Menüzeilen mit jeweils mehreren Schaltflächen. Die Funktionen der einzelnen Schaltflächen sind im Folgenden beschrieben.&lt;br /&gt;
# &#039;&#039;&#039;Andere Anwendungen&#039;&#039;&#039;&lt;br /&gt;
#:Die Schaltfläche befindet sich oben rechts auf der Startseite und wird in Form von sechs kleinen Vierecken dargestellt. Hierüber können Sie zusätzlich einzelne Funktionen aufrufen, unabhängig davon, wo Sie sich im DMs befinden.  Somit haben Sie einen sogenannten Schnellzugriff auf einzelne Funktionen, ohne dafür auf die Startseite zu wechseln.&lt;br /&gt;
# &#039;&#039;&#039;Hilfe&#039;&#039;&#039;&lt;br /&gt;
#: Die Hilfe befindet sich oben rechts neben der Schaltfläche &#039;&#039;&#039;Andere Anwendung&#039;&#039;&#039;. Sie wird in Form eines Fragezeichens dargestellt. Die Funktion wird derzeit an der Uni Bielefeld nicht genutzt!&lt;br /&gt;
# &#039;&#039;&#039;Abmelden&#039;&#039;&#039;&lt;br /&gt;
#: Die Schaltfläche &#039;&#039;&#039;Abmelden&#039;&#039;&#039; befindet sich ebenfalls oben rechts und wird in Form eines User-Icons dargestellt. Hier können Sie sich abmelden, aber auch eine Abwesenheit festlegen und User-Infos einsehen.&lt;br /&gt;
# &#039;&#039;&#039;Weitere Informationen&#039;&#039;&#039;&lt;br /&gt;
#: Über die drei Punkte oben rechts können Sie ein weiteres DMS-Fenster öffnen.&lt;br /&gt;
# &#039;&#039;&#039;Klassische Ansicht anzeigen&#039;&#039;&#039;&lt;br /&gt;
#: Die Schaltfläche &#039;&#039;&#039;klassische Ansicht&#039;&#039;&#039; befindet sich unterhalb der zuvor genannten Funktionen. Hiermit können Sie zur klassischen Ansicht wechseln.&lt;br /&gt;
# &#039;&#039;&#039;Widgets hinzufügen&#039;&#039;&#039;&lt;br /&gt;
#: Die Schaltfläche &#039;&#039;&#039;Widgets&#039;&#039;&#039; befindet sich oben rechts neben dem Button klassische Ansicht. Hierüber können Sie sich weitere oder ausgeblendete Widgets anzeigen lassen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Widget_Persönlicher_Bereich.png|Es wird das Widget Persönlicher Bereich angezeigt. Es handelt sich um eine rechteckige Schaltfläche mit der Bezeichnung Persönlicher Bereich. An der linken Seite befindet sich ein Symbol, bestehend aus insgesamt sechs Punkten, angeordnet in zwei Spalten zu je drei. Am rechten Rand befindet sich ein weiteres Symbol, drei Punkte vertikal ausgerichtet. Umten rechts in der Ecke sind zwei Striche, die ein Dreieck andeuten.&lt;br /&gt;
|&#039;&#039;&#039;Widgets individuell anpassen&#039;&#039;&#039; &lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Wenn Sie Ihren Mauszeiger auf das Symbol mit den sechs Punkten neben dem Widget positionieren und dann die Maustaste gedrückt halten, können Sie das Widget auf dem Dashboard verschieben. &lt;br /&gt;
Mit den beiden Strichen an der rechten unteren Ecke eines Widgets, lässt sich auf die selbe Weise die Breite ein Widget verändern. &lt;br /&gt;
Über die drei Punkte rechts neben einem Widget, wird Ihnen &#039;&#039;&#039;Entfernen&#039;&#039;&#039; und - bei einigen Widgets - &#039;&#039;&#039;Aktualisieren&#039;&#039;&#039; angeboten. &lt;br /&gt;
&lt;br /&gt;
Mit &#039;&#039;&#039;Entfernen&#039;&#039;&#039; entfernen Sie das Widget vom Dashboard. Sie können es aber jederzeit unter &#039;&#039;&#039;+ Widget hinzufügen&#039;&#039;&#039; einblenden.&lt;br /&gt;
&#039;&#039;&#039;Aktualisieren&#039;&#039;&#039; wird Ihnen nur bei Widgets präsentiert, die über eine Anzeigefunktion verfügen, um diese auf den nächsten Stand zu bringen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Klassische Ansicht ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Schnelleinstieg Startseite.png|Startseite des Dokumentenmanagementsystems. Unter zwei Menüzeilen befinden sich als Kacheln designt die verschiedenen Funktionen von DMS/eAkte. In dieser Ansicht gibt es die Kacheln 1. Zeile: Aufgaben und Nachrichten, Prozesse, Konfiguration, 2. Zeile: Office-Vorlagen, Arbeiten mit DMS/eAkte, Persönlicher Bereich, 3. Zeile: Suche, Aktenplan und Workflow-Dashboard und in der 4. Zeile Wiki DMS/eAkte.&lt;br /&gt;
|Alternativ zum Dashboard können Sie die klassische Ansicht als Startseite in DMS/eAkte festlegen. Die Kacheln enthalten verschiedene Einstiegsmöglichkeiten in das Dokumentenmanagementsystem.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Oberhalb der Kacheln befinden sich auf der Startseite zwei Menüzeilen mit jeweils vier Schaltflächen. Die Funktionen der einzelnen Schaltflächen sind im vorherigen Abschnitt &#039;&#039;&#039;Dashboard&#039;&#039;&#039; beschrieben. Alle weiteren Funktionen der einzelnen Schaltflächen, die sich rechts oben befinden werden nachfolgend beschrieben.&lt;br /&gt;
# &#039;&#039;&#039;Dashboard-Ansicht anzeigen&#039;&#039;&#039;&lt;br /&gt;
#: Hiermit wechseln Sie zur Dashboard-Ansicht.&lt;br /&gt;
# &#039;&#039;&#039;Favoriten anzeigen&#039;&#039;&#039;&lt;br /&gt;
#: Hier können Sie die Ansicht auf Kacheln beschränken, die Sie zuvor über das Sternsymbol als Favorit markiert haben, um eine individuelle Ansicht mit den für Sie relevanten Kacheln zu erstellen.&lt;br /&gt;
# &#039;&#039;&#039;Features Filtern&#039;&#039;&#039;&lt;br /&gt;
#: Über das Lupen-Symbol können Sie nach Kacheln auf der Startseite filtern.&lt;br /&gt;
# &#039;&#039;&#039;Features neu laden&#039;&#039;&#039;&lt;br /&gt;
#: Hier können Sie die angezeigten Kacheln (Features) auf der Startseite laden.&lt;br /&gt;
# &#039;&#039;&#039;Gruppierung verwalten&#039;&#039;&#039;&lt;br /&gt;
#: Über diese Funktion können Sie Gruppierungen der Features (Kacheln) vornehmen&lt;br /&gt;
&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Startseite_Persönlicher_Bereich.png|Es wird das Feature Persönlicher Bereich angezeigt. Es handelt sich um eine rechteckige Schaltfläche mit der Bezeichnung Persönlicher Bereich. Am unteren rechten Rand befindet sich ein fünfzackiger Stern sowie ein i in einem Kreis.&lt;br /&gt;
|&#039;&#039;&#039;Kacheln in DMS/eAkte anpassen &lt;br /&gt;
&#039;&#039;&#039;}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Wenn Sie auf das &#039;&#039;&#039;i&#039;&#039;&#039; in einer Kachel klicken, erhalten Sie eine nähere Beschreibung zu der Funktion, die mit diesem Feature aufgerufen wird. &lt;br /&gt;
Klicken Sie auf den Stern, &#039;&#039;&#039;Zu Favoriten hinzufügen&#039;&#039;&#039;, markieren Sie diese Kachel bzw. Funktion als Favoriten. Die Startseite erhält dadurch im oberen Teil einen Bereich für Ihre favorisierten Features. Da sich die Features der Startseite - anders als die Widgets der Startseite - nicht löschen lassen, ist diese Funktion hilfreich, wenn Sie nur wenige Features nutzen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Aufgaben ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Aufgaben_Postkorb.png|Übersicht der Maske Aufgaben und Nachrichten mit einer Nachricht und einer Aufgabe als Beispiel. &lt;br /&gt;
|Mit einem Klick auf die Kachel &#039;&#039;&#039;Aufgaben&#039;&#039;&#039; gelangen Sie in Ihren Postkorb. Der Postkorb enthält Nachrichten, die das DMS automatisiert versendet oder die von Nutzer*innen verschickt wurden. Sie können den Postkorb z.B. auch als persönliche Gedächtnisstütze nutzen oder andere User*innen um die Bearbeitung oder Mitzeichnung eines Dokuments bitten. Wird ein Dokument zwischen zwei User*innen hin- und hergeschickt, wird jeder Posteingang protokolliert. &lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz|Neue Nachrichten werden in Ihrem Postkorb &#039;&#039;&#039;fett&#039;&#039;&#039; markiert. Es wird unterschieden zwischen Aufgaben und Verfügungsworkflow/eLaufmappe. Aufgaben kann jede*r User*in individuell gestalten und sich selbst oder anderen über den Postkorb zustellen. Der wesentliche Unterschied zwischen Aufgaben und Verfügungsworkflow/eLaufmappe liegt darin, dass Aufgaben nicht am Dokument protokolliert werden. Der Verfügungsworkflow/eLaufmappe hingegen schon.&lt;br /&gt;
Sie können die Aufgaben, Verfügungsworkflow/eLaufmappe bearbeiten, in dem Sie auf die Aufgabe oder den Verfügungsworkflow/eLaufmappe klicken und dann entsprechend bearbeiten.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Bearbeitung und Erstellung von &#039;&#039;&#039;Aufgaben&#039;&#039;&#039; finden Sie in der Anleitung [[Aufgaben erstellen und bearbeiten in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zum &#039;&#039;&#039;Verfügungsworkflow&#039;&#039;&#039; finden Sie in der Anleitung [[Verfügungsworkflow allgemein in DMS/eAkte]].&lt;br /&gt;
Informationen zur &#039;&#039;&#039;eLaufmappe&#039;&#039;&#039; finden Sie in der Anleitung [[ELaufmappe in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Prozesse ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Prozessübersicht.png|Übersicht der weiterer Kacheln beziehungsweise Funktionen unterhalb der Kachel Prozesse.&lt;br /&gt;
|Das Prozessportal ist vor allem für die Digitalisierung von Geschäftsprozessen gedacht. Es gibt an dieser Stelle die Möglichkeit, verschiedenste Formulare zum Ausfüllen bereitzustellen, Vorgänge zu erstellen oder auf weitere Funktionalitäten des Systems zuzugreifen. Die Ansicht kann je nach den erteilten Berechtigungen unterschiedlich aussehen. Für die spezifischen Inhalte der einzelnen Kacheln finden Sie in der Regel eigenständige Anleitungen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Suche ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sie können in der Suche, ähnlich wie bei den Suchmaschinen von Bing etc., den entsprechenden Suchbegriff eingeben. Die Suche wird beim Tippen der Zeichen bereits ausgeführt, so dass Sie am Suchen-Button bereits die Anzahl der Suchtreffer und im unteren Bereich der Oberfläche weitere mögliche Einschränkungen über Eigenschaften sehen können. Die Dokumente werden volltextindiziert, so dass auch eine Suche in den Dokumenten und in den Metadaten erfolgt.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Suche finden Sie in der Anleitung [[Suche in DMS/eAkte|Suche in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Navigation im Dokumentenmanagementsystem ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Navigation.png|Adresszeile des Dokumentenmanagementsystems anhand eines Beispiels.&lt;br /&gt;
|Wenn Sie innerhalb des Dokumentenmanagementsystem zurück navigieren wollen, dürfen Sie nicht den Zurück-Button des Browsers verwenden, sondern müssen zwingend über die Adresszeile oberhalb des Dokumentenmanagementsystems navigieren. Bei einem Klick auf das Haus-Symbol gelangen Sie immer wieder zur Startseite.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Favoriten speichern ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Favoriten speichern.png|Geöffnetes Kontextmenü anhand des Beispiels eines Dokumenten. &lt;br /&gt;
|Dateien, Vorgänge oder Akten, auf die Sie häufiger zugreifen, können als Favoriten abgespeichert werden. Dafür klicken Sie rechts neben der Datei, dem Vorgang oder der Akte auf die drei Punkte und wählen im Kontextmenü &#039;&#039;&#039;Zur Liste hinzufügen&#039;&#039;&#039; aus. &lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot|Favoriten speichern in Liste.png|Darstellung der Liste für die Favoriten.&lt;br /&gt;
|Anschließend wählen Sie die Liste aus, in der das Element hinzugefügt werden soll. Neben der Standardliste &#039;&#039;&#039;Favoriten&#039;&#039;&#039; können sie durch einen Klick auf &#039;&#039;&#039;+ Neue Liste erstellen&#039;&#039;&#039; eine eigene Liste erzeugen. Drücken Sie auf &#039;&#039;&#039;Speichern&#039;&#039;&#039;, um die Auswahl zu bestätigen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Export Trefferliste ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz|Sie können eine Trefferliste beziehungsweise Ergebnisliste, z.B. einer Suche, als CSV oder Excel exportieren.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis| Informationen zum Export der Trefferliste finden Sie in der Anleitung [[Export Trefferliste in DMS/eAkte|Export Trefferliste]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Datei-Status und Dateisymbol ==&lt;br /&gt;
&lt;br /&gt;
=== Datei-Status ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Der farbige Punkt (je nach Ansicht) in der Tabellenansicht in der Spalte &#039;&#039;&#039;Status&#039;&#039;&#039;, zeigt den jeweiligen Status eines Dokumentes oder einer Akte an:&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Bearbeitung (roter Statusbalken)&#039;&#039;&#039;:&lt;br /&gt;
:Im Status &#039;&#039;&#039;Bearbeitung&#039;&#039;&#039; werden Dokumente von eine(m*r) User*in oder einer Gruppe bearbeitet, verändert oder auch gelöscht. Fertig gestellte Dokumente können in den Status &#039;&#039;&#039;Prüfung&#039;&#039;&#039; weitergeleitet. Diese sind dann aber zunächst noch ungeprüft.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Prüfung (gelber Statusbalken):&#039;&#039;&#039;&lt;br /&gt;
:Ein Dokument kann von einem berechtigten User*in, nach dem die Prüfung durch ihn erfolgt ist, in den Status Freigabe transferiert werden&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Freigabe (grüner Statusbalken):&#039;&#039;&#039;&lt;br /&gt;
:Dokumente im Status &#039;&#039;&#039;Freigabe&#039;&#039;&#039; können auf Sekundärspeichern ausgelagert werden. Zudem können Dokumente jederzeit, beispielsweise auf Grund eines inhaltlichen Fehlers, gesperrt werden. Dabei wird in der Ergebnisliste das Dokumentsymbol mit einem Einbahnstraßensymbol versehen.&lt;br /&gt;
&lt;br /&gt;
:Gesperrte Dokumente können jederzeit auch wieder freigegeben werden. Von der Freigabe werden Dokumente implizit in einen neuen Status oder explizit von eine(m*r) User*in in den Status &#039;&#039;&#039;Archiv&#039;&#039;&#039; weitergeleitet.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Archiv (blauer Statusbalken):&#039;&#039;&#039;&lt;br /&gt;
:Dokumente im Status &#039;&#039;&#039;Archiv&#039;&#039;&#039; können weder inhaltlich noch im Status geändert. Es können mehrere Versionen eines Dokuments in diesem Status existieren. Dokumente in diesem Status können auf einem Sekundärspeicher ausgelagert werden.&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Wenn Sie ein Dokument, das in einer &#039;&#039;&#039;freigegebenen&#039;&#039;&#039; Version existiert, in Bearbeitung nehmen, wird eine neue Version im Status &#039;&#039;&#039;Bearbeitung&#039;&#039;&#039; erzeugt. Diese Version kann nur die/der Bearbeitende einsehen und verändern - andere User*innen sehen lediglich, dass das Dokument aktuell in Bearbeitung ist. Wenn Sie die Bearbeitung abschließen bzw. das Dokument wieder freigeben, ist das Dokument für Personen, die berechtigt sind dies zu sehen, wieder sichtbar.  &lt;br /&gt;
Der Status &#039;&#039;&#039;Prüfung&#039;&#039;&#039; spielt an der Universität Bielefeld eine untergeordnete Rolle und wird nur in wenigen Prozessen benötigt.&lt;br /&gt;
}}&lt;br /&gt;
{{Information&lt;br /&gt;
|Wenn Sie mit der Maus über die farbigen Punkte fahren, wird Ihnen der Name des jeweiligen Status in Schrift angezeigt.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Eine Ausführliche Dokumentation des Dokumentstatus finden Sie im Kapitel [[Versionierung von Dokumenten in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Dateisymbol ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Dateisymbol.png|Tabellenansicht im Dokumentenmanagementsystem mit zwei beispielhaften Word-Dokumenten.&lt;br /&gt;
|Am Dokument ist ebenfalls ein Dateisymbol zu sehen, das den Dateityp visualisiert. Sie können somit auf einen Blick erkennen, ob es sich bei dem Dokument z.B. um Word, Excel, Powerpoint, eine E-Mail oder ein Foto/eine Grafik handelt. &lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Notizen, Workflow und Kommentare ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sie können in der Trefferliste weitere Informationen zu einzelnen Elementen (Akten, Vorgänge oder Dokumenten) auf einem Blick sehen. Die weiteren Informationen können Sie in der Tabellenansicht der Spalte &#039;&#039;&#039;weiter Infos&#039;&#039;&#039; einsehen. Über das Symbol eines Notizblockes erkennen Sie, ob zu dem jeweiligen Element Notizen hinterlegt wurden. Diese werden direkt an das Element geschrieben. Über den Kreis erkennen Sie, ob sich das Dokument momentan in einem Workflow ({{Tooltip|eLaufmappe}}) befindet. An dem Sprechblasen-Symbol erkennen Sie, ob an einem Dokument Kommentare oder grafische Markierungen (Redlining) gespeichert wurden.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Informationen zur eLaufmappe finden Sie in der Anleitung zur [[ELaufmappe in DMS/eAkte|eLaufmappe]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Kontextmenü ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Das Kontextmenü können Sie in der Trefferliste mit einem Klick auf das Icon mit den drei Punkten rechts neben einem Dokument, Akte oder Vorgang aufrufen. Die Einträge im Kontextmenü sind abhängig von den jeweils installierten Anwendungen und den Eigenschaften des Dokumentes, in dem Sie sich befinden.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Informationen zu den Funktionalitäten des Kontextmenüs (erkennbar an den drei Punkten) zu Dokumenten und Vorgängen finden Sie in der Anleitung [[Kontextmenü in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Einstellungen der Ansicht ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Über das Zahnrad-Symbol können Sie die Anzahl der Eigenschaften beziehungsweise der Metadaten in Ihrer Trefferliste und somit auch die Ansicht für sich persönlich anpassen. Um diese Einstellung vorzunehmen, müssen Sie in der Listenansicht auf das Zahnrad-Symbol oben rechts kicken. Anschließend können Sie über das Minus-Symbol und Plussymbol die Anzahl der Eigenschaften anpassen. Dieses Einstellung ist nur in der Listenansicht möglich. In der Tabellenansicht ist eine solche Einstellung nicht möglich.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Persönlicher Bereich ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Über den persönlichen Bereich können Sie Ihre gespeicherten Suchvorgänge, Favoriten, gespeicherten Ablagevorlagen und beobachteten Elemente verwalten. Dieser Bereich soll Ihnen die tägliche Arbeit erleichtern.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Eine detaillierte Anleitung zum persönlichen Bereich finden Sie in der Anleitung [[Persönlicher Bereich in DMS/eAkte|Persönlicher Bereich]].&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Schnelleinstieg_in_DMS/eAkte&amp;diff=3869</id>
		<title>Schnelleinstieg in DMS/eAkte</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Schnelleinstieg_in_DMS/eAkte&amp;diff=3869"/>
		<updated>2024-08-19T09:10:11Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Anleitung}}[[category:Basisanleitungen]][[category:Einstieg]]&amp;lt;!--[[category:Aufgaben]][[category:Verfügungsworkflow]][[category:eLaufmappe]][[category:Suche]][[category:Versionierung]][[category:Dokumente]]--&amp;gt;{{AnleitungAbsatz&lt;br /&gt;
|Im Kapitel Schnelleinstieg werden Ihnen die grundlegenden Funktionen des Dokumentenmanagementsystems DMS/eAkte näher gebracht, wie Anmeldung am System, der Startseite und persönlichen Einstellungen. Außerdem finden Sie jeweils Verweise auf ausführlichere Anleitungen zu den jeweils angeschnittenen Funktionen oder Themenbereichen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Eine kurze Videoanleitung zu Anmeldung im Dokumentenmanagementsystem und Dashboard finden Sie auf der [[panopto: d6639ffe-16ad-4ee7-9b00-b10e00775ad7 | Videoplattform Panopto]].&lt;br /&gt;
}}&lt;br /&gt;
&amp;lt;!--&lt;br /&gt;
== Anmeldung in DMS/eAkte ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Anmeldemaske.png|Anmeldemaske des Dokumentenmanagementsystems&lt;br /&gt;
|Das Dokumentenmanagementsystem DMS/eAkte ist unter der Adresse https://eakte.uni-bielefeld.de erreichbar. Innerhalb der Uni können Sie das Dokumentenmanagementsystem über Eduroam aufrufen; außerhalb nur per VPN-Verbindung. Beim Aufrufen der Webseite erscheint eine Authentifizierungsmaske. Alle Beschäftigten der Universität Bielefeld können sich mit den entsprechenden AD-Zugangsdaten dort anmelden.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|&#039;&#039;&#039;Hinweise zur Anmeldung:&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Zur Anmeldung verwenden Sie Ihre eMail-Adresse oder Ihren Windows-Benutzer*innennamen mit dem Zusatz ad\ (Beispiel: ad\mmusterfrau) und Ihr Windowskennwort. Im Passwortdienst PRISMA läuft die Passwortkategorie unter &#039;&#039;&#039;Anmelden an PCs, E-Mail-Postfächern und weiteren Windows- und Active Directory-Diensten&#039;&#039;&#039;.&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Wenn  Sie einen Dienstrechner verwenden, der vom Hochschulrechenzentrum BITS gemanagt wird, können Sie sich ganz einfach über einen Klick auf den Button &#039;&#039;&#039;Mit Kerberos anmelden&#039;&#039;&#039; im Dokumentenmanagementsystem authentifizieren.&lt;br /&gt;
}}&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
== Anmeldung in DMS/eAkte ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Anmeldemaske.png|Anmeldemaske des Dokumentenmanagementsystems&lt;br /&gt;
|Das Dokumentenmanagementsystem DMS/eAkte ist unter der Adresse https://eakte.uni-bielefeld.de erreichbar. Innerhalb der Uni können Sie das Dokumentenmanagementsystem über Eduroam aufrufen; außerhalb nur per VPN-Verbindung. Beim Aufrufen der Webseite erscheint eine Authentifizierungsmaske. Alle Beschäftigten der Universität Bielefeld können sich mit den entsprechenden AD-Zugangsdaten dort anmelden.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|&#039;&#039;&#039;Hinweise zur Anmeldung:&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
Zur Anmeldung verwenden Sie Ihre eMail-Adresse oder Ihren Windows-Benutzer*innennamen mit dem Zusatz ad\ (Beispiel: ad\mmusterfrau) und Ihr Windowskennwort. Im Passwortdienst PRISMA läuft die Passwortkategorie unter &#039;&#039;&#039;Anmelden an PCs, E-Mail-Postfächern und weiteren Windows- und Active Directory-Diensten&#039;&#039;&#039;.&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Wenn  Sie einen Dienstrechner verwenden, der vom Hochschulrechenzentrum BITS gemanagt wird, können Sie sich ganz einfach über einen Klick auf den Button &#039;&#039;&#039;Mit Kerberos anmelden&#039;&#039;&#039; im Dokumentenmanagementsystem authentifizieren.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Abmeldung aus DMS/eAkte ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Schnelleinstieg Abmelden.png|In der rechten oberen Ecke des DMS/eAkte ist das persönliche Menü geöffnet. Es enthält die Punkte Ihr Profil, Abwesenheitsstatus und Abmelden. Abmelden ist durch einen roten Kasten hervorgehoben. Die restliche Ansicht des DMS/eAkte ist abgedunkelt. &lt;br /&gt;
|Um eine Anmeldung in DMS/eAkte aktiv zu beenden, klicken Sie auf die farbig angedeutete Figur in der rechten oberen Ecke des DMS/eAkte. Es öffnet sich ein Menü. Klicken Sie dort auf &#039;&#039;&#039;Abmelden&#039;&#039;&#039; um Ihre Sitzung zu beenden.&lt;br /&gt;
}}&lt;br /&gt;
{{Information&lt;br /&gt;
|Eine Anmeldung in DMS/eAkte wird auch nach 8 Stunden Inaktivität oder beim Schließen des Browsers beendet.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Startseite ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Das Dashboard ist die Startseite in DMS/eAkte, die Sie nach der Anmeldung erreichen. Alternativ können Sie auch die klassischen Kachel-Ansicht als Startseite nutzen.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sowohl bei der Dashboard-Ansicht als auch bei der klassischen Kachel-Ansicht, können Sie sich zwei Menüzeilen und mehrere Kacheln anzeigen lassen. &lt;br /&gt;
In beiden Ansichten sind die Bezeichnungen der Funktionen identisch. Ein wesentlicher Unterschied besteht zum einen in den Anordnungsmöglichkeiten der Funktionen und zum anderen beinhaltet das Dashboard zusätzliche Funktionen wie &#039;&#039;&#039;Zuletzt bearbeitet&#039;&#039;&#039;, &#039;&#039;&#039;Favorisiert&#039;&#039;&#039; und &#039;&#039;&#039;Direktsuche&#039;&#039;&#039;. Ein weiterer Unterschied ist die Bezeichnung der dargestellten Funktionen. Im Dashboard heißen die Funktionen Widgets und in der klassischen Ansicht Kacheln. &lt;br /&gt;
}}&lt;br /&gt;
{{Information&lt;br /&gt;
|Möglicherweise unterscheidet sich Ihre Anzeige hinsichtlich der Anzahl der Widgets bzw. Kacheln von dieser Beschreibung. Das hängt dann entweder von Ihren Rechten oder ihrer Konfigurationen in DMS/eAkte ab.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Dashboard ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Dashboard.png|Dashboard des Dokumentenmanagementsystems. Unter zwei Menüzeilen befinden sich die Widgets, die verschiedene Funktionen von DMS/eAkte aufrufen. In dieser Abbildung befinden sich folgende Widgets in der ersten Zeile: Aufgaben und Nachrichten, Prozesse, Konfiguration, Suche, Persönliche Aktivitäten, in der zweiten Zeile: Aktenplan, Konfiguration, Workflow-Dashboard, Aufgaben und Nachrichten, in der dritten Zeile: Office-Vorlagen, Prozesse, Aufgaben.&lt;br /&gt;
|Nach der Anmeldung gelangen Sie auf das Dashboard in DMS/eAkte. Durch Anklicken der Widgets gelangen Sie zu den einzelnen Funktionen des Dokumentenmanagementsystems.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Widgets mit tiefergehenden Funktionen werden hier erläutert: &lt;br /&gt;
* [[Suche in DMS/eAkte#Widget Suche mit Suchschlitz|Widget Suche mit Suchschlitz]], &lt;br /&gt;
* [[Persönlicher Bereich in DMS/eAkte#Widget Favorisiert|Widget Favorisiert]], &lt;br /&gt;
* [[Widget Zuletzt bearbeitet in DMS/eAkte|Widget Zuletzt bearbeitet]] und&lt;br /&gt;
* [[Widget Beobachtet in DMS/eAkte|Widget Beobachtet]].&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Oberhalb der Widgets befinden sich auf der Startseite zwei Menüzeilen mit jeweils mehreren Schaltflächen. Die Funktionen der einzelnen Schaltflächen sind im Folgenden beschrieben.&lt;br /&gt;
# &#039;&#039;&#039;Andere Anwendungen&#039;&#039;&#039;&lt;br /&gt;
#:Die Schaltfläche befindet sich oben rechts auf der Startseite und wird in Form von sechs kleinen Vierecken dargestellt. Hierüber können Sie zusätzlich einzelne Funktionen aufrufen, unabhängig davon, wo Sie sich im DMs befinden.  Somit haben Sie einen sogenannten Schnellzugriff auf einzelne Funktionen, ohne dafür auf die Startseite zu wechseln.&lt;br /&gt;
# &#039;&#039;&#039;Hilfe&#039;&#039;&#039;&lt;br /&gt;
#: Die Hilfe befindet sich oben rechts neben der Schaltfläche &#039;&#039;&#039;Andere Anwendung&#039;&#039;&#039;. Sie wird in Form eines Fragezeichens dargestellt. Die Funktion wird derzeit an der Uni Bielefeld nicht genutzt!&lt;br /&gt;
# &#039;&#039;&#039;Abmelden&#039;&#039;&#039;&lt;br /&gt;
#: Die Schaltfläche &#039;&#039;&#039;Abmelden&#039;&#039;&#039; befindet sich ebenfalls oben rechts und wird in Form eines User-Icons dargestellt. Hier können Sie sich abmelden, aber auch eine Abwesenheit festlegen und User-Infos einsehen.&lt;br /&gt;
# &#039;&#039;&#039;Weitere Informationen&#039;&#039;&#039;&lt;br /&gt;
#: Über die drei Punkte oben rechts können Sie ein weiteres DMS-Fenster öffnen.&lt;br /&gt;
# &#039;&#039;&#039;Klassische Ansicht anzeigen&#039;&#039;&#039;&lt;br /&gt;
#: Die Schaltfläche &#039;&#039;&#039;klassische Ansicht&#039;&#039;&#039; befindet sich unterhalb der zuvor genannten Funktionen. Hiermit können Sie zur klassischen Ansicht wechseln.&lt;br /&gt;
# &#039;&#039;&#039;Widgets hinzufügen&#039;&#039;&#039;&lt;br /&gt;
#: Die Schaltfläche &#039;&#039;&#039;Widgets&#039;&#039;&#039; befindet sich oben rechts neben dem Button klassische Ansicht. Hierüber können Sie sich weitere oder ausgeblendete Widgets anzeigen lassen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Widget_Persönlicher_Bereich.png|Es wird das Widget Persönlicher Bereich angezeigt. Es handelt sich um eine rechteckige Schaltfläche mit der Bezeichnung Persönlicher Bereich. An der linken Seite befindet sich ein Symbol, bestehend aus insgesamt sechs Punkten, angeordnet in zwei Spalten zu je drei. Am rechten Rand befindet sich ein weiteres Symbol, drei Punkte vertikal ausgerichtet. Umten rechts in der Ecke sind zwei Striche, die ein Dreieck andeuten.&lt;br /&gt;
|&#039;&#039;&#039;Widgets individuell anpassen&#039;&#039;&#039; &lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Wenn Sie Ihren Mauszeiger auf das Symbol mit den sechs Punkten neben dem Widget positionieren und dann die Maustaste gedrückt halten, können Sie das Widget auf dem Dashboard verschieben. &lt;br /&gt;
Mit den beiden Strichen an der rechten unteren Ecke eines Widgets, lässt sich auf die selbe Weise die Breite ein Widget verändern. &lt;br /&gt;
Über die drei Punkte rechts neben einem Widget, wird Ihnen &#039;&#039;&#039;Entfernen&#039;&#039;&#039; und - bei einigen Widgets - &#039;&#039;&#039;Aktualisieren&#039;&#039;&#039; angeboten. &lt;br /&gt;
&lt;br /&gt;
Mit &#039;&#039;&#039;Entfernen&#039;&#039;&#039; entfernen Sie das Widget vom Dashboard. Sie können es aber jederzeit unter &#039;&#039;&#039;+ Widget hinzufügen&#039;&#039;&#039; einblenden.&lt;br /&gt;
&#039;&#039;&#039;Aktualisieren&#039;&#039;&#039; wird Ihnen nur bei Widgets präsentiert, die über eine Anzeigefunktion verfügen, um diese auf den nächsten Stand zu bringen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Klassische Ansicht ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Schnelleinstieg Startseite.png|Startseite des Dokumentenmanagementsystems. Unter zwei Menüzeilen befinden sich als Kacheln designt die verschiedenen Funktionen von DMS/eAkte. In dieser Ansicht gibt es die Kacheln 1. Zeile: Aufgaben und Nachrichten, Prozesse, Konfiguration, 2. Zeile: Office-Vorlagen, Arbeiten mit DMS/eAkte, Persönlicher Bereich, 3. Zeile: Suche, Aktenplan und Workflow-Dashboard und in der 4. Zeile Wiki DMS/eAkte.&lt;br /&gt;
|Alternativ zum Dashboard können Sie die klassische Ansicht als Startseite in DMS/eAkte festlegen. Die Kacheln enthalten verschiedene Einstiegsmöglichkeiten in das Dokumentenmanagementsystem.&lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Oberhalb der Kacheln befinden sich auf der Startseite zwei Menüzeilen mit jeweils vier Schaltflächen. Die Funktionen der einzelnen Schaltflächen sind im vorherigen Abschnitt &#039;&#039;&#039;Dashboard&#039;&#039;&#039; beschrieben. Alle weiteren Funktionen der einzelnen Schaltflächen, die sich rechts oben befinden werden nachfolgend beschrieben.&lt;br /&gt;
# &#039;&#039;&#039;Dashboard-Ansicht anzeigen&#039;&#039;&#039;&lt;br /&gt;
#: Hiermit wechseln Sie zur Dashboard-Ansicht.&lt;br /&gt;
# &#039;&#039;&#039;Favoriten anzeigen&#039;&#039;&#039;&lt;br /&gt;
#: Hier können Sie die Ansicht auf Kacheln beschränken, die Sie zuvor über das Sternsymbol als Favorit markiert haben, um eine individuelle Ansicht mit den für Sie relevanten Kacheln zu erstellen.&lt;br /&gt;
# &#039;&#039;&#039;Features Filtern&#039;&#039;&#039;&lt;br /&gt;
#: Über das Lupen-Symbol können Sie nach Kacheln auf der Startseite filtern.&lt;br /&gt;
# &#039;&#039;&#039;Features neu laden&#039;&#039;&#039;&lt;br /&gt;
#: Hier können Sie die angezeigten Kacheln (Features) auf der Startseite laden.&lt;br /&gt;
# &#039;&#039;&#039;Gruppierung verwalten&#039;&#039;&#039;&lt;br /&gt;
#: Über diese Funktion können Sie Gruppierungen der Features (Kacheln) vornehmen&lt;br /&gt;
&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshot|Startseite_Persönlicher_Bereich.png|Es wird das Feature Persönlicher Bereich angezeigt. Es handelt sich um eine rechteckige Schaltfläche mit der Bezeichnung Persönlicher Bereich. Am unteren rechten Rand befindet sich ein fünfzackiger Stern sowie ein i in einem Kreis.&lt;br /&gt;
|&#039;&#039;&#039;Kacheln in DMS/eAkte anpassen &lt;br /&gt;
&#039;&#039;&#039;}}&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Wenn Sie auf das &#039;&#039;&#039;i&#039;&#039;&#039; in einer Kachel klicken, erhalten Sie eine nähere Beschreibung zu der Funktion, die mit diesem Feature aufgerufen wird. &lt;br /&gt;
Klicken Sie auf den Stern, &#039;&#039;&#039;Zu Favoriten hinzufügen&#039;&#039;&#039;, markieren Sie diese Kachel bzw. Funktion als Favoriten. Die Startseite erhält dadurch im oberen Teil einen Bereich für Ihre favorisierten Features. Da sich die Features der Startseite - anders als die Widgets der Startseite - nicht löschen lassen, ist diese Funktion hilfreich, wenn Sie nur wenige Features nutzen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Aufgaben ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Aufgaben_Postkorb.png|Übersicht der Maske Aufgaben und Nachrichten mit einer Nachricht und einer Aufgabe als Beispiel. &lt;br /&gt;
|Mit einem Klick auf die Kachel &#039;&#039;&#039;Aufgaben&#039;&#039;&#039; gelangen Sie in Ihren Postkorb. Der Postkorb enthält Nachrichten, die das DMS automatisiert versendet oder die von Nutzer*innen verschickt wurden. Sie können den Postkorb z.B. auch als persönliche Gedächtnisstütze nutzen oder andere User*innen um die Bearbeitung oder Mitzeichnung eines Dokuments bitten. Wird ein Dokument zwischen zwei User*innen hin- und hergeschickt, wird jeder Posteingang protokolliert. &lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungAbsatz|Neue Nachrichten werden in Ihrem Postkorb &#039;&#039;&#039;fett&#039;&#039;&#039; markiert. Es wird unterschieden zwischen Aufgaben und Verfügungsworkflow/eLaufmappe. Aufgaben kann jede*r User*in individuell gestalten und sich selbst oder anderen über den Postkorb zustellen. Der wesentliche Unterschied zwischen Aufgaben und Verfügungsworkflow/eLaufmappe liegt darin, dass Aufgaben nicht am Dokument protokolliert werden. Der Verfügungsworkflow/eLaufmappe hingegen schon.&lt;br /&gt;
Sie können die Aufgaben, Verfügungsworkflow/eLaufmappe bearbeiten, in dem Sie auf die Aufgabe oder den Verfügungsworkflow/eLaufmappe klicken und dann entsprechend bearbeiten.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Bearbeitung und Erstellung von &#039;&#039;&#039;Aufgaben&#039;&#039;&#039; finden Sie in der Anleitung [[Aufgaben erstellen und bearbeiten in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zum &#039;&#039;&#039;Verfügungsworkflow&#039;&#039;&#039; finden Sie in der Anleitung [[Verfügungsworkflow allgemein in DMS/eAkte]].&lt;br /&gt;
Informationen zur &#039;&#039;&#039;eLaufmappe&#039;&#039;&#039; finden Sie in der Anleitung [[ELaufmappe in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Prozesse ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Prozessübersicht.png|Übersicht der weiterer Kacheln beziehungsweise Funktionen unterhalb der Kachel Prozesse.&lt;br /&gt;
|Das Prozessportal ist vor allem für die Digitalisierung von Geschäftsprozessen gedacht. Es gibt an dieser Stelle die Möglichkeit, verschiedenste Formulare zum Ausfüllen bereitzustellen, Vorgänge zu erstellen oder auf weitere Funktionalitäten des Systems zuzugreifen. Die Ansicht kann je nach den erteilten Berechtigungen unterschiedlich aussehen. Für die spezifischen Inhalte der einzelnen Kacheln finden Sie in der Regel eigenständige Anleitungen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Suche ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sie können in der Suche, ähnlich wie bei den Suchmaschinen von Bing etc., den entsprechenden Suchbegriff eingeben. Die Suche wird beim Tippen der Zeichen bereits ausgeführt, so dass Sie am Suchen-Button bereits die Anzahl der Suchtreffer und im unteren Bereich der Oberfläche weitere mögliche Einschränkungen über Eigenschaften sehen können. Die Dokumente werden volltextindiziert, so dass auch eine Suche in den Dokumenten und in den Metadaten erfolgt.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zur Suche finden Sie in der Anleitung [[Suche in DMS/eAkte|Suche in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Navigation im Dokumentenmanagementsystem ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Navigation.png|Adresszeile des Dokumentenmanagementsystems anhand eines Beispiels.&lt;br /&gt;
|Wenn Sie innerhalb des Dokumentenmanagementsystem zurück navigieren wollen, dürfen Sie nicht den Zurück-Button des Browsers verwenden, sondern müssen zwingend über die Adresszeile oberhalb des Dokumentenmanagementsystems navigieren. Bei einem Klick auf das Haus-Symbol gelangen Sie immer wieder zur Startseite.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Favoriten speichern ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Favoriten speichern.png|Geöffnetes Kontextmenü anhand des Beispiels eines Dokumenten. &lt;br /&gt;
|Dateien, Vorgänge oder Akten, auf die Sie häufiger zugreifen, können als Favoriten abgespeichert werden. Dafür klicken Sie rechts neben der Datei, dem Vorgang oder der Akte auf die drei Punkte und wählen im Kontextmenü &#039;&#039;&#039;Zur Liste hinzufügen&#039;&#039;&#039; aus. &lt;br /&gt;
}}&lt;br /&gt;
{{AnleitungScreenshot|Favoriten speichern in Liste.png|Darstellung der Liste für die Favoriten.&lt;br /&gt;
|Anschließend wählen Sie die Liste aus, in der das Element hinzugefügt werden soll. Neben der Standardliste &#039;&#039;&#039;Favoriten&#039;&#039;&#039; können sie durch einen Klick auf &#039;&#039;&#039;+ Neue Liste erstellen&#039;&#039;&#039; eine eigene Liste erzeugen. Drücken Sie auf &#039;&#039;&#039;Speichern&#039;&#039;&#039;, um die Auswahl zu bestätigen.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Export Trefferliste ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz|Sie können eine Trefferliste beziehungsweise Ergebnisliste, z.B. einer Suche, als CSV oder Excel exportieren.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis| Informationen zum Export der Trefferliste finden Sie in der Anleitung [[Export Trefferliste in DMS/eAkte|Export Trefferliste]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Datei-Status und Dateisymbol ==&lt;br /&gt;
&lt;br /&gt;
=== Datei-Status ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Der farbige Punkt (je nach Ansicht) in der Tabellenansicht in der Spalte &#039;&#039;&#039;Status&#039;&#039;&#039;, zeigt den jeweiligen Status eines Dokumentes oder einer Akte an:&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Bearbeitung (roter Statusbalken)&#039;&#039;&#039;:&lt;br /&gt;
:Im Status &#039;&#039;&#039;Bearbeitung&#039;&#039;&#039; werden Dokumente von eine(m*r) User*in oder einer Gruppe bearbeitet, verändert oder auch gelöscht. Fertig gestellte Dokumente können in den Status &#039;&#039;&#039;Prüfung&#039;&#039;&#039; weitergeleitet. Diese sind dann aber zunächst noch ungeprüft.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Prüfung (gelber Statusbalken):&#039;&#039;&#039;&lt;br /&gt;
:Ein Dokument kann von einem berechtigten User*in, nach dem die Prüfung durch ihn erfolgt ist, in den Status Freigabe transferiert werden&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Freigabe (grüner Statusbalken):&#039;&#039;&#039;&lt;br /&gt;
:Dokumente im Status &#039;&#039;&#039;Freigabe&#039;&#039;&#039; können auf Sekundärspeichern ausgelagert werden. Zudem können Dokumente jederzeit, beispielsweise auf Grund eines inhaltlichen Fehlers, gesperrt werden. Dabei wird in der Ergebnisliste das Dokumentsymbol mit einem Einbahnstraßensymbol versehen.&lt;br /&gt;
&lt;br /&gt;
:Gesperrte Dokumente können jederzeit auch wieder freigegeben werden. Von der Freigabe werden Dokumente implizit in einen neuen Status oder explizit von eine(m*r) User*in in den Status &#039;&#039;&#039;Archiv&#039;&#039;&#039; weitergeleitet.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Archiv (blauer Statusbalken):&#039;&#039;&#039;&lt;br /&gt;
:Dokumente im Status &#039;&#039;&#039;Archiv&#039;&#039;&#039; können weder inhaltlich noch im Status geändert. Es können mehrere Versionen eines Dokuments in diesem Status existieren. Dokumente in diesem Status können auf einem Sekundärspeicher ausgelagert werden.&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis&lt;br /&gt;
|Wenn Sie ein Dokument, das in einer &#039;&#039;&#039;freigegebenen&#039;&#039;&#039; Version existiert, in Bearbeitung nehmen, wird eine neue Version im Status &#039;&#039;&#039;Bearbeitung&#039;&#039;&#039; erzeugt. Diese Version kann nur die/der Bearbeitende einsehen und verändern - andere User*innen sehen lediglich, dass das Dokument aktuell in Bearbeitung ist. Wenn Sie die Bearbeitung abschließen bzw. das Dokument wieder freigeben, ist das Dokument für Personen, die berechtigt sind dies zu sehen, wieder sichtbar.  &lt;br /&gt;
Der Status &#039;&#039;&#039;Prüfung&#039;&#039;&#039; spielt an der Universität Bielefeld eine untergeordnete Rolle und wird nur in wenigen Prozessen benötigt.&lt;br /&gt;
}}&lt;br /&gt;
{{Information&lt;br /&gt;
|Wenn Sie mit der Maus über die farbigen Punkte fahren, wird Ihnen der Name des jeweiligen Status in Schrift angezeigt.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Eine Ausführliche Dokumentation des Dokumentstatus finden Sie im Kapitel [[Versionierung von Dokumenten in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Dateisymbol ===&lt;br /&gt;
&lt;br /&gt;
{{AnleitungScreenshotGroß|Dateisymbol.png|Tabellenansicht im Dokumentenmanagementsystem mit zwei beispielhaften Word-Dokumenten.&lt;br /&gt;
|Am Dokument ist ebenfalls ein Dateisymbol zu sehen, das den Dateityp visualisiert. Sie können somit auf einen Blick erkennen, ob es sich bei dem Dokument z.B. um Word, Excel, Powerpoint, eine E-Mail oder ein Foto/eine Grafik handelt. &lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Notizen, Workflow und Kommentare ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Sie können in der Trefferliste weitere Informationen zu einzelnen Elementen (Akten, Vorgänge oder Dokumenten) auf einem Blick sehen. Die weiteren Informationen können Sie in der Tabellenansicht der Spalte &#039;&#039;&#039;weiter Infos&#039;&#039;&#039; einsehen. Über das Symbol eines Notizblockes erkennen Sie, ob zu dem jeweiligen Element Notizen hinterlegt wurden. Diese werden direkt an das Element geschrieben. Über den Kreis erkennen Sie, ob sich das Dokument momentan in einem Workflow ({{Tooltip|eLaufmappe}}) befindet. An dem Sprechblasen-Symbol erkennen Sie, ob an einem Dokument Kommentare oder grafische Markierungen (Redlining) gespeichert wurden.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Informationen zur eLaufmappe finden Sie in der Anleitung zur [[ELaufmappe in DMS/eAkte|eLaufmappe]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Kontextmenü ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Das Kontextmenü können Sie in der Trefferliste mit einem Klick auf das Icon mit den drei Punkten rechts neben einem Dokument, Akte oder Vorgang aufrufen. Die Einträge im Kontextmenü sind abhängig von den jeweils installierten Anwendungen und den Eigenschaften des Dokumentes, in dem Sie sich befinden.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Informationen zu den Funktionalitäten des Kontextmenüs (erkennbar an den drei Punkten) zu Dokumenten und Vorgängen finden Sie in der Anleitung [[Kontextmenü in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Einstellungen der Ansicht ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Über das Zahnrad-Symbol können Sie die Anzahl der Eigenschaften beziehungsweise der Metadaten in Ihrer Trefferliste und somit auch die Ansicht für sich persönlich anpassen. Um diese Einstellung vorzunehmen, müssen Sie in der Listenansicht auf das Zahnrad-Symbol oben rechts kicken. Anschließend können Sie über das Minus-Symbol und Plussymbol die Anzahl der Eigenschaften anpassen. Dieses Einstellung ist nur in der Listenansicht möglich. In der Tabellenansicht ist eine solche Einstellung nicht möglich.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
== Persönlicher Bereich ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungAbsatz&lt;br /&gt;
|Über den persönlichen Bereich können Sie Ihre gespeicherten Suchvorgänge, Favoriten, gespeicherten Ablagevorlagen und beobachteten Elemente verwalten. Dieser Bereich soll Ihnen die tägliche Arbeit erleichtern.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Eine detaillierte Anleitung zum persönlichen Bereich finden Sie in der Anleitung [[Persönlicher Bereich in DMS/eAkte|Persönlicher Bereich]].&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Datei:Anmeldung_Shibboleth.png&amp;diff=3868</id>
		<title>Datei:Anmeldung Shibboleth.png</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Datei:Anmeldung_Shibboleth.png&amp;diff=3868"/>
		<updated>2024-08-19T09:07:39Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Vorlage:AnleitungCasemanager&amp;diff=3866</id>
		<title>Vorlage:AnleitungCasemanager</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Vorlage:AnleitungCasemanager&amp;diff=3866"/>
		<updated>2024-08-06T12:29:17Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;noinclude&amp;gt;{{Dokumentation}}&amp;lt;/noinclude&amp;gt;Der Prozess einer Sitzung und ihre jeweiligen TOPs werden über die {{Tooltip|Dokumentart}} &#039;&#039;&#039;Vorgang&#039;&#039;&#039; abgebildet. Diese Dokumentart (präziser wäre es hier von Vorgangsart zu sprechen) hat eine eigene Oberfläche und ein eigenes Menü, über das auf der Oberfläche navigiert werden kann.&lt;br /&gt;
&lt;br /&gt;
=== Stammdaten ===&lt;br /&gt;
&lt;br /&gt;
Ein Teil der Metadaten des Vorgangs wurde in dessen Formular integriert. Diese teilen sich in die Stammdaten und die erweiterten Stammdaten.&lt;br /&gt;
{{Definitionsliste|&lt;br /&gt;
   {{DefPunkt|Vorgangsbezeichnung|Mit diesem Feld soll der Vorgang möglichst treffend inhaltlich beschrieben werden. Es ist Teil des Titels mit dem der Vorgang in der Sitzung oder Suchergebnissen angezeigt wird.}}{{AnleitungCasemanagerSeite|{{Information&lt;br /&gt;
|Die Vorgangsbezeichnung wird im Sitzungsmanagement bei Beantragung des TOPs mit angegeben und initial bei Anlage des TOPs eingetragen.&lt;br /&gt;
}}}}&lt;br /&gt;
   {{DefPunkt|Vorgangsnummer (intern)|Diese Nummer stellt den Zusammenhang mit den Dokumenten des Vorgangs her.}}&lt;br /&gt;
   {{DefPunkt|Vorgangstyp|Mit diesem Feld wird identifiziert, ob es sich um einen TOP oder den Vorgang zur Sitzung handelt.}}&lt;br /&gt;
   {{DefPunkt|Vorgangsstatus|Dieses zentrale Feld zeigt den Fortschritt des mit dem Vorgang verbundenen Prozesses. Seine Funktion wird unter {{#switch: {{PAGENAME}}&lt;br /&gt;
 | Einen TOP vorbereiten im Gremienmanagement mit Prozessunterstützung = [[#Der Prozessweg am Vorgangsstatus eines TOPs|Der Prozessweg am Vorgangsstatus eines TOPs]]&lt;br /&gt;
 | Sitzungen verwalten im Gremienmanagement mit Prozessunterstützung = [[#Verwaltung der Sitzung anhand ihres Vorgangsstatus|Verwaltung der Sitzung anhand ihres Vorgangsstatus]]&lt;br /&gt;
 | Nur definierte Seiten erhalten hier eine Übersicht.&lt;br /&gt;
}} näher beschrieben.}}&lt;br /&gt;
   {{DefPunkt|Verantwortlich|In diesem Feld werden die für den Vorgang verantwortlichen Personen hinterlegt.}}&lt;br /&gt;
   {{DefPunkt|federführende Organisationseinheit|Welche Organisationseinheit steht inhaltlich für diesen Vorgang. Deren Mitglieder sind ggf. berechtigt, abgestimmte TOPs zu sehen.}}&lt;br /&gt;
   {{DefPunkt|Rolle|Zu TOPs können Gäste eingeladen werden. Ihre Rolle kann hier eingetragen werden.}}&lt;br /&gt;
   {{DefPunkt|Externe Ansprechpartner|Sollen Gäste zu einem TOP eingeladen werden, können diese hier eingetragen werden. Es ist auch möglich Gruppen zu benennen.}}&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis|Änderungen an den Stammdaten müssen über den Button &#039;&#039;&#039;Speichern&#039;&#039;&#039; im Formular rechts unten übernommen werden.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== erweiterte Stammdaten ===&lt;br /&gt;
&lt;br /&gt;
Während die Stammdaten an jedem Vorgang angezeigt werden, sind die erweiterten Stammdaten abhängig vom &#039;&#039;&#039;Vorgangstyp&#039;&#039;&#039;. Beim Vorgangstyp {{AnleitungCasemanagerSeite|&#039;&#039;&#039;TOP eine Sitzung&#039;&#039;&#039;|&#039;&#039;&#039;Sitzung organisieren&#039;&#039;&#039;}} sind das:&lt;br /&gt;
{{Definitionsliste|&lt;br /&gt;
{{AnleitungCasemanagerSeite|{{AnleitungCasemanagerHinweis}}{{AnleitungCasemanagerNummer}}{{AnleitungCasemanagerMitzeichnen}}{{AnleitungCasemanagerSitzungsstatus}}|{{AnleitungCasemanagerHinweis}}{{AnleitungCasemanagerNummer}}}}&lt;br /&gt;
}}&lt;br /&gt;
{{Hinweis|Änderungen an den erweiterten Stammdaten müssen über den Button &#039;&#039;&#039;Speichern&#039;&#039;&#039; im Formular rechts unten übernommen werden.&lt;br /&gt;
}}&lt;br /&gt;
=== zusätzliche Erläuterungen ===&lt;br /&gt;
&lt;br /&gt;
Hier befindet sich ein Feld, das außerhalb der Metadaten genutzt werden kann, um den Vorgang zu beschreiben oder zusätzliche Hinweise für andere Bearbeiter*innen zu hinterlegen.&lt;br /&gt;
&lt;br /&gt;
=== Fristen ===&lt;br /&gt;
&lt;br /&gt;
Ein Vorgang kann an ein Datum gebunden werden, um Aufgaben und Erinnerungen auszuspielen. Im Sitzungsmanagement ist dies das Datum der Sitzung. Aufgaben und Erinnerungen werden in Abhängigkeit dieses Datums ausgespielt.&lt;br /&gt;
&lt;br /&gt;
Außerdem können hier weitere Fristen händisch eingetragen werden.&lt;br /&gt;
&lt;br /&gt;
=== Aufgabe ===&lt;br /&gt;
&lt;br /&gt;
Ein Großteil der Unterstützung im Sitzungsmanagement geht von der automatischen Erstellung bzw. Bereitstellung von Aufgaben aus.&lt;br /&gt;
&lt;br /&gt;
==== Automatisch ausgespielte Aufgaben ====&lt;br /&gt;
&lt;br /&gt;
Aufgaben, die für jeden TOP oder jede Sitzung erledigt werden müssen, werden automatisch an die passenden verantwortlichen Personen, also entweder die Gremienbetreuer*innen oder die TOP-Verantwortlichen, ausgespielt. Werden diese Aufgaben im System als erledigt markiert, löst dies wiederum das Stellen weiterer Aufgaben aus und aktualisiert ggf. den Status des Vorgangs.&lt;br /&gt;
{{AnleitungScreenshotGroß|CM Aufgaben automatisch.png|Die Übersicht der Aufgaben. Eine Tabelle mit den Spalten Typ, Status, Erinnerung, Frist, Betreff, Verantwortlich und Aktionen. Es sind zwei Aufgaben in der Liste: Betreff Dokumente hinterlegen und TOP in die Agenda aufnehmen. Verantwortlich wird dargestellt als Nachname, Vorname. In Aktionen gibt es zwei Schaltflächen. Ein Haken zum Abschließen der Aufgabe und ein Kasten mit Pfeil nach rechts oben, um die Aufgabe zu bearbeiten.&lt;br /&gt;
}}&lt;br /&gt;
==== Aufgabenvorlagen ====&lt;br /&gt;
&lt;br /&gt;
Diese Vorlagen werden nicht automatisch ausgespielt, aber bei bestimmten Bedingungen zur Verfügung gestellt. Sie sollen das Nachhalten von optionalen Aufgaben im System ermöglichen.&lt;br /&gt;
{{AnleitungScreenshotGroß|CM Aufgabenvorlagen.png|Die Übersicht der Aufgabenvorlagen. Eine Tabelle mit den Spalten Typ, Betreff, Verantwortlich und Aktionen. Es ist eine Aufgabe in der Liste Betreff: TOP in die Agenda aufnehmen. Verantwortlich ist noch nicht gefüllt. In Aktionen gibt es eine Schaltfläche. Ein Kasten mit Pfeil nach rechts oben, um die Aufgabe einzuplanen.}}&lt;br /&gt;
{{Verweis|&lt;br /&gt;
Eine Anleitung zur Arbeit mit Aufgaben finden Sie im Kapitel: [[Aufgaben erstellen und bearbeiten in DMS/eAkte|Aufgaben erstellen und bearbeiten]].&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
=== Aktennavigation ===&lt;br /&gt;
&lt;br /&gt;
In das Formular zum Vorgang wird die normale Ansicht zur Dokumentenübersicht unter dem Punkt Aktennavigation integriert. Hier können auf die gewohnte Weise Dokumente {{AnleitungCasemanagerSeite|zum TOP|zur Sitzung}} abgelegt werden. Welcher Typ Vorgangsunterlage wie zu verwenden ist, entnehmen Sie der untenstehenden Übersicht.&lt;br /&gt;
{{AnleitungScreenshotGroß|CM Ablegen.png|Es wird ein Ausschnitt der Aktennavigation gezeigt. Zwei Flächen zum Ablegen von Dokumenten werden gezeigt. Die Fläche mit der Bezeichnung: Automatisch Speicher Kategorie Vorgangsunterlage ist rot hervorgehoben. Ein Dokument mit dem Titel FsB Physik wurde bereits abgelegt.&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Weitere Informationen zum Hochladen von Dokumenten finden Sie unter [[Ablegen von Dokumenten in DMS/eAkte]].&lt;br /&gt;
}}&lt;br /&gt;
==== Übersicht Typ Vorgangsunterlage ====&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable tanleitung&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! rowspan=&amp;quot;2&amp;quot; | Typ Vorgangsunterlage&lt;br /&gt;
! colspan=&amp;quot;2&amp;quot; | Vorgangstyp&lt;br /&gt;
! rowspan=&amp;quot;2&amp;quot; | Anmerkung&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;text-align: center;&amp;quot; | &#039;&#039;&#039;Sitzung organisieren&#039;&#039;&#039;&lt;br /&gt;
| style=&amp;quot;text-align: center;&amp;quot; | &#039;&#039;&#039;TOP einer Sitzung&#039;&#039;&#039;&lt;br /&gt;
|-&lt;br /&gt;
| Vorlage&lt;br /&gt;
| style=&amp;quot;text-align: center;&amp;quot; |&lt;br /&gt;
| style=&amp;quot;text-align: center; background-color: palegreen;&amp;quot; | ja&lt;br /&gt;
|&lt;br /&gt;
|-&lt;br /&gt;
| Anlage&lt;br /&gt;
| style=&amp;quot;text-align: center;&amp;quot; |&lt;br /&gt;
| style=&amp;quot;text-align: center; background-color: palegreen;&amp;quot; | ja&lt;br /&gt;
|-&lt;br /&gt;
| Protokollbeitrag&lt;br /&gt;
| style=&amp;quot;text-align: center;&amp;quot; |&lt;br /&gt;
| style=&amp;quot;text-align: center; background-color: palegreen;&amp;quot; | ja&lt;br /&gt;
| Nur sichtbar für Gremienbetreuer*innen und TOP-Verantwortliche&lt;br /&gt;
|-&lt;br /&gt;
| Einladung&lt;br /&gt;
| style=&amp;quot;text-align: center; background-color: palegreen;&amp;quot; | ja&lt;br /&gt;
| style=&amp;quot;text-align: center;&amp;quot; |&lt;br /&gt;
| Wird automatisch in den TOP 1 der Sitzung verknüpft&lt;br /&gt;
|-&lt;br /&gt;
| Mitteilung&lt;br /&gt;
| style=&amp;quot;text-align: center;&amp;quot; |&lt;br /&gt;
| style=&amp;quot;text-align: center; background-color: palegreen;&amp;quot; | ja&lt;br /&gt;
| Nur für den TOP Mitteilungen und Termine vorgesehen&lt;br /&gt;
|-&lt;br /&gt;
| Gesamtprotokoll&lt;br /&gt;
| style=&amp;quot;text-align: center; background-color: palegreen;&amp;quot; | ja&lt;br /&gt;
| style=&amp;quot;text-align: center;&amp;quot; |&lt;br /&gt;
| Muss in den TOP 2 der Sitzung, in der über das Protokoll beraten werden soll verknüpft werden&lt;br /&gt;
|-&lt;br /&gt;
| Sitzungsunterlagen&lt;br /&gt;
| style=&amp;quot;text-align: center; background-color: palegreen;&amp;quot; | ja&lt;br /&gt;
| style=&amp;quot;text-align: center;&amp;quot; |&lt;br /&gt;
| Wird aus der Einladung und den Vorlagen der Sitzung erstellt&lt;br /&gt;
|}&amp;lt;noinclude&amp;gt;&lt;br /&gt;
&amp;lt;templatedata&amp;gt;&lt;br /&gt;
{&lt;br /&gt;
	&amp;quot;params&amp;quot;: {},&lt;br /&gt;
	&amp;quot;description&amp;quot;: &amp;quot;Da sich der erste Teil der beiden Anleitungen zum Gremienmanagement mit Prozessunterstützung doppelt, kann dieser bei Änderungen hier in der Vorlage angepasst werden.&amp;quot;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/templatedata&amp;gt;&lt;br /&gt;
&amp;lt;/noinclude&amp;gt;&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Dateityp&amp;diff=3865</id>
		<title>Dateityp</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Dateityp&amp;diff=3865"/>
		<updated>2024-08-05T11:34:33Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[category:Glossar|Dateityp]]&lt;br /&gt;
&amp;lt;onlyinclude&amp;gt;Der Dateityp gibt an, in welchem Format die Datei gespeichert ist.&amp;lt;/onlyinclude&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Beispiel:&#039;&#039;&#039;&lt;br /&gt;
 Word&lt;br /&gt;
 Excel&lt;br /&gt;
 Paint&lt;br /&gt;
 PDF&lt;br /&gt;
 JPEG&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Dateityp&amp;diff=3864</id>
		<title>Dateityp</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Dateityp&amp;diff=3864"/>
		<updated>2024-08-05T11:34:22Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[category:Glossar|Dateityp]]&lt;br /&gt;
&amp;lt;onlyinclude&amp;gt;Ein Dateityp gibt an, in welchem Format die Datei gespeichert ist.&amp;lt;/onlyinclude&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Beispiel:&#039;&#039;&#039;&lt;br /&gt;
 Word&lt;br /&gt;
 Excel&lt;br /&gt;
 Paint&lt;br /&gt;
 PDF&lt;br /&gt;
 JPEG&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
	<entry>
		<id>https://wiki.uni-bielefeld.de/eakte/index.php?title=Einen_TOP_vorbereiten_im_Gremienmanagement_mit_Prozessunterst%C3%BCtzung&amp;diff=3863</id>
		<title>Einen TOP vorbereiten im Gremienmanagement mit Prozessunterstützung</title>
		<link rel="alternate" type="text/html" href="https://wiki.uni-bielefeld.de/eakte/index.php?title=Einen_TOP_vorbereiten_im_Gremienmanagement_mit_Prozessunterst%C3%BCtzung&amp;diff=3863"/>
		<updated>2024-07-03T12:11:25Z</updated>

		<summary type="html">&lt;p&gt;Jdamian: /* Workflow: Zeichnungsweg */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Anleitung}}[[Kategorie:Gremien managen]][[Kategorie:Aufgaben und Abläufe]]&lt;br /&gt;
Diese Anleitung richtet sich hauptsächlich an Verantwortliche eines Tagesordnungspunktes (TOP) und Gremienbetreuer*innen. Die einzelnen TOPs im Sitzungsmanagement mit Prozessunterstützung werden von einer oder mehreren Personen verantwortet (TOP-Verantwortliche). Die Verantwortlichen eines TOPs bearbeiten dessen Dokumente direkt im {{Tooltip|DMS}}.&lt;br /&gt;
{{Verweis&lt;br /&gt;
|Verantwortliche eines TOPs werden von den Gremienbetreuer*innen bei Anlage des TOPs benannt. Eine Anleitung zur Bereitstellung von TOPs finden Sie in der unter [[Sitzungen verwalten im Gremienmanagement mit Prozessunterstützung]]}}&lt;br /&gt;
In dieser Anleitung wird das Formular eines TOPs und dessen Prozessunterstützung näher beschrieben.&lt;br /&gt;
&lt;br /&gt;
== Das Formular eines TOPs ==&lt;br /&gt;
&lt;br /&gt;
{{AnleitungCasemanager}}&lt;br /&gt;
== Vorbereitung des TOPs anhand seines Vorgangsstatus ==&lt;br /&gt;
&lt;br /&gt;
Die zentrale Information eines TOPs ist das Metadatenfeld &#039;&#039;&#039;Vorgangsstatus&#039;&#039;&#039;. Über dieses Feld wird gesteuert und angezeigt, in wie weit die Vorbereitung für die Sitzung vorangeschritten ist. Ein TOP durchläuft dabei sechs Status. Der Status wird durch die Erledigung der ausgespielten Aufgaben automatisch fortgeschrieben.&lt;br /&gt;
;TOP wird vorbereitet&lt;br /&gt;
:Ausführende Person: TOP-Verantwortliche&lt;br /&gt;
:In diesem Status sollen die Unterlagen für den TOP hochgeladen werden. Die Verantwortlichen können Dokumente hochladen und diese über den &#039;&#039;&#039;Typ Vorgangsunterlage&#039;&#039;&#039; entweder als &#039;&#039;&#039;Vorlage&#039;&#039;&#039; oder als &#039;&#039;&#039;Anlage&#039;&#039;&#039; zum TOP kennzeichnen.&lt;br /&gt;
;Mitzeichnung einholen&lt;br /&gt;
:Ausführende Person: TOP-Verantwortliche&lt;br /&gt;
:Wird ein TOP von einer anderen Organisationseinheit mitgezeichnet, so werden unter den [[#erweiterte Stammdaten|Erweiterten Stammdaten]] im Feld Mitzeichen die zeichnenden Personen aus dieser Organisationseinheit eingetragen. Sollen hier weitere Personen bspw. vorgesetzte Personen ebenfalls in den Zeichnungsweg aufgenommen werden, so müssen diese hier in passender Reihenfolge ebenfalls eingetragen werden.&lt;br /&gt;
:Mitzeichnende haben ab diesem Moment die Möglichkeit die bereits hochgeladenen Dokumente zu bearbeiten.&lt;br /&gt;
;im Zeichnungsweg&lt;br /&gt;
:Ausführende Person: TOP-Verantwortliche&lt;br /&gt;
:In diesem Status steht für den Zeichnungsweg ein Workflow bereit (ggf. muss die Ansicht des TOPs dafür aktualisiert werden). Die TOP-Verantwortliche startet und konfiguriert den Laufweg dieses Workflows anhand des Zeichnungswegs. Es stehen zwei Verfügungen zur Auswahl.&lt;br /&gt;
:* Zeichnen: Für Personen im direkten Zeichnungsweg ist diese Verfügung vorgesehen.&lt;br /&gt;
:* Mitzeichen: Sind Personen als Mitzeichnende eingetragen, so wird diese Verfügung gewählt.  Die Mitzeichnungen werden vor den Zeichnungen abgehandelt.&lt;br /&gt;
:Wenn der Workflow abgeschlossen wurde, wird ein Protokoll dazu erstellt. Dieses ist nur von den am Workflow beteiligten Personen einsehbar und der Status des TOPs wird automatisch auf den Wert &#039;&#039;&#039;TOP gezeichnet&#039;&#039;&#039; gesetzt.&lt;br /&gt;
;TOP gezeichnet&lt;br /&gt;
:Ausführende Person: Gremienbetreuung&lt;br /&gt;
:Mit diesem Status wechselt die Zuständigkeit zu den Gremienbetreuer*innen. Sofern der TOP in dieser Sitzung behandelt werden soll, wird der Status für die Erstellung der Einladung auf weitergesetzt.&lt;br /&gt;
;Für Sitzung eingeplant&lt;br /&gt;
:Ausführende Person: Gremienbetreuung&lt;br /&gt;
:Der TOP wird durch die Gremienbetreuer*innen in die Einladung und die Gesamtunterlagen einer Sitzung aufgenommen.&lt;br /&gt;
:Ausführende Person: TOP-Verantwortliche&lt;br /&gt;
:Nach dem Ende der Sitzung erstellen die TOP-Verantwortlichen über ein Formular ihren Protokollbeitrag zur Sitzung.&lt;br /&gt;
&amp;lt;!--;Protokollbeitrag liegt vor&lt;br /&gt;
:Ausführende Person: Gremienbetreuung&lt;br /&gt;
:Der Protokollbeitrag kann in das Gesamtprotokoll aufgenommen werden.&lt;br /&gt;
&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
=== Workflow: Zeichnungsweg ===&lt;br /&gt;
&lt;br /&gt;
In der Laufwegsübersicht des Zeichnungswegs stehen der*m Schrittempfänger*in über die Schaltflächen folgende Optionen zur Verfügung:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{{Definitionsliste|{{DefPunkt&lt;br /&gt;
|Vorlage (mit-)zeichnen|Die Vorlage wird gezeichnet und die nächste Person (sofern vorgesehen) erhält den Workflow.}}&lt;br /&gt;
{{DefPunkt&lt;br /&gt;
|Rückgabe|Der Workflow kann an einen früheren Schritt zurückgegeben werden.}}&lt;br /&gt;
{{DefPunkt&lt;br /&gt;
|Workflow stornieren|Der Workflow wird abgebrochen und ein Protokoll des Workflows abgelegt.}}&lt;br /&gt;
{{DefPunkt&lt;br /&gt;
|Rücksprache halten|Der Workflow kann einer weiteren Person zur Rücksprache zugestellt werden. Im Anschluss erhält die aktuell aktive Workflowteilnehmer*in den Workflow zurück.}}&lt;br /&gt;
{{DefPunkt&lt;br /&gt;
|Vermerk hinzufügen|In der Übersicht kann ein kurzer Informationstext für weitere Workflowteilnehmer*innen hinterlassen werden. Falls markiert, wird dieser in die Notizen des TOPs übernommen. Alle Vermerke werden anschließend ins Workflowprotokoll übernommen.}}&lt;br /&gt;
}}{{AnleitungScreenshotGroß|TOP Zeichnungsweg.png|Die Laufwegsübersicht einer TOP Genehmigung. Es werden die Schaltflächen Vermerk hinzufügen, Rücksprache halten, Workflow stornieren, Vorlage zeichnen und Rückgabe gezeigt. In der rechten Bildhälfte ist eine Vorschau des zu zeichnenden TOPs zu sehen.&lt;br /&gt;
}}{{Verweis|Weitere Informationen zur Arbeit mit Workflows finden Sie in der Anleitung [[Verfügungsworkflow allgemein in DMS/eAkte|Verfügungsworkflow allgemein]]&lt;br /&gt;
}}&lt;br /&gt;
{{Verweis|Weitere Informationen zur Konfiguration der Schritte eines Workflows finden Sie in der Anleitung [[ELaufmappe in DMS/eAkte|eLaufmappe]].&lt;br /&gt;
}}&amp;lt;!--&lt;br /&gt;
&lt;br /&gt;
=== Arbeitsschritte und Verantwortlichkeit ===&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable tanleitung&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;2&amp;quot; |Vorgangsstatus&lt;br /&gt;
| &#039;&#039;&#039;TOP wird vorbereitet&#039;&#039;&#039;&lt;br /&gt;
|&#039;&#039;&#039;Mitzeichnung einholen&#039;&#039;&#039;&lt;br /&gt;
|&#039;&#039;&#039;im Zeichnungsweg&#039;&#039;&#039;&lt;br /&gt;
| &#039;&#039;&#039;TOP gezeichnet&#039;&#039;&#039;&lt;br /&gt;
|&#039;&#039;&#039;Für Sitzung eingeplant&#039;&#039;&#039;&lt;br /&gt;
|&#039;&#039;&#039;Protokollbeitrag liegt vor&#039;&#039;&#039;&lt;br /&gt;
|-&lt;br /&gt;
! rowspan=&amp;quot;7&amp;quot; style=&amp;quot;writing-mode: vertical-lr;&amp;quot; |Rolle&lt;br /&gt;
|Gremienbetreuer*innen&lt;br /&gt;
| colspan=&amp;quot;4&amp;quot; |&lt;br /&gt;
| Vorlage zu Gesamtunterlagen hinzufügen&lt;br /&gt;
| Protokollbeitrag zu Gesamtprotokoll hinzufügen&lt;br /&gt;
|-&lt;br /&gt;
|TOP Verantwortliche&lt;br /&gt;
|Vorlagen und Anlagen hinzufügen&lt;br /&gt;
|Mitzeichnende in Formular eintragen&lt;br /&gt;
|-&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Übersicht der Berechtigungen===&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable tanleitung&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! colspan=&amp;quot;2&amp;quot; |Vorgangsstatus&lt;br /&gt;
| &#039;&#039;&#039;TOP wird vorbereitet&#039;&#039;&#039;&lt;br /&gt;
|&#039;&#039;&#039;Mitzeichnung einholen&#039;&#039;&#039;&lt;br /&gt;
|&#039;&#039;&#039;im Zeichnungsweg&#039;&#039;&#039;&lt;br /&gt;
| &#039;&#039;&#039;TOP gezeichnet&#039;&#039;&#039;&lt;br /&gt;
|&#039;&#039;&#039;Für Sitzung eingeplant&#039;&#039;&#039;&lt;br /&gt;
|&#039;&#039;&#039;Protokollbeitrag liegt vor&#039;&#039;&#039;&lt;br /&gt;
|-&lt;br /&gt;
! rowspan=&amp;quot;7&amp;quot; style=&amp;quot;writing-mode: vertical-lr;&amp;quot; |Rolle&lt;br /&gt;
|Gremienbetreuer*innen&lt;br /&gt;
| colspan=&amp;quot;6&amp;quot; style=&amp;quot;text-align: center; background-color: palegreen;&amp;quot; |schreibend&lt;br /&gt;
|-&lt;br /&gt;
|TOP Verantwortliche&lt;br /&gt;
| colspan=&amp;quot;6&amp;quot; style=&amp;quot;text-align: center; background-color: palegreen;&amp;quot; |schreibend&lt;br /&gt;
|-&lt;br /&gt;
|Mitzeichnende ||&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; style=&amp;quot;text-align: center; background-color: palegreen;&amp;quot; |schreibend&lt;br /&gt;
| colspan=&amp;quot;3&amp;quot; style=&amp;quot;text-align: center; background-color: LightYellow;&amp;quot; |lesend&lt;br /&gt;
|-&lt;br /&gt;
|Vorgesetzte Personen&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; |&lt;br /&gt;
| colspan=&amp;quot;4&amp;quot; style=&amp;quot;text-align: center; background-color: palegreen;&amp;quot; |schreibend&lt;br /&gt;
|-&lt;br /&gt;
|Gremienmitglieder&lt;br /&gt;
| colspan=&amp;quot;4&amp;quot; |&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; style=&amp;quot;text-align: center; background-color: LightYellow;&amp;quot; |lesend&amp;lt;ref name=&amp;quot;sitzungsstatus&amp;quot;&amp;gt;Sitzungsstatus mindestens: &amp;quot;Einladung verschickt&amp;quot;&amp;lt;/ref&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
|Mitglieder OE&lt;br /&gt;
| colspan=&amp;quot;4&amp;quot; |&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; style=&amp;quot;text-align: center; background-color: LightYellow;&amp;quot; |lesend&amp;lt;ref name=&amp;quot;sitzungsstatus&amp;quot;&amp;gt;&amp;lt;/ref&amp;gt;&lt;br /&gt;
|-&lt;br /&gt;
|Gäste&lt;br /&gt;
| colspan=&amp;quot;4&amp;quot; |&lt;br /&gt;
| colspan=&amp;quot;2&amp;quot; style=&amp;quot;text-align: center; background-color: LightYellow;&amp;quot; |lesend&amp;lt;ref name=&amp;quot;sitzungsstatus&amp;quot;&amp;gt;&amp;lt;/ref&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
&amp;lt;references /&amp;gt;&lt;/div&gt;</summary>
		<author><name>Jdamian</name></author>
	</entry>
</feed>