<style>
:root{
--primary:#990000;
--secondary:#ededed;
--text:#000000;
--muted:#000000;
--bg:#ffffff;
--link:#990000;
--link-hover:#7d0000;
--card-bg:#ffffff;
--shadow: 0 6px 24px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.06);
--radius:14px;
--radius-sm:10px;
--maxw:980px;
}
*{ box-sizing: border-box; }
html,body{ height:100%; }
body{
margin:0;
font-family: "Meta", "FF Meta", "Segoe UI", Roboto, "Helvetica Neue", Arial, system-ui, -apple-system, sans-serif;
color:var(--text);
background: linear-gradient(180deg, var(--secondary) 0%, #f8f8f8 100%);
}
.wrap{
max-width: var(--maxw);
margin: clamp(16px, 3.5vw, 40px) auto;
padding: 0 clamp(14px, 3vw, 24px);
}
header.hero{
background: var(--card-bg);
border-radius: var(--radius);
box-shadow: var(--shadow);
overflow: hidden;
position: relative;
isolation: isolate;
}
.hero__bar{
height: 10px;
background: var(--primary);
}
.hero__inner{
padding: clamp(18px, 4vw, 36px);
position: relative;
}
/* Logo top-right */
.brand{
position: absolute;
top: clamp(12px, 2vw, 18px);
right: clamp(12px, 2vw, 18px);
display: inline-flex;
align-items: center;
gap: 10px;
}
.brand img{
height: clamp(34px, 6vw, 64px);
width: auto;
display: block;
filter: none;
}
.brand .sr-only{
position: absolute !important;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden; clip: rect(0,0,0,0);
white-space: nowrap; border: 0;
}
.kicker{
color: var(--primary);
text-transform: uppercase;
letter-spacing: .06em;
font-weight: 700;
font-size: .88rem;
margin: 0 0 6px;
padding-right: 120px; /* keep text clear from logo on small screens */
}
h1{
margin: 0 0 10px;
font-size: clamp(1.6rem, 3.2vw, 2.2rem);
line-height: 1.2;
padding-right: 120px;
}
.intro{
margin: 0;
color: var(--muted);
font-size: clamp(1rem, 1.9vw, 1.4rem);
padding-right: 120px;
}
section{
background: var(--card-bg);
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: clamp(16px, 3.2vw, 28px);
margin-top: clamp(14px, 2.6vw, 22px);
}
section h2{
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 12px;
font-size: clamp(1.2rem, 2.4vw, 1.5rem);
color: var(--primary);
line-height: 1.25;
}
.eyeline{
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--primary);
box-shadow: 0 0 0 6px color-mix(in srgb, var(--primary) 16%, transparent);
flex: 0 0 auto;
}
p{ margin: 0 0 12px; line-height: 1.6; }
ul{ padding-left: 0; margin: 10px 0 0; list-style: none; }
li{ position: relative; padding-left: 28px; margin: 10px 0; }
li::before{
content: "";
position: absolute;
left: 0; top: .6em;
width: 14px; height: 14px;
border-radius: 4px;
background: var(--secondary);
outline: 2px solid var(--primary);
}
a{
color: var(--link);
text-decoration: none;
border-bottom: 1px solid color-mix(in srgb, var(--primary) 35%, transparent);
transition: color .2s ease, background .2s ease, border-color .2s ease;
}
a:hover{ color: var(--link-hover); border-color: var(--link-hover); }
.callout{
background: linear-gradient(135deg, var(--secondary), #f6f6f6);
border: 1px solid #e7e7e7;
border-left: 6px solid var(--primary);
border-radius: var(--radius-sm);
padding: 14px 16px;
margin: 12px 0;
color: #333;
}
footer{
text-align: center;
color: var(--primary);
font-size: .95rem;
padding: 18px 6px 28px;
}
@media (min-width: 720px){
.grid{
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(12px, 2vw, 20px);
}
.kicker, h1, .intro{ padding-right: 220px; }
.brand img{ height: 80px; }
}
@media print{
body{ background:#fff; }
.hero__bar{ height:6px; }
a{ color: #000; border: none; }
section, header.hero{ box-shadow: none; border: 1px solid #ddd; }
.brand{ position: static; margin-bottom: 8px; }
.kicker, h1, .intro{ padding-right: 0; }
}
</style>
<div class="wrap">
<header class="hero" role="banner">
<div class="hero__bar" aria-hidden="true"></div>
<!-- Fakultäts-Logo oben rechts -->
<a class="brand" href="https://www.uni-muenster.de/Theology/" target="_blank" rel="noopener">
<span class="sr-only">Katholisch-Theologische Fakultät</span>
<img src="https://www.uni-muenster.de/imperia/md/images/fb2/_v/fb2gross.png" alt="Logo der Katholisch-Theologischen Fakultät" />
</a>
<div class="hero__inner">
<p class="kicker">Fachbereich 02 | Universität Münster</p>
<h1 style="color: black;">Onepager </br>– KI am Fachbereich 02</h1>
<h3>Aktuelles zur Situation</h3>
<p class="intro" style="color: black;">
Um Transparenz und einen gemeinsamen Ausgangspunkt für den Umgang mit KI in der Lehre zu schaffen, stellt diese kurze Übersicht den aktuellen Stand der hochschuldidaktischen KI-Nutzung und eine Auswahl der geltenden Rahmenbedingungen dar. Dabei ist festzuhalten, dass damit ein Ist-Zustand abgebildet wird, ohne der weiteren Entwicklung vorzugreifen. Falls es für konkrete Lehrveranstaltungen darüber hinaus geltende Leitlinien von Seiten des Lehrenden geben sollte, ist es die genuine Aufgabe der:des Lehrenden, diese den Studierenden transparent zu machen. Als Inspiration könnte etwa der KI-Policy-Generator der Universität Bamberg dienen <a style="color: #990000;" href="https://web.psi.uni-bamberg.de/ki-policy-generator/v2.html" title="Rechtsgutachten März 2023">[Link]</a>.
</br></br>Diese Übersicht soll trotz aller offenen Fragen vor allem dazu ermutigen, <b>neue Wege</b> zu gehen und damit der Verantwortung gerecht zu werden – sowohl als Lehrende als auch als Studierende.
</p>
</div>
</header>
<section aria-labelledby="recht">
<h2 id="recht" style="color: black;"><span class="eyeline" aria-hidden="true"></span>Rechtliche Rahmenbedingungen</h2>
<p style="color: black;">
Der rechtliche Rahmen ist zum heutigen Standpunkt noch nicht eindeutig geklärt. Zwei Rechtsgutachten von März 2023
<a style="color: #990000;" href="https://hss-opus.ub.ruhr-uni-bochum.de/opus4/frontdoor/deliver/index/docId/9734/file/2023_03_06_Didaktik_Recht_KI_Hochschulbildung.pdf" title="Rechtsgutachten März 2023">[Link]</a>
bzw. August 2025
<a style="color: #990000;" href="https://ki-edu-nrw.ruhr-uni-bochum.de/rechtsgutachten-von-kiedu-nrw-zur-bedeutung-der-europaeischen-ki-verordnung-veroeffentlicht/" title="Rechtsgutachten August 2025">[Link]</a>
zeigen dies auch nochmal auf. Grundsätzlich fehlen hier noch weitere gesetzliche Grundlagen von Seiten des Bundes bzw. des Landes.
</p>
</section>
<section aria-labelledby="gibtes">
<h2 id="gibtes" style="color: black;"><span class="eyeline" aria-hidden="true"></span>Was gibt es schon?</h2>
<div class="grid">
<div>
<h3 style="margin:0 0 8px; color: var(--primary);">Zugang zu Tools</h3>
<ul>
<li style="color: black;">
Kostenlosen Zugang für alle Hochschulangehörigen über UniGPT auf eine Vielzahl von neuen KI-Modellen
<a style="color: #990000;" href="https://gpt.uni-muenster.de/" title="UniGPT">[Link]</a>
</li>
<li style="color: black;">
Kostenlosen Zugang für alle Hochschulangehörigen auf eine Vielzahl von opensource KI-Modellen in der academia-cloud
<a style="color: #990000;" href="https://academiccloud.de/services/chatai/" title="academia-cloud">[Link]</a>
</li>
</ul>
</div>
<div>
<h3 style="margin:0 0 8px; color: var(--primary);">Literatur und Informationen</h3>
<ul>
<li style="color: black;">
Isbella Buck: Wissenschaftliches Schreiben mit KI
<a style="color: #990000;" href="https://katalogplus.uni-muenster.de/permalink/49HBZ_ULM/1orud0a/alma991045157358606449" title="Buch von Isabella Buck">[Link]</a>
</li>
<li style="color: black;">
Paper zu UniGPT mit allen Hintergründen und der Architektur von UniGPT
<a style="color: #990000;" href="https://easychair.org/publications/paper/CDHx" title="UniGPT Paper">[Link]</a>
</li>
<li style="color: black;">
Mattermost Kanäle der Universität zu „KI in der Lehre“<a style="color: #990000;" href="https://mattermost.uni-muenster.de/wwu/channels/ki-werkzeuge-in-der-lehre" title="Mattermost-Kanal KI in der Lehre"> [Link]</a> und „KI-Werkzeuge“ <a style="color: #990000;" href="https://mattermost.uni-muenster.de/wwu/channels/ki-werkzeuge" title="Mattermost-Kanal KI-Werkzeug">[Link]</a>.
</li>
</ul>
</div>
</div>
<div class="grid">
<div>
<h3 style="margin:0 0 8px; color: var(--primary);">Schulungen</h3>
<ul>
<li style="color: black;">
Der KI-Campus bietet kostenlose Schulungs- und Selbstlernkurse zum Thema KI und den Umgang mit KI an
<a style="color: #990000;" href="https://ki-campus.org/" title="KI-Campus">[Link]</a>
</li>
<li style="color: black;">
Selbstlernkurs der Universität zu UniGPT (VPN notwendig!)
<a style="color: #990000;" href="https://confluence.uni-muenster.de/courses/playcourse.action?course=248306593&spaceKey=ELEARN&capsule=40" title="Selbstlernkurs UniGPT">[Link]</a>
</li>
<li style="color: black;">
Angebote der ULB auf den "LOTSE"-Seiten: KI zitieren
<a style="color: #990000;" href="https://www.ulb.uni-muenster.de/lotse/arbeiten_schreiben/zitieren/zitieren_KI.html">[Link]</a>, KI-Tools für die Literaturrecherche
<a style="color: #990000;" href="https://www.ulb.uni-muenster.de/lotse/literatursuche/suchinstrumente/ki-tools.html">[Link]</a>, Kataloge, Datenbanken, Bibliographien, KI & Co
<a style="color: #990000;" href="https://www.ulb.uni-muenster.de/lotse/literatursuche/suchinstrumente/index.html">[Link]</a>
</li>
</ul>
</div>
<div>
<div class="callout" role="note" aria-label="Hinweis">
<strong>Hinweis:</strong> Die vorliegende Sammlung stellt eine Auswahl dar und kann jederzeit ergänzt werden.
</div>
</div>
</div>
</section>
<section aria-labelledby="ausblick">
<h2 id="ausblick" style="color: black;"><span class="eyeline" aria-hidden="true"></span>Ausblick und Vernetzung</h2>
<p style="color: black;">
Mit diesem Papier ist noch kein fertiger Umgang mit KI in Bezug auf unsere Fakultät geschaffen. Vielmehr ist das Papier der Startpunkt, um über das Thema ins Gespräch zu kommen, sich zu vernetzen und gemeinsam gute Wege zu finden, wie wir uns dem Thema KI annähern können.
</p>
<p style="color: black;">
Neben geplanten Schulungen gibt es schon jetzt einen ersten Anlaufpunkt: einen Mattermost-Kanal der Fakultät für den Austausch zum Thema KI.
<a style="color: #990000;" href="https://mattermost.uni-muenster.de./mb-fb02/channels/ki-am-fb02--kath-theologie" title="Mattermost-Kanal KI am FB02">[Link]</a>
Herzliche Einladung!
</p>
</section>
<footer role="contentinfo">
© Fachbereich 02 • Stand: 2025-10-02 • Arbeitsgruppe KI am Fachbereich 02 des Studienbeirats
</footer>
</div>