Zum Inhalt springen

Änderungen von Dokument Identify Your Data & Research Outputs

Zuletzt geändert von Veronika Kocher am Freitag, 04 Sep. 2026 14:45
Von Version 1.1
bearbeitet von Veronika Kocher
am Dienstag, 01 Sep. 2026 13:49
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 1.12
bearbeitet von Veronika Kocher
am Freitag, 04 Sep. 2026 14:45
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Syntax
... ... @@ -1,1 +1,1 @@
1 -Markdown 1.2
1 +XWiki 2.1
Inhalt
... ... @@ -1,64 +1,1689 @@
1 -Identifiziere die Daten, Materialien, Dokumentationen und künstlerischen Forschungsoutputs, die dein Projekt erzeugt, sammelt oder nachnutzt.
1 +{{html clean="false"}}
2 +<style>
3 +.ido{max-width:1400px;margin:0 auto;color:#322f2b}.ido *{box-sizing:border-box}
4 +.ido-card{border:1px solid #e3ded6;border-radius:11px;background:#fcfbf8;box-shadow:0 1px 3px rgba(0,0,0,.035)}
5 +.ido-eye{font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
6 +.ido-hero{height:125px;overflow:hidden;background:#f1eee9}.ido-hero img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}
7 +.ido-sec{margin:0 0 30px}.ido-sec h3{font-size:22px;margin:0 0 7px;color:#35312d}.ido-sec>p{color:#6a655e;line-height:1.58;max-width:1180px}
8 +.ido-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}
9 +.ido-type{padding:15px 16px;border:1px solid #e3ded6;border-radius:9px;background:#fcfbf8}.ido-type h4{font-size:17px;margin:0 0 6px;color:#35312d}.ido-type p{margin:0;color:#625d56;line-height:1.5}.ido-type ul{margin:8px 0 0 19px;padding:0;color:#625d56;line-height:1.5}
10 +.ido-check{position:relative;padding:12px 13px 12px 37px;border:1px solid #e3ded6;border-radius:8px;background:#fffdf9;color:#504a44;line-height:1.5}.ido-check:before{content:"✓";position:absolute;left:13px;top:10px;color:#e94b13;font-weight:800}
11 +.ido-info{padding:15px 17px;border:1px solid #c7e5ed;border-left:5px solid #21b6d7;background:#eaf6f9;border-radius:8px;color:#365e68;line-height:1.55}.ido-info strong{color:#2d5661}
12 +.ido-warn{padding:15px 17px;border:1px solid #efd9cc;border-left:5px solid #e94b13;background:#fff6f1;border-radius:8px;color:#67564e;line-height:1.55}.ido-warn strong{color:#744531}
13 +.ido-rights{padding:15px 17px;border:1px solid #efdca7;border-left:5px solid #f0aa00;background:#fff9e9;border-radius:8px;color:#665a38;line-height:1.55}.ido-rights strong{color:#6d571c}
14 +.ido-store{padding:15px 17px;border:1px solid #cfe8d8;border-left:5px solid #38b76a;background:#eff9f2;border-radius:8px;color:#45614e;line-height:1.55}.ido-store strong{color:#35543f}
15 +.ido-tablewrap{overflow-x:auto;border-radius:9px}.ido-tbl{width:100%;border-collapse:collapse;background:#fffdf9;min-width:820px}.ido-tbl th,.ido-tbl td{border:1px solid #e3ded6;padding:10px 11px;vertical-align:top;text-align:left;line-height:1.45}.ido-tbl th{background:#f3efe8;color:#403b36}.ido-tbl td{color:#56504a}
16 +.ido-step{padding:15px 16px;border:1px solid #e3ded6;border-top:4px solid #e94b13;border-radius:9px;background:#fcfbf8}.ido-step .n{font-size:12px;font-weight:800;color:#8a4d36;letter-spacing:.06em}.ido-step h4{font-size:17px;margin:3px 0 6px;color:#35312d}.ido-step p{margin:0;color:#625d56;line-height:1.5}
17 +.ido-example{padding:15px 16px;border:1px solid #e3ded6;border-radius:9px;background:#fcfbf8}.ido-example h4{font-size:17px;margin:0 0 6px;color:#35312d}.ido-example p{margin:0;color:#625d56;line-height:1.5}
18 +.ido-linkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}.ido-navlink{display:block;padding:10px 11px;border:1px solid #e9e4dc;border-left:3px solid #e94b13;border-radius:6px;background:#fffdf9;color:#252321;text-decoration:none;font-weight:600;line-height:1.35}.ido-navlink:hover,.ido-navlink:focus{background:#fff7f1;text-decoration:none}
19 +.ido-service{display:block;padding:14px 15px;border:1px solid #e3ded6;border-radius:9px;background:#fcfbf8;color:#322f2b;text-decoration:none}.ido-service:hover,.ido-service:focus{background:#fffdf9;text-decoration:none}.ido-service strong{display:block;margin-bottom:4px}.ido-service span{display:block;color:#625d56;line-height:1.45;font-weight:400}
20 +.ido-chip{display:inline-block;padding:4px 8px;margin:3px 4px 3px 0;border-radius:14px;background:#f3efe8;border:1px solid #e3ded6;color:#5c5650;font-size:12px;text-decoration:none}
21 +@media(max-width:680px){.ido-hero{height:105px}.ido-sec h3{font-size:20px}}
22 +</style>
2 2  
3 -== Überblick ==
24 +<div class="ido">
4 4  
5 -Füge eine kurze Erklärung zu diesem Thema hinzu und beschreibe, warum es für Kunst- und Forschungsprojekte relevant ist.
26 +<section class="ido-card" style="margin-bottom:18px;overflow:hidden;border-left:6px solid #e94b13;">
27 +<div class="ido-hero"><img src="https://xwiki.uni-ak.ac.at/bin/download/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/WebHome/enable.png" alt="Forschungsmaterialien, Dokumentation und Projektoutputs"></div>
28 +<div style="padding:18px 21px 20px">
29 +<div class="ido-eye" style="color:#8a4d36;margin-bottom:5px">VORBEREITEN · DATEN &amp; FORSCHUNGSOUTPUTS IDENTIFIZIEREN</div>
30 +<h2 style="font-size:27px;line-height:1.2;margin:0 0 8px;color:#2c2926">Wisse, was dein Projekt erzeugt, sammelt, nachnutzt und aufbewahren muss</h2>
31 +<p style="margin:0;color:#5e5953;line-height:1.6;max-width:1160px">Bevor du Speicherung, Rechte, Datenschutz, Dokumentation, Publikation oder Erhaltung planen kannst, brauchst du ein realistisches Inventar der Materialien und Outputs, mit denen dein Projekt arbeitet. In der künstlerischen Forschung gehört dazu oft deutlich mehr als klassische „Forschungsdaten“: Ausgangsmaterialien, physische Objekte, Skizzen, Aufnahmen, Software, Prozessdokumentation, Performances, Installationen und jene Unterlagen, die das Projekt später nachvollziehbar machen.</p>
32 +</div>
33 +</section>
6 6  
7 -== Was du wissen solltest ==
35 +<div class="ido-info" style="margin-bottom:16px"><strong>Beginne mit Typen, nicht mit einzelnen Dateien.</strong> Du musst jetzt nicht jedes Foto oder Dokument auflisten. Identifiziere die Kategorien, die dein Projekt erzeugt, sammelt oder nachnutzt, und halte anschließend fest, wie jede Kategorie behandelt werden muss.</div>
8 8  
9 -* Zentrale Begriffe
10 -* Relevante Anforderungen
11 -* Wichtige Unterscheidungen
37 +<div class="ido-rights" style="margin-bottom:28px"><strong>Bezeichne nicht automatisch alles als „Daten“.</strong> Disziplinen und Fördergeber verwenden den Begriff unterschiedlich. Für die Planung ist es sinnvoll, <strong>Daten, Materialien, Dokumentation sowie Forschungs- und künstlerische Outputs</strong> gemeinsam zu inventarisieren und danach klar zu unterscheiden, worum es jeweils handelt und welche Anforderungen gelten.</div>
12 12  
13 -== Was du tun solltest ==
39 +<section class="ido-sec">
40 +<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 1 · MATERIAL- UND OUTPUTLANDSCHAFT ERFASSEN</div>
41 +<h3>Identifiziere fünf Arten von Projektmaterial</h3>
42 +<p>Ein Element kann mehreren Kategorien zugeordnet sein. Es geht nicht um eine perfekte Klassifikation, sondern darum, dass nichts Planungsrelevantes übersehen wird.</p>
43 +<div class="ido-grid">
14 14  
15 -1. Prüfe, was auf dein Projekt zutrifft.
16 -2. Dokumentiere die relevanten Entscheidungen.
17 -3. Nutze bei Bedarf geeignete institutionelle Services und Unterstützungsangebote.
45 +<div class="ido-type" style="border-top:4px solid #21b6d7">
46 +<h4>1 · Inputs &amp; nachgenutztes Ausgangsmaterial</h4>
47 +<p>Material, das bereits existiert, bevor dein Projekt es verwendet.</p>
48 +<ul>
49 +<li>Texte, Bilder, Filme, Musik, Archive und Sammlungen</li>
50 +<li>bestehende Datensätze, Datenbanken und Korpora</li>
51 +<li>Code, Software, Modelle oder Vorlagen von Dritten</li>
52 +<li>gefundenes Material, Objekte, Proben oder Referenzwerke</li>
53 +</ul>
54 +</div>
18 18  
19 -== Schlüsselfragen ==
56 +<div class="ido-type" style="border-top:4px solid #21b6d7">
57 +<h4>2 · Erzeugte oder erhobene Daten / Nachweise</h4>
58 +<p>Aufgezeichnetes Material, das im Forschungs- oder künstlerischen Prozess entsteht.</p>
59 +<ul>
60 +<li>Interviews, Umfragen, Beobachtungen und Feldnotizen</li>
61 +<li>Audio, Video, Fotografien und Scans</li>
62 +<li>Messwerte, Sensordaten und Versuchsaufzeichnungen</li>
63 +<li>Annotationen, Transkripte, strukturierte Datensätze oder Datenbanken</li>
64 +</ul>
65 +</div>
20 20  
21 -* Was muss entschieden werden?
22 -* Wer ist verantwortlich?
23 -* Was muss dokumentiert werden?
24 -* Gibt es rechtliche, ethische oder technische Rahmenbedingungen?
25 -* Was muss vor der nächsten Projektphase erledigt sein?
67 +<div class="ido-type" style="border-top:4px solid #e94b13">
68 +<h4>3 · Prozess- &amp; Projektdokumentation</h4>
69 +<p>Unterlagen, die zeigen, wie sich die Arbeit entwickelt hat und wie Entscheidungen zustande kamen.</p>
70 +<ul>
71 +<li>Skizzen, Notizbücher, Probenunterlagen und Entwürfe</li>
72 +<li>Produktionsdateien, technische Pläne und Installationsanleitungen</li>
73 +<li>Entscheidungsprotokolle, Versionsverläufe und Provenienzangaben</li>
74 +<li>Dokumentation von Methoden, Workflows und Transformationen</li>
75 +</ul>
76 +</div>
26 26  
27 -== Services & Tools ==
78 +<div class="ido-type" style="border-top:4px solid #f0aa00">
79 +<h4>4 · Forschungs- &amp; künstlerische Outputs</h4>
80 +<p>Was das Projekt liefern, publizieren, präsentieren oder zugänglich machen soll.</p>
81 +<ul>
82 +<li>Kunstwerke, Performances, Ausstellungen und Installationen</li>
83 +<li>Publikationen, Artikel, Bücher, Kataloge und Abschlussarbeiten</li>
84 +<li>Filme, Audioarbeiten, Partituren, Designs und Prototypen</li>
85 +<li>Datensätze, Software, Code, Modelle, Websites oder Lehrmaterialien</li>
86 +</ul>
87 +</div>
28 28  
29 -Füge Links zu relevanten institutionellen Services, Infrastrukturen und Tools hinzu.
89 +<div class="ido-type" style="border-top:4px solid #38b76a">
90 +<h4>5 · Administrative &amp; nachweisrelevante Unterlagen</h4>
91 +<p>Unterlagen, die keine Forschungsoutputs sein müssen, aber für Nachvollziehbarkeit, Berichtspflichten oder Projektabschluss wichtig sind.</p>
92 +<ul>
93 +<li>Vereinbarungen, Einwilligungen und Genehmigungen</li>
94 +<li>Förder-Deliverables und Nachweise für Berichte</li>
95 +<li>Beschaffungs-, Geräte- oder Partnerdokumentation</li>
96 +<li>Freigaben, Verantwortlichkeiten und Übergabeunterlagen</li>
97 +</ul>
98 +</div>
30 30  
31 -== Info-Sheets & Checklisten ==
100 +</div>
101 +</section>
32 32  
33 -Füge Links zu passenden Info-Sheets, Checklisten und Vorlagen hinzu.
103 +<section class="ido-sec">
104 +<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 2 · ARBEITSINVENTAR ANLEGEN</div>
105 +<h3>Lege für jeden Material- oder Outputtyp eine Zeile an</h3>
106 +<p>Das Inventar verbindet die Projektidee mit den praktischen Entscheidungen, die daraus folgen. Es sollte genau genug sein, um Risiken, Abhängigkeiten und Verantwortlichkeiten sichtbar zu machen, aber einfach genug, um laufend gepflegt zu werden.</p>
34 34  
35 -== Tutorials ==
108 +<div class="ido-tablewrap">
109 +<table class="ido-tbl">
110 +<thead>
111 +<tr><th>Inventarfeld</th><th>Festhalten</th><th>Warum das wichtig ist</th></tr>
112 +</thead>
113 +<tbody>
114 +<tr><td><strong>Typ / Bezeichnung</strong></td><td>Eine verständliche Kategorie wie „Interviewaufnahmen“, „CAD-Dateien der Installation“ oder „finale Ausstellungsdokumentation“.</td><td>Schafft eine gemeinsame Sprache im Team.</td></tr>
115 +<tr><td><strong>Herkunft</strong></td><td>Selbst erzeugt, erhoben, beauftragt, von Partner*innen erhalten oder von Dritten nachgenutzt.</td><td>Die Herkunft beeinflusst Rechte, Provenienz und Verantwortlichkeiten.</td></tr>
116 +<tr><td><strong>Format / Material</strong></td><td>Dateiformate, Softwareabhängigkeiten, physisches Material, analoge Träger oder benötigte Spezialgeräte.</td><td>Macht technische und langfristige Abhängigkeiten sichtbar.</td></tr>
117 +<tr><td><strong>Umfang</strong></td><td>Ungefähre Menge, Dauer, Dateigröße, Anzahl von Objekten oder erwartetes Wachstum.</td><td>Hilft bei Speicher-, Transfer-, Backup- und Kostenplanung.</td></tr>
118 +<tr><td><strong>Personenbezug &amp; Sensibilität</strong></td><td>Ob personenbezogene, vertrauliche, eingeschränkte, kulturell sensible oder anderweitig schützenswerte Inhalte enthalten sind.</td><td>Bestimmt Zugriffs- und Schutzanforderungen.</td></tr>
119 +<tr><td><strong>Rechte / Genehmigungen</strong></td><td>Wer Rechte hält, welche Lizenz gilt, welche Einwilligungen/Genehmigungen vorliegen und was noch ungeklärt ist.</td><td>Bestimmt, was nachgenutzt, publiziert oder geteilt werden darf.</td></tr>
120 +<tr><td><strong>Arbeitsort</strong></td><td>Wo die aktive Kopie gespeichert oder ein physisches Objekt aufbewahrt wird.</td><td>Macht Zuständigkeit und Risiken sichtbar.</td></tr>
121 +<tr><td><strong>Master / maßgebliche Version</strong></td><td>Welche Datei, welches Objekt oder welcher Datensatz als Master gilt und wie er von Arbeits- oder Derivatversionen unterschieden wird.</td><td>Verhindert Unklarheit bei Übergabe und Publikation.</td></tr>
122 +<tr><td><strong>Metadaten / Provenienz</strong></td><td>Welche Angaben zu Quelle, Urheber*in, Datum, Kontext, Methode, Version und Beziehungen benötigt werden.</td><td>Macht Material später verständlich und nachnutzbar.</td></tr>
123 +<tr><td><strong>Lebenszyklusentscheidung</strong></td><td>Behalten, löschen, einschränken, teilen, publizieren, deponieren, archivieren oder erhalten — und wer entscheidet.</td><td>Verbindet die laufende Arbeit mit Projektabschluss und langfristigem Zugang.</td></tr>
124 +</tbody>
125 +</table>
126 +</div>
36 36  
128 +<div class="ido-info" style="margin-top:14px"><strong>Sinnvolles Minimum:</strong> Wenn du beantworten kannst, <em>was es ist, woher es kommt, wer verantwortlich ist, wo der Master liegt, ob es sensibel ist, welche Rechte gelten und was am Projektende damit geschehen soll</em>, hast du bereits ein starkes erstes Inventar.</div>
129 +</section>
37 37  
38 -{{html}}<span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px 0;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;line-height:1.2;">IN VORBEREITUNG</span>{{/html}}
39 -Füge Links zu Schritt-für-Schritt-Anleitungen für dieses Thema hinzu.
131 +<section class="ido-sec">
132 +<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 3 · KÜNSTLERISCHE PROZESSE SICHTBAR MACHEN</div>
133 +<h3>Identifiziere die Dokumentation, die die Arbeit später verständlich macht</h3>
134 +<p>Bei performativen, räumlichen, prozessbasierten, partizipativen oder anderen ephemeren Arbeiten sind das Werk und seine Dokumentation nicht dasselbe. Entscheide bewusst, was dokumentiert werden muss und welchen Status diese Dokumentation hat.</p>
40 40  
41 -== Verwandte Themen ==
136 +<div class="ido-grid">
137 +<div class="ido-example">
138 +<h4>Performance / Live-Arbeit</h4>
139 +<p>Mögliche Unterlagen sind Score oder Skript, Probenmaterial, Technical Rider, Bühnen- oder Raumplan, Foto-, Audio- und Videodokumentation, Credits, Einwilligungen von Mitwirkenden/Teilnehmenden und eine Beschreibung der tatsächlich realisierten Aufführung.</p>
140 +</div>
141 +<div class="ido-example">
142 +<h4>Installation / Ausstellung</h4>
143 +<p>Mögliche Unterlagen sind Konzeptmaterial, Pläne, CAD-/3D-Dateien, Komponentenlisten, Medien-Master, Installationsanleitungen, Geräteabhängigkeiten, Ansichten der installierten Arbeit, Beschriftungen/Credits sowie Informationen zu Abbau oder Wiederinstallation.</p>
144 +</div>
145 +<div class="ido-example">
146 +<h4>Design / Architektur / Herstellung</h4>
147 +<p>Mögliche Unterlagen sind Recherchequellen, Zeichnungen, Modelle, Prototypen, Materialtests, Fertigungsdateien, technische Spezifikationen, Fotografien, Iterationen, Entscheidungen und finale Präsentationsdateien.</p>
148 +</div>
149 +<div class="ido-example">
150 +<h4>Partizipative / interviewbasierte Arbeit</h4>
151 +<p>Mögliche Unterlagen sind Teilnehmendeninformation, Einwilligungen/Genehmigungen, Aufnahmen, Transkripte, von Teilnehmenden erzeugtes Material, Feldnotizen, Kodierung/Analyse, Zugriffsbeschränkungen und öffentliche Outputs.</p>
152 +</div>
153 +<div class="ido-example">
154 +<h4>Digitale / computergestützte Arbeit</h4>
155 +<p>Mögliche Unterlagen sind Quellcode, Abhängigkeiten, Konfiguration, Datensätze, Trainings- oder Verarbeitungsinputs, Dokumentation, Build-/Exportdateien, Versionsangaben, Lizenzen und jene Umgebung, die zum Reproduzieren oder Verstehen der Arbeit nötig ist.</p>
156 +</div>
157 +<div class="ido-example">
158 +<h4>Publikation / Film / Audio</h4>
159 +<p>Mögliche Unterlagen sind Recherchematerial, Quellmedien, Schnitt-/Projektdateien, Rechteunterlagen, Untertitel/Captions, Credits, hochauflösende oder erhaltungsfähige Master, Distributionsderivate und Publikationsmetadaten.</p>
160 +</div>
161 +</div>
162 +</section>
42 42  
43 -Füge Links zu verwandten Seiten in Vorbereiten, Arbeiten & Verwalten sowie Publizieren & Teilen hinzu.
164 +<section class="ido-sec">
165 +<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 4 · WICHTIGE UNTERSCHEIDUNGEN TREFFEN</div>
166 +<h3>Diese Unterschiede verhindern spätere Probleme</h3>
167 +<div class="ido-grid">
168 +<div class="ido-rights"><strong>Selbst erzeugt vs. nachgenutzt.</strong><br>Eigenes Material und Material von Dritten können sehr unterschiedliche Rechte- und Lizenzbedingungen haben.</div>
169 +<div class="ido-info"><strong>Arbeitsdatei vs. Master.</strong><br>Eine praktische Bearbeitungskopie ist nicht automatisch die maßgebliche oder langfristig geeignete Version.</div>
170 +<div class="ido-info"><strong>Dokumentation vs. Werk/Output.</strong><br>Ein Foto einer Performance kann die Arbeit dokumentieren, ohne selbst das Werk zu sein. Halte die Beziehung ausdrücklich fest.</div>
171 +<div class="ido-warn"><strong>Öffentlich vs. eingeschränkt.</strong><br>Ein Projekt kann einzelne Outputs publizieren und gleichzeitig personenbezogenes, vertrauliches, gesperrtes oder rechtebeschränktes Ausgangsmaterial geschlossen halten.</div>
172 +<div class="ido-store"><strong>Speicherung vs. Erhaltung.</strong><br>Dass eine Datei heute gespeichert ist, bedeutet nicht, dass sie in einigen Jahren noch geöffnet, verstanden oder verlässlich zugeordnet werden kann.</div>
173 +<div class="ido-rights"><strong>Aufbewahren vs. Teilen.</strong><br>Material kann aus Nachweisgründen aufbewahrt werden müssen, ohne dass eine Berechtigung oder ein Grund für eine Veröffentlichung besteht.</div>
174 +</div>
175 +</section>
44 44  
45 -== Brauchst du Hilfe? ==
177 +<section class="ido-sec">
178 +<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 5 · PROJEKTINVENTAR DURCHFÜHREN</div>
179 +<h3>Eine praktische Reihenfolge für das Team</h3>
180 +<div class="ido-grid">
181 +<div class="ido-step"><div class="n">01</div><h4>Erwartete Typen auflisten</h4><p>Starte bei Antrag, Arbeitspaketen, Methoden, künstlerischem Prozess, Deliverables und öffentlichen Outputs.</p></div>
182 +<div class="ido-step"><div class="n">02</div><h4>Nachgenutztes Material ergänzen</h4><p>Erfasse Archive, bestehende Datensätze, Bilder/Medien von Dritten, Code, Partnermaterial und weitere Inputs.</p></div>
183 +<div class="ido-step"><div class="n">03</div><h4>Sensible Kategorien markieren</h4><p>Identifiziere personenbezogenes, vertrauliches, eingeschränktes, kulturell sensibles oder anderweitig geschütztes Material frühzeitig.</p></div>
184 +<div class="ido-step"><div class="n">04</div><h4>Master festlegen</h4><p>Entscheide, welche Dateien oder Objekte maßgeblich sind und wie Versionen/Derivate unterschieden werden.</p></div>
185 +<div class="ido-step"><div class="n">05</div><h4>Rechte &amp; Genehmigungen festhalten</h4><p>Dokumentiere Rechteinhaberschaft, Lizenzen, Einwilligungen, Partnerbedingungen und offene Fragen, bevor Verbreitung geplant wird.</p></div>
186 +<div class="ido-step"><div class="n">06</div><h4>Umfang &amp; Abhängigkeiten schätzen</h4><p>Markiere große Datenmengen, Spezialformate, Software, Hardware, Geräte, physischen Platzbedarf und Transferanforderungen.</p></div>
187 +<div class="ido-step"><div class="n">07</div><h4>Mit Speicherung &amp; DMP verbinden</h4><p>Nutze das Inventar, um Arbeitsorte, Zugriffsregeln, Backup, Dokumentation und Lebenszyklusmaßnahmen festzulegen.</p></div>
188 +<div class="ido-step"><div class="n">08</div><h4>An Meilensteinen prüfen</h4><p>Aktualisiere das Inventar, wenn sich Methoden, Partner*innen, Outputs, Formate, Rechte, Personen oder Publikationspläne ändern.</p></div>
189 +</div>
190 +</section>
46 46  
47 -Du bist nicht sicher, was auf dein Projekt zutrifft? Wende dich für Unterstützung an Art & Research Services.
192 +<section class="ido-sec">
193 +<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">SCHLÜSSELFRAGEN</div>
194 +<h3>Diese Fragen sollte jedes Projekt beantworten können</h3>
195 +<div class="ido-grid">
196 +<div class="ido-check">Welches bestehende Material nutzen wir nach und unter welchen Bedingungen?</div>
197 +<div class="ido-check">Welche neuen Daten, Aufzeichnungen, Objekte oder Dokumentationen erzeugen oder erheben wir?</div>
198 +<div class="ido-check">Welche Outputs sind vertragliche/Förder-Deliverables und welche sind zusätzliche Projektoutputs?</div>
199 +<div class="ido-check">Was ist digital, analog, physisch, räumlich oder von Spezialsoftware/-geräten abhängig?</div>
200 +<div class="ido-check">Welches Material enthält personenbezogene, vertrauliche, eingeschränkte oder sensible Informationen?</div>
201 +<div class="ido-check">Wer hält oder kontrolliert die Rechte an den einzelnen Typen und welche Genehmigungen/Lizenzen werden benötigt?</div>
202 +<div class="ido-check">Welche Version gilt als Master oder maßgeblicher Datensatz?</div>
203 +<div class="ido-check">Welche Metadaten oder Kontextinformationen werden benötigt, um das Material später zu verstehen?</div>
204 +<div class="ido-check">Was soll am Projektende geteilt, eingeschränkt, aufbewahrt, gelöscht, deponiert oder erhalten werden?</div>
205 +<div class="ido-check">Wer ist für die einzelnen Entscheidungen und für die abschließende Übergabe verantwortlich?</div>
206 +</div>
207 +</section>
48 48  
49 -TODO: Ersetze diese Zeile durch den zentralen Kontaktformular-Link, sobald das Formular verfügbar ist.
209 +<section class="ido-sec">
210 +<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">STOPP &amp; PRÜFEN</div>
211 +<h3>Typische Lücken im Inventar</h3>
212 +<div class="ido-grid">
213 +<div class="ido-warn"><strong>Nur finale Deliverables sind erfasst.</strong><br>Ausgangsmaterial, Prozessdokumentation und Forschungsnachweise fehlen in der Planung.</div>
214 +<div class="ido-warn"><strong>„Alles liegt in der Cloud.“</strong><br>Niemand hat den konkreten Dienst, die Zuständigkeit, das Zugriffsmodell, das Backup oder die Masterkopie festgelegt.</div>
215 +<div class="ido-warn"><strong>Ephemere Arbeit hat keine Dokumentationsstrategie.</strong><br>Das Projekt kann enden, ohne dass genügend Informationen zum Verstehen, Präsentieren oder Erhalten der Arbeit vorhanden sind.</div>
216 +<div class="ido-warn"><strong>Material von Dritten hat keine Provenienz.</strong><br>Quelle, Urheber*in, Lizenz oder Genehmigung lassen sich später nicht mehr rekonstruieren.</div>
217 +<div class="ido-warn"><strong>Personenbezogenes oder vertrauliches Material liegt gemeinsam mit Publikationsdateien.</strong><br>Zugriffsentscheidungen werden schwierig und unbeabsichtigte Offenlegung wahrscheinlicher.</div>
218 +<div class="ido-warn"><strong>Der Master ist unklar.</strong><br>Mehrere Exporte oder Kopien existieren, aber keine maßgebliche Version wurde festgelegt.</div>
219 +<div class="ido-warn"><strong>Physische Objekte fehlen im Datenplan.</strong><br>Ort, Eigentum, Zustand, Dokumentation oder Übergabeverantwortung sind nicht festgehalten.</div>
220 +<div class="ido-warn"><strong>Spezialformate gelten als selbsterklärend.</strong><br>Software, Hardware, Plugins oder Kontext, die zum erneuten Öffnen nötig sind, werden nicht dokumentiert.</div>
221 +</div>
222 +</section>
50 50  
51 -{{html}}
52 -<!-- ARSN_SEARCH_TERMS_START -->
53 -<details class="arsn-search-terms" style="margin-top:28px;padding-top:10px;border-top:1px solid #eee;">
54 -<summary style="cursor:pointer;color:#666;font-size:13px;">Suchbegriffe &amp; verwandte Themen</summary>
55 -<div style="margin-top:9px;color:#555;font-size:13px;">
56 -<p style="margin:0 0 8px 0;">
57 -Dieses Thema kann auch über verwandte Begriffe, Synonyme und häufige Suchanfragen gefunden werden.
58 -Wähle einen Begriff aus, um den Service-Navigator Kunst &amp; Forschung zu durchsuchen.
59 -</p>
60 -<p style="margin:0;"><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=kunst%20und%20forschung#arsn-search-input" class="arsn-search-term" data-search-term="kunst und forschung" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">kunst und forschung</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=vorbereiten#arsn-search-input" class="arsn-search-term" data-search-term="vorbereiten" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">vorbereiten</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=forschungsdaten#arsn-search-input" class="arsn-search-term" data-search-term="forschungsdaten" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">forschungsdaten</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=k%C3%BCnstlerische%20outputs#arsn-search-input" class="arsn-search-term" data-search-term="künstlerische outputs" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">künstlerische outputs</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=forschungsoutputs#arsn-search-input" class="arsn-search-term" data-search-term="forschungsoutputs" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">forschungsoutputs</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=daten-inventar#arsn-search-input" class="arsn-search-term" data-search-term="daten-inventar" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">daten-inventar</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=materialtypen#arsn-search-input" class="arsn-search-term" data-search-term="materialtypen" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">materialtypen</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=datenklassifizierung#arsn-search-input" class="arsn-search-term" data-search-term="datenklassifizierung" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">datenklassifizierung</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=datentypen#arsn-search-input" class="arsn-search-term" data-search-term="datentypen" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">datentypen</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=forschungsmaterialien#arsn-search-input" class="arsn-search-term" data-search-term="forschungsmaterialien" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">forschungsmaterialien</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=outputs#arsn-search-input" class="arsn-search-term" data-search-term="outputs" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">outputs</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=k%C3%BCnstlerische%20forschungsoutputs#arsn-search-input" class="arsn-search-term" data-search-term="künstlerische forschungsoutputs" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">künstlerische forschungsoutputs</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=forschungsobjekte#arsn-search-input" class="arsn-search-term" data-search-term="forschungsobjekte" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">forschungsobjekte</a></p>
224 +<section class="ido-sec">
225 +<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">SERVICES &amp; TOOLS</div>
226 +<h3>Nutze das Inventar, um die richtige Unterstützung einzubeziehen</h3>
227 +<div class="ido-grid">
228 +<a class="ido-service" href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/support_kunst_und_forschung" target="_blank" rel="noopener"><strong>Support Kunst und Forschung ↗</strong><span>Für Projekt- und Förderanforderungen, Deliverables, Antragserstellung und Projektkoordination.</span></a>
229 +<a class="ido-service" href="https://www.dieangewandte.at/universitaetsbibliothek" target="_blank" rel="noopener"><strong>Universitätsbibliothek ↗</strong><span>Für Rechercheunterstützung sowie Fragen zu Publikation, Repositorium und Informationsressourcen.</span></a>
230 +<a class="ido-service" href="https://phaidra.bibliothek.uni-ak.ac.at/" target="_blank" rel="noopener"><strong>Angewandte Repository ↗</strong><span>Prüfe den institutionellen Repositoriumsweg für digitale Forschungs- und künstlerische Outputs, die sich für eine Ablage eignen.</span></a>
231 +<a class="ido-service" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Plan%20Your%20Data%20Management/"><strong>Datenmanagement planen</strong><span>Überführe das Inventar in Entscheidungen zu Speicherung, Zugriff, Backup, Dokumentation, Teilen und Erhaltung.</span></a>
232 +<a class="ido-service" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Data%20Protection%20%26%20Ethics/"><strong>Datenschutz &amp; Ethik</strong><span>Wenn Personen, personenbezogene Daten, Einwilligungen, Teilnehmende oder ethische Fragen betroffen sind.</span></a>
233 +<a class="ido-service" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Copyright%2C%20Rights%20%26%20Licences/"><strong>Urheberrecht, Rechte &amp; Lizenzen</strong><span>Klärt Rechteinhaberschaft, Material von Dritten, Genehmigungen, Lizenzen und Nachnutzungsbedingungen.</span></a>
61 61  </div>
235 +</section>
236 +
237 +<section class="ido-sec">
238 +<div class="ido-eye" style="color:#8a4d36;margin-bottom:4px">NÄCHSTER SCHRITT · AUS DEM INVENTAR EINEN PLAN MACHEN</div>
239 +<h3>Verwandte Themen im Service Navigator</h3>
240 +<div class="ido-linkgrid">
241 +<a class="ido-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Plan%20Your%20Data%20Management/">Datenmanagement planen</a>
242 +<a class="ido-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/File%20Organisation%20%26%20Naming/">Dateiorganisation &amp; Benennung</a>
243 +<a class="ido-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Storage%2C%20Backup%20%26%20Security/">Speicherung, Backup &amp; Sicherheit</a>
244 +<a class="ido-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Infrastructure%2C%20Services%20%26%20Tools/">Infrastruktur, Services &amp; Tools</a>
245 +<a class="ido-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/Document%20Metadata%20%26%20Provenance/">Prozesse, Metadaten &amp; Provenienz dokumentieren</a>
246 +<a class="ido-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Work%20%26%20Manage/Manage%20Versions%20%26%20Master%20Files/">Versionen &amp; Masterdateien verwalten</a>
247 +<a class="ido-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Publish%20%26%20Share/Decide%20What%20to%20Share/">Entscheiden, was geteilt wird</a>
248 +<a class="ido-navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Publish%20%26%20Share/Preserve%20Data%20%26%20Artistic%20Outputs/">Daten &amp; künstlerische Outputs erhalten</a>
249 +</div>
250 +</section>
251 +
252 +<div class="ido-info" style="margin-bottom:14px"><strong>Du bist unsicher, was in das Inventar gehört?</strong> Bring eine kurze Projektbeschreibung, geplante Methoden/Aktivitäten, erwartete Outputs, voraussichtliches Ausgangsmaterial und vorhandene Förderanforderungen mit. Bei geförderten Kunst- und Forschungsprojekten kann Support Kunst und Forschung helfen, diese Elemente mit der gesamten Projektplanung zu verbinden.</div>
253 +
254 +<!-- ARSN_TRAINING_WORKSHOPS_V2_START -->
255 +<section class="arsn-training-workshops" data-arsn-training-workshops="v2" style="margin:27px 0 22px 0;">
256 + <div style="padding:16px 18px;background:#eef8fa;border:1px solid #cfe8ef;border-left:5px solid #21b6d7;border-radius:9px;">
257 + <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#3f6871;margin-bottom:5px;">SCHULUNGEN &amp; WORKSHOPS</div>
258 + <h3 style="font-size:20px;line-height:1.3;margin:0 0 7px;color:#35312d;text-align:left;">Schulungen, Workshops &amp; Sprechstunden</h3>
259 + <p style="margin:0 0 10px;color:#5e5953;line-height:1.55;">Passende Angebote zu diesem Thema werden hier künftig automatisch aus dem zentralen Kalender angezeigt.</p>
260 + <span data-arsn-coming-soon="true" style="display:inline-block;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;line-height:1.2;">IN VORBEREITUNG</span>
261 + </div>
262 +</section>
263 +<!-- ARSN_TRAINING_WORKSHOPS_V2_END -->
264 +
265 +<!-- ARSN_PRACTICAL_RESOURCES_V2_START -->
266 +<section class="arsn-practical-resources" data-arsn-practical-resources="v2" style="margin:0 0 27px;">
267 + <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#8a4d36;margin-bottom:4px;">NÜTZLICHE MATERIALIEN</div>
268 + <h3 style="font-size:22px;line-height:1.25;margin:0 0 8px;color:#35312d;text-align:left;">Praktische Ressourcen</h3>
269 + <p style="margin:0 0 12px;color:#5e5953;line-height:1.55;">Nutze praktische Ressourcen, wenn du einen kompakten Überblick, eine Schritt-für-Schritt-Anleitung oder eine direkt einsetzbare Arbeitshilfe brauchst.</p>
270 + <div class="arsn-resource-grid" style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;">
271 + <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #21b6d7;border-radius:9px;"><strong>Info-Blätter</strong><br><span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;">IN VORBEREITUNG</span><div style="color:#625d56;line-height:1.45;">Kurze Orientierungshilfen für häufige Fragen und Entscheidungen.</div></div>
272 + <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;"><strong>Anleitungen</strong><br><span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;">IN VORBEREITUNG</span><div style="color:#625d56;line-height:1.45;">Schritt-für-Schritt-Anleitungen für konkrete Aufgaben und Abläufe.</div></div>
273 + <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #38b76a;border-radius:9px;"><strong>Checklisten &amp; Vorlagen</strong><br><span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;">IN VORBEREITUNG</span><div style="color:#625d56;line-height:1.45;">Direkt einsetzbare Checklisten und Vorlagen zum Planen, Durchführen und Abschließen von Projekten.</div></div>
274 + </div>
275 + <style>@media(max-width:767px){.arsn-resource-grid{grid-template-columns:1fr!important}}</style>
276 +</section>
277 +<!-- ARSN_PRACTICAL_RESOURCES_V2_END -->
278 +
279 +<!-- ARSN_SEARCH_TERMS_START -->
280 +<details style="margin-top:24px;padding-top:10px;border-top:1px solid #e3ded6">
281 +<summary style="cursor:pointer;color:#6a655e;font-size:13px">Suchbegriffe &amp; verwandte Themen</summary>
282 +<div style="margin-top:9px;color:#5c5650;font-size:12px;line-height:1.7">Forschungsdaten · künstlerische Forschungsdaten · Forschungsoutputs · künstlerische Outputs · Projektmaterialien · Ausgangsmaterial · nachgenutzte Daten · Material von Dritten · Dokumentation · Prozessdokumentation · Performance-Dokumentation · Installationsdokumentation · Interviews · Aufnahmen · Fotografien · Video · Audio · Datensätze · Datenbanken · Software · Quellcode · Modelle · Prototypen · physische Objekte · analoges Material · Masterdateien · maßgebliche Version · Provenienz · Metadaten · Rechte · Urheberrecht · Lizenzen · Einwilligung · personenbezogene Daten · sensible Daten · vertrauliche Daten · Dateiformate · Speicherung · Backup · Erhaltung · Repositorium · Datenmanagementplan · DMP · Deliverables · Förderanforderungen · Projektinventar · Outputinventar · Übergabe</div>
62 62  </details>
63 63  <!-- ARSN_SEARCH_TERMS_END -->
285 +
286 +</div>
64 64  {{/html}}
288 +
289 +{{html clean="false"}}
290 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START -->
291 +
292 +<style data-sn-service-navigator-master="1">
293 +/* =========================================================
294 + MASTER TYPOGRAPHY
295 + ========================================================= */
296 +#xwikicontent h1,
297 +#xwikicontent h2,
298 +#xwikicontent h3,
299 +#xwikicontent h4,
300 +#xwikicontent h5,
301 +#xwikicontent h6,
302 +#xwikicontent .box-title,
303 +#xwikicontent [role="heading"],
304 +#xwikicontent h1 a,
305 +#xwikicontent h2 a,
306 +#xwikicontent h3 a,
307 +#xwikicontent h4 a,
308 +#xwikicontent h5 a,
309 +#xwikicontent h6 a,
310 +#xwikicontent .box-title a,
311 +#xwikicontent [role="heading"] a{
312 + text-align:left!important;
313 + text-justify:auto!important;
314 + word-spacing:normal!important;
315 +}
316 +
317 +/* =========================================================
318 + COMING SOON / IN VORBEREITUNG
319 + ========================================================= */
320 +.sn-coming-soon-badge{
321 + display:inline-block;
322 + vertical-align:middle;
323 + margin-left:10px;
324 + padding:4px 8px;
325 + border-radius:14px;
326 + border:1px solid #efd9cc;
327 + background:#fff4ee;
328 + color:#8a4d36;
329 + font-size:11px;
330 + font-weight:700;
331 + letter-spacing:.055em;
332 + line-height:1.2;
333 + white-space:nowrap;
334 +}
335 +
336 +/* =========================================================
337 + NATIVE / DETAIL CALLOUT GEOMETRY
338 + Preserve existing backgrounds.
339 + ========================================================= */
340 +#xwikicontent .arsn-info,
341 +#xwikicontent .dmp-info,
342 +#xwikicontent .ido-info,
343 +#xwikicontent .pp-info,
344 +#xwikicontent .infomessage{
345 + box-sizing:border-box!important;
346 + border-left:4px solid #21b6d7!important;
347 + border-radius:8px;
348 + text-align:left!important;
349 + word-spacing:normal!important;
350 +}
351 +
352 +#xwikicontent .arsn-warn,
353 +#xwikicontent .dmp-warn,
354 +#xwikicontent .ido-warn,
355 +#xwikicontent .pp-warn,
356 +#xwikicontent .warn,
357 +#xwikicontent .warning,
358 +#xwikicontent .warningmessage,
359 +#xwikicontent .errormessage{
360 + box-sizing:border-box!important;
361 + border-left:4px solid #e94b13!important;
362 + border-radius:8px;
363 + text-align:left!important;
364 + word-spacing:normal!important;
365 +}
366 +
367 +[data-sn-master-equal-height],
368 +[data-sn-master-first-row]{
369 + box-sizing:border-box;
370 +}
371 +
372 +/* =========================================================
373 + FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
374 + ========================================================= */
375 +#xwikicontent .arsn-area-label[data-sn-three-line="1"]{
376 + display:grid!important;
377 + grid-template-columns:minmax(0,1fr)!important;
378 + grid-auto-rows:auto!important;
379 + width:100%!important;
380 + max-width:none!important;
381 + box-sizing:border-box!important;
382 + justify-items:start!important;
383 + align-items:start!important;
384 + gap:2px!important;
385 + text-align:left!important;
386 + text-align-last:left!important;
387 + text-justify:auto!important;
388 + word-spacing:normal!important;
389 + white-space:normal!important;
390 +}
391 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
392 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
393 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
394 + display:block!important;
395 + width:100%!important;
396 + margin:0!important;
397 + text-align:left!important;
398 + text-align-last:left!important;
399 + text-justify:auto!important;
400 + word-spacing:normal!important;
401 + white-space:normal!important;
402 +}
403 +</style>
404 +
405 +<script data-sn-service-navigator-master="1">
406 +(function(){
407 + "use strict";
408 +
409 + var PAGE_KIND="detail";
410 + var PLACEHOLDER=false;
411 + var PLACEHOLDER_LABEL="IN VORBEREITUNG";
412 +
413 + var MOBILE_MAX=767;
414 + var ROW_TOLERANCE=6;
415 + var RESIZE_DEBOUNCE=220;
416 +
417 + var root=
418 + document.getElementById("xwikicontent")||
419 + document.querySelector(".xwiki-rendering-content")||
420 + document.querySelector("main")||
421 + document.body;
422 +
423 + if(!root)return;
424 +
425 + var managedHeight=new Set();
426 + var managedMargin=new Set();
427 + var originalHeight=new WeakMap();
428 + var originalMargin=new WeakMap();
429 +
430 + var resizeTimer=0;
431 + var running=false;
432 +
433 + var THEMES=[
434 + {
435 + name:"BLUE",
436 + accent:"#21b6d7",
437 + bg:"#eaf7fb",
438 + text:"#315d68",
439 + labels:[
440 + "HIER STARTEN",
441 + "ENTSCHEIDEN",
442 + "ÜBERPRÜFEN & ANPASSEN",
443 + "START HERE",
444 + "DECIDE",
445 + "REVIEW & ADAPT"
446 + ]
447 + },
448 + {
449 + name:"RED",
450 + accent:"#e94b13",
451 + bg:"#fff1ec",
452 + text:"#8a4d36",
453 + labels:[
454 + "PLANEN & ORGANISIEREN",
455 + "ORGANISIEREN & DOKUMENTIEREN",
456 + "PUBLIZIEREN & PRÄSENTIEREN",
457 + "PLAN & ORGANISE",
458 + "PLAN & ORGANIZE",
459 + "ORGANISE & DOCUMENT",
460 + "ORGANIZE & DOCUMENT",
461 + "PUBLISH & PRESENT"
462 + ]
463 + },
464 + {
465 + name:"YELLOW",
466 + accent:"#f0aa00",
467 + bg:"#fff8e7",
468 + text:"#785b17",
469 + labels:[
470 + "SCHÜTZEN & KLÄREN",
471 + "STANDARDISIEREN & IDENTIFIZIEREN",
472 + "ÖFFNEN, NACHNUTZEN & AUFFINDBAR MACHEN",
473 + "PROTECT & CLARIFY",
474 + "STANDARDISE & IDENTIFY",
475 + "STANDARDIZE & IDENTIFY",
476 + "OPEN, REUSE & MAKE FINDABLE"
477 + ]
478 + },
479 + {
480 + name:"GREEN",
481 + accent:"#38b76a",
482 + bg:"#edf9f1",
483 + text:"#3f7451",
484 + labels:[
485 + "INFRASTRUKTUR EINRICHTEN",
486 + "INFRASTRUKTUR & ZUSAMMENARBEIT EINRICHTEN",
487 + "SPEICHERN & ZUGRIFF STEUERN",
488 + "REPOSITORIUM, ERHALTEN & ÜBERGEBEN",
489 + "SET UP INFRASTRUCTURE",
490 + "SET UP INFRASTRUCTURE & COLLABORATION",
491 + "STORE & CONTROL ACCESS",
492 + "REPOSITORY, PRESERVE & HAND OVER"
493 + ]
494 + }
495 + ];
496 +
497 + function num(value){
498 + var n=parseFloat(value);
499 + return Number.isFinite(n)?n:0;
500 + }
501 +
502 + function norm(value){
503 + return String(value||"")
504 + .replace(/\s+/g," ")
505 + .trim()
506 + .toUpperCase();
507 + }
508 +
509 + function visible(el){
510 + if(!el||el.nodeType!==1)return false;
511 +
512 + var style=getComputedStyle(el);
513 + var rect=el.getBoundingClientRect();
514 +
515 + return (
516 + style.display!=="none"&&
517 + style.visibility!=="hidden"&&
518 + rect.width>20&&
519 + rect.height>4
520 + );
521 + }
522 +
523 + function saveStyle(el,map,property){
524 + if(map.has(el))return;
525 +
526 + map.set(el,{
527 + value:el.style.getPropertyValue(property),
528 + priority:el.style.getPropertyPriority(property)
529 + });
530 + }
531 +
532 + function restoreStyle(el,map,property){
533 + var original=map.get(el);
534 +
535 + if(original&&original.value){
536 + el.style.setProperty(
537 + property,
538 + original.value,
539 + original.priority||""
540 + );
541 + }else{
542 + el.style.removeProperty(property);
543 + }
544 + }
545 +
546 + function resetRuntime(){
547 + managedHeight.forEach(function(el){
548 + restoreStyle(
549 + el,
550 + originalHeight,
551 + "min-height"
552 + );
553 + el.removeAttribute(
554 + "data-sn-master-equal-height"
555 + );
556 + });
557 +
558 + managedMargin.forEach(function(el){
559 + restoreStyle(
560 + el,
561 + originalMargin,
562 + "margin-top"
563 + );
564 + el.removeAttribute(
565 + "data-sn-master-first-row"
566 + );
567 + });
568 +
569 + managedHeight.clear();
570 + managedMargin.clear();
571 + }
572 +
573 + function themeFor(text){
574 + var value=norm(text);
575 +
576 + for(var i=0;i<THEMES.length;i++){
577 + for(var j=0;j<THEMES[i].labels.length;j++){
578 + var label=THEMES[i].labels[j];
579 +
580 + if(
581 + value===label||
582 + value.indexOf(label+" ")===0||
583 + value.indexOf(label+" -")===0||
584 + value.indexOf(label+" ·")===0
585 + ){
586 + return THEMES[i];
587 + }
588 + }
589 + }
590 +
591 + return null;
592 + }
593 +
594 + /* =======================================================
595 + BORDERLESS FILLED RED/ORANGE CTA BUTTONS
596 + ======================================================= */
597 +
598 + function colourDistance(a,b){
599 + return Math.sqrt(
600 + Math.pow(a[0]-b[0],2)+
601 + Math.pow(a[1]-b[1],2)+
602 + Math.pow(a[2]-b[2],2)
603 + );
604 + }
605 +
606 + function makeFilledRedOrangeCTAsBorderless(){
607 + var RED_ORANGE=[233,75,19];
608 +
609 + Array.from(
610 + root.querySelectorAll(
611 + 'a,button,[role="button"],input[type="submit"],input[type="button"]'
612 + )
613 + ).forEach(function(el){
614 + if(!visible(el))return;
615 +
616 + var style=getComputedStyle(el);
617 + var rgb=parseRGB(style.backgroundColor);
618 +
619 + if(!rgb)return;
620 +
621 + if(
622 + colourDistance(
623 + rgb,
624 + RED_ORANGE
625 + )>55
626 + ){
627 + return;
628 + }
629 +
630 + var rect=el.getBoundingClientRect();
631 +
632 + if(
633 + rect.width<80||
634 + rect.height<24
635 + ){
636 + return;
637 + }
638 +
639 + el.style.setProperty(
640 + "border",
641 + "none",
642 + "important"
643 + );
644 +
645 + el.style.setProperty(
646 + "border-left",
647 + "none",
648 + "important"
649 + );
650 +
651 + el.style.setProperty(
652 + "border-top",
653 + "none",
654 + "important"
655 + );
656 +
657 + el.style.setProperty(
658 + "border-right",
659 + "none",
660 + "important"
661 + );
662 +
663 + el.style.setProperty(
664 + "border-bottom",
665 + "none",
666 + "important"
667 + );
668 +
669 + el.style.setProperty(
670 + "box-shadow",
671 + "none",
672 + "important"
673 + );
674 + });
675 + }
676 +
677 + /* =======================================================
678 + FULL-WIDTH THREE-LINE AREA LABELS
679 + ======================================================= */
680 +
681 + function compactText(value){
682 + return String(value||"")
683 + .replace(/\s+/g," ")
684 + .trim();
685 + }
686 +
687 + function makeThreeLineAreaLabels(){
688 + Array.from(
689 + root.querySelectorAll(
690 + ".arsn-area-label"
691 + )
692 + ).forEach(function(label){
693 + if(
694 + label.getAttribute(
695 + "data-sn-three-line"
696 + )==="1"
697 + ){
698 + return;
699 + }
700 +
701 + var number=
702 + label.querySelector(
703 + ":scope > .arsn-area-number"
704 + );
705 +
706 + var action=
707 + label.querySelector(
708 + ":scope > .arsn-area-action"
709 + );
710 +
711 + if(
712 + !number||
713 + !action
714 + ){
715 + return;
716 + }
717 +
718 + var clone=
719 + label.cloneNode(true);
720 +
721 + var cloneNumber=
722 + clone.querySelector(
723 + ":scope > .arsn-area-number"
724 + );
725 +
726 + var cloneAction=
727 + clone.querySelector(
728 + ":scope > .arsn-area-action"
729 + );
730 +
731 + if(cloneNumber){
732 + cloneNumber.remove();
733 + }
734 +
735 + if(cloneAction){
736 + cloneAction.remove();
737 + }
738 +
739 + var titleText=
740 + compactText(
741 + clone.textContent
742 + );
743 +
744 + if(!titleText){
745 + return;
746 + }
747 +
748 + var numberNode=
749 + number.cloneNode(true);
750 +
751 + var actionNode=
752 + action.cloneNode(true);
753 +
754 + var titleNode=
755 + document.createElement(
756 + "span"
757 + );
758 +
759 + titleNode.className=
760 + "sn-area-label-title";
761 +
762 + titleNode.textContent=
763 + titleText;
764 +
765 + while(label.firstChild){
766 + label.removeChild(
767 + label.firstChild
768 + );
769 + }
770 +
771 + label.appendChild(
772 + numberNode
773 + );
774 +
775 + label.appendChild(
776 + titleNode
777 + );
778 +
779 + label.appendChild(
780 + actionNode
781 + );
782 +
783 + label.setAttribute(
784 + "data-sn-three-line",
785 + "1"
786 + );
787 +
788 + var head=
789 + label.closest(
790 + ".arsn-area-head"
791 + );
792 +
793 + if(head){
794 + head.style.setProperty(
795 + "width",
796 + "100%",
797 + "important"
798 + );
799 +
800 + head.style.setProperty(
801 + "max-width",
802 + "100%",
803 + "important"
804 + );
805 +
806 + head.style.setProperty(
807 + "box-sizing",
808 + "border-box",
809 + "important"
810 + );
811 + }
812 + });
813 + }
814 +
815 + /* =======================================================
816 + PLACEHOLDER BADGE
817 + ======================================================= */
818 +
819 + function applyPlaceholderBadge(){
820 + if(!PLACEHOLDER)return;
821 +
822 + if(
823 + document.querySelector(
824 + ".sn-coming-soon-badge"
825 + )
826 + ){
827 + return;
828 + }
829 +
830 + var title=
831 + document.querySelector(
832 + "#document-title"
833 + )||
834 + document.querySelector(
835 + "h1"
836 + );
837 +
838 + if(!title)return;
839 +
840 + var badge=
841 + document.createElement(
842 + "span"
843 + );
844 +
845 + badge.className=
846 + "sn-coming-soon-badge";
847 +
848 + badge.textContent=
849 + PLACEHOLDER_LABEL;
850 +
851 + badge.setAttribute(
852 + "aria-label",
853 + PLACEHOLDER_LABEL
854 + );
855 +
856 + title.appendChild(
857 + badge
858 + );
859 + }
860 +
861 + /* =======================================================
862 + DETAIL PAGE OWN-ACCENT PROPAGATION
863 + ======================================================= */
864 +
865 + function parseRGB(value){
866 + var match=String(value||"").match(
867 + /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i
868 + );
869 +
870 + if(!match)return null;
871 +
872 + return [
873 + Number(match[1]),
874 + Number(match[2]),
875 + Number(match[3])
876 + ];
877 + }
878 +
879 + function distance(a,b){
880 + return Math.sqrt(
881 + Math.pow(a[0]-b[0],2)+
882 + Math.pow(a[1]-b[1],2)+
883 + Math.pow(a[2]-b[2],2)
884 + );
885 + }
886 +
887 + function paletteMatch(cssColor){
888 + var rgb=parseRGB(cssColor);
889 +
890 + if(!rgb)return null;
891 +
892 + var palette=[
893 + {hex:"#21b6d7",rgb:[33,182,215]},
894 + {hex:"#e94b13",rgb:[233,75,19]},
895 + {hex:"#f0aa00",rgb:[240,170,0]},
896 + {hex:"#38b76a",rgb:[56,183,106]}
897 + ];
898 +
899 + var best=null;
900 + var bestDistance=Infinity;
901 +
902 + palette.forEach(function(item){
903 + var d=distance(rgb,item.rgb);
904 +
905 + if(d<bestDistance){
906 + best=item;
907 + bestDistance=d;
908 + }
909 + });
910 +
911 + return bestDistance<=30
912 + ?best
913 + :null;
914 + }
915 +
916 + function propagateDetailAccents(){
917 + if(PAGE_KIND!=="detail")return;
918 +
919 + Array.from(
920 + root.querySelectorAll(
921 + ".arsn-call,.dmp-call,.ido-call,.pp-call,"+
922 + ".arsn-source,.dmp-source,.ido-source,.pp-source"
923 + )
924 + ).forEach(function(el){
925 + if(!visible(el))return;
926 +
927 + var style=getComputedStyle(el);
928 +
929 + if(
930 + num(style.borderTopWidth)>=2
931 + ){
932 + var match=
933 + paletteMatch(
934 + style.borderTopColor
935 + );
936 +
937 + if(match){
938 + el.style.setProperty(
939 + "border-left",
940 + "4px solid "+match.hex,
941 + "important"
942 + );
943 + }
944 + }
945 + });
946 +
947 + // Warning families: explicit safety override.
948 + Array.from(
949 + root.querySelectorAll(
950 + ".arsn-warn,.dmp-warn,.ido-warn,.pp-warn,"+
951 + ".warn,.warning,.warningmessage,.errormessage"
952 + )
953 + ).forEach(function(el){
954 + if(!visible(el))return;
955 +
956 + el.style.setProperty(
957 + "border-left",
958 + "4px solid #e94b13",
959 + "important"
960 + );
961 + });
962 +
963 + // Info families: explicit orientation override.
964 + Array.from(
965 + root.querySelectorAll(
966 + ".arsn-info,.dmp-info,.ido-info,.pp-info,.infomessage"
967 + )
968 + ).forEach(function(el){
969 + if(!visible(el))return;
970 +
971 + el.style.setProperty(
972 + "border-left",
973 + "4px solid #21b6d7",
974 + "important"
975 + );
976 + });
977 + }
978 +
979 + /* =======================================================
980 + OVERVIEW SEMANTIC THEME PALETTE
981 + ======================================================= */
982 +
983 + function smallestThemeHeaders(){
984 + return Array.from(
985 + root.querySelectorAll(
986 + "div,span,p,strong,h3,h4,h5,h6"
987 + )
988 + ).filter(function(el){
989 + if(!visible(el))return false;
990 + if(!themeFor(el.textContent))return false;
991 +
992 + return !Array.from(
993 + el.children||[]
994 + ).some(function(child){
995 + return !!themeFor(
996 + child.textContent
997 + );
998 + });
999 + });
1000 + }
1001 +
1002 + function findOverviewCard(header){
1003 + var node=header.parentElement;
1004 + var candidates=[];
1005 +
1006 + while(node&&node!==root){
1007 + var rect=node.getBoundingClientRect();
1008 + var style=getComputedStyle(node);
1009 +
1010 + var border=
1011 + num(style.borderTopWidth)+
1012 + num(style.borderRightWidth)+
1013 + num(style.borderBottomWidth)+
1014 + num(style.borderLeftWidth);
1015 +
1016 + if(
1017 + rect.width>=220&&
1018 + rect.width<=800&&
1019 + rect.height>=120&&
1020 + border>=1
1021 + ){
1022 + candidates.push(node);
1023 + }
1024 +
1025 + node=node.parentElement;
1026 + }
1027 +
1028 + if(!candidates.length)return null;
1029 +
1030 + candidates.sort(function(a,b){
1031 + return (
1032 + b.getBoundingClientRect().height-
1033 + a.getBoundingClientRect().height
1034 + );
1035 + });
1036 +
1037 + return candidates[0];
1038 + }
1039 +
1040 + function rowCandidates(link,card){
1041 + var result=[];
1042 + var cardRect=
1043 + card.getBoundingClientRect();
1044 +
1045 + var node=link;
1046 +
1047 + while(node&&node!==card){
1048 + if(visible(node)){
1049 + var rect=
1050 + node.getBoundingClientRect();
1051 +
1052 + if(
1053 + rect.height<=105&&
1054 + rect.width>=
1055 + cardRect.width*.50&&
1056 + rect.width<=
1057 + cardRect.width*1.03
1058 + ){
1059 + result.push(node);
1060 + }
1061 + }
1062 +
1063 + node=node.parentElement;
1064 + }
1065 +
1066 + return result;
1067 + }
1068 +
1069 + function chooseOuterRow(
1070 + candidates,
1071 + link
1072 + ){
1073 + if(!candidates.length){
1074 + return link;
1075 + }
1076 +
1077 + var bordered=
1078 + candidates.filter(function(el){
1079 + return (
1080 + num(
1081 + getComputedStyle(el)
1082 + .borderLeftWidth
1083 + )>=1
1084 + );
1085 + });
1086 +
1087 + var pool=
1088 + bordered.length
1089 + ?bordered
1090 + :candidates;
1091 +
1092 + pool.sort(function(a,b){
1093 + var ar=
1094 + a.getBoundingClientRect();
1095 +
1096 + var br=
1097 + b.getBoundingClientRect();
1098 +
1099 + return (
1100 + ar.left-br.left||
1101 + br.width-ar.width
1102 + );
1103 + });
1104 +
1105 + return pool[0]||link;
1106 + }
1107 +
1108 + function applyOverviewPalette(){
1109 + if(PAGE_KIND!=="overview"){
1110 + return [];
1111 + }
1112 +
1113 + var headers=
1114 + smallestThemeHeaders()
1115 + .map(function(el){
1116 + return {
1117 + el:el,
1118 + theme:
1119 + themeFor(
1120 + el.textContent
1121 + ),
1122 + card:
1123 + findOverviewCard(
1124 + el
1125 + )
1126 + };
1127 + })
1128 + .filter(function(row){
1129 + return !!row.card;
1130 + });
1131 +
1132 + var unique=[];
1133 + var seenHeaders=new Set();
1134 +
1135 + headers.forEach(function(row){
1136 + var key=
1137 + row.theme.name+
1138 + "|"+
1139 + Math.round(
1140 + row.card
1141 + .getBoundingClientRect()
1142 + .left
1143 + )+
1144 + "|"+
1145 + Math.round(
1146 + row.el
1147 + .getBoundingClientRect()
1148 + .top
1149 + );
1150 +
1151 + if(!seenHeaders.has(key)){
1152 + seenHeaders.add(key);
1153 + unique.push(row);
1154 + }
1155 + });
1156 +
1157 + unique.forEach(function(row){
1158 + var headerRect=
1159 + row.el
1160 + .getBoundingClientRect();
1161 +
1162 + row.el.style.setProperty(
1163 + "background",
1164 + row.theme.bg,
1165 + "important"
1166 + );
1167 +
1168 + row.el.style.setProperty(
1169 + "color",
1170 + row.theme.text,
1171 + "important"
1172 + );
1173 +
1174 + row.el.style.setProperty(
1175 + "text-align",
1176 + "left",
1177 + "important"
1178 + );
1179 +
1180 + row.el.style.setProperty(
1181 + "word-spacing",
1182 + "normal",
1183 + "important"
1184 + );
1185 +
1186 + var later=
1187 + unique
1188 + .filter(function(other){
1189 + return (
1190 + other.card===row.card&&
1191 + other.el
1192 + .getBoundingClientRect()
1193 + .top>
1194 + headerRect.top+2
1195 + );
1196 + })
1197 + .sort(function(a,b){
1198 + return (
1199 + a.el
1200 + .getBoundingClientRect()
1201 + .top-
1202 + b.el
1203 + .getBoundingClientRect()
1204 + .top
1205 + );
1206 + });
1207 +
1208 + var stopTop=
1209 + later.length
1210 + ?later[0].el
1211 + .getBoundingClientRect()
1212 + .top
1213 + :Infinity;
1214 +
1215 + Array.from(
1216 + row.card.querySelectorAll("a")
1217 + ).forEach(function(link){
1218 + if(!visible(link))return;
1219 +
1220 + var rect=
1221 + link.getBoundingClientRect();
1222 +
1223 + if(
1224 + rect.top<=
1225 + headerRect.bottom-2||
1226 + rect.top>=
1227 + stopTop-2
1228 + ){
1229 + return;
1230 + }
1231 +
1232 + var candidates=
1233 + rowCandidates(
1234 + link,
1235 + row.card
1236 + );
1237 +
1238 + var target=
1239 + chooseOuterRow(
1240 + candidates,
1241 + link
1242 + );
1243 +
1244 + candidates.forEach(function(el){
1245 + el.style.setProperty(
1246 + "border-left",
1247 + "0 solid transparent",
1248 + "important"
1249 + );
1250 + });
1251 +
1252 + target.style.setProperty(
1253 + "border-left",
1254 + "3px solid "+
1255 + row.theme.accent,
1256 + "important"
1257 + );
1258 +
1259 + target.style.setProperty(
1260 + "box-sizing",
1261 + "border-box",
1262 + "important"
1263 + );
1264 + });
1265 + });
1266 +
1267 + return unique;
1268 + }
1269 +
1270 + /* =======================================================
1271 + OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW
1272 + ======================================================= */
1273 +
1274 + function alignOverviewCards(headers){
1275 + if(
1276 + PAGE_KIND!=="overview"||
1277 + window.innerWidth<=MOBILE_MAX
1278 + ){
1279 + return;
1280 + }
1281 +
1282 + var cards=[];
1283 + var seen=new Set();
1284 +
1285 + headers.forEach(function(row){
1286 + if(!seen.has(row.card)){
1287 + seen.add(row.card);
1288 + cards.push(row.card);
1289 + }
1290 + });
1291 +
1292 + if(cards.length<2){
1293 + return;
1294 + }
1295 +
1296 + // Group cards by actual top position.
1297 + var groups=[];
1298 +
1299 + cards.forEach(function(card){
1300 + var top=
1301 + card.getBoundingClientRect().top;
1302 +
1303 + var group=null;
1304 +
1305 + for(var i=0;i<groups.length;i++){
1306 + if(
1307 + Math.abs(
1308 + groups[i].top-top
1309 + )<=ROW_TOLERANCE
1310 + ){
1311 + group=groups[i];
1312 + break;
1313 + }
1314 + }
1315 +
1316 + if(!group){
1317 + group={
1318 + top:top,
1319 + cards:[]
1320 + };
1321 + groups.push(group);
1322 + }
1323 +
1324 + group.cards.push(card);
1325 + });
1326 +
1327 + groups.forEach(function(group){
1328 + if(group.cards.length<2){
1329 + return;
1330 + }
1331 +
1332 + var firstHeaders=
1333 + group.cards.map(function(card){
1334 + var candidates=
1335 + headers
1336 + .filter(function(row){
1337 + return row.card===card;
1338 + })
1339 + .sort(function(a,b){
1340 + return (
1341 + a.el
1342 + .getBoundingClientRect()
1343 + .top-
1344 + b.el
1345 + .getBoundingClientRect()
1346 + .top
1347 + );
1348 + });
1349 +
1350 + return candidates.length
1351 + ?candidates[0]
1352 + :null;
1353 + });
1354 +
1355 + if(
1356 + !firstHeaders.some(function(row){
1357 + return !row;
1358 + })
1359 + ){
1360 + var targetTop=
1361 + Math.max.apply(
1362 + Math,
1363 + firstHeaders.map(function(row){
1364 + return (
1365 + row.el
1366 + .getBoundingClientRect()
1367 + .top-
1368 + row.card
1369 + .getBoundingClientRect()
1370 + .top
1371 + );
1372 + })
1373 + );
1374 +
1375 + firstHeaders.forEach(function(row){
1376 + var relativeTop=
1377 + row.el
1378 + .getBoundingClientRect()
1379 + .top-
1380 + row.card
1381 + .getBoundingClientRect()
1382 + .top;
1383 +
1384 + var delta=
1385 + targetTop-relativeTop;
1386 +
1387 + if(delta>1){
1388 + saveStyle(
1389 + row.el,
1390 + originalMargin,
1391 + "margin-top"
1392 + );
1393 +
1394 + var current=
1395 + num(
1396 + getComputedStyle(
1397 + row.el
1398 + ).marginTop
1399 + );
1400 +
1401 + row.el.style.setProperty(
1402 + "margin-top",
1403 + (
1404 + current+delta
1405 + )+"px"
1406 + );
1407 +
1408 + row.el.setAttribute(
1409 + "data-sn-master-first-row",
1410 + "1"
1411 + );
1412 +
1413 + managedMargin.add(
1414 + row.el
1415 + );
1416 + }
1417 + });
1418 + }
1419 +
1420 + var maxHeight=0;
1421 +
1422 + group.cards.forEach(function(card){
1423 + maxHeight=
1424 + Math.max(
1425 + maxHeight,
1426 + card
1427 + .getBoundingClientRect()
1428 + .height
1429 + );
1430 + });
1431 +
1432 + maxHeight=
1433 + Math.ceil(maxHeight);
1434 +
1435 + group.cards.forEach(function(card){
1436 + saveStyle(
1437 + card,
1438 + originalHeight,
1439 + "min-height"
1440 + );
1441 +
1442 + card.style.setProperty(
1443 + "min-height",
1444 + maxHeight+"px"
1445 + );
1446 +
1447 + card.setAttribute(
1448 + "data-sn-master-equal-height",
1449 + "1"
1450 + );
1451 +
1452 + managedHeight.add(
1453 + card
1454 + );
1455 + });
1456 + });
1457 + }
1458 +
1459 + /* =======================================================
1460 + DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY
1461 + ======================================================= */
1462 +
1463 + function equaliseDetailGrids(){
1464 + if(
1465 + PAGE_KIND!=="detail"||
1466 + window.innerWidth<=MOBILE_MAX
1467 + ){
1468 + return;
1469 + }
1470 +
1471 + var selectors=[
1472 + ".arsn-grid",
1473 + ".arsn-grid-2",
1474 + ".arsn-grid-3",
1475 + ".dmp-grid",
1476 + ".ido-grid",
1477 + ".pp-grid"
1478 + ];
1479 +
1480 + selectors.forEach(function(selector){
1481 + Array.from(
1482 + root.querySelectorAll(selector)
1483 + ).forEach(function(grid){
1484 + var children=
1485 + Array.from(
1486 + grid.children||[]
1487 + ).filter(visible);
1488 +
1489 + if(children.length<2){
1490 + return;
1491 + }
1492 +
1493 + var groups=[];
1494 +
1495 + children.forEach(function(child){
1496 + var top=
1497 + child
1498 + .getBoundingClientRect()
1499 + .top;
1500 +
1501 + var group=null;
1502 +
1503 + for(var i=0;i<groups.length;i++){
1504 + if(
1505 + Math.abs(
1506 + groups[i].top-top
1507 + )<=ROW_TOLERANCE
1508 + ){
1509 + group=groups[i];
1510 + break;
1511 + }
1512 + }
1513 +
1514 + if(!group){
1515 + group={
1516 + top:top,
1517 + items:[]
1518 + };
1519 + groups.push(group);
1520 + }
1521 +
1522 + group.items.push(child);
1523 + });
1524 +
1525 + groups.forEach(function(group){
1526 + if(group.items.length<2){
1527 + return;
1528 + }
1529 +
1530 + var maxHeight=0;
1531 +
1532 + group.items.forEach(function(item){
1533 + maxHeight=
1534 + Math.max(
1535 + maxHeight,
1536 + item
1537 + .getBoundingClientRect()
1538 + .height
1539 + );
1540 + });
1541 +
1542 + maxHeight=
1543 + Math.ceil(maxHeight);
1544 +
1545 + group.items.forEach(function(item){
1546 + saveStyle(
1547 + item,
1548 + originalHeight,
1549 + "min-height"
1550 + );
1551 +
1552 + item.style.setProperty(
1553 + "min-height",
1554 + maxHeight+"px"
1555 + );
1556 +
1557 + item.setAttribute(
1558 + "data-sn-master-equal-height",
1559 + "1"
1560 + );
1561 +
1562 + managedHeight.add(item);
1563 + });
1564 + });
1565 + });
1566 + });
1567 + }
1568 +
1569 + /* =======================================================
1570 + RUN / RESPONSIVE SCHEDULING
1571 + ======================================================= */
1572 +
1573 + function run(){
1574 + if(running)return;
1575 +
1576 + running=true;
1577 +
1578 + try{
1579 + resetRuntime();
1580 + applyPlaceholderBadge();
1581 + propagateDetailAccents();
1582 +
1583 + var headers=
1584 + applyOverviewPalette();
1585 +
1586 + makeThreeLineAreaLabels();
1587 + makeFilledRedOrangeCTAsBorderless();
1588 +
1589 + if(
1590 + window.innerWidth>
1591 + MOBILE_MAX
1592 + ){
1593 + alignOverviewCards(
1594 + headers
1595 + );
1596 +
1597 + equaliseDetailGrids();
1598 + }
1599 + }finally{
1600 + running=false;
1601 + }
1602 + }
1603 +
1604 + function onResize(){
1605 + if(resizeTimer){
1606 + clearTimeout(
1607 + resizeTimer
1608 + );
1609 + }
1610 +
1611 + resizeTimer=
1612 + setTimeout(
1613 + function(){
1614 + resizeTimer=0;
1615 + run();
1616 + },
1617 + RESIZE_DEBOUNCE
1618 + );
1619 + }
1620 +
1621 + async function waitForReady(){
1622 + if(
1623 + document.readyState!=="complete"
1624 + ){
1625 + await new Promise(function(resolve){
1626 + window.addEventListener(
1627 + "load",
1628 + resolve,
1629 + {once:true}
1630 + );
1631 + });
1632 + }
1633 +
1634 + if(
1635 + document.fonts&&
1636 + document.fonts.ready
1637 + ){
1638 + try{
1639 + await document.fonts.ready;
1640 + }catch(error){}
1641 + }
1642 +
1643 + var images=
1644 + Array.from(
1645 + root.querySelectorAll("img")
1646 + );
1647 +
1648 + await Promise.all(
1649 + images.map(function(img){
1650 + if(img.complete){
1651 + return Promise.resolve();
1652 + }
1653 +
1654 + return new Promise(function(resolve){
1655 + var done=function(){
1656 + resolve();
1657 + };
1658 +
1659 + img.addEventListener(
1660 + "load",
1661 + done,
1662 + {once:true}
1663 + );
1664 +
1665 + img.addEventListener(
1666 + "error",
1667 + done,
1668 + {once:true}
1669 + );
1670 + });
1671 + })
1672 + );
1673 +
1674 + run();
1675 + }
1676 +
1677 + window.addEventListener(
1678 + "resize",
1679 + onResize,
1680 + {passive:true}
1681 + );
1682 +
1683 + waitForReady();
1684 +})();
1685 +</script>
1686 +
1687 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END -->
1688 +{{/html}}
1689 +