Zuletzt geändert von Veronika Kocher am Freitag, 04 Sep. 2026 14:45

Verstecke letzte Bearbeiter
Veronika Kocher 6.1 1 {{html clean="false"}}
2 <style>
3 .pp{max-width:1400px;margin:0 auto;color:#322f2b} .pp *{box-sizing:border-box}
4 .card{border:1px solid #e3ded6;border-radius:11px;background:#fcfbf8;box-shadow:0 1px 3px rgba(0,0,0,.035)}
5 .eye{font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
6 .hero{height:125px;overflow:hidden;background:#f1eee9} .hero img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}
7 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px}
8 .check{position:relative;padding:12px 13px 12px 37px;border:1px solid #e3ded6;border-radius:8px;background:#fffdf9;color:#504a44;line-height:1.5}
9 .check:before{content:"✓";position:absolute;left:13px;top:10px;color:#e94b13;font-weight:800}
10 .info{padding:15px 17px;border:1px solid #c7e5ed;border-left:5px solid #21b6d7;background:#eaf6f9;border-radius:8px;color:#365e68}
11 .info strong{color:#2d5661} .warn{padding:15px 17px;border:1px solid #efd9cc;border-left:5px solid #e94b13;background:#fff6f1;border-radius:8px;color:#67564e} .warn strong{color:#744531}
12 .sec{margin:0 0 28px 0} .sec h3{font-size:22px;margin:0 0 6px;color:#35312d} .sec>p{color:#6a655e;line-height:1.55}
13 .role{padding:15px 16px;border:1px solid #e3ded6;border-top:4px solid #e94b13;border-radius:9px;background:#fcfbf8} .role h4{font-size:17px;margin:0 0 6px;color:#35312d} .role p{margin:0;color:#625d56;line-height:1.5}
14 .detail{margin:8px 0;border:1px solid #e3ded6;border-radius:8px;background:#fcfbf8;overflow:hidden} .detail summary{cursor:pointer;padding:12px 14px;font-weight:700;color:#403b36;background:#f3efe8} .detail[open] summary{border-bottom:1px solid #e3ded6} .detail .body{padding:14px 16px;color:#514c46;line-height:1.55}
Veronika Kocher 8.1 15 .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}.chip:hover,.chip:focus{background:#fff7f1;border-color:#e7c8b8;color:#6f3f2e;text-decoration:none}
Veronika Kocher 6.1 16 .tbl{width:100%;border-collapse:collapse;background:#fffdf9} .tbl th,.tbl td{border:1px solid #e3ded6;padding:10px 11px;vertical-align:top;text-align:left} .tbl th{background:#f3efe8;color:#403b36}
17 .linkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px} .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} .navlink:hover{background:#fff7f1;text-decoration:none}
18 </style>
Veronika Kocher 2.1 19
Veronika Kocher 9.1 20 <style>
21 .research-example-grid{
22 display:grid;
23 grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
24 gap:14px;
25 margin-top:12px;
26 }
27 .research-example{
28 padding:16px 17px;
29 border:1px solid #e3ded6;
30 border-radius:9px;
31 background:#fcfbf8;
32 box-shadow:0 1px 3px rgba(0,0,0,.03);
33 }
34 .research-example h4{
35 font-size:18px;
36 margin:0 0 7px 0;
37 color:#35312d;
38 }
39 .research-example p{
40 margin:0 0 10px 0;
41 color:#625d56;
42 line-height:1.5;
43 }
44 .research-example a{
45 display:inline-block;
46 font-weight:700;
47 text-decoration:none;
48 }
49 .research-example a:hover,
50 .research-example a:focus{
51 text-decoration:underline;
52 }
53 </style>
54
Veronika Kocher 6.1 55 <div class="pp">
Veronika Kocher 2.1 56
Veronika Kocher 6.1 57 <section class="card" style="margin-bottom:18px;overflow:hidden;border-left:6px solid #e94b13;">
Veronika Kocher 9.10 58 <div class="hero"><img src="https://xwiki.uni-ak.ac.at/bin/download/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/WebHome/enable.png" alt="Planung und Organisation eines künstlerischen oder Forschungsprojekts"></div>
Veronika Kocher 6.1 59 <div style="padding:18px 21px 20px">
Veronika Kocher 9.10 60 <div class="eye" style="color:#8a4d36;margin-bottom:5px">VORBEREITEN · PROJEKTPLANUNG &amp; ORGANISATION</div>
61 <h2 style="font-size:27px;line-height:1.2;margin:0 0 8px;color:#2c2926">Plane ein Projekt, das institutionell verankert, finanziert, personell ausgestattet und umgesetzt werden kann</h2>
62 <p style="margin:0;color:#5e5953;line-height:1.6;max-width:1120px">Projektplanung an der Angewandten besteht nicht nur aus Zeitplan und Budget. Ein umsetzbares Projekt braucht eine klare künstlerische oder wissenschaftliche Verankerung, eindeutige Verantwortlichkeiten, einen passenden Förder- und Administrationsweg und die frühzeitige Abstimmung mit jenen Universitätsstrukturen, die durch dein Projekt relevant werden.</p>
Veronika Kocher 6.1 63 </div></section>
Veronika Kocher 2.1 64
Veronika Kocher 9.10 65 <div class="info" style="margin-bottom:20px"><strong>Kontaktiere nicht alle Stellen gleichzeitig.</strong> Beginne mit deiner <strong>akademischen oder künstlerischen Verankerung</strong> und bei geförderten oder projektbasierten Kunst- oder Forschungsvorhaben mit <strong>Support Kunst und Forschung</strong>. Beziehe weitere Stellen erst dann ein, wenn ein konkreter Projektauslöser sie relevant macht: Personal, Finanzen, Verträge, IT, Räume, Veranstaltungen, Daten, Studierende, Barrierefreiheit, internationale Partner:innen usw.</div>
Veronika Kocher 2.1 66
Veronika Kocher 9.10 67 <div class="warn" style="margin-bottom:28px"><strong>Organisationsstrukturen können sich ändern.</strong> Diese Seite orientiert sich an der Organisationsstruktur 2026 und verlinkt auf aktuelle Universitätsseiten. Für Freigaben, Unterschriften, interne Fristen und verbindliche Verfahren kläre den jeweils aktuellen Weg mit der zuständigen Stelle.</div>
Veronika Kocher 2.1 68
Veronika Kocher 6.1 69 <section class="sec">
Veronika Kocher 9.10 70 <div class="eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 1 · PROJEKT-GOVERNANCE</div>
71 <h3>Definiere die interne Projektstruktur vor dem detaillierten Arbeitsplan</h3>
72 <p>Halte Namen fest, nicht nur Funktionen. In einem kleinen Projekt kann eine Person mehrere Rollen übernehmen; die jeweilige Verantwortung sollte trotzdem ausdrücklich benannt sein.</p>
Veronika Kocher 6.1 73 <div class="grid">
Veronika Kocher 9.10 74 <div class="role"><h4>Projektleitung / Leitung künstlerischer Forschung</h4><p>Verantwortet Konzept, Umfang, zentrale Entscheidungen, Qualität und externe Zusagen.</p></div>
75 <div class="role"><h4>Institutionelle / akademische Verankerung</h4><p>Das Institut, die Abteilung, besondere Universitätseinrichtung oder Organisationseinheit, in der das Projekt verankert ist.</p></div>
76 <div class="role"><h4>Projektadministration</h4><p>Koordiniert Antragsunterlagen, Fristen, Kommunikation mit Förderstellen, Verträge, Nachweise und interne Abläufe.</p></div>
77 <div class="role"><h4>Budgetverantwortung</h4><p>Führt das Arbeitsbudget, behält Förderbedingungen und Freigaben im Blick und dokumentiert Kosten sowie wesentliche Änderungen.</p></div>
78 <div class="role"><h4>Personal- / Teamverantwortung</h4><p>Klärt Personaleinsatz, Rekrutierung, Arbeitsbelastung, Verträge, Einarbeitung, externe Mitwirkende und Zusammenarbeit.</p></div>
79 <div class="role"><h4>Daten- / Dokumentationsverantwortung</h4><p>Koordiniert Dateien, Speicherung, Backup, Zugriffe, Metadaten, Einwilligungen, Dokumentation und Übergabe.</p></div>
80 <div class="role"><h4>Infrastruktur- / Produktionsverantwortung</h4><p>Koordiniert Räume, Werkstätten, Ausstattung, IT, Beschaffung, Logistik, Sicherheit und technische Abhängigkeiten.</p></div>
81 <div class="role"><h4>Kommunikations- / Verbreitungsverantwortung</h4><p>Plant öffentliche Kommunikation, Publikation, Veranstaltungen, Dokumentation, Credits, Sichtbarkeit und Zielgruppen.</p></div>
82 <div class="role"><h4>Partner:innenkontakt</h4><p>Koordiniert externe Institutionen, vereinbarte Ergebnisse, Budgetabstimmungen und Vereinbarungen.</p></div>
Veronika Kocher 6.1 83 </div>
84 </section>
Veronika Kocher 2.1 85
Veronika Kocher 6.1 86 <section class="sec">
Veronika Kocher 9.10 87 <div class="eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 2 · INTERNER WEG</div>
88 <h3>Nutze diese Reihenfolge, um dich durch die Angewandte zu orientieren</h3>
Veronika Kocher 6.1 89 <div class="grid">
Veronika Kocher 9.10 90 <div class="check"><strong>1 · Projekt verankern</strong><br>Klär das Institut, die Abteilung, besondere Universitätseinrichtung oder Organisationseinheit, die das Projekt trägt.</div>
91 <div class="check"><strong>2 · Förder- / Projektweg klären</strong><br>Beziehe bei Kunst-, Forschungs- und drittmittelfinanzierten Projekten Support Kunst und Forschung frühzeitig ein.</div>
92 <div class="check"><strong>3 · Fachstellen gezielt einbeziehen</strong><br>Finanzen, Personal, Recht, IT, Facility, Veranstaltungsmanagement, Kommunikation, International Office, Bibliothek, Studienangelegenheiten, DEI usw. nur dort einbeziehen, wo sie tatsächlich benötigt werden.</div>
93 <div class="check"><strong>4 · Institutionelle Freigaben bestätigen</strong><br>Klär interne Fristen, Budget-/Personalfreigaben, Zeichnungsberechtigung, Verträge und den externen Einreichweg.</div>
94 <div class="check"><strong>5 · Einreichstand festhalten</strong><br>Speichere die finale Ausschreibung, das freigegebene Budget, den Arbeitsplan, die Rollen und die eingereichten Unterlagen.</div>
95 <div class="check"><strong>6 · Änderungssteuerung planen</strong><br>Lege fest, wer Änderungen an Umfang, Personal, Budget, Partner:innen, Zeitplan oder öffentlichen Outputs genehmigen muss.</div>
Veronika Kocher 6.1 96 </div>
97 </section>
Veronika Kocher 2.1 98
Veronika Kocher 6.1 99 <section class="sec">
Veronika Kocher 9.10 100 <div class="eye" style="color:#8a4d36;margin-bottom:4px">BEISPIELE · WIE FORSCHUNG AN DER ANGEWANDTEN VERANKERT IST</div>
101 <h3>Nutze bestehende Projekte, um mögliche Forschungsprofile und institutionelle Verankerungen zu verstehen</h3>
Veronika Kocher 9.1 102 <p>
Veronika Kocher 9.10 103 Die Angewandte präsentiert Forschungsprojekte aus mehreren Forschungsschwerpunkten und Perspektiven.
104 Diese Seiten helfen dir zu verstehen, wie ein Projekt wie deines gerahmt sein könnte,
105 wo vergleichbare Projekte an der Universität angesiedelt sind, welche Förderprogramme genutzt wurden
106 und welche Institute oder Forschungsumgebungen ähnliche Vorhaben getragen haben.
Veronika Kocher 9.1 107 </p>
108
109 <div class="research-example-grid">
110
111 <div class="research-example" style="border-top:4px solid #e94b13;">
Veronika Kocher 9.10 112 <div class="eye" style="font-size:11px;color:#8a4d36;margin-bottom:5px;">KÜNSTLERISCHE FORSCHUNG</div>
Veronika Kocher 9.1 113 <h4>Fokus Künstlerische Forschung</h4>
114 <p>
Veronika Kocher 9.10 115 Beispiele für künstlerische und arts-based Forschungsprojekte an der Angewandten, darunter viele Projekte,
116 die über FWF PEEK und verwandte Programme gefördert wurden. Nutze diese Seite, um zu sehen, wie künstlerische Praxis,
117 Forschungsfragen, Projektleitung und institutionelle Zugehörigkeit in geförderten Projekten zusammenwirken.
Veronika Kocher 9.1 118 </p>
119 <a href="https://dieangewandte.at/kunst_und_forschung/projekte_fokus_forschung/kuenstlerische_forschung"
120 target="_blank" rel="noopener">
Veronika Kocher 9.10 121 Projekte der künstlerischen Forschung ansehen ↗
Veronika Kocher 9.1 122 </a>
123 </div>
124
125 <div class="research-example" style="border-top:4px solid #21b6d7;">
Veronika Kocher 9.10 126 <div class="eye" style="font-size:11px;color:#3f6871;margin-bottom:5px;">WISSENSCHAFTLICHE FORSCHUNG</div>
Veronika Kocher 9.1 127 <h4>Fokus Wissenschaftliche Forschung</h4>
128 <p>
Veronika Kocher 9.10 129 Beispiele wissenschaftlicher Forschung aus den Instituten und Feldern der Universität, darunter FWF-geförderte
130 Grundlagenforschung, ESPRIT-Projekte und weitere extern finanzierte Forschung. Nutze diese Seite, um Projekttypen,
131 institutionelle Verankerungen, Förderprogramme und disziplinäre oder interdisziplinäre Forschungskontexte zu vergleichen.
Veronika Kocher 9.1 132 </p>
133 <a href="https://dieangewandte.at/kunst_und_forschung/projekte_fokus_forschung/wissenschaftliche_forschung"
134 target="_blank" rel="noopener">
Veronika Kocher 9.10 135 Wissenschaftliche Forschungsprojekte ansehen ↗
Veronika Kocher 9.1 136 </a>
137 </div>
138
139 <div class="research-example" style="border-top:4px solid #38b76a;">
Veronika Kocher 9.10 140 <div class="eye" style="font-size:11px;color:#4a6c53;margin-bottom:5px;">RELATIONALE / BEREICHSÜBERGREIFENDE FORSCHUNG</div>
Veronika Kocher 9.1 141 <h4>Fokus Relationale Forschung</h4>
142 <p>
Veronika Kocher 9.10 143 Beispiele für Projekte, die über spezifische Ausschreibungen, thematische Beziehungen und bereichsübergreifende Forschungsrahmen
144 organisiert sind, darunter INTRA, digitale und soziale Transformation sowie Forschungsinfrastruktur-Initiativen.
145 Nutze diese Seite, wenn dein Projekt Disziplinen, Infrastrukturen, Institutionen oder thematische Programme verbindet.
Veronika Kocher 9.1 146 </p>
147 <a href="https://dieangewandte.at/kunst_und_forschung/projekte_fokus_forschung/fokus_relationale_forschung"
148 target="_blank" rel="noopener">
Veronika Kocher 9.10 149 Projekte der relationalen Forschung ansehen ↗
Veronika Kocher 9.1 150 </a>
151 </div>
152
153 </div>
154
155 <div class="info" style="margin-top:14px;">
Veronika Kocher 9.10 156 <strong>So nutzt du diese Beispiele:</strong>
157 Übernimm die Struktur eines Projekts nicht einfach deshalb, weil das Thema ähnlich klingt.
158 Vergleiche <strong>Projekttyp, tragende Einheit, Förderprogramm, Projektleitung, Partner:innen, Laufzeit und Outputs</strong>.
159 Diese Elemente helfen dir einzuschätzen, ob ein bestehendes Projekt eine sinnvolle Planungsreferenz für dein eigenes Vorhaben ist.
Veronika Kocher 9.1 160 </div>
161 </section>
162
163 <section class="sec">
Veronika Kocher 9.10 164 <div class="eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 3 · WEN SOLL ICH EINBEZIEHEN?</div>
165 <h3>Projektrelevante Strukturen der Angewandten</h3>
166 <p>Nicht jedes Projekt braucht jede Stelle. Nutze die folgenden Auslöser als Orientierung.</p>
Veronika Kocher 6.1 167 <details class="detail" open>
Veronika Kocher 9.10 168 <summary>A · Dein Institut, deine Abteilung, Werkstatt oder besondere Universitätseinrichtung — die Projektverankerung</summary>
Veronika Kocher 6.1 169 <div class="body">
Veronika Kocher 9.10 170 <p><strong>Frühzeitig einbeziehen, wenn:</strong> das Projekt den Namen der Einheit, Personalzeit, Räume, Werkstätten, Ausstattung, Lehre, Budget, Infrastruktur oder institutionelle Zusagen nutzt.</p>
171 <p><strong>Aktuelle Institute:</strong></p>
172 <div><a class="chip" href="https://www.dieangewandte.at/en/institutes/architecture/institute_of_architecture" target="_blank" rel="noopener" title="Institut für Architektur auf dieAngewandte öffnen">Institut für Architektur</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/fine_arts_and_media_art" target="_blank" rel="noopener" title="Institut für Bildende und Mediale Kunst auf dieAngewandte öffnen">Institut für Bildende und Mediale Kunst</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/design" target="_blank" rel="noopener" title="Institut für Design auf dieAngewandte öffnen">Institut für Design</a><a class="chip" href="https://www.dieangewandte.at/en/ikr_institut" target="_blank" rel="noopener" title="Institut für Konservierung und Restaurierung auf dieAngewandte öffnen">Institut für Konservierung und Restaurierung</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/arts_and_society/institute_of_arts_and_society" target="_blank" rel="noopener" title="Institut für Kunst und Gesellschaft auf dieAngewandte öffnen">Institut für Kunst und Gesellschaft</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/art_and_technology" target="_blank" rel="noopener" title="Institut für Kunst und Technologie auf dieAngewandte öffnen">Institut für Kunst und Technologie</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/studies_in_art_and_art_education" target="_blank" rel="noopener" title="Institut für Kunstwissenschaften, Kunstpädagogik und Kunstvermittlung auf dieAngewandte öffnen">Institut für Kunstwissenschaften, Kunstpädagogik und Kunstvermittlung</a><a class="chip" href="https://www.dieangewandte.at/languagearts" target="_blank" rel="noopener" title="Institut für Sprachkunst auf dieAngewandte öffnen">Institut für Sprachkunst</a></div>
173 <p style="margin-top:12px;"><strong>Besondere Universitätseinrichtungen, die als Projektverankerung, Partner:innen, Infrastruktur oder Forschungsressource relevant werden können:</strong></p>
174 <div><a class="chip" href="https://www.dieangewandte.at/en/university/organisation/special_university_facilities/angewandte_interdisciplinary_laboratory" target="_blank" rel="noopener" title="Angewandte Interdisciplinary Lab auf dieAngewandte öffnen">Angewandte Interdisciplinary Lab</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/angewandte_performance_laboratory_apl" target="_blank" rel="noopener" title="Angewandte Performance Lab auf dieAngewandte öffnen">Angewandte Performance Lab</a><a class="chip" href="https://www.dieangewandte.at/art_science_school_transformation" target="_blank" rel="noopener" title="Art x Science School for Transformation auf dieAngewandte öffnen">Art x Science School for Transformation</a><a class="chip" href="https://www.dieangewandte.at/doctoral_centre" target="_blank" rel="noopener" title="Doktoratszentrum auf dieAngewandte öffnen">Doktoratszentrum</a><a class="chip" href="https://www.dieangewandte.at/universitaet/organisation/rektorat/vizerektorin_studium_lehre_diversitaet/diversitaet_und_gleichstellung" target="_blank" rel="noopener" title="Diversität, Gleichstellung & Inklusion auf dieAngewandte öffnen">Diversität, Gleichstellung & Inklusion</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/collection_and_archive" target="_blank" rel="noopener" title="Kunstsammlung und Archiv auf dieAngewandte öffnen">Kunstsammlung und Archiv</a><a class="chip" href="https://www.dieangewandte.at/en/university/university_gallery" target="_blank" rel="noopener" title="Universitätsgalerie auf dieAngewandte öffnen">Universitätsgalerie</a><a class="chip" href="https://www.dieangewandte.at/institute/peterweibel" target="_blank" rel="noopener" title="Weibel Institute for Digital Cultures auf dieAngewandte öffnen">Weibel Institute for Digital Cultures</a></div>
175 <p style="margin-top:12px;"><a href="https://www.dieangewandte.at/universitaet/organisation" target="_blank" rel="noopener">Aktuelle Universitätsorganisation</a></p>
Veronika Kocher 6.1 176 </div>
177 </details><details class="detail" open>
Veronika Kocher 9.10 178 <summary>B · Support Kunst und Forschung — Projekt- und Förderkoordination</summary>
Veronika Kocher 6.1 179 <div class="body">
Veronika Kocher 9.10 180 <p><strong>Nutzen, wenn:</strong> du künstlerische, wissenschaftliche oder arts-based Forschungsprojekte entwickelst, Förderungen suchst, externe Anträge vorbereitest oder drittmittelfinanzierte Projekte koordinierst.</p>
Veronika Kocher 6.1 181 <ul>
Veronika Kocher 9.10 182 <li>Konzeptentwicklung und Feedback</li>
183 <li>Förderlandschaft und Passung zur Ausschreibung</li>
184 <li>administrative und finanzielle Mitentwicklung des Projekts</li>
185 <li>Koordination geförderter Projekte und Partner:innen</li>
186 <li>Unterstützung bei FWF, FFG, EU-Programmen, Stadt Wien und weiteren Förderstellen</li>
Veronika Kocher 6.1 187 </ul>
188 <p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/support_kunst_und_forschung" target="_blank" rel="noopener">Support Kunst und Forschung</a> · <a href="mailto:support_kf@uni-ak.ac.at">support_kf@uni-ak.ac.at</a></p>
189 </div>
190 </details><details class="detail">
Veronika Kocher 9.10 191 <summary>C · Rektorat — Strategie, institutionelle Zusagen und Verantwortung auf Universitätsebene</summary>
Veronika Kocher 6.1 192 <div class="body">
Veronika Kocher 9.10 193 <p>Die meisten Projekte beginnen <strong>nicht</strong> mit einer direkten Kontaktaufnahme zum Rektorat. Relevant wird es, wenn ein Projekt Entscheidungen auf Universitätsebene, institutionelle Zusagen, Strategie, Ressourcen, Partnerschaften oder Zeichnungsberechtigung erfordert. Kläre Fragen nach Möglichkeit über deine tragende Einheit und die zuständige Service-Stelle.</p>
Veronika Kocher 6.1 194 <ul>
Veronika Kocher 9.10 195 <li><strong>Rektor:in:</strong> Gesamtstrategie, Budget-/Personalzuteilung an Organisationseinheiten, institutionelle Vertretung, internationale Universitätspartnerschaften, Arbeits-/Dienstverträge und Vollmachten.</li>
196 <li><strong>Vizerektor:in für Wissenschaft, Forschung & Digitalität:</strong> Forschungsstrategie, Unterstützung künstlerischer/wissenschaftlicher Forschung, digitale Entwicklung, IT & Digitalisierung, Support Kunst und Forschung, Universitätsbibliothek und Doktoratszulassungen.</li>
197 <li><strong>Vizerektor:in für Finanzen & Infrastruktur:</strong> Finanzmanagement, Drittmittelverwaltung, Ressourcen, Beschaffung/Infrastruktur, Liegenschaften, Facility Management und Veranstaltungsmanagement.</li>
198 <li><strong>Vizerektor:in für Kunst, Lehre & Studium:</strong> Studien-/Prüfungsangelegenheiten, Lehre, Lehrqualität, curriculare Fragen und Lehrressourcen.</li>
199 <li><strong>Vizerektor:in für Kooperative Disziplinarität, Engagement & Innovation:</strong> internationale Beziehungen und Partnerschaften, Diversität/Gleichstellung/Inklusion, International Office, AIL und Art x Science School for Transformation.</li>
Veronika Kocher 6.1 200 </ul>
Veronika Kocher 9.10 201 <p><a href="https://www.dieangewandte.at/universitaet/organisation/rektorat" target="_blank" rel="noopener">Aktuelles Rektorat und Ressorts</a></p>
Veronika Kocher 6.1 202 </div>
203 </details><details class="detail">
Veronika Kocher 9.10 204 <summary>D · Finanzen — Budget, Buchhaltung, Controlling und Ressourcenplanung</summary>
Veronika Kocher 6.1 205 <div class="body">
Veronika Kocher 9.10 206 <p><strong>Nutzen, wenn:</strong> das Projekt ein Budget, Drittmittel, Rechnungen, Einnahmen, Kostenplanung, Kofinanzierung, Finanzberichte oder institutionelle Ressourcen umfasst.</p>
Veronika Kocher 6.1 207 <ul>
Veronika Kocher 9.10 208 <li><strong>Controlling:</strong> Budgetplanung, Monitoring, Steuerungsdaten, Finanzpläne und Berichtsschnittstellen.</li>
209 <li><strong>Finanzbuchhaltung:</strong> universitäre Zahlungen, Kreditor:innen/Debitor:innen, Dienstverträge/Gastlehre, Buchhaltung, Anlagen, Umsatzsteuer-/Steuerinformationen und Jahresabschlüsse.</li>
210 <li><strong>Ressourcenplanung:</strong> kläre die aktuellen Zuständigkeiten für institutionelle Ressourcenplanung und den Budgetweg des Projekts.</li>
Veronika Kocher 6.1 211 </ul>
Veronika Kocher 9.10 212 <p><a href="https://dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/finanzen" target="_blank" rel="noopener">Finanzen</a> ·
Veronika Kocher 6.1 213 <a href="https://dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/finanzen/controlling" target="_blank" rel="noopener">Controlling</a> ·
Veronika Kocher 9.10 214 <a href="https://dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/finanzen/finanzbuchhaltung" target="_blank" rel="noopener">Finanzbuchhaltung</a></p>
Veronika Kocher 6.1 215 </div>
216 </details><details class="detail">
Veronika Kocher 9.10 217 <summary>E · Personal — Besetzung, Verträge, Arbeitsbelastung, Einarbeitung und Teamentwicklung</summary>
Veronika Kocher 6.1 218 <div class="body">
Veronika Kocher 9.10 219 <p><strong>Nutzen, wenn:</strong> das Projekt Beschäftigung schafft oder verändert, Projektpersonal rekrutiert, bestehende Personalzeit nutzt, Einarbeitung erfordert oder Unterstützung bei der Zusammenarbeit im Team braucht.</p>
Veronika Kocher 6.1 220 <ul>
Veronika Kocher 9.10 221 <li><strong>Personalmanagement:</strong> Beschäftigungs- und Personaladministration; kläre den aktuellen Weg für Projektpersonal und Vertragsarten.</li>
222 <li><strong>Personalentwicklung:</strong> Einarbeitung, Teamcoaching, Organisationsentwicklung, Konfliktunterstützung/Mediation, Führungskräftecoaching und Personalentwicklung.</li>
223 <li>Klär personelle Vorlaufzeiten, bevor du in einem Antrag Starttermine zusagst.</li>
224 <li>Gehe nicht davon aus, dass eine externe Budgetposition automatisch einen Beschäftigungsweg schafft.</li>
Veronika Kocher 6.1 225 </ul>
Veronika Kocher 9.10 226 <p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/personal_finanzen_recht" target="_blank" rel="noopener">Personal</a> ·
227 <a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/personalentwicklung" target="_blank" rel="noopener">Personalentwicklung</a></p>
Veronika Kocher 6.1 228 </div>
229 </details><details class="detail">
Veronika Kocher 9.10 230 <summary>F · Recht & Datenschutz — Verträge, Rechte, IP, personenbezogene Daten und rechtliche Risiken</summary>
Veronika Kocher 6.1 231 <div class="body">
Veronika Kocher 9.10 232 <p><strong>Nutzen, wenn:</strong> Vereinbarungen, externe Partner:innen, Lizenzen, Urheberrecht/IP, personenbezogene Daten, Vertraulichkeit, komplexe Bedingungen oder institutionelle rechtliche Verpflichtungen betroffen sind.</p>
Veronika Kocher 6.1 233 <ul>
Veronika Kocher 9.10 234 <li><strong>Rechtsabteilung:</strong> unterstützt Universitätsangehörige bei Rechtsfragen.</li>
235 <li><strong>Datenschutzbeauftragte:r:</strong> einbeziehen, wenn Verarbeitung personenbezogener Daten, Datenaustausch, Auftragsverarbeiter:innen/Plattformen oder andere Datenschutzfragen eine fachliche Prüfung erfordern.</li>
236 <li>Plane die rechtliche Prüfung vor der Einreichfrist ein, wenn Förder- oder Partnerverträge Teil der Einreichung sind.</li>
Veronika Kocher 6.1 237 </ul>
Veronika Kocher 9.10 238 <p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/recht" target="_blank" rel="noopener">Recht</a> · <a href="mailto:rechtsabteilung@uni-ak.ac.at">rechtsabteilung@uni-ak.ac.at</a></p>
Veronika Kocher 6.1 239 </div>
240 </details><details class="detail">
Veronika Kocher 9.10 241 <summary>G · IT & Digitalisierung — Systeme, digitale Services, Infrastruktur und IT-Projekte</summary>
Veronika Kocher 6.1 242 <div class="body">
Veronika Kocher 9.10 243 <p><strong>Nutzen, wenn:</strong> das Projekt Accounts, Universitäts-IT, Server/Speicher, Netzwerke, spezialisierte digitale Systeme, Integrationen, neue Software/Services oder einen digitalen institutionellen Prozess benötigt.</p>
Veronika Kocher 6.1 244 <ul>
245 <li><strong>Base</strong></li>
Veronika Kocher 9.10 246 <li><strong>ITD-Projektkoordination</strong></li>
247 <li><strong>Zentrale IT-Services (ZID):</strong> universitätsweite Informations- und Kommunikationsinfrastruktur, Service/Support, Netzwerke, Server und kunstuniversitätsspezifische IT-Systeme.</li>
Veronika Kocher 6.1 248 </ul>
Veronika Kocher 9.10 249 <p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/it_digitalisierung" target="_blank" rel="noopener">IT & Digitalisierung</a> · <a href="mailto:helpdesk@uni-ak.ac.at">helpdesk@uni-ak.ac.at</a></p>
Veronika Kocher 6.1 250 </div>
251 </details><details class="detail">
Veronika Kocher 9.10 252 <summary>H · Facility Management — Räume, Beschaffung, Material, Gebäudetechnik, Logistik und Sicherheit</summary>
Veronika Kocher 6.1 253 <div class="body">
Veronika Kocher 9.10 254 <p><strong>Nutzen, wenn:</strong> das Projekt Flächen, temporäre Räume, Ausstattung-/Materialbeschaffung, gebäudetechnische Anforderungen, Logistik, Lieferungen, Lagerung, Zugang oder Sicherheitskoordination benötigt.</p>
Veronika Kocher 6.1 255 <ul>
Veronika Kocher 9.10 256 <li><strong>Beschaffung & Materialmanagement:</strong> Beschaffungsberatung, Angebote, Einkauf, Bestellungen/Rechnungen, Anlagen/Inventar und Materialien.</li>
257 <li><strong>Gebäudetechnik & Sicherheit</strong></li>
258 <li><strong>Liegenschaften & Raumkoordination:</strong> Raum- und Liegenschaftskoordination, zentral buchbare Räume.</li>
259 <li><strong>Post & Logistik</strong></li>
260 <li><strong>Service & Betrieb</strong></li>
Veronika Kocher 6.1 261 </ul>
262 <p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/facility_management" target="_blank" rel="noopener">Facility Management</a> ·
Veronika Kocher 9.10 263 <a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/facility_management/logistik__beschaffung" target="_blank" rel="noopener">Beschaffung & Materialmanagement</a> ·
264 <a href="https://www.dieangewandte.at/liegenschaften_und_raumkoordination" target="_blank" rel="noopener">Liegenschaften & Raumkoordination</a></p>
Veronika Kocher 6.1 265 </div>
266 </details><details class="detail">
Veronika Kocher 9.10 267 <summary>I · Veranstaltungsmanagement — öffentliche Veranstaltungen, Veranstaltungsräume und Produktionskoordination</summary>
Veronika Kocher 6.1 268 <div class="body">
Veronika Kocher 9.10 269 <p><strong>Nutzen, wenn:</strong> das Projekt ein Symposium, Screening, eine Performance, öffentliche Präsentation, Konferenz, größere Ausstellungsveranstaltung umfasst oder zentral verwaltete Veranstaltungsräume/-services benötigt.</p>
Veronika Kocher 6.1 270 <ul>
Veronika Kocher 9.10 271 <li>unterstützt Mitarbeiter:innen bei Planung und Umsetzung universitärer Veranstaltungen</li>
272 <li>unterstützt bei Ideen- und Raumsuche, Vorbereitung, Durchführung und Nachbereitung</li>
273 <li>stimme dich bei Raum-, Gebäude- und technischen Abhängigkeiten frühzeitig mit dem Facility Management ab</li>
274 <li>stimme öffentliche Kommunikation mit Presse & Kommunikation ab</li>
Veronika Kocher 6.1 275 </ul>
Veronika Kocher 9.10 276 <p><a href="https://dieangewandte.at/veranstaltungsmanagement" target="_blank" rel="noopener">Veranstaltungsmanagement</a> · <a href="mailto:veranstaltungen@uni-ak.ac.at">veranstaltungen@uni-ak.ac.at</a></p>
Veronika Kocher 6.1 277 </div>
278 </details><details class="detail">
Veronika Kocher 9.10 279 <summary>J · Presse & Kommunikation — öffentliche Sichtbarkeit, Medien, Publikationen, Web und Kooperationen</summary>
Veronika Kocher 6.1 280 <div class="body">
Veronika Kocher 9.10 281 <p><strong>Nutzen, wenn:</strong> das Projekt die Universität öffentlich repräsentiert oder Presse-/Medienarbeit, Web-/Social-Kommunikation, Marketing, institutionelle Publikationen, grafische/CI-Unterstützung oder öffentliche Kooperationskommunikation benötigt.</p>
Veronika Kocher 6.1 282 <ul>
Veronika Kocher 9.10 283 <li>Presse</li><li>Publikationen / Edition Angewandte</li><li>Kooperationen</li><li>Marketing</li>
284 <li>Website / Social Media / Newsletter</li><li>institutionelle visuelle Identität / CI-Aspekte</li>
Veronika Kocher 6.1 285 </ul>
Veronika Kocher 9.10 286 <p><a href="https://www.dieangewandte.at/presse_kommunikation" target="_blank" rel="noopener">Presse & Kommunikation</a></p>
Veronika Kocher 6.1 287 </div>
288 </details><details class="detail">
Veronika Kocher 9.10 289 <summary>K · International Office — Mobilität und internationaler Projektkontext</summary>
Veronika Kocher 6.1 290 <div class="body">
Veronika Kocher 9.10 291 <p><strong>Nutzen, wenn:</strong> Personal-/Studierendenmobilität, Austauschwege, internationale Gäste oder Mobilitätsförderung Teil des Projekts sind.</p>
292 <p>Bei umfassenderen Universitätspartnerschaften und institutioneller internationaler Zusammenarbeit kann zusätzlich der zuständige Vizerektorats-/Rektoratsweg relevant werden.</p>
293 <p><a href="https://www.dieangewandte.at/studium/auslandsaufenthalte/personalmobilitaet" target="_blank" rel="noopener">International Office · Personalmobilität</a> · <a href="mailto:international.office@uni-ak.ac.at">international.office@uni-ak.ac.at</a></p>
Veronika Kocher 6.1 294 </div>
295 </details><details class="detail">
Veronika Kocher 9.10 296 <summary>L · Universitätsbibliothek & Recherche-/Discovery-Strukturen</summary>
Veronika Kocher 6.1 297 <div class="body">
Veronika Kocher 9.10 298 <p><strong>Nutzen, wenn:</strong> das Projekt Literatur, lizenzierte Datenbanken, Forschungsrecherche, Publikations-/Repositoriumswege oder bibliothekarische Expertise benötigt.</p>
299 <p>Denke über die Bibliothek hinaus, wenn dein Projekt institutionelle Sammlungen, Archive oder spezialisierte Forschungsressourcen nutzt: Kunstsammlung und Archiv, Weibel Institute und andere besondere Universitätseinrichtungen können je nach Thema relevant sein.</p>
300 <p><a href="https://www.dieangewandte.at/universitaetsbibliothek" target="_blank" rel="noopener">Universitätsbibliothek</a></p>
Veronika Kocher 6.1 301 </div>
302 </details><details class="detail">
Veronika Kocher 9.10 303 <summary>M · Studium, Lehre, Curricula & Doktoratszentrum</summary>
Veronika Kocher 6.1 304 <div class="body">
Veronika Kocher 9.10 305 <p><strong>Nutzen, wenn:</strong> das Projekt Lehre, Lehrveranstaltungen, Curricula, Prüfungen, Studierende, Abschlussarbeiten oder Doktoratsstudien direkt betrifft.</p>
Veronika Kocher 6.1 306 <ul>
Veronika Kocher 9.10 307 <li><strong>Studienangelegenheiten:</strong> Studierendenadministration und studienrechtliche Prozesse von der Zulassung bis zum Abschluss.</li>
308 <li><strong>Vizerektor:in für Kunst, Lehre & Studium:</strong> Lehre, Studium/Prüfungen, Lehrqualität und Lehrressourcen.</li>
309 <li><strong>Doktoratszentrum:</strong> zentrale Anlaufstelle für Doktorand:innen; unterstützt Vernetzung und Projektanbahnung über Doktoratsprogramme hinweg.</li>
310 <li><strong>Qualitätskultur Lehre & Curriculumswerkstatt:</strong> bei relevanten Fragen zu Lehre, Curriculum oder Qualitätsentwicklung entsprechend dem aktuellen Aufgabenbereich einbeziehen.</li>
Veronika Kocher 6.1 311 </ul>
Veronika Kocher 9.10 312 <p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/studienangelegenheiten" target="_blank" rel="noopener">Studienangelegenheiten</a> ·
313 <a href="https://prod.dieangewandte.at/doktoratszentrum" target="_blank" rel="noopener">Doktoratszentrum</a></p>
Veronika Kocher 6.1 314 </div>
315 </details><details class="detail">
Veronika Kocher 9.10 316 <summary>N · Diversität, Gleichstellung, Inklusion & Barrierefreiheit</summary>
Veronika Kocher 6.1 317 <div class="body">
Veronika Kocher 9.10 318 <p><strong>Nutzen, wenn:</strong> Barrierefreiheit, Inklusion, Partizipationsgestaltung, Chancengleichheit, Diversität, Behinderung, strukturelle Barrieren oder inklusive Kommunikation in das Projekt eingeplant werden müssen.</p>
Veronika Kocher 6.1 319 <ul>
Veronika Kocher 9.10 320 <li>DEI bündelt Expertise zu Diversität, Gleichstellung/Inklusion und Barrierefreiheit.</li>
321 <li>Team Barrierefrei bietet praktische Informationen zur Barrierefreiheit und Kontakte für Mitarbeiter:innen/Studierende mit Behinderungen.</li>
322 <li>Plane Barrierefreiheit bei Veranstaltungen früh genug, damit Dolmetschung, technische Unterstützung, barrierefreie Räume oder andere Maßnahmen budgetiert werden können.</li>
Veronika Kocher 6.1 323 </ul>
Veronika Kocher 9.10 324 <p><a href="https://www.dieangewandte.at/universitaet/organisation/rektorat/vizerektorin_studium_lehre_diversitaet/diversitaet_und_gleichstellung" target="_blank" rel="noopener">Diversität, Gleichstellung & Inklusion</a> ·
325 <a href="https://www.dieangewandte.at/barrierefrei" target="_blank" rel="noopener">Barrierefreiheit an der Angewandten</a></p>
Veronika Kocher 6.1 326 </div>
327 </details><details class="detail">
Veronika Kocher 9.10 328 <summary>O · Universitätsentwicklung & Qualitätskultur</summary>
Veronika Kocher 6.1 329 <div class="body">
Veronika Kocher 9.10 330 <p><strong>Nutzen, wenn:</strong> das Projekt universitätsweit oder strategisch relevant ist, Organisations-/Qualitätsprozesse entwickelt, neue einheitenübergreifende Strukturen schafft oder eine Verbindung zu Universitätsentwicklung und Qualitätskultur benötigt.</p>
331 <p>Für die normale Projektumsetzung ist dies keine Standardstelle der Projektadministration. Beziehe sie ein, wenn der Projektzweck tatsächlich institutionelle Entwicklung oder Qualitätsprozesse betrifft.</p>
Veronika Kocher 6.1 332 <p><a href="mailto:uq@uni-ak.ac.at">uq@uni-ak.ac.at</a></p>
333 </div>
334 </details><details class="detail">
Veronika Kocher 9.10 335 <summary>P · Gleichbehandlung / Personal- / Studierendenvertretung — unabhängige Beratung und Vertretung</summary>
Veronika Kocher 6.1 336 <div class="body">
Veronika Kocher 9.10 337 <p>Diese Strukturen sind keine Projektmanagement-Stellen, können aber wesentlich sein, wenn ein Projekt Fragen zu Beschäftigung, Diskriminierung, Beteiligung oder Konflikten aufwirft.</p>
Veronika Kocher 6.1 338 <ul>
Veronika Kocher 9.10 339 <li><strong>Arbeitskreis für Gleichbehandlungsfragen (AKG):</strong> vertrauliche Anlaufstelle zu Gleichbehandlung, Diskriminierung und Belästigung.</li>
340 <li><strong>Betriebsräte:</strong> Vertretung des künstlerisch/wissenschaftlichen und allgemeinen Universitätspersonals in Beschäftigungsfragen.</li>
341 <li><strong>HUFAK / Hochschüler:innenschaft:</strong> Studierendenvertretung; relevant, wenn studentische Beteiligung und Interessen zentral sind.</li>
342 <li><strong>Schiedskommission:</strong> Teil der Governance-/Interessensvertretungsstruktur der Universität; keine reguläre Projektplanungsstelle.</li>
Veronika Kocher 6.1 343 </ul>
344 <p><a href="https://dieangewandte.at/gleichbehandlung" target="_blank" rel="noopener">AKG</a> ·
Veronika Kocher 9.10 345 <a href="https://www.dieangewandte.at/universitaet/organisation/interessensvertretung/betriebsrat_fuer_das_kuenstlerische_und_wissenschaftliche_personal" target="_blank" rel="noopener">Betriebsrat künstlerisches/wissenschaftliches Personal</a> ·
Veronika Kocher 6.1 346 <a href="https://www.dieangewandte.at/hufak" target="_blank" rel="noopener">HUFAK</a></p>
347 </div>
348 </details>
349 </section>
Veronika Kocher 2.1 350
Veronika Kocher 6.1 351 <section class="sec">
Veronika Kocher 9.10 352 <div class="eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 4 · AUSLÖSER-MATRIX</div>
353 <h3>Wenn dein Projekt Folgendes umfasst, beziehe diese Stellen frühzeitig ein</h3>
Veronika Kocher 6.1 354 <table class="tbl">
Veronika Kocher 9.10 355 <thead><tr><th>Projektauslöser</th><th>Beginne mit</th><th>Danach prüfen</th></tr></thead>
356 <tbody><tr><td>Externe Forschungs- / Arts-Based-Research-Förderung</td><td>Tragende Einheit + Support Kunst und Forschung</td><td>Finanzen, Personal, Recht, je nach Bedarf Rektoratsweg</td></tr><tr><td>Neues Personal / Projektbeschäftigung / veränderte Arbeitsbelastung</td><td>Tragende Einheit + Personal</td><td>Finanzen, Support Kunst und Forschung, Betriebsrat bei Beratungsbedarf zur Vertretung</td></tr><tr><td>Größere Beschaffung / Ausstattung / externe Dienstleistung</td><td>Beschaffung &amp; Materialmanagement</td><td>Finanzen, tragende Einheit, je nach Gegenstand IT oder Facility</td></tr><tr><td>Neue Software, Server, Datenbank, digitale Plattform oder Integration</td><td>IT &amp; Digitalisierung / ZID</td><td>Datenschutz, Recht, Beschaffung, Forschungsdatenplanung</td></tr><tr><td>Räume, Werkstatt, Ausstellungsbau, Eingriff in Gebäude</td><td>Tragende Einheit + Facility / Raumkoordination</td><td>Sicherheit, Beschaffung, Veranstaltungsmanagement, Barrierefreiheit</td></tr><tr><td>Öffentliche Veranstaltung / Symposium / Screening / Performance</td><td>Veranstaltungsmanagement</td><td>Facility, Presse &amp; Kommunikation, Rechte, Barrierefreiheit, Sicherheit</td></tr><tr><td>Externer Vertrag / Kooperationsvereinbarung / IP / Vertraulichkeit</td><td>Recht</td><td>Support Kunst und Forschung, Rektoratsweg, Finanzen, Datenschutz</td></tr><tr><td>Personenbezogene Daten / Teilnehmendendaten / Interviews / Aufzeichnungen</td><td>Datenschutz + Projektleitung</td><td>Ethik/Einwilligung, IT/Speicherung, Recht, Förderbedingungen</td></tr><tr><td>Publikation, Medienkampagne, Universitäts-Web/Social Media</td><td>Presse &amp; Kommunikation</td><td>Rechte/Lizenzierung, Support Kunst und Forschung, Repositorium/Bibliothek</td></tr><tr><td>Internationale Mobilität</td><td>International Office</td><td>Tragende Einheit, Support Kunst und Forschung, je nach Förderung Personal/Finanzen</td></tr><tr><td>Formale internationale Universitätspartnerschaft</td><td>Tragende Einheit + zuständiger Rektoratsweg</td><td>International Office, Recht, Support Kunst und Forschung</td></tr><tr><td>Lehre / Curriculum / studienrechtliche Komponente</td><td>Tragendes Institut / Abteilung</td><td>Vizerektorat Kunst/Lehre/Studium, Studienangelegenheiten, Qualitäts-/Curriculumsstrukturen</td></tr><tr><td>Doktoratsprojekt / Struktur für Doktorand:innen</td><td>Doktoratszentrum + relevantes Programm</td><td>Forschungs-Vizerektorat/Zulassungsweg, Support Kunst und Forschung</td></tr><tr><td>Anforderungen zu Barrierefreiheit / Inklusion / Behinderung</td><td>DEI / Team Barrierefrei</td><td>Facility, Veranstaltungsmanagement, Kommunikation, Personal oder Studienangelegenheiten</td></tr><tr><td>Diskriminierungs- / Gleichbehandlungs- / Belästigungsanliegen</td><td>AKG</td><td>Unabhängiger/vertraulicher Weg; weitere Stellen nur, wenn angemessen</td></tr></tbody>
Veronika Kocher 6.1 357 </table>
358 </section>
Veronika Kocher 2.1 359
Veronika Kocher 6.1 360 <section class="sec">
Veronika Kocher 9.10 361 <div class="eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 5 · DER EIGENTLICHE PROJEKTPLAN</div>
362 <h3>Deine Planungsunterlagen sollten diese Bestandteile enthalten</h3>
Veronika Kocher 6.1 363 <div class="grid">
Veronika Kocher 9.10 364 <div class="check"><strong>Projektsteckbrief</strong><br>Zweck, Umfang, Nicht-Umfang, Projekttyp, tragende Einheit, Leitung, Partner:innen, Start/Ende, Outputs.</div>
365 <div class="check"><strong>Rollen- &amp; Verantwortungsmatrix</strong><br>Wer entscheidet, umsetzt, freigibt, konsultiert wird und informiert werden muss.</div>
366 <div class="check"><strong>Arbeitsplan</strong><br>Arbeitspakete, Meilensteine, Abhängigkeiten, Entscheidungspunkte, öffentliche Outputs und Abschluss.</div>
367 <div class="check"><strong>Budget-Ausgangsstand</strong><br>Kosten, Finanzierungsquelle, Kofinanzierung, institutionelle Ressourcen, Annahmen und Reserven.</div>
368 <div class="check"><strong>Personalplan</strong><br>Bestehendes Personal, Neueinstellungen, externe Mitwirkende, Arbeitsbelastung, Verträge, Einarbeitung und Übergabe.</div>
369 <div class="check"><strong>Beschaffungs- / Infrastrukturplan</strong><br>Beschaffungen, Ausstattung, Räume, Werkstätten, IT, Logistik, Sicherheit und Vorlaufzeiten.</div>
370 <div class="check"><strong>Partner:innenplan</strong><br>Rollen, Budgetabstimmungen, vereinbarte Ergebnisse, Vereinbarungen, IP, Daten, Kommunikation und Eskalation.</div>
371 <div class="check"><strong>Rechte- / Ethik- / Datenplan</strong><br>Fremdmaterial, Einwilligung, personenbezogene Daten, Lizenzen, Vertraulichkeit und Ethikprüfung.</div>
372 <div class="check"><strong>Kommunikations- / Veranstaltungsplan</strong><br>Zielgruppen, Medien, Publikation, Veranstaltungsbedarf, CI, Barrierefreiheit und Dokumentation.</div>
373 <div class="check"><strong>Risikoregister</strong><br>Förder-, Personal-, Rechte-, Daten-, Zeitplan-, Lieferant:innen-, Technik-, Raum-, Partner:innen- und Reputationsrisiken.</div>
374 <div class="check"><strong>Entscheidungsprotokoll</strong><br>Wichtige Entscheidungen, Datum, verantwortliche Person, Begründung und Auswirkung.</div>
375 <div class="check"><strong>Abschluss- / Übergabeplan</strong><br>Finale Dateien, Berichtswesen, Repositorium/Archiv, Ausstattung, Accounts, Zugriffe, Aufbewahrung und Verantwortlichkeiten.</div>
Veronika Kocher 6.1 376 </div>
377 </section>
Veronika Kocher 2.1 378
Veronika Kocher 6.1 379 <section class="sec">
Veronika Kocher 9.10 380 <div class="eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 6 · RÜCKWÄRTS PLANEN</div>
381 <h3>Die externe Frist ist nicht deine erste Frist</h3>
Veronika Kocher 6.1 382 <table class="tbl">
Veronika Kocher 9.10 383 <thead><tr><th>Planungspunkt</th><th>Frage</th></tr></thead>
Veronika Kocher 6.1 384 <tbody>
Veronika Kocher 9.10 385 <tr><td><strong>Externe Einreichung / öffentliche Eröffnung</strong></td><td>Was muss zu diesem Zeitpunkt vollständig und freigegeben sein?</td></tr>
386 <tr><td><strong>Institutionelle Freigabe / Unterschrift</strong></td><td>Wer braucht finale Unterlagen und Zeit für die Prüfung?</td></tr>
387 <tr><td><strong>Rechtliche / Partnervereinbarungen</strong></td><td>Was muss vor der Einreichung geprüft werden?</td></tr>
388 <tr><td><strong>Budget- / Personal- / Beschaffungsprüfung</strong></td><td>Sind Sätze, Beschäftigungen, Beschaffungen und Ressourcen realistisch und zulässig?</td></tr>
389 <tr><td><strong>Konzeptfreigabe</strong></td><td>Ab wann dürfen Umfang, Rollen, Arbeitspakete und Outputs nicht mehr laufend geändert werden?</td></tr>
390 <tr><td><strong>Beiträge der Partner:innen</strong></td><td>Wann müssen Partner:innen Texte, Budgets, Schreiben und Freigaben liefern?</td></tr>
391 <tr><td><strong>Interner Start</strong></td><td>Wann muss die Planung beginnen, damit all das möglich ist?</td></tr>
Veronika Kocher 6.1 392 </tbody></table>
393 </section>
Veronika Kocher 2.1 394
Veronika Kocher 6.1 395 <section class="sec">
Veronika Kocher 9.10 396 <div class="eye" style="color:#8a4d36;margin-bottom:4px">STOPP &amp; PRÜFEN</div>
397 <h3>Warnsignale in der Projektplanung</h3>
Veronika Kocher 6.1 398 <div class="grid">
Veronika Kocher 9.10 399 <div class="warn"><strong>Keine institutionelle Verankerung.</strong><br>Das Projekt nutzt Namen/Ressourcen der Universität, aber keine tragende Einheit hat Verantwortung übernommen.</div>
400 <div class="warn"><strong>Externe Zusage ohne Freigabe.</strong><br>Partner:innen, Förderstelle, Veranstaltungsort oder Lieferant:in wurde etwas zugesagt, bevor der interne Weg geklärt ist.</div>
401 <div class="warn"><strong>Personen erscheinen nur als Budgetpositionen.</strong><br>Beschäftigungs-/Vertragswege und Vorlaufzeiten wurden nicht geprüft.</div>
402 <div class="warn"><strong>Ausstattung erscheint nur als Preis.</strong><br>Beschaffung, Eigentum, Installation, IT, Sicherheit, Wartung und Lagerung wurden nicht geplant.</div>
403 <div class="warn"><strong>Öffentlicher Output geplant, Rechte ungeklärt.</strong><br>Publikation/Ausstellung/Streaming wurde zugesagt, ohne Rechte, Einwilligungen oder Datenschutz zu klären.</div>
404 <div class="warn"><strong>Keine Verantwortung für das Projektende.</strong><br>Niemand ist für Abschlussberichte, Masterdateien, Repositorium/Archiv, Ausstattung, Accounts und das Schließen von Zugängen verantwortlich.</div>
Veronika Kocher 6.1 405 </div>
406 </section>
Veronika Kocher 2.1 407
Veronika Kocher 6.1 408 <section class="sec">
Veronika Kocher 9.10 409 <div class="eye" style="color:#8a4d36;margin-bottom:4px">WEITER PLANEN</div>
410 <h3>Verwandte Themen in „Vorbereiten“</h3>
411 <div class="linkgrid"><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Funding%20%26%20Funder%20Requirements/">Förderung & Förderbedingungen</a><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Identify%20Your%20Data%20%26%20Research%20Outputs/">Daten & Forschungsoutputs bestimmen</a><a class="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><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Copyright%2C%20Rights%20%26%20Licences/">Urheberrecht, Rechte & Lizenzen</a><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Data%20Protection%20%26%20Ethics/">Datenschutz & Ethik</a><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/File%20Organisation%20%26%20Naming/">Dateien organisieren & benennen</a><a class="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 & Sicherheit</a><a class="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 & Tools</a><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Collaboration%20Setup/">Zusammenarbeit einrichten</a></div>
Veronika Kocher 6.1 412 </section>
Veronika Kocher 2.1 413
Veronika Kocher 9.10 414 <div class="info" style="margin-bottom:14px"><strong>Brauchst du Hilfe bei der Strukturierung des Projekts?</strong> Für geförderte, künstlerische, wissenschaftliche und arts-based Forschungsprojekte ist Support Kunst und Forschung eine zentrale Koordinationsstelle. Bring eine kurze Projektbeschreibung, die tragende Einheit, die voraussichtliche antragstellende Stelle, Partner:innen, Laufzeit, ein grobes Budget und die wichtigsten Anforderungen an die Universität mit.</div>
Veronika Kocher 2.1 415
Veronika Kocher 9.10 416 <!-- ARSN_TRAINING_WORKSHOPS_V2_START -->
417 <section class="arsn-training-workshops" data-arsn-training-workshops="v2" style="margin:27px 0 22px 0;">
418 <div style="padding:16px 18px;background:#eef8fa;border:1px solid #cfe8ef;border-left:5px solid #21b6d7;border-radius:9px;">
419 <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#3f6871;margin-bottom:5px;">SCHULUNGEN &amp; WORKSHOPS</div>
420 <h3 style="font-size:20px;line-height:1.3;margin:0 0 7px;color:#35312d;text-align:left;">Schulungen, Workshops &amp; Sprechstunden</h3>
421 <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>
422 <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>
423 </div>
424 </section>
425 <!-- ARSN_TRAINING_WORKSHOPS_V2_END -->
Veronika Kocher 9.9 426
Veronika Kocher 9.10 427 <!-- ARSN_PRACTICAL_RESOURCES_V2_START -->
428 <section class="arsn-practical-resources" data-arsn-practical-resources="v2" style="margin:0 0 27px;">
429 <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#8a4d36;margin-bottom:4px;">NÜTZLICHE MATERIALIEN</div>
430 <h3 style="font-size:22px;line-height:1.25;margin:0 0 8px;color:#35312d;text-align:left;">Praktische Ressourcen</h3>
431 <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>
432 <div class="arsn-resource-grid" style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;">
433 <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>
434 <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>
435 <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>
436 </div>
437 <style>@media(max-width:767px){.arsn-resource-grid{grid-template-columns:1fr!important}}</style>
438 </section>
439 <!-- ARSN_PRACTICAL_RESOURCES_V2_END -->
Veronika Kocher 9.9 440
Veronika Kocher 4.1 441 <!-- ARSN_SEARCH_TERMS_START -->
Veronika Kocher 6.1 442 <details style="margin-top:24px;padding-top:10px;border-top:1px solid #e3ded6">
Veronika Kocher 9.10 443 <summary style="cursor:pointer;color:#6a655e;font-size:13px">Suchbegriffe &amp; verwandte Themen</summary>
444 <div style="margin-top:9px;color:#5c5650;font-size:12px;line-height:1.7">Projektplanung · Projektorganisation · Projektmanagement · Projekt-Governance · Rollen und Verantwortlichkeiten · RACI · Arbeitspakete · Zeitplan · Meilensteine · Abhängigkeiten · Budgetplanung · Risikomanagement · Projektverankerung · Institut · Abteilung · Rektorat · Support Kunst und Forschung · Drittmittelförderung · Finanzen · Controlling · Buchhaltung · Personal · HR · Verträge · Recht · Datenschutz · IT · digitale Services · Beschaffung · Raumplanung · Facility Management · Veranstaltungsmanagement · Presse und Kommunikation · internationale Kooperation · Mobilität · Bibliothek · Doktoratsprojekt · Lehre · Curriculum · Barrierefreiheit · Diversität · Gleichbehandlung · Inklusion · AKG · Betriebsrat · Projektpartner:innen · institutionelle Freigabe · Zeichnungsberechtigung · Entscheidungsprotokoll · Übergabe</div>
Veronika Kocher 4.1 445 </details>
446 <!-- ARSN_SEARCH_TERMS_END -->
Veronika Kocher 6.1 447
448 </div>
Veronika Kocher 4.1 449 {{/html}}
Veronika Kocher 8.1 450
Veronika Kocher 9.6 451 {{html clean="false"}}
452 <!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START -->
Veronika Kocher 9.5 453
Veronika Kocher 9.6 454 <style data-sn-service-navigator-master="1">
455 /* =========================================================
456 MASTER TYPOGRAPHY
457 ========================================================= */
Veronika Kocher 9.5 458 #xwikicontent h1,
459 #xwikicontent h2,
460 #xwikicontent h3,
461 #xwikicontent h4,
462 #xwikicontent h5,
463 #xwikicontent h6,
464 #xwikicontent .box-title,
465 #xwikicontent [role="heading"],
466 #xwikicontent h1 a,
467 #xwikicontent h2 a,
468 #xwikicontent h3 a,
469 #xwikicontent h4 a,
470 #xwikicontent h5 a,
471 #xwikicontent h6 a,
472 #xwikicontent .box-title a,
473 #xwikicontent [role="heading"] a{
474 text-align:left!important;
475 text-justify:auto!important;
476 word-spacing:normal!important;
477 }
478
Veronika Kocher 9.6 479 /* =========================================================
480 COMING SOON / IN VORBEREITUNG
481 ========================================================= */
482 .sn-coming-soon-badge{
483 display:inline-block;
484 vertical-align:middle;
485 margin-left:10px;
486 padding:4px 8px;
487 border-radius:14px;
488 border:1px solid #efd9cc;
489 background:#fff4ee;
490 color:#8a4d36;
491 font-size:11px;
492 font-weight:700;
493 letter-spacing:.055em;
494 line-height:1.2;
495 white-space:nowrap;
496 }
497
498 /* =========================================================
499 NATIVE / DETAIL CALLOUT GEOMETRY
500 Preserve existing backgrounds.
501 ========================================================= */
502 #xwikicontent .arsn-info,
503 #xwikicontent .dmp-info,
504 #xwikicontent .ido-info,
505 #xwikicontent .pp-info,
506 #xwikicontent .infomessage{
Veronika Kocher 9.5 507 box-sizing:border-box!important;
Veronika Kocher 9.6 508 border-left:4px solid #21b6d7!important;
509 border-radius:8px;
Veronika Kocher 9.5 510 text-align:left!important;
511 word-spacing:normal!important;
512 }
513
Veronika Kocher 9.6 514 #xwikicontent .arsn-warn,
515 #xwikicontent .dmp-warn,
516 #xwikicontent .ido-warn,
517 #xwikicontent .pp-warn,
518 #xwikicontent .warn,
519 #xwikicontent .warning,
520 #xwikicontent .warningmessage,
Veronika Kocher 9.5 521 #xwikicontent .errormessage{
Veronika Kocher 9.6 522 box-sizing:border-box!important;
523 border-left:4px solid #e94b13!important;
524 border-radius:8px;
525 text-align:left!important;
526 word-spacing:normal!important;
Veronika Kocher 9.5 527 }
528
Veronika Kocher 9.6 529 [data-sn-master-equal-height],
530 [data-sn-master-first-row]{
Veronika Kocher 9.4 531 box-sizing:border-box;
Veronika Kocher 9.3 532 }
Veronika Kocher 9.7 533
534 /* =========================================================
535 FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
536 ========================================================= */
537 #xwikicontent .arsn-area-label[data-sn-three-line="1"]{
538 display:grid!important;
539 grid-template-columns:minmax(0,1fr)!important;
540 grid-auto-rows:auto!important;
541 width:100%!important;
542 max-width:none!important;
543 box-sizing:border-box!important;
544 justify-items:start!important;
545 align-items:start!important;
546 gap:2px!important;
547 text-align:left!important;
548 text-align-last:left!important;
549 text-justify:auto!important;
550 word-spacing:normal!important;
551 white-space:normal!important;
552 }
553 #xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
554 #xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
555 #xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
556 display:block!important;
557 width:100%!important;
558 margin:0!important;
559 text-align:left!important;
560 text-align-last:left!important;
561 text-justify:auto!important;
562 word-spacing:normal!important;
563 white-space:normal!important;
564 }
Veronika Kocher 9.3 565 </style>
Veronika Kocher 9.5 566
Veronika Kocher 9.6 567 <script data-sn-service-navigator-master="1">
Veronika Kocher 9.3 568 (function(){
569 "use strict";
570
Veronika Kocher 9.6 571 var PAGE_KIND="detail";
572 var PLACEHOLDER=false;
Veronika Kocher 9.10 573 var PLACEHOLDER_LABEL="IN VORBEREITUNG";
Veronika Kocher 9.6 574
Veronika Kocher 9.3 575 var MOBILE_MAX=767;
Veronika Kocher 9.4 576 var ROW_TOLERANCE=6;
Veronika Kocher 9.5 577 var RESIZE_DEBOUNCE=220;
Veronika Kocher 9.3 578
579 var root=
580 document.getElementById("xwikicontent")||
581 document.querySelector(".xwiki-rendering-content")||
582 document.querySelector("main")||
583 document.body;
584
585 if(!root)return;
586
Veronika Kocher 9.6 587 var managedHeight=new Set();
588 var managedMargin=new Set();
589 var originalHeight=new WeakMap();
590 var originalMargin=new WeakMap();
Veronika Kocher 9.5 591
592 var resizeTimer=0;
Veronika Kocher 9.6 593 var running=false;
Veronika Kocher 9.5 594
Veronika Kocher 9.6 595 var THEMES=[
596 {
597 name:"BLUE",
598 accent:"#21b6d7",
599 bg:"#eaf7fb",
600 text:"#315d68",
601 labels:[
602 "HIER STARTEN",
603 "ENTSCHEIDEN",
604 "ÜBERPRÜFEN & ANPASSEN",
605 "START HERE",
606 "DECIDE",
607 "REVIEW & ADAPT"
608 ]
609 },
610 {
611 name:"RED",
612 accent:"#e94b13",
613 bg:"#fff1ec",
614 text:"#8a4d36",
615 labels:[
616 "PLANEN & ORGANISIEREN",
617 "ORGANISIEREN & DOKUMENTIEREN",
618 "PUBLIZIEREN & PRÄSENTIEREN",
619 "PLAN & ORGANISE",
620 "PLAN & ORGANIZE",
621 "ORGANISE & DOCUMENT",
622 "ORGANIZE & DOCUMENT",
623 "PUBLISH & PRESENT"
624 ]
625 },
626 {
627 name:"YELLOW",
628 accent:"#f0aa00",
629 bg:"#fff8e7",
630 text:"#785b17",
631 labels:[
632 "SCHÜTZEN & KLÄREN",
633 "STANDARDISIEREN & IDENTIFIZIEREN",
634 "ÖFFNEN, NACHNUTZEN & AUFFINDBAR MACHEN",
635 "PROTECT & CLARIFY",
636 "STANDARDISE & IDENTIFY",
637 "STANDARDIZE & IDENTIFY",
638 "OPEN, REUSE & MAKE FINDABLE"
639 ]
640 },
641 {
642 name:"GREEN",
643 accent:"#38b76a",
644 bg:"#edf9f1",
645 text:"#3f7451",
646 labels:[
647 "INFRASTRUKTUR EINRICHTEN",
648 "INFRASTRUKTUR & ZUSAMMENARBEIT EINRICHTEN",
649 "SPEICHERN & ZUGRIFF STEUERN",
650 "REPOSITORIUM, ERHALTEN & ÜBERGEBEN",
651 "SET UP INFRASTRUCTURE",
652 "SET UP INFRASTRUCTURE & COLLABORATION",
653 "STORE & CONTROL ACCESS",
654 "REPOSITORY, PRESERVE & HAND OVER"
655 ]
Veronika Kocher 9.4 656 }
Veronika Kocher 9.6 657 ];
Veronika Kocher 9.4 658
Veronika Kocher 9.6 659 function num(value){
660 var n=parseFloat(value);
661 return Number.isFinite(n)?n:0;
Veronika Kocher 9.3 662 }
663
Veronika Kocher 9.6 664 function norm(value){
665 return String(value||"")
Veronika Kocher 9.5 666 .replace(/\s+/g," ")
667 .trim()
668 .toUpperCase();
669 }
670
Veronika Kocher 9.6 671 function visible(el){
672 if(!el||el.nodeType!==1)return false;
Veronika Kocher 9.3 673
Veronika Kocher 9.6 674 var style=getComputedStyle(el);
675 var rect=el.getBoundingClientRect();
Veronika Kocher 9.5 676
677 return (
Veronika Kocher 9.6 678 style.display!=="none"&&
679 style.visibility!=="hidden"&&
680 rect.width>20&&
681 rect.height>4
Veronika Kocher 9.5 682 );
Veronika Kocher 9.3 683 }
684
Veronika Kocher 9.6 685 function saveStyle(el,map,property){
Veronika Kocher 9.4 686 if(map.has(el))return;
687
688 map.set(el,{
Veronika Kocher 9.6 689 value:el.style.getPropertyValue(property),
690 priority:el.style.getPropertyPriority(property)
Veronika Kocher 9.4 691 });
692 }
693
Veronika Kocher 9.6 694 function restoreStyle(el,map,property){
Veronika Kocher 9.4 695 var original=map.get(el);
696
697 if(original&&original.value){
698 el.style.setProperty(
699 property,
700 original.value,
701 original.priority||""
702 );
703 }else{
Veronika Kocher 9.6 704 el.style.removeProperty(property);
Veronika Kocher 9.4 705 }
706 }
707
Veronika Kocher 9.5 708 function resetRuntime(){
Veronika Kocher 9.6 709 managedHeight.forEach(function(el){
710 restoreStyle(
Veronika Kocher 9.4 711 el,
Veronika Kocher 9.6 712 originalHeight,
Veronika Kocher 9.4 713 "min-height"
714 );
715 el.removeAttribute(
Veronika Kocher 9.6 716 "data-sn-master-equal-height"
Veronika Kocher 9.4 717 );
718 });
719
Veronika Kocher 9.6 720 managedMargin.forEach(function(el){
721 restoreStyle(
Veronika Kocher 9.4 722 el,
Veronika Kocher 9.6 723 originalMargin,
Veronika Kocher 9.4 724 "margin-top"
725 );
726 el.removeAttribute(
Veronika Kocher 9.6 727 "data-sn-master-first-row"
Veronika Kocher 9.4 728 );
729 });
730
Veronika Kocher 9.6 731 managedHeight.clear();
732 managedMargin.clear();
733 }
Veronika Kocher 9.5 734
Veronika Kocher 9.6 735 function themeFor(text){
736 var value=norm(text);
Veronika Kocher 9.5 737
Veronika Kocher 9.6 738 for(var i=0;i<THEMES.length;i++){
739 for(var j=0;j<THEMES[i].labels.length;j++){
740 var label=THEMES[i].labels[j];
741
742 if(
743 value===label||
744 value.indexOf(label+" ")===0||
745 value.indexOf(label+" -")===0||
746 value.indexOf(label+" ·")===0
747 ){
748 return THEMES[i];
749 }
750 }
751 }
752
753 return null;
Veronika Kocher 9.4 754 }
755
Veronika Kocher 9.6 756 /* =======================================================
Veronika Kocher 9.7 757 BORDERLESS FILLED RED/ORANGE CTA BUTTONS
758 ======================================================= */
759
760 function colourDistance(a,b){
761 return Math.sqrt(
762 Math.pow(a[0]-b[0],2)+
763 Math.pow(a[1]-b[1],2)+
764 Math.pow(a[2]-b[2],2)
765 );
766 }
767
768 function makeFilledRedOrangeCTAsBorderless(){
769 var RED_ORANGE=[233,75,19];
770
771 Array.from(
772 root.querySelectorAll(
773 'a,button,[role="button"],input[type="submit"],input[type="button"]'
774 )
775 ).forEach(function(el){
776 if(!visible(el))return;
777
778 var style=getComputedStyle(el);
779 var rgb=parseRGB(style.backgroundColor);
780
781 if(!rgb)return;
782
783 if(
784 colourDistance(
785 rgb,
786 RED_ORANGE
787 )>55
788 ){
789 return;
790 }
791
792 var rect=el.getBoundingClientRect();
793
794 if(
795 rect.width<80||
796 rect.height<24
797 ){
798 return;
799 }
800
801 el.style.setProperty(
802 "border",
803 "none",
804 "important"
805 );
806
807 el.style.setProperty(
808 "border-left",
809 "none",
810 "important"
811 );
812
813 el.style.setProperty(
814 "border-top",
815 "none",
816 "important"
817 );
818
819 el.style.setProperty(
820 "border-right",
821 "none",
822 "important"
823 );
824
825 el.style.setProperty(
826 "border-bottom",
827 "none",
828 "important"
829 );
830
831 el.style.setProperty(
832 "box-shadow",
833 "none",
834 "important"
835 );
836 });
837 }
838
839 /* =======================================================
840 FULL-WIDTH THREE-LINE AREA LABELS
841 ======================================================= */
842
843 function compactText(value){
844 return String(value||"")
845 .replace(/\s+/g," ")
846 .trim();
847 }
848
849 function makeThreeLineAreaLabels(){
850 Array.from(
851 root.querySelectorAll(
852 ".arsn-area-label"
853 )
854 ).forEach(function(label){
855 if(
856 label.getAttribute(
857 "data-sn-three-line"
858 )==="1"
859 ){
860 return;
861 }
862
863 var number=
864 label.querySelector(
865 ":scope > .arsn-area-number"
866 );
867
868 var action=
869 label.querySelector(
870 ":scope > .arsn-area-action"
871 );
872
873 if(
874 !number||
875 !action
876 ){
877 return;
878 }
879
880 var clone=
881 label.cloneNode(true);
882
883 var cloneNumber=
884 clone.querySelector(
885 ":scope > .arsn-area-number"
886 );
887
888 var cloneAction=
889 clone.querySelector(
890 ":scope > .arsn-area-action"
891 );
892
893 if(cloneNumber){
894 cloneNumber.remove();
895 }
896
897 if(cloneAction){
898 cloneAction.remove();
899 }
900
901 var titleText=
902 compactText(
903 clone.textContent
904 );
905
906 if(!titleText){
907 return;
908 }
909
910 var numberNode=
911 number.cloneNode(true);
912
913 var actionNode=
914 action.cloneNode(true);
915
916 var titleNode=
917 document.createElement(
918 "span"
919 );
920
921 titleNode.className=
922 "sn-area-label-title";
923
924 titleNode.textContent=
925 titleText;
926
927 while(label.firstChild){
928 label.removeChild(
929 label.firstChild
930 );
931 }
932
933 label.appendChild(
934 numberNode
935 );
936
937 label.appendChild(
938 titleNode
939 );
940
941 label.appendChild(
942 actionNode
943 );
944
945 label.setAttribute(
946 "data-sn-three-line",
947 "1"
948 );
949
950 var head=
951 label.closest(
952 ".arsn-area-head"
953 );
954
955 if(head){
956 head.style.setProperty(
957 "width",
958 "100%",
959 "important"
960 );
961
962 head.style.setProperty(
963 "max-width",
964 "100%",
965 "important"
966 );
967
968 head.style.setProperty(
969 "box-sizing",
970 "border-box",
971 "important"
972 );
973 }
974 });
975 }
976
977 /* =======================================================
Veronika Kocher 9.6 978 PLACEHOLDER BADGE
979 ======================================================= */
Veronika Kocher 9.5 980
Veronika Kocher 9.6 981 function applyPlaceholderBadge(){
982 if(!PLACEHOLDER)return;
Veronika Kocher 9.5 983
984 if(
Veronika Kocher 9.6 985 document.querySelector(
986 ".sn-coming-soon-badge"
987 )
Veronika Kocher 9.5 988 ){
Veronika Kocher 9.6 989 return;
Veronika Kocher 9.5 990 }
991
Veronika Kocher 9.6 992 var title=
993 document.querySelector(
994 "#document-title"
995 )||
996 document.querySelector(
997 "h1"
998 );
Veronika Kocher 9.5 999
Veronika Kocher 9.6 1000 if(!title)return;
Veronika Kocher 9.5 1001
Veronika Kocher 9.6 1002 var badge=
1003 document.createElement(
1004 "span"
1005 );
1006
1007 badge.className=
1008 "sn-coming-soon-badge";
1009
1010 badge.textContent=
1011 PLACEHOLDER_LABEL;
1012
1013 badge.setAttribute(
1014 "aria-label",
1015 PLACEHOLDER_LABEL
Veronika Kocher 9.5 1016 );
1017
Veronika Kocher 9.6 1018 title.appendChild(
1019 badge
1020 );
1021 }
Veronika Kocher 9.5 1022
Veronika Kocher 9.6 1023 /* =======================================================
1024 DETAIL PAGE OWN-ACCENT PROPAGATION
1025 ======================================================= */
Veronika Kocher 9.5 1026
Veronika Kocher 9.6 1027 function parseRGB(value){
1028 var match=String(value||"").match(
1029 /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i
Veronika Kocher 9.5 1030 );
Veronika Kocher 9.6 1031
1032 if(!match)return null;
1033
1034 return [
1035 Number(match[1]),
1036 Number(match[2]),
1037 Number(match[3])
1038 ];
Veronika Kocher 9.5 1039 }
1040
Veronika Kocher 9.6 1041 function distance(a,b){
1042 return Math.sqrt(
1043 Math.pow(a[0]-b[0],2)+
1044 Math.pow(a[1]-b[1],2)+
1045 Math.pow(a[2]-b[2],2)
1046 );
1047 }
Veronika Kocher 9.3 1048
Veronika Kocher 9.6 1049 function paletteMatch(cssColor){
1050 var rgb=parseRGB(cssColor);
Veronika Kocher 9.4 1051
Veronika Kocher 9.6 1052 if(!rgb)return null;
Veronika Kocher 9.4 1053
Veronika Kocher 9.6 1054 var palette=[
1055 {hex:"#21b6d7",rgb:[33,182,215]},
1056 {hex:"#e94b13",rgb:[233,75,19]},
1057 {hex:"#f0aa00",rgb:[240,170,0]},
1058 {hex:"#38b76a",rgb:[56,183,106]}
1059 ];
Veronika Kocher 9.3 1060
Veronika Kocher 9.4 1061 var best=null;
Veronika Kocher 9.6 1062 var bestDistance=Infinity;
Veronika Kocher 9.3 1063
Veronika Kocher 9.6 1064 palette.forEach(function(item){
1065 var d=distance(rgb,item.rgb);
Veronika Kocher 9.3 1066
Veronika Kocher 9.6 1067 if(d<bestDistance){
1068 best=item;
1069 bestDistance=d;
1070 }
1071 });
Veronika Kocher 9.4 1072
Veronika Kocher 9.6 1073 return bestDistance<=30
1074 ?best
1075 :null;
1076 }
Veronika Kocher 9.3 1077
Veronika Kocher 9.6 1078 function propagateDetailAccents(){
1079 if(PAGE_KIND!=="detail")return;
1080
1081 Array.from(
1082 root.querySelectorAll(
1083 ".arsn-call,.dmp-call,.ido-call,.pp-call,"+
1084 ".arsn-source,.dmp-source,.ido-source,.pp-source"
1085 )
1086 ).forEach(function(el){
1087 if(!visible(el))return;
1088
1089 var style=getComputedStyle(el);
1090
Veronika Kocher 9.4 1091 if(
Veronika Kocher 9.6 1092 num(style.borderTopWidth)>=2
Veronika Kocher 9.4 1093 ){
Veronika Kocher 9.6 1094 var match=
1095 paletteMatch(
1096 style.borderTopColor
Veronika Kocher 9.4 1097 );
1098
Veronika Kocher 9.6 1099 if(match){
1100 el.style.setProperty(
1101 "border-left",
1102 "4px solid "+match.hex,
1103 "important"
Veronika Kocher 9.4 1104 );
Veronika Kocher 9.3 1105 }
1106 }
Veronika Kocher 9.6 1107 });
Veronika Kocher 9.3 1108
Veronika Kocher 9.6 1109 // Warning families: explicit safety override.
1110 Array.from(
1111 root.querySelectorAll(
1112 ".arsn-warn,.dmp-warn,.ido-warn,.pp-warn,"+
1113 ".warn,.warning,.warningmessage,.errormessage"
1114 )
1115 ).forEach(function(el){
1116 if(!visible(el))return;
Veronika Kocher 9.3 1117
Veronika Kocher 9.6 1118 el.style.setProperty(
1119 "border-left",
1120 "4px solid #e94b13",
1121 "important"
1122 );
1123 });
Veronika Kocher 9.3 1124
Veronika Kocher 9.6 1125 // Info families: explicit orientation override.
1126 Array.from(
1127 root.querySelectorAll(
1128 ".arsn-info,.dmp-info,.ido-info,.pp-info,.infomessage"
1129 )
1130 ).forEach(function(el){
1131 if(!visible(el))return;
Veronika Kocher 9.4 1132
Veronika Kocher 9.6 1133 el.style.setProperty(
1134 "border-left",
1135 "4px solid #21b6d7",
1136 "important"
1137 );
1138 });
1139 }
Veronika Kocher 9.4 1140
Veronika Kocher 9.6 1141 /* =======================================================
1142 OVERVIEW SEMANTIC THEME PALETTE
1143 ======================================================= */
Veronika Kocher 9.4 1144
Veronika Kocher 9.6 1145 function smallestThemeHeaders(){
1146 return Array.from(
1147 root.querySelectorAll(
1148 "div,span,p,strong,h3,h4,h5,h6"
1149 )
1150 ).filter(function(el){
1151 if(!visible(el))return false;
1152 if(!themeFor(el.textContent))return false;
Veronika Kocher 9.4 1153
Veronika Kocher 9.6 1154 return !Array.from(
1155 el.children||[]
1156 ).some(function(child){
1157 return !!themeFor(
1158 child.textContent
1159 );
Veronika Kocher 9.4 1160 });
Veronika Kocher 9.6 1161 });
Veronika Kocher 9.3 1162 }
1163
Veronika Kocher 9.6 1164 function findOverviewCard(header){
1165 var node=header.parentElement;
1166 var candidates=[];
Veronika Kocher 9.4 1167
Veronika Kocher 9.6 1168 while(node&&node!==root){
1169 var rect=node.getBoundingClientRect();
1170 var style=getComputedStyle(node);
Veronika Kocher 9.4 1171
Veronika Kocher 9.6 1172 var border=
1173 num(style.borderTopWidth)+
1174 num(style.borderRightWidth)+
1175 num(style.borderBottomWidth)+
1176 num(style.borderLeftWidth);
Veronika Kocher 9.4 1177
Veronika Kocher 9.6 1178 if(
1179 rect.width>=220&&
1180 rect.width<=800&&
1181 rect.height>=120&&
1182 border>=1
1183 ){
1184 candidates.push(node);
1185 }
Veronika Kocher 9.4 1186
Veronika Kocher 9.6 1187 node=node.parentElement;
1188 }
Veronika Kocher 9.4 1189
Veronika Kocher 9.6 1190 if(!candidates.length)return null;
Veronika Kocher 9.4 1191
Veronika Kocher 9.6 1192 candidates.sort(function(a,b){
1193 return (
1194 b.getBoundingClientRect().height-
1195 a.getBoundingClientRect().height
Veronika Kocher 9.5 1196 );
Veronika Kocher 9.6 1197 });
Veronika Kocher 9.4 1198
Veronika Kocher 9.6 1199 return candidates[0];
Veronika Kocher 9.4 1200 }
1201
Veronika Kocher 9.6 1202 function rowCandidates(link,card){
1203 var result=[];
Veronika Kocher 9.5 1204 var cardRect=
1205 card.getBoundingClientRect();
Veronika Kocher 9.4 1206
Veronika Kocher 9.6 1207 var node=link;
Veronika Kocher 9.4 1208
Veronika Kocher 9.6 1209 while(node&&node!==card){
1210 if(visible(node)){
1211 var rect=
1212 node.getBoundingClientRect();
Veronika Kocher 9.4 1213
Veronika Kocher 9.6 1214 if(
1215 rect.height<=105&&
1216 rect.width>=
1217 cardRect.width*.50&&
1218 rect.width<=
1219 cardRect.width*1.03
1220 ){
1221 result.push(node);
1222 }
1223 }
Veronika Kocher 9.4 1224
Veronika Kocher 9.6 1225 node=node.parentElement;
1226 }
1227
1228 return result;
1229 }
1230
1231 function chooseOuterRow(
1232 candidates,
1233 link
1234 ){
1235 if(!candidates.length){
1236 return link;
1237 }
1238
1239 var bordered=
1240 candidates.filter(function(el){
Veronika Kocher 9.5 1241 return (
Veronika Kocher 9.6 1242 num(
1243 getComputedStyle(el)
1244 .borderLeftWidth
1245 )>=1
Veronika Kocher 9.5 1246 );
1247 });
Veronika Kocher 9.4 1248
Veronika Kocher 9.6 1249 var pool=
1250 bordered.length
1251 ?bordered
1252 :candidates;
Veronika Kocher 9.4 1253
Veronika Kocher 9.6 1254 pool.sort(function(a,b){
1255 var ar=
1256 a.getBoundingClientRect();
Veronika Kocher 9.4 1257
Veronika Kocher 9.6 1258 var br=
1259 b.getBoundingClientRect();
Veronika Kocher 9.4 1260
Veronika Kocher 9.6 1261 return (
1262 ar.left-br.left||
1263 br.width-ar.width
1264 );
1265 });
Veronika Kocher 9.4 1266
Veronika Kocher 9.6 1267 return pool[0]||link;
1268 }
Veronika Kocher 9.4 1269
Veronika Kocher 9.6 1270 function applyOverviewPalette(){
1271 if(PAGE_KIND!=="overview"){
1272 return [];
Veronika Kocher 9.5 1273 }
Veronika Kocher 9.4 1274
Veronika Kocher 9.6 1275 var headers=
1276 smallestThemeHeaders()
1277 .map(function(el){
1278 return {
1279 el:el,
1280 theme:
1281 themeFor(
1282 el.textContent
1283 ),
1284 card:
1285 findOverviewCard(
1286 el
1287 )
1288 };
Veronika Kocher 9.5 1289 })
Veronika Kocher 9.6 1290 .filter(function(row){
1291 return !!row.card;
1292 });
Veronika Kocher 9.4 1293
Veronika Kocher 9.6 1294 var unique=[];
1295 var seenHeaders=new Set();
Veronika Kocher 9.4 1296
Veronika Kocher 9.6 1297 headers.forEach(function(row){
1298 var key=
1299 row.theme.name+
1300 "|"+
1301 Math.round(
1302 row.card
1303 .getBoundingClientRect()
1304 .left
1305 )+
1306 "|"+
1307 Math.round(
1308 row.el
1309 .getBoundingClientRect()
1310 .top
1311 );
Veronika Kocher 9.4 1312
Veronika Kocher 9.6 1313 if(!seenHeaders.has(key)){
1314 seenHeaders.add(key);
1315 unique.push(row);
1316 }
1317 });
Veronika Kocher 9.4 1318
Veronika Kocher 9.6 1319 unique.forEach(function(row){
1320 var headerRect=
1321 row.el
1322 .getBoundingClientRect();
Veronika Kocher 9.4 1323
Veronika Kocher 9.6 1324 row.el.style.setProperty(
1325 "background",
1326 row.theme.bg,
1327 "important"
Veronika Kocher 9.5 1328 );
1329
Veronika Kocher 9.6 1330 row.el.style.setProperty(
1331 "color",
1332 row.theme.text,
1333 "important"
Veronika Kocher 9.5 1334 );
1335
Veronika Kocher 9.6 1336 row.el.style.setProperty(
1337 "text-align",
1338 "left",
1339 "important"
Veronika Kocher 9.5 1340 );
Veronika Kocher 9.4 1341
Veronika Kocher 9.6 1342 row.el.style.setProperty(
1343 "word-spacing",
1344 "normal",
1345 "important"
1346 );
Veronika Kocher 9.5 1347
Veronika Kocher 9.6 1348 var later=
1349 unique
1350 .filter(function(other){
1351 return (
1352 other.card===row.card&&
1353 other.el
1354 .getBoundingClientRect()
1355 .top>
1356 headerRect.top+2
1357 );
1358 })
1359 .sort(function(a,b){
1360 return (
1361 a.el
1362 .getBoundingClientRect()
1363 .top-
1364 b.el
1365 .getBoundingClientRect()
1366 .top
1367 );
1368 });
Veronika Kocher 9.5 1369
Veronika Kocher 9.6 1370 var stopTop=
1371 later.length
1372 ?later[0].el
1373 .getBoundingClientRect()
1374 .top
1375 :Infinity;
Veronika Kocher 9.5 1376
1377 Array.from(
Veronika Kocher 9.6 1378 row.card.querySelectorAll("a")
1379 ).forEach(function(link){
1380 if(!visible(link))return;
Veronika Kocher 9.5 1381
Veronika Kocher 9.6 1382 var rect=
1383 link.getBoundingClientRect();
Veronika Kocher 9.5 1384
Veronika Kocher 9.6 1385 if(
1386 rect.top<=
1387 headerRect.bottom-2||
1388 rect.top>=
1389 stopTop-2
1390 ){
1391 return;
1392 }
Veronika Kocher 9.5 1393
Veronika Kocher 9.6 1394 var candidates=
1395 rowCandidates(
1396 link,
1397 row.card
1398 );
1399
1400 var target=
1401 chooseOuterRow(
1402 candidates,
1403 link
1404 );
1405
1406 candidates.forEach(function(el){
1407 el.style.setProperty(
1408 "border-left",
1409 "0 solid transparent",
1410 "important"
1411 );
1412 });
1413
1414 target.style.setProperty(
1415 "border-left",
1416 "3px solid "+
1417 row.theme.accent,
1418 "important"
Veronika Kocher 9.5 1419 );
Veronika Kocher 9.6 1420
1421 target.style.setProperty(
1422 "box-sizing",
1423 "border-box",
1424 "important"
Veronika Kocher 9.5 1425 );
Veronika Kocher 9.4 1426 });
Veronika Kocher 9.6 1427 });
Veronika Kocher 9.4 1428
Veronika Kocher 9.6 1429 return unique;
Veronika Kocher 9.5 1430 }
Veronika Kocher 9.4 1431
Veronika Kocher 9.6 1432 /* =======================================================
1433 OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW
1434 ======================================================= */
Veronika Kocher 9.5 1435
Veronika Kocher 9.6 1436 function alignOverviewCards(headers){
1437 if(
1438 PAGE_KIND!=="overview"||
1439 window.innerWidth<=MOBILE_MAX
1440 ){
1441 return;
1442 }
Veronika Kocher 9.5 1443
Veronika Kocher 9.6 1444 var cards=[];
1445 var seen=new Set();
Veronika Kocher 9.5 1446
Veronika Kocher 9.6 1447 headers.forEach(function(row){
1448 if(!seen.has(row.card)){
1449 seen.add(row.card);
1450 cards.push(row.card);
1451 }
1452 });
Veronika Kocher 9.5 1453
Veronika Kocher 9.6 1454 if(cards.length<2){
1455 return;
1456 }
Veronika Kocher 9.5 1457
Veronika Kocher 9.6 1458 // Group cards by actual top position.
1459 var groups=[];
Veronika Kocher 9.5 1460
Veronika Kocher 9.6 1461 cards.forEach(function(card){
1462 var top=
1463 card.getBoundingClientRect().top;
Veronika Kocher 9.5 1464
Veronika Kocher 9.6 1465 var group=null;
Veronika Kocher 9.5 1466
Veronika Kocher 9.6 1467 for(var i=0;i<groups.length;i++){
Veronika Kocher 9.5 1468 if(
Veronika Kocher 9.6 1469 Math.abs(
1470 groups[i].top-top
1471 )<=ROW_TOLERANCE
Veronika Kocher 9.5 1472 ){
Veronika Kocher 9.6 1473 group=groups[i];
1474 break;
Veronika Kocher 9.5 1475 }
Veronika Kocher 9.6 1476 }
Veronika Kocher 9.5 1477
Veronika Kocher 9.6 1478 if(!group){
1479 group={
1480 top:top,
1481 cards:[]
1482 };
1483 groups.push(group);
1484 }
Veronika Kocher 9.5 1485
Veronika Kocher 9.6 1486 group.cards.push(card);
1487 });
Veronika Kocher 9.5 1488
Veronika Kocher 9.6 1489 groups.forEach(function(group){
1490 if(group.cards.length<2){
1491 return;
1492 }
Veronika Kocher 9.5 1493
Veronika Kocher 9.6 1494 var firstHeaders=
1495 group.cards.map(function(card){
1496 var candidates=
1497 headers
1498 .filter(function(row){
1499 return row.card===card;
1500 })
1501 .sort(function(a,b){
1502 return (
1503 a.el
1504 .getBoundingClientRect()
1505 .top-
1506 b.el
1507 .getBoundingClientRect()
1508 .top
1509 );
1510 });
Veronika Kocher 9.5 1511
Veronika Kocher 9.6 1512 return candidates.length
1513 ?candidates[0]
1514 :null;
1515 });
Veronika Kocher 9.5 1516
Veronika Kocher 9.6 1517 if(
1518 !firstHeaders.some(function(row){
1519 return !row;
1520 })
1521 ){
1522 var targetTop=
1523 Math.max.apply(
1524 Math,
1525 firstHeaders.map(function(row){
1526 return (
1527 row.el
1528 .getBoundingClientRect()
1529 .top-
1530 row.card
1531 .getBoundingClientRect()
1532 .top
1533 );
1534 })
1535 );
Veronika Kocher 9.3 1536
Veronika Kocher 9.6 1537 firstHeaders.forEach(function(row){
1538 var relativeTop=
1539 row.el
1540 .getBoundingClientRect()
1541 .top-
1542 row.card
1543 .getBoundingClientRect()
1544 .top;
Veronika Kocher 9.4 1545
Veronika Kocher 9.6 1546 var delta=
1547 targetTop-relativeTop;
Veronika Kocher 9.4 1548
Veronika Kocher 9.6 1549 if(delta>1){
1550 saveStyle(
1551 row.el,
1552 originalMargin,
1553 "margin-top"
1554 );
Veronika Kocher 9.5 1555
Veronika Kocher 9.6 1556 var current=
1557 num(
1558 getComputedStyle(
1559 row.el
1560 ).marginTop
1561 );
Veronika Kocher 9.4 1562
Veronika Kocher 9.6 1563 row.el.style.setProperty(
1564 "margin-top",
1565 (
1566 current+delta
1567 )+"px"
1568 );
Veronika Kocher 9.4 1569
Veronika Kocher 9.6 1570 row.el.setAttribute(
1571 "data-sn-master-first-row",
1572 "1"
1573 );
Veronika Kocher 9.4 1574
Veronika Kocher 9.6 1575 managedMargin.add(
1576 row.el
1577 );
1578 }
1579 });
1580 }
Veronika Kocher 9.4 1581
Veronika Kocher 9.6 1582 var maxHeight=0;
Veronika Kocher 9.4 1583
Veronika Kocher 9.6 1584 group.cards.forEach(function(card){
1585 maxHeight=
1586 Math.max(
1587 maxHeight,
1588 card
1589 .getBoundingClientRect()
1590 .height
1591 );
1592 });
Veronika Kocher 9.4 1593
Veronika Kocher 9.6 1594 maxHeight=
1595 Math.ceil(maxHeight);
Veronika Kocher 9.4 1596
Veronika Kocher 9.6 1597 group.cards.forEach(function(card){
1598 saveStyle(
1599 card,
1600 originalHeight,
1601 "min-height"
1602 );
Veronika Kocher 9.4 1603
Veronika Kocher 9.6 1604 card.style.setProperty(
1605 "min-height",
1606 maxHeight+"px"
Veronika Kocher 9.4 1607 );
1608
Veronika Kocher 9.6 1609 card.setAttribute(
1610 "data-sn-master-equal-height",
1611 "1"
1612 );
Veronika Kocher 9.4 1613
Veronika Kocher 9.6 1614 managedHeight.add(
1615 card
1616 );
1617 });
Veronika Kocher 9.4 1618 });
1619 }
1620
Veronika Kocher 9.6 1621 /* =======================================================
1622 DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY
1623 ======================================================= */
Veronika Kocher 9.4 1624
Veronika Kocher 9.6 1625 function equaliseDetailGrids(){
Veronika Kocher 9.5 1626 if(
Veronika Kocher 9.6 1627 PAGE_KIND!=="detail"||
1628 window.innerWidth<=MOBILE_MAX
Veronika Kocher 9.5 1629 ){
Veronika Kocher 9.6 1630 return;
Veronika Kocher 9.5 1631 }
Veronika Kocher 9.4 1632
Veronika Kocher 9.6 1633 var selectors=[
1634 ".arsn-grid",
1635 ".arsn-grid-2",
1636 ".arsn-grid-3",
1637 ".dmp-grid",
1638 ".ido-grid",
1639 ".pp-grid"
1640 ];
Veronika Kocher 9.4 1641
Veronika Kocher 9.6 1642 selectors.forEach(function(selector){
1643 Array.from(
1644 root.querySelectorAll(selector)
1645 ).forEach(function(grid){
1646 var children=
1647 Array.from(
1648 grid.children||[]
1649 ).filter(visible);
Veronika Kocher 9.4 1650
Veronika Kocher 9.6 1651 if(children.length<2){
1652 return;
1653 }
Veronika Kocher 9.4 1654
Veronika Kocher 9.6 1655 var groups=[];
Veronika Kocher 9.4 1656
Veronika Kocher 9.6 1657 children.forEach(function(child){
1658 var top=
1659 child
1660 .getBoundingClientRect()
1661 .top;
Veronika Kocher 9.4 1662
Veronika Kocher 9.6 1663 var group=null;
Veronika Kocher 9.4 1664
Veronika Kocher 9.6 1665 for(var i=0;i<groups.length;i++){
1666 if(
1667 Math.abs(
1668 groups[i].top-top
1669 )<=ROW_TOLERANCE
1670 ){
1671 group=groups[i];
1672 break;
1673 }
1674 }
Veronika Kocher 9.4 1675
Veronika Kocher 9.6 1676 if(!group){
1677 group={
1678 top:top,
1679 items:[]
1680 };
1681 groups.push(group);
1682 }
Veronika Kocher 9.4 1683
Veronika Kocher 9.6 1684 group.items.push(child);
1685 });
Veronika Kocher 9.4 1686
Veronika Kocher 9.6 1687 groups.forEach(function(group){
1688 if(group.items.length<2){
1689 return;
1690 }
Veronika Kocher 9.3 1691
Veronika Kocher 9.6 1692 var maxHeight=0;
Veronika Kocher 9.5 1693
Veronika Kocher 9.6 1694 group.items.forEach(function(item){
1695 maxHeight=
1696 Math.max(
1697 maxHeight,
1698 item
1699 .getBoundingClientRect()
1700 .height
1701 );
1702 });
Veronika Kocher 9.5 1703
Veronika Kocher 9.6 1704 maxHeight=
1705 Math.ceil(maxHeight);
Veronika Kocher 9.3 1706
Veronika Kocher 9.6 1707 group.items.forEach(function(item){
1708 saveStyle(
1709 item,
1710 originalHeight,
1711 "min-height"
1712 );
Veronika Kocher 9.3 1713
Veronika Kocher 9.6 1714 item.style.setProperty(
1715 "min-height",
1716 maxHeight+"px"
1717 );
Veronika Kocher 9.4 1718
Veronika Kocher 9.6 1719 item.setAttribute(
1720 "data-sn-master-equal-height",
1721 "1"
1722 );
Veronika Kocher 9.3 1723
Veronika Kocher 9.6 1724 managedHeight.add(item);
1725 });
Veronika Kocher 9.3 1726 });
Veronika Kocher 9.6 1727 });
1728 });
1729 }
Veronika Kocher 9.3 1730
Veronika Kocher 9.6 1731 /* =======================================================
1732 RUN / RESPONSIVE SCHEDULING
1733 ======================================================= */
Veronika Kocher 9.3 1734
Veronika Kocher 9.6 1735 function run(){
1736 if(running)return;
Veronika Kocher 9.3 1737
Veronika Kocher 9.6 1738 running=true;
Veronika Kocher 9.5 1739
Veronika Kocher 9.6 1740 try{
1741 resetRuntime();
1742 applyPlaceholderBadge();
1743 propagateDetailAccents();
Veronika Kocher 9.5 1744
Veronika Kocher 9.6 1745 var headers=
1746 applyOverviewPalette();
Veronika Kocher 9.5 1747
Veronika Kocher 9.7 1748 makeThreeLineAreaLabels();
1749 makeFilledRedOrangeCTAsBorderless();
1750
Veronika Kocher 9.6 1751 if(
1752 window.innerWidth>
1753 MOBILE_MAX
1754 ){
1755 alignOverviewCards(
1756 headers
1757 );
Veronika Kocher 9.3 1758
Veronika Kocher 9.6 1759 equaliseDetailGrids();
1760 }
Veronika Kocher 9.5 1761 }finally{
Veronika Kocher 9.6 1762 running=false;
Veronika Kocher 9.5 1763 }
Veronika Kocher 9.3 1764 }
1765
Veronika Kocher 9.6 1766 function onResize(){
Veronika Kocher 9.5 1767 if(resizeTimer){
1768 clearTimeout(
1769 resizeTimer
1770 );
1771 }
Veronika Kocher 9.4 1772
Veronika Kocher 9.5 1773 resizeTimer=
1774 setTimeout(
1775 function(){
1776 resizeTimer=0;
Veronika Kocher 9.6 1777 run();
Veronika Kocher 9.5 1778 },
1779 RESIZE_DEBOUNCE
1780 );
Veronika Kocher 9.3 1781 }
1782
Veronika Kocher 9.6 1783 async function waitForReady(){
1784 if(
1785 document.readyState!=="complete"
1786 ){
1787 await new Promise(function(resolve){
1788 window.addEventListener(
1789 "load",
1790 resolve,
1791 {once:true}
1792 );
1793 });
1794 }
1795
1796 if(
1797 document.fonts&&
1798 document.fonts.ready
1799 ){
1800 try{
1801 await document.fonts.ready;
1802 }catch(error){}
1803 }
1804
Veronika Kocher 9.5 1805 var images=
1806 Array.from(
1807 root.querySelectorAll("img")
1808 );
Veronika Kocher 9.3 1809
Veronika Kocher 9.6 1810 await Promise.all(
Veronika Kocher 9.5 1811 images.map(function(img){
1812 if(img.complete){
1813 return Promise.resolve();
1814 }
Veronika Kocher 9.3 1815
Veronika Kocher 9.5 1816 return new Promise(function(resolve){
1817 var done=function(){
1818 resolve();
1819 };
1820
1821 img.addEventListener(
1822 "load",
1823 done,
1824 {once:true}
1825 );
1826
1827 img.addEventListener(
1828 "error",
1829 done,
1830 {once:true}
1831 );
1832 });
1833 })
1834 );
1835
Veronika Kocher 9.6 1836 run();
Veronika Kocher 9.3 1837 }
1838
Veronika Kocher 9.6 1839 window.addEventListener(
Veronika Kocher 9.5 1840 "resize",
Veronika Kocher 9.6 1841 onResize,
Veronika Kocher 9.5 1842 {passive:true}
1843 );
1844
Veronika Kocher 9.6 1845 waitForReady();
Veronika Kocher 9.3 1846 })();
1847 </script>
Veronika Kocher 9.5 1848
Veronika Kocher 9.6 1849 <!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END -->
1850 {{/html}}
1851