Skip to Content
Last modified by Veronika Kocher on Friday, 04 Sep 2026 14:45
From version 8.1
edited by Veronika Kocher
on Tuesday, 01 Sep 2026 9:51
Change comment: There is no comment for this version
To version 9.3
edited by Veronika Kocher
on Thursday, 03 Sep 2026 9:18
Change comment: There is no comment for this version

Summary

Details

Page properties
Default language
... ... @@ -1,0 +1,1 @@
1 +en
Content
... ... @@ -17,6 +17,42 @@
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 +
20 20  <div class="pp">
21 21  
22 22  <section class="card" style="margin-bottom:18px;overflow:hidden;border-left:6px solid #e94b13;">
... ... @@ -61,7 +61,72 @@
61 61  </div>
62 62  </section>
63 63  
100 +
64 64  <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">
65 65  <div class="eye" style="color:#8a4d36;margin-bottom:4px">STEP 3 · WHO SHOULD I INVOLVE?</div>
66 66  <h3>Project-relevant structures of the Angewandte</h3>
67 67  <p>Not every project needs every unit. Use the trigger descriptions below.</p>
... ... @@ -324,3 +324,237 @@
324 324  </div>
325 325  {{/html}}
326 326  
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 +