Wiki-Quellcode von Get Started

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

Verwalten
- Kopieren
Aktionen
- Exportieren
- Druckvorschau
Ansichten

version	line-number	content
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">
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.
8.1	46	</p>
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.
8.1	52	</div>
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.
8.1	56	</div>
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 & 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.
8.1	142	<div style="margin-top:7px;">
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>
8.1	144	· <a href="mailto:projektsupport@uni-ak.ac.at">projektsupport@uni-ak.ac.at</a>
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 & 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.
8.1	176	</div>
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 & 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 & 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 & 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 & 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 & 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&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 & 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 & Ethik</a></p>
	267	</div>
	268	</details>
	269	<details class="arsn-detail">
	270	<summary>7 · Räume, öffentliche Veranstaltungen, Sicherheit, Barrierefreiheit & 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 & 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 & 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 & 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 & 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 & 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.
8.1	380	</div>
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 & 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 & 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>.
8.1	386	</div>
8.2	387
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;">
9.1	391	<div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#3f6871;margin-bottom:5px;">SCHULUNGEN & WORKSHOPS</div>
	392	<h3 style="font-size:20px;line-height:1.3;margin:0 0 7px;color:#35312d;text-align:left;">Schulungen, Workshops & 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>
8.11	395	</div>
	396	</section>
	397	<!-- ARSN_TRAINING_WORKSHOPS_V2_END -->
8.10	398
8.11	399	<!-- ARSN_PRACTICAL_RESOURCES_V2_START -->
	400	<section class="arsn-practical-resources" data-arsn-practical-resources="v2" style="margin:0 0 27px;">
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>
8.11	404	<div class="arsn-resource-grid" style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;">
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 & 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>
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 -->
8.10	412
8.1	413	</div>
	414	{{/html}}
8.4	415
8.7	416	{{html clean="false"}}
	417	<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START -->
8.6	418
8.7	419	<style data-sn-service-navigator-master="1">
	420	/* =========================================================
	421	MASTER TYPOGRAPHY
	422	========================================================= */
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
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{
8.6	472	box-sizing:border-box!important;
8.7	473	border-left:4px solid #21b6d7!important;
	474	border-radius:8px;
8.6	475	text-align:left!important;
	476	word-spacing:normal!important;
	477	}
	478
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,
8.6	486	#xwikicontent .errormessage{
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;
8.6	492	}
	493
8.7	494	[data-sn-master-equal-height],
	495	[data-sn-master-first-row]{
8.5	496	box-sizing:border-box;
8.4	497	}
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	}
8.4	530	</style>
8.6	531
8.7	532	<script data-sn-service-navigator-master="1">
8.4	533	(function(){
	534	"use strict";
	535
8.7	536	var PAGE_KIND="detail";
	537	var PLACEHOLDER=false;
9.1	538	var PLACEHOLDER_LABEL="IN VORBEREITUNG";
8.7	539
8.4	540	var MOBILE_MAX=767;
8.5	541	var ROW_TOLERANCE=6;
8.6	542	var RESIZE_DEBOUNCE=220;
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
8.7	552	var managedHeight=new Set();
	553	var managedMargin=new Set();
	554	var originalHeight=new WeakMap();
	555	var originalMargin=new WeakMap();
8.6	556
	557	var resizeTimer=0;
8.7	558	var running=false;
8.6	559
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	]
8.5	621	}
8.7	622	];
8.5	623
8.7	624	function num(value){
	625	var n=parseFloat(value);
	626	return Number.isFinite(n)?n:0;
8.4	627	}
	628
8.7	629	function norm(value){
	630	return String(value\|\|"")
8.6	631	.replace(/\s+/g," ")
	632	.trim()
	633	.toUpperCase();
	634	}
	635
8.7	636	function visible(el){
	637	if(!el\|\|el.nodeType!==1)return false;
8.4	638
8.7	639	var style=getComputedStyle(el);
	640	var rect=el.getBoundingClientRect();
8.6	641
	642	return (
8.7	643	style.display!=="none"&&
	644	style.visibility!=="hidden"&&
	645	rect.width>20&&
	646	rect.height>4
8.6	647	);
8.4	648	}
	649
8.7	650	function saveStyle(el,map,property){
8.5	651	if(map.has(el))return;
	652
	653	map.set(el,{
8.7	654	value:el.style.getPropertyValue(property),
	655	priority:el.style.getPropertyPriority(property)
8.5	656	});
	657	}
	658
8.7	659	function restoreStyle(el,map,property){
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{
8.7	669	el.style.removeProperty(property);
8.5	670	}
	671	}
	672
8.6	673	function resetRuntime(){
8.7	674	managedHeight.forEach(function(el){
	675	restoreStyle(
8.5	676	el,
8.7	677	originalHeight,
8.5	678	"min-height"
	679	);
	680	el.removeAttribute(
8.7	681	"data-sn-master-equal-height"
8.5	682	);
	683	});
	684
8.7	685	managedMargin.forEach(function(el){
	686	restoreStyle(
8.5	687	el,
8.7	688	originalMargin,
8.5	689	"margin-top"
	690	);
	691	el.removeAttribute(
8.7	692	"data-sn-master-first-row"
8.5	693	);
	694	});
	695
8.7	696	managedHeight.clear();
	697	managedMargin.clear();
	698	}
8.6	699
8.7	700	function themeFor(text){
	701	var value=norm(text);
8.6	702
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;
8.5	719	}
	720
8.7	721	/* =======================================================
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	/* =======================================================
8.7	943	PLACEHOLDER BADGE
	944	======================================================= */
8.6	945
8.7	946	function applyPlaceholderBadge(){
	947	if(!PLACEHOLDER)return;
8.6	948
	949	if(
8.7	950	document.querySelector(
	951	".sn-coming-soon-badge"
	952	)
8.6	953	){
8.7	954	return;
8.6	955	}
	956
8.7	957	var title=
	958	document.querySelector(
	959	"#document-title"
	960	)\|\|
	961	document.querySelector(
	962	"h1"
	963	);
8.6	964
8.7	965	if(!title)return;
8.6	966
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
8.6	981	);
	982
8.7	983	title.appendChild(
	984	badge
	985	);
	986	}
8.6	987
8.7	988	/* =======================================================
	989	DETAIL PAGE OWN-ACCENT PROPAGATION
	990	======================================================= */
8.6	991
8.7	992	function parseRGB(value){
	993	var match=String(value\|\|"").match(
	994	/rgba?\(\s([\d.]+)\s,\s([\d.]+)\s,\s*([\d.]+)/i
8.6	995	);
8.7	996
	997	if(!match)return null;
	998
	999	return [
	1000	Number(match[1]),
	1001	Number(match[2]),
	1002	Number(match[3])
	1003	];
8.6	1004	}
	1005
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	}
8.4	1013
8.7	1014	function paletteMatch(cssColor){
	1015	var rgb=parseRGB(cssColor);
8.5	1016
8.7	1017	if(!rgb)return null;
8.5	1018
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	];
8.4	1025
8.5	1026	var best=null;
8.7	1027	var bestDistance=Infinity;
8.4	1028
8.7	1029	palette.forEach(function(item){
	1030	var d=distance(rgb,item.rgb);
8.4	1031
8.7	1032	if(d<bestDistance){
	1033	best=item;
	1034	bestDistance=d;
	1035	}
	1036	});
8.5	1037
8.7	1038	return bestDistance<=30
	1039	?best
	1040	:null;
	1041	}
8.4	1042
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
8.5	1056	if(
8.7	1057	num(style.borderTopWidth)>=2
8.5	1058	){
8.7	1059	var match=
	1060	paletteMatch(
	1061	style.borderTopColor
8.5	1062	);
	1063
8.7	1064	if(match){
	1065	el.style.setProperty(
	1066	"border-left",
	1067	"4px solid "+match.hex,
	1068	"important"
8.5	1069	);
8.4	1070	}
	1071	}
8.7	1072	});
8.4	1073
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;
8.4	1082
8.7	1083	el.style.setProperty(
	1084	"border-left",
	1085	"4px solid #e94b13",
	1086	"important"
	1087	);
	1088	});
8.4	1089
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;
8.5	1097
8.7	1098	el.style.setProperty(
	1099	"border-left",
	1100	"4px solid #21b6d7",
	1101	"important"
	1102	);
	1103	});
	1104	}
8.5	1105
8.7	1106	/* =======================================================
	1107	OVERVIEW SEMANTIC THEME PALETTE
	1108	======================================================= */
8.5	1109
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;
8.5	1118
8.7	1119	return !Array.from(
	1120	el.children\|\|[]
	1121	).some(function(child){
	1122	return !!themeFor(
	1123	child.textContent
	1124	);
8.5	1125	});
8.7	1126	});
8.4	1127	}
	1128
8.7	1129	function findOverviewCard(header){
	1130	var node=header.parentElement;
	1131	var candidates=[];
8.5	1132
8.7	1133	while(node&&node!==root){
	1134	var rect=node.getBoundingClientRect();
	1135	var style=getComputedStyle(node);
8.5	1136
8.7	1137	var border=
	1138	num(style.borderTopWidth)+
	1139	num(style.borderRightWidth)+
	1140	num(style.borderBottomWidth)+
	1141	num(style.borderLeftWidth);
8.5	1142
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	}
8.5	1151
8.7	1152	node=node.parentElement;
	1153	}
8.5	1154
8.7	1155	if(!candidates.length)return null;
8.5	1156
8.7	1157	candidates.sort(function(a,b){
	1158	return (
	1159	b.getBoundingClientRect().height-
	1160	a.getBoundingClientRect().height
8.6	1161	);
8.7	1162	});
8.5	1163
8.7	1164	return candidates[0];
8.5	1165	}
	1166
8.7	1167	function rowCandidates(link,card){
	1168	var result=[];
8.6	1169	var cardRect=
	1170	card.getBoundingClientRect();
8.5	1171
8.7	1172	var node=link;
8.5	1173
8.7	1174	while(node&&node!==card){
	1175	if(visible(node)){
	1176	var rect=
	1177	node.getBoundingClientRect();
8.5	1178
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	}
8.5	1189
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){
8.6	1206	return (
8.7	1207	num(
	1208	getComputedStyle(el)
	1209	.borderLeftWidth
	1210	)>=1
8.6	1211	);
	1212	});
8.5	1213
8.7	1214	var pool=
	1215	bordered.length
	1216	?bordered
	1217	:candidates;
8.5	1218
8.7	1219	pool.sort(function(a,b){
	1220	var ar=
	1221	a.getBoundingClientRect();
8.5	1222
8.7	1223	var br=
	1224	b.getBoundingClientRect();
8.5	1225
8.7	1226	return (
	1227	ar.left-br.left\|\|
	1228	br.width-ar.width
	1229	);
	1230	});
8.5	1231
8.7	1232	return pool[0]\|\|link;
	1233	}
8.5	1234
8.7	1235	function applyOverviewPalette(){
	1236	if(PAGE_KIND!=="overview"){
	1237	return [];
8.6	1238	}
8.5	1239
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	};
8.6	1254	})
8.7	1255	.filter(function(row){
	1256	return !!row.card;
	1257	});
8.5	1258
8.7	1259	var unique=[];
	1260	var seenHeaders=new Set();
8.5	1261
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	);
8.5	1277
8.7	1278	if(!seenHeaders.has(key)){
	1279	seenHeaders.add(key);
	1280	unique.push(row);
	1281	}
	1282	});
8.5	1283
8.7	1284	unique.forEach(function(row){
	1285	var headerRect=
	1286	row.el
	1287	.getBoundingClientRect();
8.5	1288
8.7	1289	row.el.style.setProperty(
	1290	"background",
	1291	row.theme.bg,
	1292	"important"
8.6	1293	);
	1294
8.7	1295	row.el.style.setProperty(
	1296	"color",
	1297	row.theme.text,
	1298	"important"
8.6	1299	);
	1300
8.7	1301	row.el.style.setProperty(
	1302	"text-align",
	1303	"left",
	1304	"important"
8.6	1305	);
8.5	1306
8.7	1307	row.el.style.setProperty(
	1308	"word-spacing",
	1309	"normal",
	1310	"important"
	1311	);
8.6	1312
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	});
8.6	1334
8.7	1335	var stopTop=
	1336	later.length
	1337	?later[0].el
	1338	.getBoundingClientRect()
	1339	.top
	1340	:Infinity;
8.6	1341
	1342	Array.from(
8.7	1343	row.card.querySelectorAll("a")
	1344	).forEach(function(link){
	1345	if(!visible(link))return;
8.6	1346
8.7	1347	var rect=
	1348	link.getBoundingClientRect();
8.6	1349
8.7	1350	if(
	1351	rect.top<=
	1352	headerRect.bottom-2\|\|
	1353	rect.top>=
	1354	stopTop-2
	1355	){
	1356	return;
	1357	}
8.6	1358
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"
8.6	1384	);
8.7	1385
	1386	target.style.setProperty(
	1387	"box-sizing",
	1388	"border-box",
	1389	"important"
8.6	1390	);
8.5	1391	});
8.7	1392	});
8.5	1393
8.7	1394	return unique;
8.6	1395	}
8.5	1396
8.7	1397	/* =======================================================
	1398	OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW
	1399	======================================================= */
8.6	1400
8.7	1401	function alignOverviewCards(headers){
	1402	if(
	1403	PAGE_KIND!=="overview"\|\|
	1404	window.innerWidth<=MOBILE_MAX
	1405	){
	1406	return;
	1407	}
8.6	1408
8.7	1409	var cards=[];
	1410	var seen=new Set();
8.6	1411
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	});
8.6	1418
8.7	1419	if(cards.length<2){
	1420	return;
	1421	}
8.6	1422
8.7	1423	// Group cards by actual top position.
	1424	var groups=[];
8.6	1425
8.7	1426	cards.forEach(function(card){
	1427	var top=
	1428	card.getBoundingClientRect().top;
8.6	1429
8.7	1430	var group=null;
8.6	1431
8.7	1432	for(var i=0;i<groups.length;i++){
8.6	1433	if(
8.7	1434	Math.abs(
	1435	groups[i].top-top
	1436	)<=ROW_TOLERANCE
8.6	1437	){
8.7	1438	group=groups[i];
	1439	break;
8.6	1440	}
8.7	1441	}
8.6	1442
8.7	1443	if(!group){
	1444	group={
	1445	top:top,
	1446	cards:[]
	1447	};
	1448	groups.push(group);
	1449	}
8.6	1450
8.7	1451	group.cards.push(card);
	1452	});
8.6	1453
8.7	1454	groups.forEach(function(group){
	1455	if(group.cards.length<2){
	1456	return;
	1457	}
8.6	1458
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	});
8.6	1476
8.7	1477	return candidates.length
	1478	?candidates[0]
	1479	:null;
	1480	});
8.6	1481
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	);
8.4	1501
8.7	1502	firstHeaders.forEach(function(row){
	1503	var relativeTop=
	1504	row.el
	1505	.getBoundingClientRect()
	1506	.top-
	1507	row.card
	1508	.getBoundingClientRect()
	1509	.top;
8.5	1510
8.7	1511	var delta=
	1512	targetTop-relativeTop;
8.5	1513
8.7	1514	if(delta>1){
	1515	saveStyle(
	1516	row.el,
	1517	originalMargin,
	1518	"margin-top"
	1519	);
8.6	1520
8.7	1521	var current=
	1522	num(
	1523	getComputedStyle(
	1524	row.el
	1525	).marginTop
	1526	);
8.5	1527
8.7	1528	row.el.style.setProperty(
	1529	"margin-top",
	1530	(
	1531	current+delta
	1532	)+"px"
	1533	);
8.5	1534
8.7	1535	row.el.setAttribute(
	1536	"data-sn-master-first-row",
	1537	"1"
	1538	);
8.5	1539
8.7	1540	managedMargin.add(
	1541	row.el
	1542	);
	1543	}
	1544	});
	1545	}
8.5	1546
8.7	1547	var maxHeight=0;
8.5	1548
8.7	1549	group.cards.forEach(function(card){
	1550	maxHeight=
	1551	Math.max(
	1552	maxHeight,
	1553	card
	1554	.getBoundingClientRect()
	1555	.height
	1556	);
	1557	});
8.5	1558
8.7	1559	maxHeight=
	1560	Math.ceil(maxHeight);
8.5	1561
8.7	1562	group.cards.forEach(function(card){
	1563	saveStyle(
	1564	card,
	1565	originalHeight,
	1566	"min-height"
	1567	);
8.5	1568
8.7	1569	card.style.setProperty(
	1570	"min-height",
	1571	maxHeight+"px"
8.5	1572	);
	1573
8.7	1574	card.setAttribute(
	1575	"data-sn-master-equal-height",
	1576	"1"
	1577	);
8.5	1578
8.7	1579	managedHeight.add(
	1580	card
	1581	);
	1582	});
8.5	1583	});
	1584	}
	1585
8.7	1586	/* =======================================================
	1587	DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY
	1588	======================================================= */
8.5	1589
8.7	1590	function equaliseDetailGrids(){
8.6	1591	if(
8.7	1592	PAGE_KIND!=="detail"\|\|
	1593	window.innerWidth<=MOBILE_MAX
8.6	1594	){
8.7	1595	return;
8.6	1596	}
8.5	1597
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	];
8.5	1606
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);
8.5	1615
8.7	1616	if(children.length<2){
	1617	return;
	1618	}
8.5	1619
8.7	1620	var groups=[];
8.5	1621
8.7	1622	children.forEach(function(child){
	1623	var top=
	1624	child
	1625	.getBoundingClientRect()
	1626	.top;
8.5	1627
8.7	1628	var group=null;
8.5	1629
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	}
8.5	1640
8.7	1641	if(!group){
	1642	group={
	1643	top:top,
	1644	items:[]
	1645	};
	1646	groups.push(group);
	1647	}
8.5	1648
8.7	1649	group.items.push(child);
	1650	});
8.5	1651
8.7	1652	groups.forEach(function(group){
	1653	if(group.items.length<2){
	1654	return;
	1655	}
8.4	1656
8.7	1657	var maxHeight=0;
8.6	1658
8.7	1659	group.items.forEach(function(item){
	1660	maxHeight=
	1661	Math.max(
	1662	maxHeight,
	1663	item
	1664	.getBoundingClientRect()
	1665	.height
	1666	);
	1667	});
8.6	1668
8.7	1669	maxHeight=
	1670	Math.ceil(maxHeight);
8.4	1671
8.7	1672	group.items.forEach(function(item){
	1673	saveStyle(
	1674	item,
	1675	originalHeight,
	1676	"min-height"
	1677	);
8.4	1678
8.7	1679	item.style.setProperty(
	1680	"min-height",
	1681	maxHeight+"px"
	1682	);
8.5	1683
8.7	1684	item.setAttribute(
	1685	"data-sn-master-equal-height",
	1686	"1"
	1687	);
8.4	1688
8.7	1689	managedHeight.add(item);
	1690	});
8.4	1691	});
8.7	1692	});
	1693	});
	1694	}
8.4	1695
8.7	1696	/* =======================================================
	1697	RUN / RESPONSIVE SCHEDULING
	1698	======================================================= */
8.4	1699
8.7	1700	function run(){
	1701	if(running)return;
8.4	1702
8.7	1703	running=true;
8.6	1704
8.7	1705	try{
	1706	resetRuntime();
	1707	applyPlaceholderBadge();
	1708	propagateDetailAccents();
8.6	1709
8.7	1710	var headers=
	1711	applyOverviewPalette();
8.6	1712
8.8	1713	makeThreeLineAreaLabels();
	1714	makeFilledRedOrangeCTAsBorderless();
	1715
8.7	1716	if(
	1717	window.innerWidth>
	1718	MOBILE_MAX
	1719	){
	1720	alignOverviewCards(
	1721	headers
	1722	);
8.4	1723
8.7	1724	equaliseDetailGrids();
	1725	}
8.6	1726	}finally{
8.7	1727	running=false;
8.6	1728	}
8.4	1729	}
	1730
8.7	1731	function onResize(){
8.6	1732	if(resizeTimer){
	1733	clearTimeout(
	1734	resizeTimer
	1735	);
	1736	}
8.5	1737
8.6	1738	resizeTimer=
	1739	setTimeout(
	1740	function(){
	1741	resizeTimer=0;
8.7	1742	run();
8.6	1743	},
	1744	RESIZE_DEBOUNCE
	1745	);
8.4	1746	}
	1747
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
8.6	1770	var images=
	1771	Array.from(
	1772	root.querySelectorAll("img")
	1773	);
8.4	1774
8.7	1775	await Promise.all(
8.6	1776	images.map(function(img){
	1777	if(img.complete){
	1778	return Promise.resolve();
	1779	}
8.4	1780
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
8.7	1801	run();
8.4	1802	}
	1803
8.7	1804	window.addEventListener(
8.6	1805	"resize",
8.7	1806	onResize,
8.6	1807	{passive:true}
	1808	);
	1809
8.7	1810	waitForReady();
8.4	1811	})();
	1812	</script>
8.6	1813
8.7	1814	<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END -->
	1815	{{/html}}
	1816

Wiki-Quellcode von Get Started

Anwendungen

Navigation

Meine letzten Änderungen