Last modified by Veronika Kocher on Friday, 04 Sep 2026 14:45

From version 9.3
edited by Veronika Kocher
on Thursday, 03 Sep 2026 9:18
Change comment: There is no comment for this version
To version 6.1
edited by Veronika Kocher
on Monday, 31 Aug 2026 16:24
Change comment: There is no comment for this version

Summary

Details

Page properties
Default language
... ... @@ -1,1 +1,0 @@
1 -en
Content
... ... @@ -12,47 +12,11 @@
12 12  .sec{margin:0 0 28px 0} .sec h3{font-size:22px;margin:0 0 6px;color:#35312d} .sec>p{color:#6a655e;line-height:1.55}
13 13  .role{padding:15px 16px;border:1px solid #e3ded6;border-top:4px solid #e94b13;border-radius:9px;background:#fcfbf8} .role h4{font-size:17px;margin:0 0 6px;color:#35312d} .role p{margin:0;color:#625d56;line-height:1.5}
14 14  .detail{margin:8px 0;border:1px solid #e3ded6;border-radius:8px;background:#fcfbf8;overflow:hidden} .detail summary{cursor:pointer;padding:12px 14px;font-weight:700;color:#403b36;background:#f3efe8} .detail[open] summary{border-bottom:1px solid #e3ded6} .detail .body{padding:14px 16px;color:#514c46;line-height:1.55}
15 -.chip{display:inline-block;padding:4px 8px;margin:3px 4px 3px 0;border-radius:14px;background:#f3efe8;border:1px solid #e3ded6;color:#5c5650;font-size:12px;text-decoration:none}.chip:hover,.chip:focus{background:#fff7f1;border-color:#e7c8b8;color:#6f3f2e;text-decoration:none}
15 +.chip{display:inline-block;padding:4px 8px;margin:3px 4px 3px 0;border-radius:14px;background:#f3efe8;border:1px solid #e3ded6;color:#5c5650;font-size:12px}
16 16  .tbl{width:100%;border-collapse:collapse;background:#fffdf9} .tbl th,.tbl td{border:1px solid #e3ded6;padding:10px 11px;vertical-align:top;text-align:left} .tbl th{background:#f3efe8;color:#403b36}
17 17  .linkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px} .navlink{display:block;padding:10px 11px;border:1px solid #e9e4dc;border-left:3px solid #e94b13;border-radius:6px;background:#fffdf9;color:#252321;text-decoration:none;font-weight:600} .navlink:hover{background:#fff7f1;text-decoration:none}
18 18  </style>
19 19  
20 -<style>
21 - .research-example-grid{
22 - display:grid;
23 - grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
24 - gap:14px;
25 - margin-top:12px;
26 - }
27 - .research-example{
28 - padding:16px 17px;
29 - border:1px solid #e3ded6;
30 - border-radius:9px;
31 - background:#fcfbf8;
32 - box-shadow:0 1px 3px rgba(0,0,0,.03);
33 - }
34 - .research-example h4{
35 - font-size:18px;
36 - margin:0 0 7px 0;
37 - color:#35312d;
38 - }
39 - .research-example p{
40 - margin:0 0 10px 0;
41 - color:#625d56;
42 - line-height:1.5;
43 - }
44 - .research-example a{
45 - display:inline-block;
46 - font-weight:700;
47 - text-decoration:none;
48 - }
49 - .research-example a:hover,
50 - .research-example a:focus{
51 - text-decoration:underline;
52 - }
53 -</style>
54 -
55 -
56 56  <div class="pp">
57 57  
58 58  <section class="card" style="margin-bottom:18px;overflow:hidden;border-left:6px solid #e94b13;">
... ... @@ -97,72 +97,7 @@
97 97  </div>
98 98  </section>
99 99  
100 -
101 101  <section class="sec">
102 - <div class="eye" style="color:#8a4d36;margin-bottom:4px">EXAMPLES · HOW RESEARCH IS SITUATED AT THE ANGEWANDTE</div>
103 - <h3>Use existing projects to understand possible research profiles and institutional homes</h3>
104 - <p>
105 - The Angewandte presents research projects through several research-focus perspectives.
106 - These pages are useful when you are trying to understand how a project like yours might be framed,
107 - where comparable projects are located in the University, which funding programmes have been used,
108 - and which institutes or research environments have hosted related work.
109 - </p>
110 -
111 - <div class="research-example-grid">
112 -
113 - <div class="research-example" style="border-top:4px solid #e94b13;">
114 - <div class="eye" style="font-size:11px;color:#8a4d36;margin-bottom:5px;">ARTISTIC RESEARCH</div>
115 - <h4>Fokus Künstlerische Forschung</h4>
116 - <p>
117 - Examples of artistic and arts-based research projects at the Angewandte, including many projects
118 - funded through FWF PEEK and related programmes. Use this page to see how artistic practice,
119 - research questions, project leadership and institutional affiliation come together in funded projects.
120 - </p>
121 - <a href="https://dieangewandte.at/kunst_und_forschung/projekte_fokus_forschung/kuenstlerische_forschung"
122 - target="_blank" rel="noopener">
123 - View artistic research projects ↗
124 - </a>
125 - </div>
126 -
127 - <div class="research-example" style="border-top:4px solid #21b6d7;">
128 - <div class="eye" style="font-size:11px;color:#3f6871;margin-bottom:5px;">SCIENTIFIC RESEARCH</div>
129 - <h4>Fokus Wissenschaftliche Forschung</h4>
130 - <p>
131 - Examples of scientific research across the University's institutes and fields, including FWF-funded
132 - basic research, ESPRIT projects and other externally funded research. Use this page to compare project types,
133 - hosts, funding programmes and disciplinary or interdisciplinary research settings.
134 - </p>
135 - <a href="https://dieangewandte.at/kunst_und_forschung/projekte_fokus_forschung/wissenschaftliche_forschung"
136 - target="_blank" rel="noopener">
137 - View scientific research projects ↗
138 - </a>
139 - </div>
140 -
141 - <div class="research-example" style="border-top:4px solid #38b76a;">
142 - <div class="eye" style="font-size:11px;color:#4a6c53;margin-bottom:5px;">RELATIONAL / CROSS-CUTTING RESEARCH</div>
143 - <h4>Fokus Relationale Forschung</h4>
144 - <p>
145 - Examples of projects organised through specific calls, thematic relationships and cross-cutting research
146 - frameworks, including INTRA, digital and social transformation and research-infrastructure initiatives.
147 - Use this page when your project connects disciplines, infrastructures, institutions or thematic programmes.
148 - </p>
149 - <a href="https://dieangewandte.at/kunst_und_forschung/projekte_fokus_forschung/fokus_relationale_forschung"
150 - target="_blank" rel="noopener">
151 - View relational research projects ↗
152 - </a>
153 - </div>
154 -
155 - </div>
156 -
157 - <div class="info" style="margin-top:14px;">
158 - <strong>How to use these examples:</strong>
159 - do not copy a project's structure simply because the topic looks similar.
160 - Compare the <strong>project type, host unit, funding programme, project lead, partners, duration and outputs</strong>.
161 - These are the elements that help you judge whether an existing project is a useful planning reference for your own proposal.
162 - </div>
163 -</section>
164 -
165 -<section class="sec">
166 166  <div class="eye" style="color:#8a4d36;margin-bottom:4px">STEP 3 · WHO SHOULD I INVOLVE?</div>
167 167  <h3>Project-relevant structures of the Angewandte</h3>
168 168  <p>Not every project needs every unit. Use the trigger descriptions below.</p>
... ... @@ -171,9 +171,9 @@
171 171  <div class="body">
172 172  <p><strong>Involve early when:</strong> the project uses the unit's name, staff time, rooms, workshops, equipment, teaching, budget, infrastructure or institutional commitments.</p>
173 173  <p><strong>Current institutes:</strong></p>
174 -<div><a class="chip" href="https://www.dieangewandte.at/en/institutes/architecture/institute_of_architecture" target="_blank" rel="noopener" title="Open Institute of Architecture on dieAngewandte">Institute of Architecture</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/fine_arts_and_media_art" target="_blank" rel="noopener" title="Open Institute of Fine Arts & Media Art on dieAngewandte">Institute of Fine Arts &amp; Media Art</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/design" target="_blank" rel="noopener" title="Open Institute of Design on dieAngewandte">Institute of Design</a><a class="chip" href="https://www.dieangewandte.at/en/ikr_institut" target="_blank" rel="noopener" title="Open Institute of Conservation and Restoration on dieAngewandte">Institute of Conservation and Restoration</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/arts_and_society/institute_of_arts_and_society" target="_blank" rel="noopener" title="Open Institute of Art and Society on dieAngewandte">Institute of Art and Society</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/art_and_technology" target="_blank" rel="noopener" title="Open Institute of Art and Technology on dieAngewandte">Institute of Art and Technology</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/studies_in_art_and_art_education" target="_blank" rel="noopener" title="Open Institute of Art Sciences, Art Education and Art Mediation on dieAngewandte">Institute of Art Sciences, Art Education and Art Mediation</a><a class="chip" href="https://www.dieangewandte.at/languagearts" target="_blank" rel="noopener" title="Open Institute of Language Arts on dieAngewandte">Institute of Language Arts</a></div>
73 +<div><span class="chip">Institute of Architecture</span><span class="chip">Institute of Fine Arts &amp; Media Art</span><span class="chip">Institute of Design</span><span class="chip">Institute of Conservation and Restoration</span><span class="chip">Institute of Art and Society</span><span class="chip">Institute of Art and Technology</span><span class="chip">Institute of Art Sciences, Art Education and Art Mediation</span><span class="chip">Institute of Language Arts</span></div>
175 175  <p style="margin-top:12px;"><strong>Special university facilities that can become project homes, partners, infrastructures or research resources:</strong></p>
176 -<div><a class="chip" href="https://www.dieangewandte.at/en/university/organisation/special_university_facilities/angewandte_interdisciplinary_laboratory" target="_blank" rel="noopener" title="Open Angewandte Interdisciplinary Lab on dieAngewandte">Angewandte Interdisciplinary Lab</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/angewandte_performance_laboratory_apl" target="_blank" rel="noopener" title="Open Angewandte Performance Lab on dieAngewandte">Angewandte Performance Lab</a><a class="chip" href="https://www.dieangewandte.at/art_science_school_transformation" target="_blank" rel="noopener" title="Open Art x Science School for Transformation on dieAngewandte">Art x Science School for Transformation</a><a class="chip" href="https://www.dieangewandte.at/doctoral_centre" target="_blank" rel="noopener" title="Open Doctoral Centre on dieAngewandte">Doctoral Centre</a><a class="chip" href="https://www.dieangewandte.at/universitaet/organisation/rektorat/vizerektorin_studium_lehre_diversitaet/diversitaet_und_gleichstellung" target="_blank" rel="noopener" title="Open Diversity, Equity, Inclusion on dieAngewandte">Diversity, Equity, Inclusion</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/collection_and_archive" target="_blank" rel="noopener" title="Open Art Collection and Archive on dieAngewandte">Art Collection and Archive</a><a class="chip" href="https://www.dieangewandte.at/en/university/university_gallery" target="_blank" rel="noopener" title="Open University Gallery on dieAngewandte">University Gallery</a><a class="chip" href="https://www.dieangewandte.at/institute/peterweibel" target="_blank" rel="noopener" title="Open Weibel Institute for Digital Cultures on dieAngewandte">Weibel Institute for Digital Cultures</a></div>
75 +<div><span class="chip">Angewandte Interdisciplinary Lab</span><span class="chip">Angewandte Performance Lab</span><span class="chip">Art x Science School for Transformation</span><span class="chip">Doctoral Centre</span><span class="chip">Diversity, Equity, Inclusion</span><span class="chip">Art Collection and Archive</span><span class="chip">University Gallery</span><span class="chip">Weibel Institute for Digital Cultures</span></div>
177 177  <p style="margin-top:12px;"><a href="https://www.dieangewandte.at/universitaet/organisation" target="_blank" rel="noopener">Current university organisation</a></p>
178 178  </div>
179 179  </details><details class="detail" open>
... ... @@ -425,237 +425,3 @@
425 425  </div>
426 426  {{/html}}
427 427  
428 -{{html clean="false"}}
429 -<!-- SN_HORIZONTAL_BOX_HARMONIZER_START -->
430 -<style data-sn-horizontal-box-harmonizer="1">
431 -[data-sn-equal-height-managed="1"]{box-sizing:border-box}
432 -@media(max-width:767px){
433 - [data-sn-equal-height-managed="1"]{min-height:0!important}
434 -}
435 -</style>
436 -<script data-sn-horizontal-box-harmonizer="1">
437 -(function(){
438 - "use strict";
439 -
440 - var MOBILE_MAX=767;
441 - var ROW_TOLERANCE=4;
442 - var MIN_W=150;
443 - var MIN_H=36;
444 -
445 - var root=
446 - document.getElementById("xwikicontent")||
447 - document.querySelector(".xwiki-rendering-content")||
448 - document.querySelector("main")||
449 - document.body;
450 -
451 - if(!root)return;
452 -
453 - var managed=new Set();
454 - var raf=0;
455 -
456 - function num(v){
457 - var n=parseFloat(v);
458 - return Number.isFinite(n)?n:0;
459 - }
460 -
461 - function visible(el){
462 - if(!el||el.nodeType!==1)return false;
463 - var s=getComputedStyle(el);
464 - if(s.display==="none"||s.visibility==="hidden"||Number(s.opacity)===0)return false;
465 - var r=el.getBoundingClientRect();
466 - return r.width>=MIN_W&&r.height>=MIN_H;
467 - }
468 -
469 - function excluded(el){
470 - return !el.matches||el.matches(
471 - "button,input,select,textarea,option,label,img,svg,canvas,table,thead,tbody,tfoot,tr,td,th,summary,script,style,noscript,template,.btn,.chip,[role=button]"
472 - );
473 - }
474 -
475 - function namedLikeBox(el){
476 - var c=typeof el.className==="string"?el.className:"";
477 - return /(^|[\s_-])(box|card|tile|panel|role|check|service|source|call|area|detail|resource|topic|warn|info)([\s_-]|$)/i.test(c);
478 - }
479 -
480 - function boxLike(el){
481 - if(!visible(el)||excluded(el))return false;
482 - var s=getComputedStyle(el);
483 - var r=el.getBoundingClientRect();
484 - var border=
485 - num(s.borderTopWidth)+num(s.borderRightWidth)+
486 - num(s.borderBottomWidth)+num(s.borderLeftWidth);
487 - var radius=Math.max(
488 - num(s.borderTopLeftRadius),num(s.borderTopRightRadius),
489 - num(s.borderBottomLeftRadius),num(s.borderBottomRightRadius)
490 - );
491 - var bg=s.backgroundColor&&s.backgroundColor!=="rgba(0, 0, 0, 0)"&&s.backgroundColor!=="transparent";
492 - var shadow=s.boxShadow&&s.boxShadow!=="none";
493 - return namedLikeBox(el)||border>=1||(bg&&radius>=3)||(shadow&&r.width>=180);
494 - }
495 -
496 - function pickTarget(child){
497 - if(!visible(child))return null;
498 - if(boxLike(child))return child;
499 -
500 - var cr=child.getBoundingClientRect();
501 - var q=[];
502 - Array.from(child.children||[]).forEach(function(el){
503 - q.push({el:el,depth:1});
504 - });
505 -
506 - var best=null,bestScore=-1;
507 -
508 - while(q.length){
509 - var item=q.shift();
510 - var el=item.el;
511 - if(!visible(el))continue;
512 -
513 - var r=el.getBoundingClientRect();
514 -
515 - if(r.width>=cr.width*.72&&boxLike(el)){
516 - var widthFit=1-Math.min(1,Math.abs(cr.width-r.width)/Math.max(1,cr.width));
517 - var topFit=1-Math.min(1,Math.abs(cr.top-r.top)/80);
518 - var score=widthFit*5+topFit*2+Math.min(r.height,600)/600;
519 - if(score>bestScore){
520 - best=el;
521 - bestScore=score;
522 - }
523 - }
524 -
525 - if(item.depth<3){
526 - Array.from(el.children||[]).forEach(function(next){
527 - q.push({el:next,depth:item.depth+1});
528 - });
529 - }
530 - }
531 -
532 - return best;
533 - }
534 -
535 - function reset(){
536 - managed.forEach(function(el){
537 - el.style.removeProperty("min-height");
538 - el.removeAttribute("data-sn-equal-height-managed");
539 - });
540 - managed.clear();
541 - }
542 -
543 - function horizontalLayout(parent){
544 - if(!visible(parent))return false;
545 - var s=getComputedStyle(parent);
546 - if(s.display==="grid"||s.display==="inline-grid")return true;
547 - if(s.display==="flex"||s.display==="inline-flex"){
548 - return s.flexDirection==="row"||s.flexDirection==="row-reverse";
549 - }
550 - return false;
551 - }
552 -
553 - function rowGroups(entries){
554 - var groups=[];
555 - entries.slice().sort(function(a,b){
556 - return a.rect.top-b.rect.top||a.rect.left-b.rect.left;
557 - }).forEach(function(entry){
558 - var group=null;
559 - for(var i=0;i<groups.length;i++){
560 - if(Math.abs(groups[i].top-entry.rect.top)<=ROW_TOLERANCE){
561 - group=groups[i];
562 - break;
563 - }
564 - }
565 - if(!group){
566 - group={top:entry.rect.top,entries:[]};
567 - groups.push(group);
568 - }
569 - group.entries.push(entry);
570 - });
571 - return groups;
572 - }
573 -
574 - function run(){
575 - reset();
576 -
577 - if(window.innerWidth<=MOBILE_MAX)return;
578 -
579 - var parents=Array.from(root.querySelectorAll("*")).filter(function(el){
580 - return el.children&&el.children.length>=2&&horizontalLayout(el);
581 - });
582 -
583 - parents.forEach(function(parent){
584 - var entries=[];
585 -
586 - Array.from(parent.children).forEach(function(child){
587 - if(!visible(child))return;
588 - var target=pickTarget(child);
589 - if(!target)return;
590 - entries.push({
591 - target:target,
592 - rect:target.getBoundingClientRect()
593 - });
594 - });
595 -
596 - if(entries.length<2)return;
597 -
598 - rowGroups(entries).forEach(function(group){
599 - if(group.entries.length<2)return;
600 -
601 - var lefts=group.entries.map(function(e){return e.rect.left;}).sort(function(a,b){return a-b;});
602 - if(lefts[lefts.length-1]-lefts[0]<80)return;
603 -
604 - var targets=[];
605 - var seen=new Set();
606 -
607 - group.entries.forEach(function(e){
608 - if(!seen.has(e.target)){
609 - seen.add(e.target);
610 - targets.push(e.target);
611 - }
612 - });
613 -
614 - if(targets.length<2)return;
615 -
616 - var max=0;
617 - targets.forEach(function(el){
618 - max=Math.max(max,el.getBoundingClientRect().height);
619 - });
620 -
621 - max=Math.ceil(max);
622 - if(max<MIN_H)return;
623 -
624 - targets.forEach(function(el){
625 - el.style.setProperty("min-height",max+"px");
626 - el.setAttribute("data-sn-equal-height-managed","1");
627 - managed.add(el);
628 - });
629 - });
630 - });
631 - }
632 -
633 - function schedule(){
634 - if(raf)cancelAnimationFrame(raf);
635 - raf=requestAnimationFrame(function(){
636 - raf=requestAnimationFrame(function(){
637 - raf=0;
638 - run();
639 - });
640 - });
641 - }
642 -
643 - addEventListener("resize",schedule,{passive:true});
644 - addEventListener("load",schedule,{once:true});
645 -
646 - root.addEventListener("click",function(){
647 - setTimeout(schedule,0);
648 - },true);
649 -
650 - if(document.fonts&&document.fonts.ready){
651 - document.fonts.ready.then(schedule);
652 - }
653 -
654 - schedule();
655 - setTimeout(schedule,250);
656 - setTimeout(schedule,900);
657 -})();
658 -</script>
659 -<!-- SN_HORIZONTAL_BOX_HARMONIZER_END -->
660 -{{/html}}
661 -