Zum Inhalt springen

Wiki-Quellcode von Get Started

Zuletzt geändert von Veronika Kocher am Donnerstag, 03 Sep. 2026 9:34
Verstecke letzte Bearbeiter
Veronika Kocher 8.1 1 {{html clean="false"}}
2 <style>
3 .arsn-topic-page{max-width:1400px;margin:0 auto;color:#322f2b}
4 .arsn-topic-page *{box-sizing:border-box}
5 .arsn-card{border:1px solid #e3ded6;border-radius:11px;background:#fcfbf8;box-shadow:0 1px 3px rgba(0,0,0,.035)}
6 .arsn-eyebrow{font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
7 .arsn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}
8 .arsn-grid-2{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:14px}
9 .arsn-grid-3{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:14px}
10 .arsn-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}
11 .arsn-check{position:relative;padding:11px 12px 11px 36px;border:1px solid #e3ded6;border-radius:8px;background:#fffdf9}
12 .arsn-check:before{content:"✓";position:absolute;left:13px;top:9px;color:#e94b13;font-weight:800}
13 .arsn-call{padding:15px 16px;border:1px solid #e3ded6;border-top:4px solid #e94b13;border-radius:9px;background:#fcfbf8}
14 .arsn-call h4{font-size:17px;margin:0 0 6px 0;color:#35312d}
15 .arsn-call p{margin:0 0 8px 0;color:#625d56;line-height:1.5}
16 .arsn-call a{font-weight:600}
17 .arsn-section{margin:0 0 26px 0}
18 .arsn-section h3{font-size:22px;margin:0 0 6px 0;color:#35312d}
19 .arsn-section > p{color:#6a655e;line-height:1.55}
20 .arsn-info{padding:15px 17px;border:1px solid #c7e5ed;border-left:5px solid #21b6d7;background:#eaf6f9;border-radius:8px;color:#365e68}
21 .arsn-info strong{color:#2d5661}
22 .arsn-warn{padding:15px 17px;border:1px solid #efd9cc;border-left:5px solid #e94b13;background:#fff6f1;border-radius:8px;color:#67564e}
23 .arsn-warn strong{color:#744531}
24 details.arsn-detail{margin:8px 0;border:1px solid #e3ded6;border-radius:8px;background:#fcfbf8;overflow:hidden}
25 details.arsn-detail summary{cursor:pointer;padding:12px 14px;font-weight:700;color:#403b36;background:#f3efe8}
26 details.arsn-detail[open] summary{border-bottom:1px solid #e3ded6}
27 details.arsn-detail .body{padding:14px 16px;color:#514c46;line-height:1.55}
28 .arsn-table{width:100%;border-collapse:collapse;background:#fffdf9}
29 .arsn-table th,.arsn-table td{border:1px solid #e3ded6;padding:10px 11px;vertical-align:top;text-align:left}
30 .arsn-table th{background:#f3efe8;color:#403b36}
31 .arsn-source{padding:12px 13px;border:1px solid #e3ded6;border-left:4px solid #21b6d7;border-radius:7px;background:#fffdf9}
32 .arsn-source strong{display:block;margin-bottom:3px}
33 .arsn-source small{color:#6a655e}
34 .arsn-hero-image{height:125px;overflow:hidden;background:#f1eee9}
35 .arsn-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block}
36 @media(max-width:850px){.arsn-grid-2,.arsn-grid-3{grid-template-columns:1fr}}
37 </style>
38 <div class="arsn-topic-page">
Veronika Kocher 9.1 39 <section class="arsn-card" style="margin-bottom:18px;overflow:hidden;border-left:6px solid #e94b13;">
40 <div class="arsn-hero-image"><img alt="Planning an artistic or research project" src="https://xwiki.uni-ak.ac.at/bin/download/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/WebHome/enable.png"/></div>
41 <div style="padding:18px 21px 20px 21px;">
42 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:5px;">VORBEREITEN · ERSTE SCHRITTE</div>
43 <h2 style="font-size:27px;line-height:1.2;margin:0 0 8px 0;color:#2c2926;">Von der Projektidee zu einem förderfähigen und umsetzbaren Projekt</h2>
44 <p style="margin:0;color:#5e5953;line-height:1.6;max-width:1100px;">
45 Nutze diese Seite, um dein Projekt zu klären, bevor du nach Förderungen suchst oder Ausgaben tätigst. Sie richtet sich an künstlerische Projekte, Arts-Based Research, Artistic Research, interdisziplinäre Vorhaben und Forschungsprojekte im österreichischen Hochschul- und Kultursektor.
Veronika Kocher 8.1 46 </p>
Veronika Kocher 9.1 47 </div>
48 </section>
49 <div class="arsn-info" style="margin-bottom:20px;">
50 <strong>Beginne mit einer grundlegenden Unterscheidung:</strong>
51 Entwickelst du das Projekt <strong>über die Universität für angewandte Kunst Wien</strong>, oder reichst du <strong>eigenständig beziehungsweise über einen anderen Rechtsträger ein – etwa als Künstler:in, Kollektiv oder Verein</strong>? Antragsteller:in, Arbeitgeber:in, Vertragsweg, Budgetregeln, Sozialversicherung, steuerliche Behandlung und Zeichnungsberechtigung können sich je nach Konstellation unterscheiden.
Veronika Kocher 8.1 52 </div>
Veronika Kocher 9.1 53 <div class="arsn-warn" style="margin-bottom:26px;">
54 <strong>Planungshilfe – keine Rechts- oder Steuerberatung.</strong>
55 Förderregeln, Steuern, Sozialversicherung, Arbeitsrecht, Urheberrecht, Datenschutz und Veranstaltungsvorgaben hängen von deinem Status, der Förderstelle und dem konkreten Projekt ab. Verbindlich sind immer die aktuelle Ausschreibung und die jeweils geltenden institutionellen Regelungen.
Veronika Kocher 8.1 56 </div>
Veronika Kocher 9.1 57 PROJEKTPROFIL
58 <section class="arsn-section">
59 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">SCHRITT 1 · PROJEKTPROFIL</div>
60 <h3>Schreibe das Projekt auf, bevor du nach einer passenden Ausschreibung suchst</h3>
61 <p>Die Ausschreibung soll zum Projekt passen – forme das Projekt nicht nach der ersten Fördermöglichkeit um, die du findest.</p>
62 <div class="arsn-grid">
63 <div class="arsn-check"><strong>Arbeitstitel + Idee in einem Satz</strong><br/><span style="color:#6a655e;">Was machst du, mit wem und warum gerade jetzt?</span></div>
64 <div class="arsn-check"><strong>Projekttyp</strong><br/><span style="color:#6a655e;">Arts-Based Research, künstlerische Produktion, Kulturprojekt, Forschung, Lehre/Bildung, Mobilität, Innovation?</span></div>
65 <div class="arsn-check"><strong>Kernfrage / Ziel</strong><br/><span style="color:#6a655e;">Was soll untersucht, entwickelt, erprobt, verändert oder ermöglicht werden?</span></div>
66 <div class="arsn-check"><strong>Methoden / künstlerische Praxis</strong><br/><span style="color:#6a655e;">Wie erzeugen künstlerische Praxis, Forschung oder Experiment Wissen beziehungsweise Ergebnisse?</span></div>
67 <div class="arsn-check"><strong>Personen und Rollen</strong><br/><span style="color:#6a655e;">Projektleitung/PI, Künstler:innen, Forschende, Techniker:innen, Partner:innen, Teilnehmende, Administration.</span></div>
68 <div class="arsn-check"><strong>Tragende Einrichtung / Antragsteller:in</strong><br/><span style="color:#6a655e;">Universität, Einzelperson, Verein, Unternehmen, Konsortium, Partnerinstitution?</span></div>
69 <div class="arsn-check"><strong>Laufzeit und frühestmöglicher Start</strong><br/><span style="color:#6a655e;">Berücksichtige Vorbereitung, Produktion/Forschung, Präsentation, Dokumentation und Projektabschluss.</span></div>
70 <div class="arsn-check"><strong>Outputs</strong><br/><span style="color:#6a655e;">Werke, Ausstellungen, Performances, Publikationen, Datensätze, Software, Methoden, Workshops, Dokumentation.</span></div>
71 <div class="arsn-check"><strong>Zielgruppen / Nutzer:innen / Communities</strong><br/><span style="color:#6a655e;">Wer soll dem Projekt begegnen, es nutzen oder davon profitieren?</span></div>
72 <div class="arsn-check"><strong>Grobe Budgetplanung</strong><br/><span style="color:#6a655e;">Personal, Honorare, Materialien, Reisen, Ausstattung, Dienstleistungen, Rechte, Zugang, Dokumentation, Publikation.</span></div>
73 <div class="arsn-check"><strong>Risiken / Rahmenbedingungen</strong><br/><span style="color:#6a655e;">Rechte, personenbezogene Daten, Teilnehmende, Minderjährige, Sicherheit, Zugang, technische Abhängigkeiten, Genehmigungen.</span></div>
74 <div class="arsn-check"><strong>Nach Projektende</strong><br/><span style="color:#6a655e;">Was wird veröffentlicht, erhalten, archiviert, übergeben oder gelöscht?</span></div>
75 </div>
76 </section>
77 FÖRDERWEG
78 <section class="arsn-section">
79 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">SCHRITT 2 · FÖRDERWEG</div>
80 <h3>Wo suche ich nach einer passenden Ausschreibung?</h3>
81 <p>Nutze den Projekttyp, um die Förderlandschaft einzugrenzen. Die folgenden Punkte sind Einstiege, keine automatischen Treffer.</p>
82 <div class="arsn-grid">
83 <div class="arsn-call" style="border-top-color:#21b6d7">
84 <h4>Arts-Based Research / Artistic Research</h4>
85 <p><strong>Starte hier:</strong> FWF Arts-Based Research (PEEK), interne Forschungsförderungen der Angewandten und Support Kunst und Forschung.</p>
86 <p style="font-size:13px;">PEEK richtet sich an qualitativ hochwertige Arts-Based-Research-Projekte, bei denen die künstlerische Praxis zentral für die Forschungsfrage ist und das Projekt an einer österreichischen Forschungsstätte durchgeführt wird.</p>
87 <a href="https://www.fwf.ac.at/en/funding/portfolio/projects/arts-based-research" rel="noopener" target="_blank">FWF Arts-Based Research (PEEK)</a>
88 </div>
89 <div class="arsn-call" style="border-top-color:#21b6d7">
90 <h4>Grundlagenforschung außerhalb von PEEK</h4>
91 <p><strong>Starte hier:</strong> FWF-Projektförderungen und das weitere Förderportfolio des FWF.</p>
92 <p style="font-size:13px;">Nutze diesen Weg, wenn das Vorhaben primär Forschung ist und das Arts-Based-Research-Profil von PEEK nicht optimal passt.</p>
93 <a href="https://www.fwf.ac.at/en/funding/steps-to-your-fwf-project/find-funding" rel="noopener" target="_blank">FWF – Förderungen finden</a>
94 </div>
95 <div class="arsn-call" style="border-top-color:#e94b13">
96 <h4>Kleine / kurzfristige interne Vorhaben an der Angewandten</h4>
97 <p><strong>Starte hier:</strong> SUP und aktuelle interne Ausschreibungen wie PORT beziehungsweise Nachfolgeprogramme.</p>
98 <p style="font-size:13px;">SUP ist derzeit laufend für Mitarbeiter:innen und Doktorand:innen geöffnet und unterstützt kleinere, kurzfristige Aktivitäten im Bereich Kunst und Forschung.</p>
99 <a href="https://www.dieangewandte.at/en/news/open_calls" rel="noopener" target="_blank">Ausschreibungen der Angewandten</a>
100 </div>
101 <div class="arsn-call" style="border-top-color:#e94b13">
102 <h4>Künstlerische Produktion, Ausstellung, Publikation oder Präsentation</h4>
103 <p><strong>Starte hier:</strong> Bundesförderungen Kunst und Kultur des BMWKMS in der passenden Sparte; bei Vorhaben in Wien zusätzlich MA 7 prüfen.</p>
104 <p style="font-size:13px;">Wähle zuerst die passende Kunstsparte. Produktionsförderung ist nicht automatisch Forschungsförderung.</p>
105 <a href="https://www.bmwkms.gv.at/themen/kunst-und-kultur/" rel="noopener" target="_blank">Bundesförderungen Kunst &amp; Kultur</a>
106 </div>
107 <div class="arsn-call" style="border-top-color:#f0aa00">
108 <h4>Kultur- oder Forschungsprojekt mit Wien-Bezug</h4>
109 <p><strong>Starte hier:</strong> Stadt Wien Kultur (MA 7), anschließend die passende Fördersparte.</p>
110 <p style="font-size:13px;">Lies die Ausschlussgründe genau. Die aktuellen MA-7-Richtlinien 2026 für Bildende Kunst/Medienkunst schließen Artistic-Research-Projekte ausdrücklich aus; für Wissenschaft/Forschung gelten andere Fördervoraussetzungen und Ausschlüsse.</p>
111 <a href="https://www.wien.gv.at/kultur/foerderungen" rel="noopener" target="_blank">MA 7 – Förderübersicht</a>
112 </div>
113 <div class="arsn-call" style="border-top-color:#38b76a">
114 <h4>Europäische Kulturkooperation</h4>
115 <p><strong>Starte hier:</strong> Creative Europe Culture.</p>
116 <p style="font-size:13px;">Geeignet für transnationale Kooperationen zwischen Kultur- und Kreativorganisationen. Kooperationsausschreibungen richten sich an Organisationen, nicht an Einzelpersonen.</p>
117 <a href="https://culture.ec.europa.eu/funding/calls" rel="noopener" target="_blank">Creative-Europe-Ausschreibungen</a>
118 </div>
119 <div class="arsn-call" style="border-top-color:#38b76a">
120 <h4>Künstler:innenmobilität / Residency</h4>
121 <p><strong>Starte hier:</strong> Culture Moves Europe und aktuelle österreichische Mobilitäts- beziehungsweise Residency-Programme.</p>
122 <p style="font-size:13px;">Nutze diesen Weg, wenn internationale Mobilität, Austausch oder Residency die zentrale geförderte Aktivität ist.</p>
123 <a href="https://culture.ec.europa.eu/culture-moves-europe" rel="noopener" target="_blank">Culture Moves Europe</a>
124 </div>
125 <div class="arsn-call" style="border-top-color:#21b6d7">
126 <h4>Europäische Verbundforschung zu Kultur / Gesellschaft</h4>
127 <p><strong>Starte hier:</strong> Horizon Europe Cluster 2 über die FFG.</p>
128 <p style="font-size:13px;">Relevant für größere internationale Forschungs- und Innovationskonsortien zu Kultur, Kreativität, Kulturerbe, Demokratie und gesellschaftlichem Wandel.</p>
129 <a href="https://www.ffg.at/europa/heu/cluster2" rel="noopener" target="_blank">FFG · Horizon Europe Cluster 2</a>
130 </div>
131 <div class="arsn-call" style="border-top-color:#21b6d7">
132 <h4>Lehre / Curriculum / institutionelle Kooperation</h4>
133 <p><strong>Starte hier:</strong> Erasmus+ Kooperationspartnerschaften über den OeAD.</p>
134 <p style="font-size:13px;">Geeignet, wenn Bildungskooperation, Curriculumsentwicklung, Capacity Building oder institutionelles Lernen im Zentrum stehen.</p>
135 <a href="https://erasmusplus.oead.at/de/hochschulbildung/kooperationen/kooperationspartnerschaften" rel="noopener" target="_blank">OeAD · Erasmus+ Kooperationspartnerschaften</a>
136 </div>
137 </div>
138 </section>
139 <div class="arsn-info" style="margin-bottom:26px;">
140 <strong>Beste erste Anlaufstelle an der Angewandten:</strong>
141 Support Kunst und Forschung unterstützt die inhaltliche, administrative und finanzielle Entwicklung künstlerischer, wissenschaftlicher und arts-based Forschungsprojekte und arbeitet mit FWF, FFG, EU-Programmen, Stadt Wien und weiteren Förderstellen.
Veronika Kocher 8.1 142 <div style="margin-top:7px;">
Veronika Kocher 9.1 143 <a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/support_kunst_und_forschung" rel="noopener" target="_blank">Support Kunst und Forschung</a>
Veronika Kocher 8.1 144 · <a href="mailto:projektsupport@uni-ak.ac.at">projektsupport@uni-ak.ac.at</a>
Veronika Kocher 9.1 145 </div>
146 </div>
147 PASSUNG ZUR AUSSCHREIBUNG
148 <section class="arsn-section">
149 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">SCHRITT 3 · PASSUNG ZUR AUSSCHREIBUNG</div>
150 <h3>Prüfe die Förderbedingungen in dieser Reihenfolge</h3>
151 <p>Wenn einer der ersten fünf Punkte nicht passt, stoppe und suche nach einer geeigneteren Ausschreibung, bevor du Zeit in den Antrag investierst.</p>
152 <table class="arsn-table">
153 <thead><tr><th>#</th><th>Prüfpunkt</th><th>Was ist zu prüfen?</th></tr></thead>
154 <tbody>
155 <tr><td>1</td><td><strong>Antragsteller:in</strong></td><td>Einzelperson, Universität, Verein, Unternehmen, Konsortium? Vorgaben zu Staatsbürgerschaft, Wohnsitz oder Sitz?</td></tr>
156 <tr><td>2</td><td><strong>Fördergegenstand</strong></td><td>Fördert die Ausschreibung ausdrücklich deine Art von Forschung, künstlerischer Praxis, Produktion, Mobilität oder Kooperation?</td></tr>
157 <tr><td>3</td><td><strong>Ausschlüsse</strong></td><td>Studierende? Studienprojekte? Bereits begonnene Projekte? Artistic Research? Wirtschaftliche Tätigkeit? Aktivitäten im Ausland?</td></tr>
158 <tr><td>4</td><td><strong>Zeitplan</strong></td><td>Einreichfrist, interne Frist, frühestmöglicher förderfähiger Projektstart, maximale Laufzeit, voraussichtlicher Entscheidungszeitpunkt.</td></tr>
159 <tr><td>5</td><td><strong>Förderhöhe</strong></td><td>Mindest-/Maximalförderung, Voll- oder Teilfinanzierung, erforderlicher Eigenanteil oder Kofinanzierung.</td></tr>
160 <tr><td>6</td><td><strong>Förderfähige Kosten</strong></td><td>Personal, Honorare, Reisen, Material, Ausstattung, Dienstleistungen, Veranstaltungsort, Publikation, Subaufträge, Overheads, Umsatzsteuer.</td></tr>
161 <tr><td>7</td><td><strong>Personalvorgaben</strong></td><td>Gehaltssätze, Fair-Pay-Vorgaben, Beschäftigungsstatus, förderfähige Arbeitszeit, Honorare.</td></tr>
162 <tr><td>8</td><td><strong>Partner:innen</strong></td><td>Erforderliche Anzahl/Länder, Lead- und Partnerrollen, Letters of Commitment, Konsortial- oder Kooperationsvereinbarungen.</td></tr>
163 <tr><td>9</td><td><strong>Bewertung</strong></td><td>Qualität, Innovation, künstlerische/wissenschaftliche Exzellenz, Wirkung, Machbarkeit, Zielgruppen, Nachhaltigkeit, Inklusion/Diversität.</td></tr>
164 <tr><td>10</td><td><strong>Einreichweg</strong></td><td>Wer reicht formal ein? Institution, PI/Projektleitung, Einzelperson? ID Austria, elane, Funding &amp; Tenders Portal, OID/PIC?</td></tr>
165 <tr><td>11</td><td><strong>Doppelförderung</strong></td><td>Dürfen dieselben Kosten beziehungsweise dasselbe Projekt weitere öffentliche Förderungen erhalten? Welche Kofinanzierung muss offengelegt werden?</td></tr>
166 <tr><td>12</td><td><strong>Rechte / Open Science</strong></td><td>IP-/Rechteinhaberschaft, Lizenzen, Publikation, Open Access, Forschungsdaten, Repositorium oder Kommunikationspflichten.</td></tr>
167 <tr><td>13</td><td><strong>Ethik / Sicherheit</strong></td><td>Personenbezogene Daten, menschliche Teilnehmende, vulnerable Gruppen, Minderjährige, Dual Use, vertrauliches Material.</td></tr>
168 <tr><td>14</td><td><strong>Berichtspflichten</strong></td><td>Finanznachweise, Abschlussbericht, vereinbarte Ergebnisse (Deliverables), Zeitaufzeichnungen, Logos/Acknowledgements, Prüfungen, Aufbewahrungsfristen.</td></tr>
169 <tr><td>15</td><td><strong>Änderungsregeln</strong></td><td>Welche Änderungen an Budget, Team, Zeitplan oder Outputs müssen vorab genehmigt werden?</td></tr>
170 </tbody>
171 </table>
172 </section>
173 <div class="arsn-warn" style="margin-bottom:26px;">
174 <strong>Wähle eine Förderung nicht nur nach ihrem Titel aus.</strong>
175 In Österreich können benachbarte Fördersparten gegensätzliche Ausschlüsse haben. So schließen die aktuellen MA-7-Richtlinien für Bildende Kunst/Medienkunst Artistic-Research-Projekte aus, während FWF PEEK ausdrücklich für Arts-Based Research konzipiert ist.
Veronika Kocher 8.1 176 </div>
Veronika Kocher 9.1 177 ÖSTERREICH-SPEZIFISCHE KLÄRUNGEN
178 <section class="arsn-section">
179 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">SCHRITT 4 · ÖSTERREICH-SPEZIFISCHE RAHMENBEDINGUNGEN</div>
180 <h3>Was sollte vor Einreichung oder Projektstart geklärt sein?</h3>
181 <details class="arsn-detail" open="">
182 <summary>1 · Antragsteller:in, Institution &amp; Zeichnungsberechtigung</summary>
183 <div class="body">
184 <ul>
185 <li>Kläre, wer rechtlich den Antrag stellt und die Förderung erhält.</li>
186 <li>Wenn das Projekt an der Angewandten angesiedelt ist, kläre den institutionellen Einreich- und Genehmigungsweg frühzeitig.</li>
187 <li>Prüfe, ob die Förderstelle eine österreichische Forschungsstätte, Wohnsitz/Staatsbürgerschaft in Österreich, einen österreichischen Rechtsträger oder ein internationales Konsortium verlangt.</li>
188 <li>Kläre, wer Anträge, Verträge, Partnervereinbarungen und Erklärungen unterzeichnen darf.</li>
189 <li>Bei FWF-Programmen im PROFI-Modus reicht die Forschungsstätte für die Forschenden ein; die jeweiligen programmspezifischen Regeln gelten zusätzlich.</li>
190 </ul>
191 </div>
192 </details>
193 <details class="arsn-detail">
194 <summary>2 · Konzept, künstlerisches bzw. wissenschaftliches Forschungsdesign &amp; Qualitätsnachweise</summary>
195 <div class="body">
196 <ul>
197 <li>Formuliere die künstlerische beziehungsweise Forschungsfrage und warum das Projekt gerade jetzt relevant ist.</li>
198 <li>Beschreibe die künstlerische Praxis, Forschungsmethoden und wie daraus Wissen beziehungsweise Ergebnisse entstehen.</li>
199 <li>Verorte das Projekt in relevanten künstlerischen, wissenschaftlichen und kulturellen Kontexten.</li>
200 <li>Erkläre, was tatsächlich neu, experimentell oder eigenständig ist.</li>
201 <li>Definiere Arbeitspakete, Meilensteine, Entscheidungspunkte und Abhängigkeiten.</li>
202 <li>Beschreibe erwartete Outputs und wie Erfolg beziehungsweise Qualität beurteilt werden.</li>
203 <li>Bereite relevante Portfolios, CVs, Publikationen/Werke, Vorprojekte und Referenzen vor.</li>
204 </ul>
205 </div>
206 </details>
207 <details class="arsn-detail">
208 <summary>3 · Budget, Fair Pay, Kofinanzierung &amp; Cashflow</summary>
209 <div class="body">
210 <ul>
211 <li>Budgetiere Personal/Beschäftigung, Künstler:innenhonorare und externe Dienstleistungen getrennt.</li>
212 <li>Berücksichtige gegebenenfalls Arbeitgeber:innenkosten und Sozialabgaben.</li>
213 <li>Budgetiere Material, Produktion, Ausstattung, Software, Reisen, Unterkunft, Transport, Veranstaltungsort, Versicherungen, Dokumentation, Barrierefreiheit, Rechte/Lizenzen, Publikation und Erhaltung.</li>
214 <li>Prüfe förderspezifische Gehaltssätze, Fair-Pay-Erwartungen und maximal förderfähige Sätze.</li>
215 <li>Prüfe, ob Ausstattung voll förderfähig, abzuschreiben, gedeckelt oder über institutionelle Beschaffung abzuwickeln ist.</li>
216 <li>Kläre die umsatzsteuerliche Behandlung und ob Umsatzsteuer für die antragstellende Stelle förderfähig ist.</li>
217 <li>Prüfe indirekte Kosten/Overheads und ob diese pauschal, gedeckelt oder ausgeschlossen sind.</li>
218 <li>Kläre Kofinanzierungen, Eigenmittel und Sachleistungen sowie ob diese bereits bei Einreichung bestätigt sein müssen.</li>
219 <li>Plane den Cashflow: Wann wird die Förderung tatsächlich ausbezahlt und wer finanziert Kosten vor?</li>
220 <li>Gehe niemals davon aus, dass Kosten vor dem förderfähigen Projektstart rückerstattet werden.</li>
221 </ul>
222 </div>
223 </details>
224 <details class="arsn-detail">
225 <summary>4 · Beschäftigung, Verträge, Steuern &amp; Sozialversicherung</summary>
226 <div class="body">
227 <ul>
228 <li>Kläre für jede Person, ob sie angestellt, selbständig, über Werk-/Dienstleistung beauftragt oder über eine Partnerinstitution beteiligt ist.</li>
229 <li>Verwende freie Vertragsformen nicht, um ein tatsächliches Dienstverhältnis zu umgehen; nutzt die Personal- und Rechtsprozesse der Universität beziehungsweise Organisation.</li>
230 <li>Kläre Steuer- und Umsatzsteuerfragen bei selbständiger Tätigkeit mit der zuständigen Behörde oder professioneller Beratung.</li>
231 <li>Selbständig tätige Künstler:innen in Österreich sollten ihren SVS-Status prüfen und ob ein Beitragszuschuss des KSVF in Frage kommt.</li>
232 <li>KSVF-Unterstützung erfordert einen Antrag und bestimmte Voraussetzungen zu Versicherung, Einkommen und künstlerischer Tätigkeit; sie erfolgt nicht automatisch.</li>
233 <li>Führe Verträge, Rechnungen, Zahlungsnachweise sowie Einnahmen-/Ausgabenunterlagen sauber und nachvollziehbar.</li>
234 </ul>
235 <p><a href="https://www.ksvf.at/zuschuss" rel="noopener" target="_blank">KSVF – Informationen zum Beitragszuschuss</a></p>
236 </div>
237 </details>
238 <details class="arsn-detail">
239 <summary>5 · Urheberrecht, Leistungsschutzrechte, Lizenzen &amp; Rechteinhaberschaft</summary>
240 <div class="body">
241 <ul>
242 <li>Liste alle fremden Bilder, Texte, Musik, Filme, Software, Datensätze, Designs, Archivmaterialien und Kunstwerke auf, die du verwenden willst.</li>
243 <li>Kläre die konkret benötigten Rechte: Vervielfältigung, Bearbeitung, Ausstellung/Aufführung, Online-Publikation, Streaming, Dokumentation, Ablage in Archiv/Repositorium.</li>
244 <li>Eigentum an einem physischen Kunstwerk oder Objekt umfasst nicht automatisch urheberrechtliche Nutzungsrechte.</li>
245 <li>Kläre die Rechte an neu entstehenden Outputs zwischen Teammitgliedern, Institution, beauftragten Mitwirkenden und Partner:innen.</li>
246 <li>Kläre Urheber:innen-/Credit-Angaben, Persönlichkeitsrechte, Leistungsschutzrechte sowie Genehmigungen für Dokumentation, Foto und Video.</li>
247 <li>Prüfe gegebenenfalls Lizenzen von Verwertungsgesellschaften, etwa für Musik oder vertretene Werke der bildenden Kunst.</li>
248 <li>Entscheide, welche offene Lizenz oder Rechteangabe – falls überhaupt – für Outputs und Metadaten verwendet wird.</li>
249 </ul>
250 <p><a href="https://www.ris.bka.gv.at/GeltendeFassung.wxe?Abfrage=Bundesnormen&amp;Gesetzesnummer=10001848" rel="noopener" target="_blank">Österreichisches Urheberrechtsgesetz (RIS)</a></p>
251 </div>
252 </details>
253 <details class="arsn-detail">
254 <summary>6 · Ethik, personenbezogene Daten, Einwilligung &amp; Teilnehmende</summary>
255 <div class="body">
256 <ul>
257 <li>Prüfe, ob du personenbezogene Daten, Bilder, Stimmen, Interviews, Standortdaten, Gesundheitsdaten oder andere sensible Informationen erhebt.</li>
258 <li>Definiere Rechtsgrundlage, Information der Teilnehmenden, erforderliche Einwilligungen, Widerrufs-/Rücktrittsprozesse und Aufbewahrungsdauer.</li>
259 <li>Trenne gegebenenfalls die Einwilligung zur Teilnahme von der Erlaubnis, identifizierbares Material zu veröffentlichen.</li>
260 <li>Plane, wo möglich und sinnvoll, Anonymisierung beziehungsweise Pseudonymisierung.</li>
261 <li>Prüfe sichere Speicherung, Zugriffe, Datenaustausch und Übermittlungen an externe/Cloud-Dienste oder außerhalb des EWR.</li>
262 <li>Bei Minderjährigen oder vulnerablen Teilnehmenden sind Kinderschutz, Einwilligung/Zustimmung, Safeguarding sowie Förder- und Institutionsvorgaben zu klären.</li>
263 <li>Bei partizipativer beziehungsweise ko-kreativer künstlerischer Forschung sind Rechteinhaberschaft, Zuschreibung, Benefit Sharing sowie mögliche Vetos oder Rückzüge der Teilnehmenden zu klären.</li>
264 <li>Prüfe, ob vor Beginn der Datenerhebung eine institutionelle Ethikprüfung erforderlich ist.</li>
265 </ul>
266 <p><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Data%20Protection%20%26%20Ethics/">Datenschutz &amp; Ethik</a></p>
267 </div>
268 </details>
269 <details class="arsn-detail">
270 <summary>7 · Räume, öffentliche Veranstaltungen, Sicherheit, Barrierefreiheit &amp; Versicherung</summary>
271 <div class="body">
272 <ul>
273 <li>Kläre Raumnutzung, Kapazität, Brandschutz-/Sicherheitsregeln, technische Freigaben, Lärm, Öffnungszeiten und Barrierefreiheit.</li>
274 <li>In Wien können öffentliche Veranstaltungen je nach Art und Besucher:innenzahl anzeige- oder anmeldepflichtig sein; prüfe Wiener Veranstaltungsgesetz und Hinweise der MA 36.</li>
275 <li>Budgetiere gegebenenfalls Security, Erste Hilfe, Awareness-Maßnahmen, Entsorgung, technisches Personal und Barrierefreiheit.</li>
276 <li>Wenn Kinder/Minderjährige teilnehmen, prüfe Kinderschutz- und Safeguarding-Verpflichtungen.</li>
277 <li>Kläre Haftung sowie Versicherungen für Ausstattung, Transport, Ausstellung, Reisen und Veranstaltungen.</li>
278 <li>Bei öffentlichem Raum, baulichen Installationen, Tieren, Gefahrstoffen, Lasern, Drohnen oder Spezialtechnik sind zusätzliche Genehmigungen frühzeitig zu prüfen.</li>
279 </ul>
280 <p><a href="https://www.wien.gv.at/wirtschaft/oeffentliche-veranstaltung-planen-anmelden" rel="noopener" target="_blank">Stadt Wien · öffentliche Veranstaltungen planen</a></p>
281 </div>
282 </details>
283 <details class="arsn-detail">
284 <summary>8 · Datenmanagement, Dokumentation, Open Science &amp; Erhaltung</summary>
285 <div class="body">
286 <ul>
287 <li>Identifiziere alle Daten-/Materialtypen: Rohdaten, bearbeitete Daten, Dokumentation, Code, audiovisuelle Dateien, physische/digitale Werke.</li>
288 <li>Definiere Ordnerstruktur, Dateibenennung, Versionen/Masterdateien, Speicherorte, Backup und Zugriff.</li>
289 <li>Plane Metadaten und Provenienz so, dass der künstlerische beziehungsweise Forschungsprozess nachvollziehbar bleibt.</li>
290 <li>Prüfe, ob die Förderstelle einen Datenmanagementplan oder offene Forschungsdaten verlangt.</li>
291 <li>Trenne, was öffentlich sein darf, von dem, was geschützt beziehungsweise eingeschränkt bleiben muss.</li>
292 <li>Plane Identifikatoren, Repositoriums-/Archivablage, Dateiformate und die Erhaltung technischer Abhängigkeiten.</li>
293 <li>Budgetiere Dokumentations- und Erhaltungsarbeit und verschiebt sie nicht auf den letzten Projektmonat.</li>
294 </ul>
295 </div>
296 </details>
297 <details class="arsn-detail">
298 <summary>9 · Partner:innen, Governance, Beschaffung &amp; Interessenkonflikte</summary>
299 <div class="body">
300 <ul>
301 <li>Dokumentiere Partnerrollen, Budgetverantwortung, Entscheidungswege, IP/Rechte, Datenaustausch und Publikationsrechte.</li>
302 <li>Verwende erforderliche Kooperations-, Konsortial- oder Subauftragnehmer:innenvereinbarungen.</li>
303 <li>Kläre, wer die Institution finanziell oder vertraglich verpflichten darf.</li>
304 <li>Beachte institutionelle beziehungsweise öffentliche Beschaffungsregeln für Einkäufe und externe Dienstleistungen.</li>
305 <li>Dokumentiere Angebote beziehungsweise Vergabeverfahren, wo erforderlich.</li>
306 <li>Identifiziere Interessenkonflikte bei Beauftragungen, Evaluierungen, Beschaffung oder Partner:innenauswahl.</li>
307 </ul>
308 </div>
309 </details>
310 <details class="arsn-detail">
311 <summary>10 · Berichtswesen, Nachweise &amp; Prüfpfad</summary>
312 <div class="body">
313 <ul>
314 <li>Lege ab Tag 1 eine klare Projektkostenstellen-/Ordner- und Nachweisstruktur an.</li>
315 <li>Bewahre Verträge, Rechnungen, Zahlungsnachweise, Reisedokumentation, Genehmigungen und Beschaffungsunterlagen auf.</li>
316 <li>Dokumentiere vereinbarte Ergebnisse (Deliverables), Meilensteine und die Kommunikation mit der Förderstelle.</li>
317 <li>Verwende korrekte Förderhinweise/Logos und dokumentiere Aktivitäten zur Verbreitung und Kommunikation.</li>
318 <li>Hole vor wesentlichen Änderungen Genehmigungen ein, wenn die Fördervereinbarung dies verlangt.</li>
319 <li>Plane Abschluss- und Finanzberichte, Ablage von Outputs, Daten-/Repositoriumsarbeit und Aufbewahrung der Unterlagen.</li>
320 </ul>
321 </div>
322 </details>
323 </section>
324 ANTRAGSUNTERLAGEN
325 <section class="arsn-section">
326 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">SCHRITT 5 · ANTRAGSUNTERLAGEN</div>
327 <h3>Bereite diese Unterlagen einmal vor und passe sie anschließend an die jeweilige Ausschreibung an</h3>
328 <div class="arsn-grid">
329 <div class="arsn-check">1-seitige Projektzusammenfassung / Abstract</div>
330 <div class="arsn-check">vollständiges Konzept / Forschungs- oder künstlerische Projektbeschreibung</div>
331 <div class="arsn-check">wissenschaftlicher/künstlerischer Kontext und Relevanz</div>
332 <div class="arsn-check">Methoden / künstlerische Praxis / Arbeitspakete</div>
333 <div class="arsn-check">Zeitplan und Meilensteine</div>
334 <div class="arsn-check">Teamrollen, CVs, Portfolios, zentrale Werke/Publikationen</div>
335 <div class="arsn-check">Partner:innenliste + erforderliche Letters/Vereinbarungen</div>
336 <div class="arsn-check">detailliertes Budget + Finanzierungsplan + Kofinanzierung</div>
337 <div class="arsn-check">Rechte-/IP-/Lizenzierungsplan</div>
338 <div class="arsn-check">Datenschutz-/Ethik-/Einwilligungsplan</div>
339 <div class="arsn-check">Datenmanagement-/Dokumentations-/Repositoriumsplan</div>
340 <div class="arsn-check">Kommunikations-/Verbreitungs-/Zielgruppenplan</div>
341 <div class="arsn-check">Barrierefreiheit / Inklusion / Fair-Pay-Aspekte</div>
342 <div class="arsn-check">Risikoregister + Gegenmaßnahmen</div>
343 <div class="arsn-check">Räume / Genehmigungen / Sicherheitsanforderungen, falls relevant</div>
344 <div class="arsn-check">Nachhaltigkeits-/Umweltaspekte, falls verlangt</div>
345 </div>
346 </section>
347 AKTUELLE QUELLEN
348 <section class="arsn-section">
349 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">AKTUELLE QUELLEN</div>
350 <h3>Wo du aktuelle Ausschreibungen und verbindliche Bedingungen prüfst</h3>
351 <p>Nutze diese Seiten als aktuelle Einstiegspunkte. Fristen und Bedingungen ändern sich; übernimm keine alte Deadline aus dieser Seite ungeprüft in deine Planung.</p>
352 <div class="arsn-grid">
353 <div class="arsn-source"><strong>Ausschreibungen der Angewandten</strong><small>Von der Universität gebündelte interne und externe Möglichkeiten.</small><br/><a href="https://www.dieangewandte.at/en/news/open_calls" rel="noopener" target="_blank">Aktuelle Ausschreibungen</a></div>
354 <div class="arsn-source"><strong>Support Kunst und Forschung</strong><small>Förderlandschaft, Konzeptfeedback sowie administrative/finanzielle Projektentwicklung.</small><br/><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/support_kunst_und_forschung" rel="noopener" target="_blank">Support Kunst und Forschung</a></div>
355 <div class="arsn-source"><strong>FWF</strong><small>PEEK / Arts-Based Research und weitere Forschungsförderungen.</small><br/><a href="https://www.fwf.ac.at/en/funding" rel="noopener" target="_blank">FWF-Förderungen</a></div>
356 <div class="arsn-source"><strong>BMWKMS · Kunst &amp; Kultur</strong><small>Bundesförderungen für künstlerische Projekte, Stipendien, Mobilität und spartenspezifische Ausschreibungen.</small><br/><a href="https://www.bmwkms.gv.at/themen/kunst-und-kultur/" rel="noopener" target="_blank">Aktuelle Ausschreibungen</a></div>
357 <div class="arsn-source"><strong>Stadt Wien Kultur · MA 7</strong><small>Wiener Kultur- sowie Wissenschafts-/Forschungsförderungen nach Sparte.</small><br/><a href="https://www.wien.gv.at/kultur/foerderungen" rel="noopener" target="_blank">Förderübersicht</a></div>
358 <div class="arsn-source"><strong>Creative Europe Desk Austria</strong><small>Beratung zu Creative Europe Culture und spartenübergreifenden Ausschreibungen.</small><br/><a href="https://www.creativeeurope.at/" rel="noopener" target="_blank">Creative Europe Austria</a></div>
359 <div class="arsn-source"><strong>Culture Moves Europe</strong><small>Internationale Mobilitäts- und Residency-Programme für Künstler:innen und Kulturschaffende.</small><br/><a href="https://culture.ec.europa.eu/culture-moves-europe" rel="noopener" target="_blank">Culture Moves Europe</a></div>
360 <div class="arsn-source"><strong>FFG · Horizon Europe Cluster 2</strong><small>Kultur, Kreativität, Kulturerbe, Demokratie und gesellschaftliche Forschung/Innovation.</small><br/><a href="https://www.ffg.at/europa/heu/cluster2" rel="noopener" target="_blank">Cluster 2</a></div>
361 <div class="arsn-source"><strong>OeAD · Erasmus+</strong><small>Bildung, Curriculum und institutionelle Kooperation.</small><br/><a href="https://erasmusplus.oead.at/de/hochschulbildung/kooperationen/kooperationspartnerschaften" rel="noopener" target="_blank">Kooperationspartnerschaften</a></div>
362 </div>
363 </section>
364 WARNSIGNALE
365 <section class="arsn-section">
366 <div class="arsn-eyebrow" style="color:#8a4d36;margin-bottom:4px;">STOPP &amp; PRÜFEN</div>
367 <h3>Warnsignale vor Einreichung oder Projektstart</h3>
368 <div class="arsn-grid">
369 <div class="arsn-warn"><strong>Das Projekt hat bereits begonnen.</strong><br/>Viele Förderprogramme finanzieren keine bereits abgeschlossenen oder begonnenen Aktivitäten beziehungsweise Kosten.</div>
370 <div class="arsn-warn"><strong>Die antragstellende Stelle passt nicht.</strong><br/>Ein Förderprogramm für Organisationen kann nicht einfach von einer Einzelperson genutzt werden – und umgekehrt.</div>
371 <div class="arsn-warn"><strong>Die Ausschreibung schließt deinen Projekttyp aus.</strong><br/>Lies Ausschlüsse besonders bei Hochschulprojekten und Arts-Based Research genau.</div>
372 <div class="arsn-warn"><strong>Das Budget basiert auf Wunschkosten statt auf förderfähigen Kosten.</strong><br/>Baue es anhand der Kostenregeln der Förderstelle neu auf.</div>
373 <div class="arsn-warn"><strong>Rechte/Einwilligungen sind ungeklärt.</strong><br/>Versprich keine offene Veröffentlichung von Material, das du möglicherweise nicht veröffentlichen darfst.</div>
374 <div class="arsn-warn"><strong>Keine institutionelle Vorlaufzeit eingeplant.</strong><br/>Externe Deadline ≠ interne Deadline; hole institutionelle Freigaben frühzeitig ein.</div>
375 </div>
376 </section>
377 <div class="arsn-info" style="margin-bottom:14px;">
378 <strong>Brauchst du Hilfe bei der Suche nach der passenden Ausschreibung?</strong>
379 Schick Support Kunst und Forschung einen kurzen Absatz mit deiner Projektidee, der geplanten Laufzeit, einem groben Budget, Antragsteller:in beziehungsweise Partner:innen und der Art der geplanten Outputs. Das reicht meist für ein erstes sinnvolles Gespräch zur Förderpassung.
Veronika Kocher 8.1 380 </div>
Veronika Kocher 9.1 381 <div class="arsn-info">
382 <strong>Weiter:</strong>
383 Sobald Förderweg und wesentliche Rahmenbedingungen geklärt sind, gehe weiter zu
384 <a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Project%20Planning%20%26%20Organisation/">Projektplanung &amp; Organisation</a>,
385 <a 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 &amp; Förderbedingungen</a> und <a 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>.
Veronika Kocher 8.1 386 </div>
Veronika Kocher 8.2 387
Veronika Kocher 8.11 388 <!-- ARSN_TRAINING_WORKSHOPS_V2_START -->
389 <section class="arsn-training-workshops" data-arsn-training-workshops="v2" style="margin:27px 0 22px 0;">
390 <div style="padding:16px 18px;background:#eef8fa;border:1px solid #cfe8ef;border-left:5px solid #21b6d7;border-radius:9px;">
Veronika Kocher 9.1 391 <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#3f6871;margin-bottom:5px;">SCHULUNGEN &amp; WORKSHOPS</div>
392 <h3 style="font-size:20px;line-height:1.3;margin:0 0 7px;color:#35312d;text-align:left;">Schulungen, Workshops &amp; Sprechstunden</h3>
393 <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>
394 <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>
Veronika Kocher 8.11 395 </div>
396 </section>
397 <!-- ARSN_TRAINING_WORKSHOPS_V2_END -->
Veronika Kocher 8.10 398
Veronika Kocher 8.11 399 <!-- ARSN_PRACTICAL_RESOURCES_V2_START -->
400 <section class="arsn-practical-resources" data-arsn-practical-resources="v2" style="margin:0 0 27px;">
Veronika Kocher 9.1 401 <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#8a4d36;margin-bottom:4px;">NÜTZLICHE MATERIALIEN</div>
402 <h3 style="font-size:22px;line-height:1.25;margin:0 0 8px;color:#35312d;text-align:left;">Praktische Ressourcen</h3>
403 <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>
Veronika Kocher 8.11 404 <div class="arsn-resource-grid" style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;">
Veronika Kocher 9.1 405 <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>
406 <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>
407 <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>
Veronika Kocher 8.11 408 </div>
409 <style>@media(max-width:767px){.arsn-resource-grid{grid-template-columns:1fr!important}}</style>
410 </section>
411 <!-- ARSN_PRACTICAL_RESOURCES_V2_END -->
Veronika Kocher 8.10 412
Veronika Kocher 8.1 413 </div>
414 {{/html}}
Veronika Kocher 8.4 415
Veronika Kocher 8.7 416 {{html clean="false"}}
417 <!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START -->
Veronika Kocher 8.6 418
Veronika Kocher 8.7 419 <style data-sn-service-navigator-master="1">
420 /* =========================================================
421 MASTER TYPOGRAPHY
422 ========================================================= */
Veronika Kocher 8.6 423 #xwikicontent h1,
424 #xwikicontent h2,
425 #xwikicontent h3,
426 #xwikicontent h4,
427 #xwikicontent h5,
428 #xwikicontent h6,
429 #xwikicontent .box-title,
430 #xwikicontent [role="heading"],
431 #xwikicontent h1 a,
432 #xwikicontent h2 a,
433 #xwikicontent h3 a,
434 #xwikicontent h4 a,
435 #xwikicontent h5 a,
436 #xwikicontent h6 a,
437 #xwikicontent .box-title a,
438 #xwikicontent [role="heading"] a{
439 text-align:left!important;
440 text-justify:auto!important;
441 word-spacing:normal!important;
442 }
443
Veronika Kocher 8.7 444 /* =========================================================
445 COMING SOON / IN VORBEREITUNG
446 ========================================================= */
447 .sn-coming-soon-badge{
448 display:inline-block;
449 vertical-align:middle;
450 margin-left:10px;
451 padding:4px 8px;
452 border-radius:14px;
453 border:1px solid #efd9cc;
454 background:#fff4ee;
455 color:#8a4d36;
456 font-size:11px;
457 font-weight:700;
458 letter-spacing:.055em;
459 line-height:1.2;
460 white-space:nowrap;
461 }
462
463 /* =========================================================
464 NATIVE / DETAIL CALLOUT GEOMETRY
465 Preserve existing backgrounds.
466 ========================================================= */
467 #xwikicontent .arsn-info,
468 #xwikicontent .dmp-info,
469 #xwikicontent .ido-info,
470 #xwikicontent .pp-info,
471 #xwikicontent .infomessage{
Veronika Kocher 8.6 472 box-sizing:border-box!important;
Veronika Kocher 8.7 473 border-left:4px solid #21b6d7!important;
474 border-radius:8px;
Veronika Kocher 8.6 475 text-align:left!important;
476 word-spacing:normal!important;
477 }
478
Veronika Kocher 8.7 479 #xwikicontent .arsn-warn,
480 #xwikicontent .dmp-warn,
481 #xwikicontent .ido-warn,
482 #xwikicontent .pp-warn,
483 #xwikicontent .warn,
484 #xwikicontent .warning,
485 #xwikicontent .warningmessage,
Veronika Kocher 8.6 486 #xwikicontent .errormessage{
Veronika Kocher 8.7 487 box-sizing:border-box!important;
488 border-left:4px solid #e94b13!important;
489 border-radius:8px;
490 text-align:left!important;
491 word-spacing:normal!important;
Veronika Kocher 8.6 492 }
493
Veronika Kocher 8.7 494 [data-sn-master-equal-height],
495 [data-sn-master-first-row]{
Veronika Kocher 8.5 496 box-sizing:border-box;
Veronika Kocher 8.4 497 }
Veronika Kocher 8.8 498
499 /* =========================================================
500 FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS
501 ========================================================= */
502 #xwikicontent .arsn-area-label[data-sn-three-line="1"]{
503 display:grid!important;
504 grid-template-columns:minmax(0,1fr)!important;
505 grid-auto-rows:auto!important;
506 width:100%!important;
507 max-width:none!important;
508 box-sizing:border-box!important;
509 justify-items:start!important;
510 align-items:start!important;
511 gap:2px!important;
512 text-align:left!important;
513 text-align-last:left!important;
514 text-justify:auto!important;
515 word-spacing:normal!important;
516 white-space:normal!important;
517 }
518 #xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number,
519 #xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title,
520 #xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{
521 display:block!important;
522 width:100%!important;
523 margin:0!important;
524 text-align:left!important;
525 text-align-last:left!important;
526 text-justify:auto!important;
527 word-spacing:normal!important;
528 white-space:normal!important;
529 }
Veronika Kocher 8.4 530 </style>
Veronika Kocher 8.6 531
Veronika Kocher 8.7 532 <script data-sn-service-navigator-master="1">
Veronika Kocher 8.4 533 (function(){
534 "use strict";
535
Veronika Kocher 8.7 536 var PAGE_KIND="detail";
537 var PLACEHOLDER=false;
Veronika Kocher 9.1 538 var PLACEHOLDER_LABEL="IN VORBEREITUNG";
Veronika Kocher 8.7 539
Veronika Kocher 8.4 540 var MOBILE_MAX=767;
Veronika Kocher 8.5 541 var ROW_TOLERANCE=6;
Veronika Kocher 8.6 542 var RESIZE_DEBOUNCE=220;
Veronika Kocher 8.4 543
544 var root=
545 document.getElementById("xwikicontent")||
546 document.querySelector(".xwiki-rendering-content")||
547 document.querySelector("main")||
548 document.body;
549
550 if(!root)return;
551
Veronika Kocher 8.7 552 var managedHeight=new Set();
553 var managedMargin=new Set();
554 var originalHeight=new WeakMap();
555 var originalMargin=new WeakMap();
Veronika Kocher 8.6 556
557 var resizeTimer=0;
Veronika Kocher 8.7 558 var running=false;
Veronika Kocher 8.6 559
Veronika Kocher 8.7 560 var THEMES=[
561 {
562 name:"BLUE",
563 accent:"#21b6d7",
564 bg:"#eaf7fb",
565 text:"#315d68",
566 labels:[
567 "HIER STARTEN",
568 "ENTSCHEIDEN",
569 "ÜBERPRÜFEN & ANPASSEN",
570 "START HERE",
571 "DECIDE",
572 "REVIEW & ADAPT"
573 ]
574 },
575 {
576 name:"RED",
577 accent:"#e94b13",
578 bg:"#fff1ec",
579 text:"#8a4d36",
580 labels:[
581 "PLANEN & ORGANISIEREN",
582 "ORGANISIEREN & DOKUMENTIEREN",
583 "PUBLIZIEREN & PRÄSENTIEREN",
584 "PLAN & ORGANISE",
585 "PLAN & ORGANIZE",
586 "ORGANISE & DOCUMENT",
587 "ORGANIZE & DOCUMENT",
588 "PUBLISH & PRESENT"
589 ]
590 },
591 {
592 name:"YELLOW",
593 accent:"#f0aa00",
594 bg:"#fff8e7",
595 text:"#785b17",
596 labels:[
597 "SCHÜTZEN & KLÄREN",
598 "STANDARDISIEREN & IDENTIFIZIEREN",
599 "ÖFFNEN, NACHNUTZEN & AUFFINDBAR MACHEN",
600 "PROTECT & CLARIFY",
601 "STANDARDISE & IDENTIFY",
602 "STANDARDIZE & IDENTIFY",
603 "OPEN, REUSE & MAKE FINDABLE"
604 ]
605 },
606 {
607 name:"GREEN",
608 accent:"#38b76a",
609 bg:"#edf9f1",
610 text:"#3f7451",
611 labels:[
612 "INFRASTRUKTUR EINRICHTEN",
613 "INFRASTRUKTUR & ZUSAMMENARBEIT EINRICHTEN",
614 "SPEICHERN & ZUGRIFF STEUERN",
615 "REPOSITORIUM, ERHALTEN & ÜBERGEBEN",
616 "SET UP INFRASTRUCTURE",
617 "SET UP INFRASTRUCTURE & COLLABORATION",
618 "STORE & CONTROL ACCESS",
619 "REPOSITORY, PRESERVE & HAND OVER"
620 ]
Veronika Kocher 8.5 621 }
Veronika Kocher 8.7 622 ];
Veronika Kocher 8.5 623
Veronika Kocher 8.7 624 function num(value){
625 var n=parseFloat(value);
626 return Number.isFinite(n)?n:0;
Veronika Kocher 8.4 627 }
628
Veronika Kocher 8.7 629 function norm(value){
630 return String(value||"")
Veronika Kocher 8.6 631 .replace(/\s+/g," ")
632 .trim()
633 .toUpperCase();
634 }
635
Veronika Kocher 8.7 636 function visible(el){
637 if(!el||el.nodeType!==1)return false;
Veronika Kocher 8.4 638
Veronika Kocher 8.7 639 var style=getComputedStyle(el);
640 var rect=el.getBoundingClientRect();
Veronika Kocher 8.6 641
642 return (
Veronika Kocher 8.7 643 style.display!=="none"&&
644 style.visibility!=="hidden"&&
645 rect.width>20&&
646 rect.height>4
Veronika Kocher 8.6 647 );
Veronika Kocher 8.4 648 }
649
Veronika Kocher 8.7 650 function saveStyle(el,map,property){
Veronika Kocher 8.5 651 if(map.has(el))return;
652
653 map.set(el,{
Veronika Kocher 8.7 654 value:el.style.getPropertyValue(property),
655 priority:el.style.getPropertyPriority(property)
Veronika Kocher 8.5 656 });
657 }
658
Veronika Kocher 8.7 659 function restoreStyle(el,map,property){
Veronika Kocher 8.5 660 var original=map.get(el);
661
662 if(original&&original.value){
663 el.style.setProperty(
664 property,
665 original.value,
666 original.priority||""
667 );
668 }else{
Veronika Kocher 8.7 669 el.style.removeProperty(property);
Veronika Kocher 8.5 670 }
671 }
672
Veronika Kocher 8.6 673 function resetRuntime(){
Veronika Kocher 8.7 674 managedHeight.forEach(function(el){
675 restoreStyle(
Veronika Kocher 8.5 676 el,
Veronika Kocher 8.7 677 originalHeight,
Veronika Kocher 8.5 678 "min-height"
679 );
680 el.removeAttribute(
Veronika Kocher 8.7 681 "data-sn-master-equal-height"
Veronika Kocher 8.5 682 );
683 });
684
Veronika Kocher 8.7 685 managedMargin.forEach(function(el){
686 restoreStyle(
Veronika Kocher 8.5 687 el,
Veronika Kocher 8.7 688 originalMargin,
Veronika Kocher 8.5 689 "margin-top"
690 );
691 el.removeAttribute(
Veronika Kocher 8.7 692 "data-sn-master-first-row"
Veronika Kocher 8.5 693 );
694 });
695
Veronika Kocher 8.7 696 managedHeight.clear();
697 managedMargin.clear();
698 }
Veronika Kocher 8.6 699
Veronika Kocher 8.7 700 function themeFor(text){
701 var value=norm(text);
Veronika Kocher 8.6 702
Veronika Kocher 8.7 703 for(var i=0;i<THEMES.length;i++){
704 for(var j=0;j<THEMES[i].labels.length;j++){
705 var label=THEMES[i].labels[j];
706
707 if(
708 value===label||
709 value.indexOf(label+" ")===0||
710 value.indexOf(label+" -")===0||
711 value.indexOf(label+" ·")===0
712 ){
713 return THEMES[i];
714 }
715 }
716 }
717
718 return null;
Veronika Kocher 8.5 719 }
720
Veronika Kocher 8.7 721 /* =======================================================
Veronika Kocher 8.8 722 BORDERLESS FILLED RED/ORANGE CTA BUTTONS
723 ======================================================= */
724
725 function colourDistance(a,b){
726 return Math.sqrt(
727 Math.pow(a[0]-b[0],2)+
728 Math.pow(a[1]-b[1],2)+
729 Math.pow(a[2]-b[2],2)
730 );
731 }
732
733 function makeFilledRedOrangeCTAsBorderless(){
734 var RED_ORANGE=[233,75,19];
735
736 Array.from(
737 root.querySelectorAll(
738 'a,button,[role="button"],input[type="submit"],input[type="button"]'
739 )
740 ).forEach(function(el){
741 if(!visible(el))return;
742
743 var style=getComputedStyle(el);
744 var rgb=parseRGB(style.backgroundColor);
745
746 if(!rgb)return;
747
748 if(
749 colourDistance(
750 rgb,
751 RED_ORANGE
752 )>55
753 ){
754 return;
755 }
756
757 var rect=el.getBoundingClientRect();
758
759 if(
760 rect.width<80||
761 rect.height<24
762 ){
763 return;
764 }
765
766 el.style.setProperty(
767 "border",
768 "none",
769 "important"
770 );
771
772 el.style.setProperty(
773 "border-left",
774 "none",
775 "important"
776 );
777
778 el.style.setProperty(
779 "border-top",
780 "none",
781 "important"
782 );
783
784 el.style.setProperty(
785 "border-right",
786 "none",
787 "important"
788 );
789
790 el.style.setProperty(
791 "border-bottom",
792 "none",
793 "important"
794 );
795
796 el.style.setProperty(
797 "box-shadow",
798 "none",
799 "important"
800 );
801 });
802 }
803
804 /* =======================================================
805 FULL-WIDTH THREE-LINE AREA LABELS
806 ======================================================= */
807
808 function compactText(value){
809 return String(value||"")
810 .replace(/\s+/g," ")
811 .trim();
812 }
813
814 function makeThreeLineAreaLabels(){
815 Array.from(
816 root.querySelectorAll(
817 ".arsn-area-label"
818 )
819 ).forEach(function(label){
820 if(
821 label.getAttribute(
822 "data-sn-three-line"
823 )==="1"
824 ){
825 return;
826 }
827
828 var number=
829 label.querySelector(
830 ":scope > .arsn-area-number"
831 );
832
833 var action=
834 label.querySelector(
835 ":scope > .arsn-area-action"
836 );
837
838 if(
839 !number||
840 !action
841 ){
842 return;
843 }
844
845 var clone=
846 label.cloneNode(true);
847
848 var cloneNumber=
849 clone.querySelector(
850 ":scope > .arsn-area-number"
851 );
852
853 var cloneAction=
854 clone.querySelector(
855 ":scope > .arsn-area-action"
856 );
857
858 if(cloneNumber){
859 cloneNumber.remove();
860 }
861
862 if(cloneAction){
863 cloneAction.remove();
864 }
865
866 var titleText=
867 compactText(
868 clone.textContent
869 );
870
871 if(!titleText){
872 return;
873 }
874
875 var numberNode=
876 number.cloneNode(true);
877
878 var actionNode=
879 action.cloneNode(true);
880
881 var titleNode=
882 document.createElement(
883 "span"
884 );
885
886 titleNode.className=
887 "sn-area-label-title";
888
889 titleNode.textContent=
890 titleText;
891
892 while(label.firstChild){
893 label.removeChild(
894 label.firstChild
895 );
896 }
897
898 label.appendChild(
899 numberNode
900 );
901
902 label.appendChild(
903 titleNode
904 );
905
906 label.appendChild(
907 actionNode
908 );
909
910 label.setAttribute(
911 "data-sn-three-line",
912 "1"
913 );
914
915 var head=
916 label.closest(
917 ".arsn-area-head"
918 );
919
920 if(head){
921 head.style.setProperty(
922 "width",
923 "100%",
924 "important"
925 );
926
927 head.style.setProperty(
928 "max-width",
929 "100%",
930 "important"
931 );
932
933 head.style.setProperty(
934 "box-sizing",
935 "border-box",
936 "important"
937 );
938 }
939 });
940 }
941
942 /* =======================================================
Veronika Kocher 8.7 943 PLACEHOLDER BADGE
944 ======================================================= */
Veronika Kocher 8.6 945
Veronika Kocher 8.7 946 function applyPlaceholderBadge(){
947 if(!PLACEHOLDER)return;
Veronika Kocher 8.6 948
949 if(
Veronika Kocher 8.7 950 document.querySelector(
951 ".sn-coming-soon-badge"
952 )
Veronika Kocher 8.6 953 ){
Veronika Kocher 8.7 954 return;
Veronika Kocher 8.6 955 }
956
Veronika Kocher 8.7 957 var title=
958 document.querySelector(
959 "#document-title"
960 )||
961 document.querySelector(
962 "h1"
963 );
Veronika Kocher 8.6 964
Veronika Kocher 8.7 965 if(!title)return;
Veronika Kocher 8.6 966
Veronika Kocher 8.7 967 var badge=
968 document.createElement(
969 "span"
970 );
971
972 badge.className=
973 "sn-coming-soon-badge";
974
975 badge.textContent=
976 PLACEHOLDER_LABEL;
977
978 badge.setAttribute(
979 "aria-label",
980 PLACEHOLDER_LABEL
Veronika Kocher 8.6 981 );
982
Veronika Kocher 8.7 983 title.appendChild(
984 badge
985 );
986 }
Veronika Kocher 8.6 987
Veronika Kocher 8.7 988 /* =======================================================
989 DETAIL PAGE OWN-ACCENT PROPAGATION
990 ======================================================= */
Veronika Kocher 8.6 991
Veronika Kocher 8.7 992 function parseRGB(value){
993 var match=String(value||"").match(
994 /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i
Veronika Kocher 8.6 995 );
Veronika Kocher 8.7 996
997 if(!match)return null;
998
999 return [
1000 Number(match[1]),
1001 Number(match[2]),
1002 Number(match[3])
1003 ];
Veronika Kocher 8.6 1004 }
1005
Veronika Kocher 8.7 1006 function distance(a,b){
1007 return Math.sqrt(
1008 Math.pow(a[0]-b[0],2)+
1009 Math.pow(a[1]-b[1],2)+
1010 Math.pow(a[2]-b[2],2)
1011 );
1012 }
Veronika Kocher 8.4 1013
Veronika Kocher 8.7 1014 function paletteMatch(cssColor){
1015 var rgb=parseRGB(cssColor);
Veronika Kocher 8.5 1016
Veronika Kocher 8.7 1017 if(!rgb)return null;
Veronika Kocher 8.5 1018
Veronika Kocher 8.7 1019 var palette=[
1020 {hex:"#21b6d7",rgb:[33,182,215]},
1021 {hex:"#e94b13",rgb:[233,75,19]},
1022 {hex:"#f0aa00",rgb:[240,170,0]},
1023 {hex:"#38b76a",rgb:[56,183,106]}
1024 ];
Veronika Kocher 8.4 1025
Veronika Kocher 8.5 1026 var best=null;
Veronika Kocher 8.7 1027 var bestDistance=Infinity;
Veronika Kocher 8.4 1028
Veronika Kocher 8.7 1029 palette.forEach(function(item){
1030 var d=distance(rgb,item.rgb);
Veronika Kocher 8.4 1031
Veronika Kocher 8.7 1032 if(d<bestDistance){
1033 best=item;
1034 bestDistance=d;
1035 }
1036 });
Veronika Kocher 8.5 1037
Veronika Kocher 8.7 1038 return bestDistance<=30
1039 ?best
1040 :null;
1041 }
Veronika Kocher 8.4 1042
Veronika Kocher 8.7 1043 function propagateDetailAccents(){
1044 if(PAGE_KIND!=="detail")return;
1045
1046 Array.from(
1047 root.querySelectorAll(
1048 ".arsn-call,.dmp-call,.ido-call,.pp-call,"+
1049 ".arsn-source,.dmp-source,.ido-source,.pp-source"
1050 )
1051 ).forEach(function(el){
1052 if(!visible(el))return;
1053
1054 var style=getComputedStyle(el);
1055
Veronika Kocher 8.5 1056 if(
Veronika Kocher 8.7 1057 num(style.borderTopWidth)>=2
Veronika Kocher 8.5 1058 ){
Veronika Kocher 8.7 1059 var match=
1060 paletteMatch(
1061 style.borderTopColor
Veronika Kocher 8.5 1062 );
1063
Veronika Kocher 8.7 1064 if(match){
1065 el.style.setProperty(
1066 "border-left",
1067 "4px solid "+match.hex,
1068 "important"
Veronika Kocher 8.5 1069 );
Veronika Kocher 8.4 1070 }
1071 }
Veronika Kocher 8.7 1072 });
Veronika Kocher 8.4 1073
Veronika Kocher 8.7 1074 // Warning families: explicit safety override.
1075 Array.from(
1076 root.querySelectorAll(
1077 ".arsn-warn,.dmp-warn,.ido-warn,.pp-warn,"+
1078 ".warn,.warning,.warningmessage,.errormessage"
1079 )
1080 ).forEach(function(el){
1081 if(!visible(el))return;
Veronika Kocher 8.4 1082
Veronika Kocher 8.7 1083 el.style.setProperty(
1084 "border-left",
1085 "4px solid #e94b13",
1086 "important"
1087 );
1088 });
Veronika Kocher 8.4 1089
Veronika Kocher 8.7 1090 // Info families: explicit orientation override.
1091 Array.from(
1092 root.querySelectorAll(
1093 ".arsn-info,.dmp-info,.ido-info,.pp-info,.infomessage"
1094 )
1095 ).forEach(function(el){
1096 if(!visible(el))return;
Veronika Kocher 8.5 1097
Veronika Kocher 8.7 1098 el.style.setProperty(
1099 "border-left",
1100 "4px solid #21b6d7",
1101 "important"
1102 );
1103 });
1104 }
Veronika Kocher 8.5 1105
Veronika Kocher 8.7 1106 /* =======================================================
1107 OVERVIEW SEMANTIC THEME PALETTE
1108 ======================================================= */
Veronika Kocher 8.5 1109
Veronika Kocher 8.7 1110 function smallestThemeHeaders(){
1111 return Array.from(
1112 root.querySelectorAll(
1113 "div,span,p,strong,h3,h4,h5,h6"
1114 )
1115 ).filter(function(el){
1116 if(!visible(el))return false;
1117 if(!themeFor(el.textContent))return false;
Veronika Kocher 8.5 1118
Veronika Kocher 8.7 1119 return !Array.from(
1120 el.children||[]
1121 ).some(function(child){
1122 return !!themeFor(
1123 child.textContent
1124 );
Veronika Kocher 8.5 1125 });
Veronika Kocher 8.7 1126 });
Veronika Kocher 8.4 1127 }
1128
Veronika Kocher 8.7 1129 function findOverviewCard(header){
1130 var node=header.parentElement;
1131 var candidates=[];
Veronika Kocher 8.5 1132
Veronika Kocher 8.7 1133 while(node&&node!==root){
1134 var rect=node.getBoundingClientRect();
1135 var style=getComputedStyle(node);
Veronika Kocher 8.5 1136
Veronika Kocher 8.7 1137 var border=
1138 num(style.borderTopWidth)+
1139 num(style.borderRightWidth)+
1140 num(style.borderBottomWidth)+
1141 num(style.borderLeftWidth);
Veronika Kocher 8.5 1142
Veronika Kocher 8.7 1143 if(
1144 rect.width>=220&&
1145 rect.width<=800&&
1146 rect.height>=120&&
1147 border>=1
1148 ){
1149 candidates.push(node);
1150 }
Veronika Kocher 8.5 1151
Veronika Kocher 8.7 1152 node=node.parentElement;
1153 }
Veronika Kocher 8.5 1154
Veronika Kocher 8.7 1155 if(!candidates.length)return null;
Veronika Kocher 8.5 1156
Veronika Kocher 8.7 1157 candidates.sort(function(a,b){
1158 return (
1159 b.getBoundingClientRect().height-
1160 a.getBoundingClientRect().height
Veronika Kocher 8.6 1161 );
Veronika Kocher 8.7 1162 });
Veronika Kocher 8.5 1163
Veronika Kocher 8.7 1164 return candidates[0];
Veronika Kocher 8.5 1165 }
1166
Veronika Kocher 8.7 1167 function rowCandidates(link,card){
1168 var result=[];
Veronika Kocher 8.6 1169 var cardRect=
1170 card.getBoundingClientRect();
Veronika Kocher 8.5 1171
Veronika Kocher 8.7 1172 var node=link;
Veronika Kocher 8.5 1173
Veronika Kocher 8.7 1174 while(node&&node!==card){
1175 if(visible(node)){
1176 var rect=
1177 node.getBoundingClientRect();
Veronika Kocher 8.5 1178
Veronika Kocher 8.7 1179 if(
1180 rect.height<=105&&
1181 rect.width>=
1182 cardRect.width*.50&&
1183 rect.width<=
1184 cardRect.width*1.03
1185 ){
1186 result.push(node);
1187 }
1188 }
Veronika Kocher 8.5 1189
Veronika Kocher 8.7 1190 node=node.parentElement;
1191 }
1192
1193 return result;
1194 }
1195
1196 function chooseOuterRow(
1197 candidates,
1198 link
1199 ){
1200 if(!candidates.length){
1201 return link;
1202 }
1203
1204 var bordered=
1205 candidates.filter(function(el){
Veronika Kocher 8.6 1206 return (
Veronika Kocher 8.7 1207 num(
1208 getComputedStyle(el)
1209 .borderLeftWidth
1210 )>=1
Veronika Kocher 8.6 1211 );
1212 });
Veronika Kocher 8.5 1213
Veronika Kocher 8.7 1214 var pool=
1215 bordered.length
1216 ?bordered
1217 :candidates;
Veronika Kocher 8.5 1218
Veronika Kocher 8.7 1219 pool.sort(function(a,b){
1220 var ar=
1221 a.getBoundingClientRect();
Veronika Kocher 8.5 1222
Veronika Kocher 8.7 1223 var br=
1224 b.getBoundingClientRect();
Veronika Kocher 8.5 1225
Veronika Kocher 8.7 1226 return (
1227 ar.left-br.left||
1228 br.width-ar.width
1229 );
1230 });
Veronika Kocher 8.5 1231
Veronika Kocher 8.7 1232 return pool[0]||link;
1233 }
Veronika Kocher 8.5 1234
Veronika Kocher 8.7 1235 function applyOverviewPalette(){
1236 if(PAGE_KIND!=="overview"){
1237 return [];
Veronika Kocher 8.6 1238 }
Veronika Kocher 8.5 1239
Veronika Kocher 8.7 1240 var headers=
1241 smallestThemeHeaders()
1242 .map(function(el){
1243 return {
1244 el:el,
1245 theme:
1246 themeFor(
1247 el.textContent
1248 ),
1249 card:
1250 findOverviewCard(
1251 el
1252 )
1253 };
Veronika Kocher 8.6 1254 })
Veronika Kocher 8.7 1255 .filter(function(row){
1256 return !!row.card;
1257 });
Veronika Kocher 8.5 1258
Veronika Kocher 8.7 1259 var unique=[];
1260 var seenHeaders=new Set();
Veronika Kocher 8.5 1261
Veronika Kocher 8.7 1262 headers.forEach(function(row){
1263 var key=
1264 row.theme.name+
1265 "|"+
1266 Math.round(
1267 row.card
1268 .getBoundingClientRect()
1269 .left
1270 )+
1271 "|"+
1272 Math.round(
1273 row.el
1274 .getBoundingClientRect()
1275 .top
1276 );
Veronika Kocher 8.5 1277
Veronika Kocher 8.7 1278 if(!seenHeaders.has(key)){
1279 seenHeaders.add(key);
1280 unique.push(row);
1281 }
1282 });
Veronika Kocher 8.5 1283
Veronika Kocher 8.7 1284 unique.forEach(function(row){
1285 var headerRect=
1286 row.el
1287 .getBoundingClientRect();
Veronika Kocher 8.5 1288
Veronika Kocher 8.7 1289 row.el.style.setProperty(
1290 "background",
1291 row.theme.bg,
1292 "important"
Veronika Kocher 8.6 1293 );
1294
Veronika Kocher 8.7 1295 row.el.style.setProperty(
1296 "color",
1297 row.theme.text,
1298 "important"
Veronika Kocher 8.6 1299 );
1300
Veronika Kocher 8.7 1301 row.el.style.setProperty(
1302 "text-align",
1303 "left",
1304 "important"
Veronika Kocher 8.6 1305 );
Veronika Kocher 8.5 1306
Veronika Kocher 8.7 1307 row.el.style.setProperty(
1308 "word-spacing",
1309 "normal",
1310 "important"
1311 );
Veronika Kocher 8.6 1312
Veronika Kocher 8.7 1313 var later=
1314 unique
1315 .filter(function(other){
1316 return (
1317 other.card===row.card&&
1318 other.el
1319 .getBoundingClientRect()
1320 .top>
1321 headerRect.top+2
1322 );
1323 })
1324 .sort(function(a,b){
1325 return (
1326 a.el
1327 .getBoundingClientRect()
1328 .top-
1329 b.el
1330 .getBoundingClientRect()
1331 .top
1332 );
1333 });
Veronika Kocher 8.6 1334
Veronika Kocher 8.7 1335 var stopTop=
1336 later.length
1337 ?later[0].el
1338 .getBoundingClientRect()
1339 .top
1340 :Infinity;
Veronika Kocher 8.6 1341
1342 Array.from(
Veronika Kocher 8.7 1343 row.card.querySelectorAll("a")
1344 ).forEach(function(link){
1345 if(!visible(link))return;
Veronika Kocher 8.6 1346
Veronika Kocher 8.7 1347 var rect=
1348 link.getBoundingClientRect();
Veronika Kocher 8.6 1349
Veronika Kocher 8.7 1350 if(
1351 rect.top<=
1352 headerRect.bottom-2||
1353 rect.top>=
1354 stopTop-2
1355 ){
1356 return;
1357 }
Veronika Kocher 8.6 1358
Veronika Kocher 8.7 1359 var candidates=
1360 rowCandidates(
1361 link,
1362 row.card
1363 );
1364
1365 var target=
1366 chooseOuterRow(
1367 candidates,
1368 link
1369 );
1370
1371 candidates.forEach(function(el){
1372 el.style.setProperty(
1373 "border-left",
1374 "0 solid transparent",
1375 "important"
1376 );
1377 });
1378
1379 target.style.setProperty(
1380 "border-left",
1381 "3px solid "+
1382 row.theme.accent,
1383 "important"
Veronika Kocher 8.6 1384 );
Veronika Kocher 8.7 1385
1386 target.style.setProperty(
1387 "box-sizing",
1388 "border-box",
1389 "important"
Veronika Kocher 8.6 1390 );
Veronika Kocher 8.5 1391 });
Veronika Kocher 8.7 1392 });
Veronika Kocher 8.5 1393
Veronika Kocher 8.7 1394 return unique;
Veronika Kocher 8.6 1395 }
Veronika Kocher 8.5 1396
Veronika Kocher 8.7 1397 /* =======================================================
1398 OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW
1399 ======================================================= */
Veronika Kocher 8.6 1400
Veronika Kocher 8.7 1401 function alignOverviewCards(headers){
1402 if(
1403 PAGE_KIND!=="overview"||
1404 window.innerWidth<=MOBILE_MAX
1405 ){
1406 return;
1407 }
Veronika Kocher 8.6 1408
Veronika Kocher 8.7 1409 var cards=[];
1410 var seen=new Set();
Veronika Kocher 8.6 1411
Veronika Kocher 8.7 1412 headers.forEach(function(row){
1413 if(!seen.has(row.card)){
1414 seen.add(row.card);
1415 cards.push(row.card);
1416 }
1417 });
Veronika Kocher 8.6 1418
Veronika Kocher 8.7 1419 if(cards.length<2){
1420 return;
1421 }
Veronika Kocher 8.6 1422
Veronika Kocher 8.7 1423 // Group cards by actual top position.
1424 var groups=[];
Veronika Kocher 8.6 1425
Veronika Kocher 8.7 1426 cards.forEach(function(card){
1427 var top=
1428 card.getBoundingClientRect().top;
Veronika Kocher 8.6 1429
Veronika Kocher 8.7 1430 var group=null;
Veronika Kocher 8.6 1431
Veronika Kocher 8.7 1432 for(var i=0;i<groups.length;i++){
Veronika Kocher 8.6 1433 if(
Veronika Kocher 8.7 1434 Math.abs(
1435 groups[i].top-top
1436 )<=ROW_TOLERANCE
Veronika Kocher 8.6 1437 ){
Veronika Kocher 8.7 1438 group=groups[i];
1439 break;
Veronika Kocher 8.6 1440 }
Veronika Kocher 8.7 1441 }
Veronika Kocher 8.6 1442
Veronika Kocher 8.7 1443 if(!group){
1444 group={
1445 top:top,
1446 cards:[]
1447 };
1448 groups.push(group);
1449 }
Veronika Kocher 8.6 1450
Veronika Kocher 8.7 1451 group.cards.push(card);
1452 });
Veronika Kocher 8.6 1453
Veronika Kocher 8.7 1454 groups.forEach(function(group){
1455 if(group.cards.length<2){
1456 return;
1457 }
Veronika Kocher 8.6 1458
Veronika Kocher 8.7 1459 var firstHeaders=
1460 group.cards.map(function(card){
1461 var candidates=
1462 headers
1463 .filter(function(row){
1464 return row.card===card;
1465 })
1466 .sort(function(a,b){
1467 return (
1468 a.el
1469 .getBoundingClientRect()
1470 .top-
1471 b.el
1472 .getBoundingClientRect()
1473 .top
1474 );
1475 });
Veronika Kocher 8.6 1476
Veronika Kocher 8.7 1477 return candidates.length
1478 ?candidates[0]
1479 :null;
1480 });
Veronika Kocher 8.6 1481
Veronika Kocher 8.7 1482 if(
1483 !firstHeaders.some(function(row){
1484 return !row;
1485 })
1486 ){
1487 var targetTop=
1488 Math.max.apply(
1489 Math,
1490 firstHeaders.map(function(row){
1491 return (
1492 row.el
1493 .getBoundingClientRect()
1494 .top-
1495 row.card
1496 .getBoundingClientRect()
1497 .top
1498 );
1499 })
1500 );
Veronika Kocher 8.4 1501
Veronika Kocher 8.7 1502 firstHeaders.forEach(function(row){
1503 var relativeTop=
1504 row.el
1505 .getBoundingClientRect()
1506 .top-
1507 row.card
1508 .getBoundingClientRect()
1509 .top;
Veronika Kocher 8.5 1510
Veronika Kocher 8.7 1511 var delta=
1512 targetTop-relativeTop;
Veronika Kocher 8.5 1513
Veronika Kocher 8.7 1514 if(delta>1){
1515 saveStyle(
1516 row.el,
1517 originalMargin,
1518 "margin-top"
1519 );
Veronika Kocher 8.6 1520
Veronika Kocher 8.7 1521 var current=
1522 num(
1523 getComputedStyle(
1524 row.el
1525 ).marginTop
1526 );
Veronika Kocher 8.5 1527
Veronika Kocher 8.7 1528 row.el.style.setProperty(
1529 "margin-top",
1530 (
1531 current+delta
1532 )+"px"
1533 );
Veronika Kocher 8.5 1534
Veronika Kocher 8.7 1535 row.el.setAttribute(
1536 "data-sn-master-first-row",
1537 "1"
1538 );
Veronika Kocher 8.5 1539
Veronika Kocher 8.7 1540 managedMargin.add(
1541 row.el
1542 );
1543 }
1544 });
1545 }
Veronika Kocher 8.5 1546
Veronika Kocher 8.7 1547 var maxHeight=0;
Veronika Kocher 8.5 1548
Veronika Kocher 8.7 1549 group.cards.forEach(function(card){
1550 maxHeight=
1551 Math.max(
1552 maxHeight,
1553 card
1554 .getBoundingClientRect()
1555 .height
1556 );
1557 });
Veronika Kocher 8.5 1558
Veronika Kocher 8.7 1559 maxHeight=
1560 Math.ceil(maxHeight);
Veronika Kocher 8.5 1561
Veronika Kocher 8.7 1562 group.cards.forEach(function(card){
1563 saveStyle(
1564 card,
1565 originalHeight,
1566 "min-height"
1567 );
Veronika Kocher 8.5 1568
Veronika Kocher 8.7 1569 card.style.setProperty(
1570 "min-height",
1571 maxHeight+"px"
Veronika Kocher 8.5 1572 );
1573
Veronika Kocher 8.7 1574 card.setAttribute(
1575 "data-sn-master-equal-height",
1576 "1"
1577 );
Veronika Kocher 8.5 1578
Veronika Kocher 8.7 1579 managedHeight.add(
1580 card
1581 );
1582 });
Veronika Kocher 8.5 1583 });
1584 }
1585
Veronika Kocher 8.7 1586 /* =======================================================
1587 DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY
1588 ======================================================= */
Veronika Kocher 8.5 1589
Veronika Kocher 8.7 1590 function equaliseDetailGrids(){
Veronika Kocher 8.6 1591 if(
Veronika Kocher 8.7 1592 PAGE_KIND!=="detail"||
1593 window.innerWidth<=MOBILE_MAX
Veronika Kocher 8.6 1594 ){
Veronika Kocher 8.7 1595 return;
Veronika Kocher 8.6 1596 }
Veronika Kocher 8.5 1597
Veronika Kocher 8.7 1598 var selectors=[
1599 ".arsn-grid",
1600 ".arsn-grid-2",
1601 ".arsn-grid-3",
1602 ".dmp-grid",
1603 ".ido-grid",
1604 ".pp-grid"
1605 ];
Veronika Kocher 8.5 1606
Veronika Kocher 8.7 1607 selectors.forEach(function(selector){
1608 Array.from(
1609 root.querySelectorAll(selector)
1610 ).forEach(function(grid){
1611 var children=
1612 Array.from(
1613 grid.children||[]
1614 ).filter(visible);
Veronika Kocher 8.5 1615
Veronika Kocher 8.7 1616 if(children.length<2){
1617 return;
1618 }
Veronika Kocher 8.5 1619
Veronika Kocher 8.7 1620 var groups=[];
Veronika Kocher 8.5 1621
Veronika Kocher 8.7 1622 children.forEach(function(child){
1623 var top=
1624 child
1625 .getBoundingClientRect()
1626 .top;
Veronika Kocher 8.5 1627
Veronika Kocher 8.7 1628 var group=null;
Veronika Kocher 8.5 1629
Veronika Kocher 8.7 1630 for(var i=0;i<groups.length;i++){
1631 if(
1632 Math.abs(
1633 groups[i].top-top
1634 )<=ROW_TOLERANCE
1635 ){
1636 group=groups[i];
1637 break;
1638 }
1639 }
Veronika Kocher 8.5 1640
Veronika Kocher 8.7 1641 if(!group){
1642 group={
1643 top:top,
1644 items:[]
1645 };
1646 groups.push(group);
1647 }
Veronika Kocher 8.5 1648
Veronika Kocher 8.7 1649 group.items.push(child);
1650 });
Veronika Kocher 8.5 1651
Veronika Kocher 8.7 1652 groups.forEach(function(group){
1653 if(group.items.length<2){
1654 return;
1655 }
Veronika Kocher 8.4 1656
Veronika Kocher 8.7 1657 var maxHeight=0;
Veronika Kocher 8.6 1658
Veronika Kocher 8.7 1659 group.items.forEach(function(item){
1660 maxHeight=
1661 Math.max(
1662 maxHeight,
1663 item
1664 .getBoundingClientRect()
1665 .height
1666 );
1667 });
Veronika Kocher 8.6 1668
Veronika Kocher 8.7 1669 maxHeight=
1670 Math.ceil(maxHeight);
Veronika Kocher 8.4 1671
Veronika Kocher 8.7 1672 group.items.forEach(function(item){
1673 saveStyle(
1674 item,
1675 originalHeight,
1676 "min-height"
1677 );
Veronika Kocher 8.4 1678
Veronika Kocher 8.7 1679 item.style.setProperty(
1680 "min-height",
1681 maxHeight+"px"
1682 );
Veronika Kocher 8.5 1683
Veronika Kocher 8.7 1684 item.setAttribute(
1685 "data-sn-master-equal-height",
1686 "1"
1687 );
Veronika Kocher 8.4 1688
Veronika Kocher 8.7 1689 managedHeight.add(item);
1690 });
Veronika Kocher 8.4 1691 });
Veronika Kocher 8.7 1692 });
1693 });
1694 }
Veronika Kocher 8.4 1695
Veronika Kocher 8.7 1696 /* =======================================================
1697 RUN / RESPONSIVE SCHEDULING
1698 ======================================================= */
Veronika Kocher 8.4 1699
Veronika Kocher 8.7 1700 function run(){
1701 if(running)return;
Veronika Kocher 8.4 1702
Veronika Kocher 8.7 1703 running=true;
Veronika Kocher 8.6 1704
Veronika Kocher 8.7 1705 try{
1706 resetRuntime();
1707 applyPlaceholderBadge();
1708 propagateDetailAccents();
Veronika Kocher 8.6 1709
Veronika Kocher 8.7 1710 var headers=
1711 applyOverviewPalette();
Veronika Kocher 8.6 1712
Veronika Kocher 8.8 1713 makeThreeLineAreaLabels();
1714 makeFilledRedOrangeCTAsBorderless();
1715
Veronika Kocher 8.7 1716 if(
1717 window.innerWidth>
1718 MOBILE_MAX
1719 ){
1720 alignOverviewCards(
1721 headers
1722 );
Veronika Kocher 8.4 1723
Veronika Kocher 8.7 1724 equaliseDetailGrids();
1725 }
Veronika Kocher 8.6 1726 }finally{
Veronika Kocher 8.7 1727 running=false;
Veronika Kocher 8.6 1728 }
Veronika Kocher 8.4 1729 }
1730
Veronika Kocher 8.7 1731 function onResize(){
Veronika Kocher 8.6 1732 if(resizeTimer){
1733 clearTimeout(
1734 resizeTimer
1735 );
1736 }
Veronika Kocher 8.5 1737
Veronika Kocher 8.6 1738 resizeTimer=
1739 setTimeout(
1740 function(){
1741 resizeTimer=0;
Veronika Kocher 8.7 1742 run();
Veronika Kocher 8.6 1743 },
1744 RESIZE_DEBOUNCE
1745 );
Veronika Kocher 8.4 1746 }
1747
Veronika Kocher 8.7 1748 async function waitForReady(){
1749 if(
1750 document.readyState!=="complete"
1751 ){
1752 await new Promise(function(resolve){
1753 window.addEventListener(
1754 "load",
1755 resolve,
1756 {once:true}
1757 );
1758 });
1759 }
1760
1761 if(
1762 document.fonts&&
1763 document.fonts.ready
1764 ){
1765 try{
1766 await document.fonts.ready;
1767 }catch(error){}
1768 }
1769
Veronika Kocher 8.6 1770 var images=
1771 Array.from(
1772 root.querySelectorAll("img")
1773 );
Veronika Kocher 8.4 1774
Veronika Kocher 8.7 1775 await Promise.all(
Veronika Kocher 8.6 1776 images.map(function(img){
1777 if(img.complete){
1778 return Promise.resolve();
1779 }
Veronika Kocher 8.4 1780
Veronika Kocher 8.6 1781 return new Promise(function(resolve){
1782 var done=function(){
1783 resolve();
1784 };
1785
1786 img.addEventListener(
1787 "load",
1788 done,
1789 {once:true}
1790 );
1791
1792 img.addEventListener(
1793 "error",
1794 done,
1795 {once:true}
1796 );
1797 });
1798 })
1799 );
1800
Veronika Kocher 8.7 1801 run();
Veronika Kocher 8.4 1802 }
1803
Veronika Kocher 8.7 1804 window.addEventListener(
Veronika Kocher 8.6 1805 "resize",
Veronika Kocher 8.7 1806 onResize,
Veronika Kocher 8.6 1807 {passive:true}
1808 );
1809
Veronika Kocher 8.7 1810 waitForReady();
Veronika Kocher 8.4 1811 })();
1812 </script>
Veronika Kocher 8.6 1813
Veronika Kocher 8.7 1814 <!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END -->
1815 {{/html}}
1816