<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<center>
<table id="bodyTable" width="100%" height="100%" cellspacing="0"
cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td id="bodyCell" valign="top" align="center">
<!-- BEGIN TEMPLATE // -->
<table id="templateContainer" cellspacing="0"
cellpadding="0" border="0">
<!--
<tr> <td align="center" valign="top"> <!-- BEGIN PREHEADER // -> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templatePreheader">
<tr> <td valign="top" class="preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:20px;" mc:edit="preheader_content00"> Diesen Monat ganz neu und frisch aus der digitalen Druckerpresse: Der Digitale Lehre @ UOS Newsletter! </td>
<!-- *|IFNOT:ARCHIVE_PAGE|* -> <td valign="top" width="180" class="preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:0;" mc:edit="preheader_content01"> Wird die E-Mail nicht correct angezeigt?<br /><a href="*|ARCHIVE|*" target="_blank">Hier klicken für die Browseransicht!</a>. </td>S
<!-- *|END:IF|* -> </tr> </table> <!-- // END PREHEADER ->
</td> </tr> -->
<tbody>
<tr>
<td valign="top" align="center">
<!-- BEGIN HEADER // -->
<table id="templateHeader" width="100%"
cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="headerContent" valign="top"> <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/"> <img
src="https://digitale-lehre.virtuos.uni-osnabrueck.de/newsletter/21-06/files/Logo_Digitale%20Lehre.svg"
style="max-width:200px;margin-top: 5px;" id="headerImage"
mc:label="header_image"
mc:edit="header_image"
mc:allowdesigner="" mc:allowtext=""> <img
src="https://digitale-lehre.virtuos.uni-osnabrueck.de/newsletter/21-06/files/Uni%20Logo%20transparent.svg"
style="max-width:300px;float: right;"
id="headerImage"
mc:label="header_image"
mc:edit="header_image"
mc:allowdesigner="" mc:allowtext=""> </a></td>
<td class="headerContent"
style="background-color: #91042C"
valign="top"> <br>
</td>
</tr>
</tbody>
</table>
<!-- // END HEADER --> </td>
</tr>
<tr>
<td valign="top" align="center">
<!-- BEGIN BODY // --> <br>
<table id="templateBody" width="100%"
cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="bodyContent"
mc:edit="body_content" valign="top">
<h1>Lehre mit Ausblick</h1>
<h3>Wir schauen nach vorn und laden Sie
ein, die Zukunft gemeinsam zu gestalten!</h3>
<p
style="font-size: 0.7rem;font-style: italic;text-align: center;"> <img
style="display: block;margin-left: auto;margin-right: auto; margin-top: 3em;"
class="columnImage"
src="https://digitale-lehre.virtuos.uni-osnabrueck.de/newsletter/24-02/800px-Asking_the_crystal_orb.jpg"
alt="Ein Mann tut so als würde er eine Glaskugel zum Wahrsagen benutzen."><br>
</p>
Liebe Lehrende,<br>
unser letzter Newsletter stand ganz im
Zeichen der aktuellen Entwicklungen zum
Einsatz von KI-Diensten an der
Universität. Auch in dieser Ausgabe gibt
es, wie versprochen, einen weiteren
Artikel zum Thema für Sie. Doch auch
abseits der KI-Thematik passiert im
virtUOS dieses Jahr viel. Freuen Sie sich
auf neue Funktionen in Stud.IP, ein
überarbeitetes Informationsportal und
natürlich viele kleine und große
Veranstaltungen. Darüber hinaus bieten wir
weiterhin unsere Beratung und
Unterstützung an: Schauen Sie einfach in
unserer Sprechstunde vorbei oder schreiben
Sie uns eine E-Mail. Wir beantworten
kleine und große Fragen und unterstützen
Sie gerne bei der Umsetzung Ihrer Ideen
für die Hochschullehre. <br>
<br>
<strong>Zeit für Ausschreibungen und
Förderangebote:</strong><br>
<em>Das virtUOS unterstützt bei
Drittmittelausschreibungen</em><br>
Die Semesterferien dienen zum einen der
Vorbereitung der Lehre für das nächste
Semester. Zum anderen gibt es auch viele
Drittmittelausschreibungen. Hier kann das
virtUOS unterstützen: Wenn Sie planen, ein
Projekt zu beantragen und für Ihren Antrag
oder darüber hinaus Expertise, Rat oder
Unterstützung zu Digitalisierung oder
Hochschuldidaktik hilfreich wären, dann
melden Sie sich bei uns (<a
href="mailto:virtuos@uni-osnabrueck.de"
class="moz-txt-link-freetext">virtuos@uni-osnabrueck.de</a>).
Wir besprechen gerne persönlich mit Ihnen,
wie wir Ihre Antragsidee digital umsetzen
oder didaktisch unterstützen können. <br>
<br>
<em>Hilfskraftmittel zur Unterstützung
offener Online Lehre – jetzt Kurzantrag
einreichen!</em><br>
Die Technische Informationsbibliothek
Hannover (TIB) schreibt mit Unterstützung
des Nds. MWK Mittel zur Finanzierung von
studentischen Hilfskräften aus – und zwar
für die Digitalisierung von
Lehrveranstaltungen sowie die Förderung
der Offenheit von Hochschullehre. Aufgabe
der finanzierten Hilfskräfte soll
ausschließlich die Mitarbeit an der
Entwicklung digitaler Lehr-Lernmaterialien
und ihre Aufbereitung in Form von OER
sein. Die anschließende Bereitstellung der
entwickelten Lehrmaterialien auf der
OER-Plattform twillo ist obligatorisch.
Als Lehrpersonen (Professor*innen, wiss.
Mitarbeiter*innen) sind Sie
antragsberechtigt, können sich aber auch
in Gruppen zusammenschließen. Die
Hilfskräfte dürfen vom 01.04.-30.11.2024
angestellt werden. Das zu beantragende
Einzelvolumen beträgt max. 10.000 Euro.
Sie haben Interesse? Stellen Sie zeitnah
einen Kurzantrag! Innerhalb von drei
Wochen nach der Antragseinreichung wird
über die Förderung entschieden. <a
href="https://projects.tib.eu/etrainerfonds/foerderangebot" _blank"="">Weitere
Informationen erhalten Sie hier.</a> </td>
</tr>
</tbody>
</table>
<!-- // END BODY --> </td>
</tr>
<tr>
<td valign="top" align="center">
<table id="templadeBody" width="100%"
cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="bodyContent"
mc:edit="body_content" valign="top">
<h2> Aktuelle Termine: </h2>
<em>Do, 29. Februar 2024, 12:30-14:00 Uhr
</em> <br>
<a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?event=ideenpool-veranstaltungsreihe-minitipps-zur-gestaltung-barrierefreier-lehre-und-lehrmaterialien"
target="_blank">
Ideenpool-Veranstaltungsreihe: Minitipps
zur Gestaltung barrierefreier Lehre und
Lehrmaterialien </a> <br>
<br>
<em>Fr, 04. März 2024, 13:30-14:30 Uhr </em>
<br>
<a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?event=virtuos-offene-online-sprechstunde-5"
target="_blank"> virtUOS offene
Online-Sprechstunde (findet im
wöchentlichen Turnus statt) </a> <br>
<br>
<em>Fr, 20. März 2024, 9:00 Uhr-12:00 Uhr
</em> <br>
<a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?event=crashkurs-hochschuldidaktik-5"
target="_blank"> Crashkurs
Hochschuldidaktik </a> <br>
<br>
<a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?post_type=event"
target="_blank">Weitere Termine...</a> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top" align="center">
<!-- BEGIN COLUMNS // -->
<table id="templateColumns" width="100%"
cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr mc:repeatable="">
<td class="templateColumnContainer"
style="padding-top:20px;" valign="top"
align="center">
<table width="100%" cellspacing="0"
cellpadding="20" border="0">
<tbody>
<tr>
<td class="leftColumnContent"
style="height: 200px;"> <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/2024/02/23/nun-sag-wie-haeltst-dus-mit-der-ki-rechtliche-aspekte-bei-der-verwendung-von-ki-in-der-hochschullehre-das-problem-mit-dem-datenschutz/"
target="_blank"> <img
src="https://digitale-lehre.virtuos.uni-osnabrueck.de/wp-content/uploads/2024/02/KI_Recht_Blog.png"
style="max-width:300px; max-height: 200px;" class="columnImage"
mc:label="left_column_image"
mc:edit="left_column_image"></a>
</td>
</tr>
<tr>
<td class="leftColumnContent"
mc:edit="left_column_content"
valign="top"> <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/2024/02/23/nun-sag-wie-haeltst-dus-mit-der-ki-rechtliche-aspekte-bei-der-verwendung-von-ki-in-der-hochschullehre-das-problem-mit-dem-datenschutz/"
target="_blank">
<h2><strong> Rechtliche Aspekte
bei der Verwendung von KI in
der Hochschullehre -
Workshopbericht</strong></h2>
</a> In diesem Workshopbericht
beleuchtet Marlon Regener vom
virtUOS einige der zentralen
rechtlichen Fragen zum Einsatz von
KI-Diensten in der Lehre und
erläutert, für welche dieser
Fragen es bereits konkrete
Antworten gibt. Wenn dieser
Bericht Ihr Interesse geweckt hat
und Sie tiefer in das Thema
einsteigen wollen, <a
href="https://oer.vhb.org/edu-sharing/components/collections?query=&parameters=%7B%7D&repositoryFilter=&mds=-default-&repository=oer&mdsExtended=false&id=3bb3dad8-17a9-42b8-8b6f-14034362aad"
_blank"="">finden Sie eine
Aufzeichnung des Workshops.</a>
</td>
</tr>
</tbody>
</table>
</td>
<td class="templateColumnContainer"
style="padding-top:20px;" valign="top"
align="center">
<table width="100%" cellspacing="0"
cellpadding="0" border="0">
<tbody>
<tr>
<td class="rightColumnContent"
style="height: 200px;"> <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/2024/02/21/hoertipp-podcast-souvern-in-der-digitalen-hochschullehre-ideen-aus-niedersachsen/"
target="_blank"><img
src="https://digitale-lehre.virtuos.uni-osnabrueck.de/wp-content/uploads/2024/02/Titelbild-fu%CC%88r-Blogbeitrag_SOUVER@N-Podcast.jpg"
style="max-width:300px; max-height: 200px;" class="columnImage"
mc:label="right_column_image"
mc:edit="right_column_image"></a>
</td>
</tr>
<tr>
<td class="rightColumnContent"
mc:edit="right_column_content"
valign="top"> <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/2024/02/21/hoertipp-podcast-souvern-in-der-digitalen-hochschullehre-ideen-aus-niedersachsen/"
target="_blank">
<h2><strong> Hörtipp: Podcast
„SOUVER@N in der digitalen
Hochschullehre – Ideen aus
Niedersachsen“ </strong></h2>
</a> Im Verbundprojekt <a
href="https://www.souveraenes-digitales-lehren-und-lernen.de/home/"
_blank"="">SOUVER@N</a> ist eine
neue <a
href="https://www.souveraenes-digitales-lehren-und-lernen.de/home/podcast/"
_blank"="">Podcastreihe</a>
entstanden, in der Expert*innen
aus ganz Niedersachsen zum Thema
Hochschullehre zu Wort kommen. An
jedem zweiten Mittwoch im Monat
erscheint eine neue informative
Episode auf der SOUVER@N-Website.
Hören Sie rein und lassen Sie sich
inspirieren von den Ideen und
Fragestellungen rund um die
digitale und digital unterstützte
Lehre. </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- // END COLUMNS --> </td>
</tr>
<tr>
<td valign="top" align="center">
<!-- BEGIN BODY // -->
<table id="templateBody" width="100%"
cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td valign="top" align="center">
<!-- BEGIN BODY // -->
<table id="templateBody" width="100%"
cellspacing="0" cellpadding="0"
border="0">
<tbody>
<tr>
<td valign="top" align="center">
<!-- BEGIN BODY // -->
<table id="templateBody"
width="100%" cellspacing="0"
cellpadding="0" border="0">
<tbody>
<tr>
<td class="bodyContent"
mc:edit="body_content"
valign="top">
<h2>Zwei
Veranstaltungstipps aus
der Hochschuldidaktik</h2>
<b>Lehre barrierefrei(er)
gestalten - <em>Heute,</em>
29.02.2024, 12:30-14:00
Uhr (online)</b> <br>
In der nächsten
Ideenpool-Veranstaltung am
29.02.2024 von 12:30-14:00
Uhr geht es um
verschiedene
Möglichkeiten, wie Sie
Ihre Lehre und
Lehrmaterialien
barrierefrei(er) gestalten
und so mehr
Chancengleichheit und
Teilhabe für
beeinträchtigte
Studierende ermöglichen
können. Sie erhalten
Praxistipps zur Gestaltung
von Informationen,
Kommunikation &
Nachteilsausgleichen sowie
zur Erstellung
barriereärmerer
Lehrmaterialien mithilfe
digitaler Tools. Der
Onlinevortrag findet in
BigBlueButton statt: <a
href="https://vt.uos.de/2zney" _blank"="" class="moz-txt-link-freetext">https://vt.uos.de/2zney</a>
Alle aktuellen
Informationen zur Reihe
finden Sie auf <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/ideenpool-veranstaltungen/"
_blank"=""> unserer
Ideenpool-Webseite.</a>
<br>
<br>
<b>Crashkurs
Hochschuldidaktik -
20.03.2024, 09:00-12:00
Uhr (online)</b> <br>
Der Crashkurs richtet sich
insbesondere an
diejenigen, die neu in die
Lehre einsteigen. Die
dreistündige Veranstaltung
bietet einen praktikablen
und bewährten
Handlungsrahmen für die
Planung und Durchführung
von Lehrveranstaltungen
und Prüfungen. Die
Teilnahme ist kostenlos,
eine vorherige Anmeldung
ist nicht erforderlich.
Der Kurs findet online im
<a
href="https://webconf.uni-osnabrueck.de/b/fra-3hi-xzr" _blank"="">BigBlueButton-Raum</a>
statt. Weitere Infos <a
href="https://www.virtuos.uni-osnabrueck.de/hochschuldidaktik/crashkurs_hochschuldidaktik.html"
_blank"=""> gibt es
hier.</a> </td>
</tr>
<tr>
<td valign="top"
align="center">
<!-- BEGIN BODY // -->
<table id="templateBody"
width="100%"
cellspacing="0"
cellpadding="0"
border="0">
<tbody>
<tr>
<td
class="bodyContent" mc:edit="body_content" valign="top">
<h2>News &
Trends:
Netzfundstücke</h2>
Mit unseren
Fundstücken im
Februar wollen wir
Ihnen wieder
einige spannende
Impulse zum Thema
KI in der Lehre
mit auf den Weg
geben:
<ul>
<li> Für
Einsteiger:innen
(aber nicht
nur für die)
bietet die
Podcast-Reihe
"Werkstatt-Gespräch – KI & Bildung" der Bundeszentrale für
politische
Bildung
(einige)
Antworten auf
die "großen
Fragen rund um
KI und
Bildung."<br>
<a
href="https://www.bpb.de/lernen/digitale-bildung/werkstatt/540032/werkstatt-gespraech-ki-bildung/"
_blank"="">Hier
reinhören...</a></li>
<li> Wer wissen
möchte, wie
Studierende
ChatGPT &
Co verwenden,
sollte einen
Blick auf die
Ergebnisse
einer Umfrage
der ETH Zürich
werfen. Die
Umfrage wurde
im September
2023
durchgeführt.
Im Januar
wurden nun die
ersten
Ergebnisse
veröffentlicht.
Nicht
unerwartet
zeigt sich:
Studierende
setzen
KI-Tools
bereits jetzt
sehr
vielfältig in
ihrem
Studienumfeld
ein.<br>
<a
href="https://ethz.ch/de/die-eth-zuerich/lehre/ai-in-education/projects/ai-usage-among-students.html"
_blank"="">Hier
gibt es die
Details...</a></li>
<li> "KI in
Studium und
Lehre" heißt
eine neue
Themenseite
bei
e-teaching.org.
Dort gibt es
"zentrale
Informationen
und
Weiterbildungsangebote
zu diesem
Themenfeld."
Ein Blick
darauf lohnt
sich, u.a.
finden sich
auf der Seite
auch die
Vortragsaufzeichnungen
aus dem
Themenspecial
"KI in der
Hochschulpraxis."<br>
<a
href="https://www.e-teaching.org/praxis/themenseiten/ki-in-studium-und-lehre"
_blank"="">Hier
geht es zu
e-teaching.org...</a></li>
</ul>
</td>
</tr>
</tbody> <tbody>
<tr>
<td valign="top"
align="center">
<!-- BEGIN BODY // -->
<table
id="templateBody" width="100%" cellspacing="0" cellpadding="0"
border="0">
<tbody>
<tr>
<td
class="bodyContent" mc:edit="body_content" valign="top">
<h2>Übersicht
der
virtUOS-Beratungsangebote</h2>
Das virtUOS
unterstützt
Sie bei der
Gestaltung
Ihrer Lehre in
vielfältiger
Weise. Egal,
ob Sie
technische
oder
didaktische
Fragen haben
oder eine
Grundlagenschulung
benötigen,
nutzen Sie
eines unserer
Beratungsangebote:
<br>
<ul>
<li><b>Email-Support</b></li>
Schreiben Sie
uns gerne eine
E-Mail mit
Ihrem Anliegen
an <a
href="mailto:virtuos@uos.de" class="moz-txt-link-freetext">virtuos@uos.de</a>.
<li><b>Telefon-Support</b></li>
Montags bis
freitags von
9-14 Uhr
erreichen Sie
unseren
telefonischen
Support unter
+49 541 969
6666.
<li><b>Online-Sprechstunde</b></li>
Wir bieten
Ihnen jeden
Montag in der
Zeit von 13:30
bis 14:30 Uhr
die
Möglichkeit,
sich mit uns
online per
Videokonferenz
auszutauschen.
Die genauen
Daten sowie
den
Zugangslink
finden Sie auf
dem <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/?event-category=virtuos-sprechstunde"
target="_blank">Infoportal</a>.
<li><b>Individuelle
Beratungstermine</b></li>
Über Stud.IP
können Sie
sich einen
individuellen
Berartungstermin für eine Online-Beratung buchen. Auf unserem
Informationsportal
finden Sie
eine <a
href="https://digitale-lehre.virtuos.uni-osnabrueck.de/sprechstunde/#individuelle-beratungstermine"
target="_blank">Anleitung zur Buchung der Termine</a>.
</ul>
</td>
</tr>
</tbody>
</table>
<!-- // END BODY -->
</td>
</tr>
<tr>
<td valign="top"
align="center">
<!-- BEGIN FOOTER // -->
<table
id="templateFooter" width="100%" cellspacing="0" cellpadding="0"
border="0">
<tbody>
<tr>
<td
class="footerContent" mc:edit="footer_content00" valign="top">
<!--<a href="*|TWITTER:PROFILEURL|*">Follow on Twitter</a> <a href="*|FACEBOOK:PROFILEURL|*">Friend on Facebook</a> <a href="*|FORWARD|*">Forward to Friend</a> -->
<br>
</td>
</tr>
<tr>
<td
class="footerContent" style="padding-top:0;" mc:edit="footer_content01"
valign="top">
<em>Veröffentlicht
unter einer <a
href="https://creativecommons.org/licenses/by-sa/4.0/legalcode.de">
Creative
Commons By
Share-Alike
4.0 Lizenz</a></em>
<br>
Basierend auf
den Vorlagen <a
href="https://github.com/mailchimp/email-blueprints">„E-Mail Blueprints“</a>
von Mailchimp
unter einer <a
href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons
By Share-Alike
3.0 Lizenz</a>
<br>
<br>
<strong>Kontakt:</strong>
<br>
<a
href="mailto:virtuos@uos.de">virtuos@uni-osnabrueck.de</a> </td>
</tr>
<tr>
<td
class="footerContent" style="padding-top:0;" mc:edit="footer_content02"
valign="top">
<a
href="https://list.serv.uni-osnabrueck.de/mailman/listinfo/e-learning"
target="_blank">Newsletter abbestellen</a> <a
href="https://list.serv.uni-osnabrueck.de/mailman/listinfo/e-learning"
target="_blank">Newsletter Abonnement ändern</a> </td>
</tr>
</tbody>
</table>
<!-- // END FOOTER -->
</td>
</tr>
</tbody>
</table>
<!-- // END TEMPLATE --> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>Digitale Lehre @ UOS - Januar 2024 </title>
<style type="text/css">
/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
/* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
body{margin:0; padding:0;}
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
table{border-collapse:collapse !important;}
body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
/* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */
/* ========== Page Styles ========== */
#bodyCell{padding:20px;}
#templateContainer{width:600px;}
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
body, #bodyTable{
/*@editable*/ background-color:#DEE0E2;
width: 600px;
}
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
#bodyCell{
/*@editable*/ border-top:4px solid #BBBBBB;
}
/**
* @tab Page
* @section email border
* @tip Set the border for your email.
*/
#templateContainer{
/*@editable*/ border:1px solid #BBBBBB;
}
/**
* @tab Page
* @section heading 1
* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
* @style heading 1
*/
h1{
/*@editable*/ color:#202020 !important;
display:block;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:26px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:center;
}
/**
* @tab Page
* @section heading 2
* @tip Set the styling for all second-level headings in your emails.
* @style heading 2
*/
h2{
/*@editable*/ color:#404040 !important;
display:block;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:20px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 3
* @tip Set the styling for all third-level headings in your emails.
* @style heading 3
*/
h3{
/*@editable*/ color:#606060 !important;
display:block;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:16px;
/*@editable*/ font-style:italic;
/*@editable*/ font-weight:normal;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:center;
}
/**
* @tab Page
* @section heading 4
* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
* @style heading 4
*/
h4{
/*@editable*/ color:#808080 !important;
display:block;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:14px;
/*@editable*/ font-style:italic;
/*@editable*/ font-weight:normal;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/* ========== Header Styles ========== */
/**
* @tab Header
* @section preheader style
* @tip Set the background color and bottom border for your email's preheader area.
* @theme header
*/
#templatePreheader{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-bottom:1px solid #CCCCCC;
}
/**
* @tab Header
* @section preheader text
* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
*/
.preheaderContent{
/*@editable*/ color:#808080;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:10px;
/*@editable*/ line-height:125%;
/*@editable*/ text-align:left;
}
/**
* @tab Header
* @section preheader link
* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
*/
.preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#606060;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/**
* @tab Header
* @section header style
* @tip Set the background color and borders for your email's header area.
* @theme header
*/
#templateHeader{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-top:1px solid #FFFFFF;
/*@editable*/ border-bottom:1px solid #CCCCCC;
}
/**
* @tab Header
* @section header text
* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
*/
.headerContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:20px;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ padding-top:20px;
/*@editable*/ padding-right:0px;
/*@editable*/ padding-bottom:0px;
/*@editable*/ padding-left:0px;
/*@editable*/ text-align:left;
/*@editable*/ vertical-align:middle;
background-color: #91042C;
border-bottom: #FBBA00 solid 5px;
}
/**
* @tab Header
* @section header link
* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
*/
.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#91042C;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
#headerImage{
height:auto;
margin-top: -25px;
max-width:600px;
margin-left: 25px;
}
/* ========== Body Styles ========== */
/**
* @tab Body
* @section body style
* @tip Set the background color and borders for your email's body area.
*/
#templateBody{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-top:1px solid #FFFFFF;
/*@editable*/ border-bottom:1px solid #CCCCCC;
}
/**
* @tab Body
* @section body text
* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
* @theme main
*/
.bodyContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:16px;
/*@editable*/ line-height:150%;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ text-align:left;
}
/**
* @tab Body
* @section body link
* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
*/
.bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#91042C;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
.bodyContent img{
display:inline;
height:auto;
max-width:600px;
}
/* ========== Column Styles ========== */
.templateColumnContainer{width:260px;}
/**
* @tab Columns
* @section column style
* @tip Set the background color and borders for your email's column area.
*/
#templateColumns{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-top:1px solid #FFFFFF;
/*@editable*/ border-bottom:1px solid #CCCCCC;
}
/**
* @tab Columns
* @section left column text
* @tip Set the styling for your email's left column content text. Choose a size and color that is easy to read.
*/
.leftColumnContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:14px;
/*@editable*/ line-height:150%;
padding-top:0;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ text-align:left;
}
/**
* @tab Columns
* @section left column link
* @tip Set the styling for your email's left column content links. Choose a color that helps them stand out from your text.
*/
.leftColumnContent a:link, .leftColumnContent a:visited, /* Yahoo! Mail Override */ .leftColumnContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#91042C;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/**
* @tab Columns
* @section right column text
* @tip Set the styling for your email's right column content text. Choose a size and color that is easy to read.
*/
.rightColumnContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:14px;
/*@editable*/ line-height:150%;
padding-top:0;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ text-align:left;
}
/**
* @tab Columns
* @section right column link
* @tip Set the styling for your email's right column content links. Choose a color that helps them stand out from your text.
*/
.rightColumnContent a:link, .rightColumnContent a:visited, /* Yahoo! Mail Override */ .rightColumnContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#91042C;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
.leftColumnContent img, .rightColumnContent img{
display:inline;
height:auto;
max-width:260px;
}
/* ========== Footer Styles ========== */
/**
* @tab Footer
* @section footer style
* @tip Set the background color and borders for your email's footer area.
* @theme footer
*/
#templateFooter{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-top:1px solid #FFFFFF;
}
/**
* @tab Footer
* @section footer text
* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
* @theme footer
*/
.footerContent{
/*@editable*/ color:#808080;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:10px;
/*@editable*/ line-height:150%;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
/*@editable*/ text-align:left;
}
/**
* @tab Footer
* @section footer link
* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
*/
.footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{
/*@editable*/ color:#606060;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/* /\/\/\/\/\/\/\/\/ TABLET STYLES /\/\/\/\/\/\/\/\/ */
@media only screen and (max-width:700px ){
/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
/* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
#bodyCell{padding:10px !important;}
/* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
/* ======== Page Styles ======== */
/**
* @tab Mobile Styles
* @section template width
* @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
*/
#templateContainer{
max-width:1200px !important;
/*@editable*/ width:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 1
* @tip Make the first-level headings larger in size for better readability on small screens.
*/
h1{
/*@editable*/ font-size:24px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 2
* @tip Make the second-level headings larger in size for better readability on small screens.
*/
h2{
/*@editable*/ font-size:20px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 3
* @tip Make the third-level headings larger in size for better readability on small screens.
*/
h3{
/*@editable*/ font-size:18px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 4
* @tip Make the fourth-level headings larger in size for better readability on small screens.
*/
h4{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:100% !important;
}
/* ======== Header Styles ======== */
#templatePreheader{display:none !important;} /* Hide the template preheader to save space */
/**
* @tab Mobile Styles
* @section header image
* @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
#headerImage{
height:auto !important;
width: 250px;
margin-top: 0px;
/*@editable*/ max-width:600px !important;
/*@editable*/ margin-left: 15px !important;
}
/**
* @tab Mobile Styles
* @section header text
* @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.headerContent{
/*@editable*/ font-size:20px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Body Styles ======== */
/**
* @tab Mobile Styles
* @section body text
* @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.bodyContent{
/*@editable*/ font-size:18px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Column Styles ======== */
.templateColumnContainer{display:block !important; width:100% !important;}
/**
* @tab Mobile Styles
* @section column image
* @tip Make the column image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
.columnImage{
height:auto !important;
/*@editable*/ max-width:480px !important;
}
/**
* @tab Mobile Styles
* @section left column text
* @tip Make the left column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.leftColumnContent{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:125% !important;
}
/**
* @tab Mobile Styles
* @section right column text
* @tip Make the right column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.rightColumnContent{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Footer Styles ======== */
/**
* @tab Mobile Styles
* @section footer text
* @tip Make the body content text larger in size for better readability on small screens.
*/
.footerContent{
/*@editable*/ font-size:14px !important;
/*@editable*/ line-height:115% !important;
}
.footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */
}
/* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
@media only screen and (max-width: 550px){
/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
/* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
#bodyCell{padding:10px !important;}
/* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
/* ======== Page Styles ======== */
/**
* @tab Mobile Styles
* @section template width
* @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
*/
#templateContainer{
max-width:500px !important;
/*@editable*/ width:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 1
* @tip Make the first-level headings larger in size for better readability on small screens.
*/
h1{
/*@editable*/ font-size:24px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 2
* @tip Make the second-level headings larger in size for better readability on small screens.
*/
h2{
/*@editable*/ font-size:20px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 3
* @tip Make the third-level headings larger in size for better readability on small screens.
*/
h3{
/*@editable*/ font-size:18px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 4
* @tip Make the fourth-level headings larger in size for better readability on small screens.
*/
h4{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:100% !important;
}
/* ======== Header Styles ======== */
#templatePreheader{display:none !important;} /* Hide the template preheader to save space */
/**
* @tab Mobile Styles
* @section header image
* @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
#headerImage{
height:auto !important;
margin-top: 0px;
/*@editable*/ max-width:200px !important;
/*@editable*/ margin-left: 15px !important;
}
/**
* @tab Mobile Styles
* @section header text
* @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.headerContent{
/*@editable*/ font-size:20px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Body Styles ======== */
/**
* @tab Mobile Styles
* @section body text
* @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.bodyContent{
/*@editable*/ font-size:18px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Column Styles ======== */
.templateColumnContainer{display:block !important; width:100% !important;}
/**
* @tab Mobile Styles
* @section column image
* @tip Make the column image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
.columnImage{
height:auto !important;
/*@editable*/ max-width:480px !important;
width: 72.5%;
margin-right: auto;
}
/**
* @tab Mobile Styles
* @section left column text
* @tip Make the left column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.leftColumnContent{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:125% !important;
}
/**
* @tab Mobile Styles
* @section right column text
* @tip Make the right column content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.rightColumnContent{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Footer Styles ======== */
/**
* @tab Mobile Styles
* @section footer text
* @tip Make the body content text larger in size for better readability on small screens.
*/
.footerContent{
/*@editable*/ font-size:14px !important;
/*@editable*/ line-height:115% !important;
}
.footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */
}
</style>
</body>
</html>