/* 
      uk: 20210222: textarea wird genauso flach wie normale Input-Felder. Doof.
*/
.module-content form textarea {
    height: 10em !IMPORTANT;
}


/*
	ut: 20210111: line-height:0 von lightbox führt dazu, dass im Form-Framework der Upload-Button unter Chrome zu schmal angezeigt wird.
*/
.lightbox {
	line-height: normal;
}

/*
	ut: 20201105: uk wünscht Überschrift von "Visitenkarte breit" über und nicht neben Bild, wegen möglicher Verschiebung der Überschrift und schmalem Bild
*/
.layout2017 .module.extended > .module-content > .teaserfigure.margined + div {
	float: none;
}
.layout2017 .main .module > div.module-content.h-card .teaserfigure, .layout2017 div.lang_lang .module-content .teaserfigure:first-child, .layout2017 .module.extended > .module-content > .h-card .teaserfigure, .layout2017 .module.extended > .module-content > .teaserfigure.margined, .layout2017 .main .element .element-content > .h-card > .teaserfigure {
	max-width: 51.5%;
}
.layout2017 .module.extended>.module-content>.teaserfigure.margined, .layout2017 .lang_kurz>.module:nth-child(3n+1) .module-content>.teaserfigure.margined, .layout2017 .kurz_lang>.module:nth-child(3n) .module-content>.teaserfigure.margined {
    margin: 8px 10px 32px 0;	
}
/*
	ut: 2020 06 03 Einstellungen für das Layout Bild schmal 193px
*/
.itzfulWidth193 {
	width: 193px;
}

/*
	ut: 2020 06 04 Einstellungen für das Layout Visitenkarte (freie Gestaltung)
*/
.hcardfree {
	width: 193px;
}

/*
	2018 09 11 uk-Auftrag: Einfache Bildergalerie (z.B. für Lange Nacht der Universitätsmedizin)
*/
.itzfulGalleryUl {
  list-style-type:none;
  display: block;
  position: relative;
}
.itzfulGalleryLi {
  list-style-type:none;
  width: 209px;
  float: left;
  padding: 4px;
}

/*
	2016 06 23 uk bat um Entfernung von <address> zur Vergrößerung der Bildunterschriften.
	Dadurch wanderte die Unterschrift nach links. Deshalb hier eine Anordnung rechts.
	2016 06 23 uk-Auftrag: Bildunterschrift in module extended soll genauso aussehen,
	wie in allen anderen Containern.
*/
figcaption {
    text-align: right;
}

.itzfulNoTitleBar figcaption { 
    color: #8c9598;
    margin-top: 0.5em;
    font-style: italic;
	margin-right: 0.5em 
}

/* Im Slider muss Text nach links, sonst doof. -uk */

.owl-item figcaption {
    text-align: left
}


/*
	2016 06 23 uk wünscht manuelle Anordnung der Bildunterschrift links.
	Im Layout-Listenfeld gibt es nun zwei neue Layouts (Bildunterschrift links
	für Standardlayout und Bild schmal. Wenn diese gewählt werden, werden die
	entsprechenden Tags mit der Klasse itzfulCaptionLeft ausgezeichnet.
*/
.itzfulCaptionLeft {
	text-align: left
}

/*
	Benutzerdefinierte Symbole für rechte Funktionsbox
*/
.nav-app-custom::before {
    content: "\f15c"
}

/* .nav-app-video::before {
    content: "\f16a"
}
*/

.nav-app-search::before {
    content: "\f1e5"
}

.nav-app-down::before {
    content: "\f019"
}


/* Nach Umstellung auf Awesome-Webfont des Twitter Bootstrap-Frameworks musste das benutzerdefinierte
   Symbol für den rechten Funktionsbereich auf andere Weise eingebunden werden (siehe nav-app-custom::before 
   oben). Die folgenden Zeilen mussten auskommentiert werden (20160229 Uwe Thiemann)
.nav-app-custom ~ .module-content{
	padding:8px 0
}

.nav-app-custom{
	background-position:0 -0px
}

.nav-app-custom {
	background-image:url("/fileadmin/system/images/allgemein/layoutpiktogramme/custom.png");
	background-repeat:no-repeat
}
*/

/*	Wenn Symbole für Tabs im Tabs-Container verwendet werden, werden diese zu nahe
	an der Überschrift angezeigt, weshalb dem Uni-CSS-Code ein Padding-Left
	hinzugefügt werden muss.
*/
.js .element > li.icon-research > h3, .js .element > li.icon-publications > h3, .js .element > li.icon-projects > h3, .js .element > li.icon-vita > h3, .js .element > li.icon-awards > h3, .js .element > li.icon-graduation > h3, .js .element > li.icon-persons > h3 {
    cursor: pointer;
    position: relative;
    padding-right: 3em;
    padding-left: 2.5em;
}
/*	Das Anordnen von Symbolen bei Tabs im Tabs-Container wird von der Uni nicht unterstützt.
	Der nachfolgende CSS-Code ordnet diese bei MFM-Seiten vor Tabs-Überschriften an
	(sofern in der Einzel-Tab-Konfiguration aktiviert).
*/
@media all and (min-width:37.5em) {
  .tabs li.icon-research > h3 {
      padding-left: 4em;
      background-image: url("/fileadmin/system/images/research.gif");
      background-repeat: no-repeat;
      background-position: 5px 8px;
      background-size: 1.8em;
  }
  .tabs li.icon-publications > h3 {
      padding-left: 4em;
      background-image: url("/fileadmin/system/images/publications.gif");
      background-repeat: no-repeat;
      background-position: 5px 8px;
      background-size: 1.8em;
  }
  .tabs li.icon-projects > h3 {
      padding-left: 4em;
      background-image: url("/fileadmin/system/images/projects.gif");
      background-repeat: no-repeat;
      background-position: 5px 8px;
      background-size: 1.8em;
  }
  .tabs li.icon-vita > h3 {
      padding-left: 4em;
      background-image: url("/fileadmin/system/images/vita.gif");
      background-repeat: no-repeat;
      background-position: 5px 8px;
      background-size: 1.8em;
  }
  .tabs li.icon-persons > h3 {
      padding-left: 4em;
      background-image: url("/fileadmin/system/images/persons.gif");
      background-repeat: no-repeat;
      background-position: 5px 6px;
      background-size: 1.6em;
  }
  .tabs li.icon-awards > h3 {
      padding-left: 4em;
      background-image: url("/fileadmin/system/images/awards.gif");
      background-repeat: no-repeat;
      background-position: 5px 8px;
      background-size: 1.8em;
  }
  .tabs li.icon-graduation > h3 {
      padding-left: 4em;
      background-image: url("/fileadmin/system/images/graduation.gif");
      background-repeat: no-repeat;
      background-position: 5px 8px;
      background-size: 1.8em;
  }
}

/*
  Anpassung für Secondary Logo bei kleinem Bildschirm
*/
@media all and (max-width:49.12em) {
  .secondary-logo {
    width:70px;
  }
}

/*
  Anpassung für Secondary und Tertiary Logo.
  werden weiter oben angezeigt.
*/
@media all and (min-width:49.12em) {
	.secondary-logo, .tertiary-logo {
		display: block;
		position: relative;
		top: -11px;
		float: right;
		margin-top: 1.5em;
		height: auto;
		max-height: 71px;
		width: auto;
	}
}

/*
  Anpassung der Farben für das "Zielgruppenmenü" (unter dem obersten Menü)
*/
.nav-audience.zentral > li:first-child > a,.nav-audience.zentral > li:first-child > span,.nav-audience.zentral > li.current:first-child {
background-color:#7ab51d;
background-image: url('data:image/gif;base64,R0lGODlhGQAZAMZIAAFTJgBTMQBULwBVLAFVKwJVLABXLQFXLABXMABXNABYLwFYLgFYLwFYMABYNABZMABZMgFZMABaMQBaMgBaMwFaMQFaMgBbMwBbNAFbMwBcNABcNQBcNgZcLgReMxVlKhVmKiJpIy5zI0yGG1uPGWKSE4ipDIqpCJGuCau9A669ALbCALXEAbnDAbjEAbnEALjFALnFALnFAbrFALvFALjGAbrGAbvGAL3GALvHALzHALzIAL3IAL3JAL7JAL7KAL/KAMDKAL/LAMPLAMHMAMLMAMXOAMfPAPv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/Pv8/CH5BAEKAH8ALAAAAAAZABkAAAepgH+Cg4SFhoeIgwWJiTY8PoMcEgqMhT09NDqDFREYF5WCLj8/PIUWGhsNoDo7iRYGoDigs7SVE4mtswobFwiDMzw/ObUDHiAlKUI9NS21gipFRiwmJB/OOT9AmoICGBsQtD8xhwcbDKArlSHO7IUbBIcvPbQLGxQBgzk+ws4dIygwiBwZ0i6IkB8+Tohw4EzHjx7DBCXIwOHBrBulEFk4V0lGJQDtQoYMBAA7');
background-repeat:no-repeat;
padding-left: 28px;
}

.nav-audience.zentral > li:nth-child(2) > a,.nav-audience.zentral > li:nth-child(2) > span,.nav-audience.zentral > li.current:nth-child(2) {
background-color:#003866;
background-image: url('data:image/gif;base64,R0lGODlhGQAZAMIEAABsrwBssABtrwBtsPv8/Pv8/Pv8/Pv8/CH5BAEKAAQALAAAAAAZABkAAANJSLrc/jDKSau9WIzNdwVd6EmiAACMEIEdtmwoFFCDw4qViJNhbHUql2ITZAQAgU1gBvERNLqRJBnlSG7SS8eJyQoJta94TC5bEgA7');
background-repeat:no-repeat;
padding-left: 28px;
}

.nav-audience.zmbe > li:first-child > a,.nav-audience.zmbe > li:first-child > span,.nav-audience.zmbe > li.current:first-child {
background-color:#84250d;
//background-image: url('data:image/gif;base64,R0lGODlhRgAVAMZyAHU5KohQQolQQolRQ4dTRoxSRIdXTJRWSJhkWKFpW6hoWKhqW6V6b656bKx+ca6BdqyFfLaDd6+Hfq6IgLyFd6+JgLyGeLCLgr6KfqyPibKOhbKOhrKPh8CNgMGOgbmQhr+PhLaSicKQhMKRhcOShreVjLqWjruZkb+Zj8WYjMidkcKgmL+jm8uhlsyhlsyimMalnM6kms2lm8aooM6nnc+onseqpMerpNCqocisps6vp8uwqseyrNWyqdayqde5stm5sNK7tdW8ttq7tNa+uNu/t9jBu93Bud7CvN/Du+DEveHJw+LKxOPMxuPNx+XPyeXQy+fSzOnV0eXW0+jc2e3d2e/h3vDj4PDk4fHp5/Pp5/Tr6fTs6fTu7Pbu7Pfv7ffy8Pjy8Pnz8fr08/r19fv29fr39vv39vz5+Pz6+fz6+v36+v38+/38/P78/P7+/v/+/v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEKAH8ALAAAAABGABUAAAf+gH+Cg4SFhoeIiYqLjI2Oj5CQMlxxTB5LZ29xm5ydnp+goZyRg0VkaZ5oYD0YEhwbsLGysBoXtre4uboXFZAqUFabazwZgydBnFdSLqTNjENbnSwEhwcwnW9IL87chFpt4OFwonBs4eBuAd3dCQXdJgDr3GETg0CCMSCCSoIUPoJJIgyKM0Cesy0QBNVQI+gJEUFxBI0QAzHHQHUGSSEURMOMICdCIAoS8QWijYsZNSb80/FjyD8R/5A0iTIlpI1/cLwRFMWIyD8kykDcUdOmI5wLHghqgEDQB0EKHAhCIaCoUUY4ncXBeBXryhZYBB3RIWiMoA5VBHlZYbVrIpwwLf80eRlzJswbbd0ewpmCiqAfMwR1EWRhiqAsIfLqLZS12dbFikoY6MYAsuXLhQIBADs=');
//background-repeat:no-repeat;
//padding-left: 33px;
//padding-right: 28px;
}

.nav-audience.zentral > li:first-child > .nav-item > a {
color:#7ab51d!important;
}

.nav-audience.zentral > li:nth-child(2) > .nav-item > a {
color:#003866!important;
}

.nav-audience.zmbe > li:first-child > .nav-item > a {
color:#84250d!important;
}

.nav-audience.zentral > li:first-child:hover {
border-color:#7ab51d;
}

.nav-audience.zentral > li:nth-child(2):hover {
border-color:#003866;
}

.nav-audience.zmbe > li:first-child:hover {
border-color:#84250d;
}



/*
  Hier wird die Höhe von Registerkartenreitern angepasst.
  Dies ist notwendig, wenn Registerkartenreiter, die Icons
  verwenden, zusammen mit solchen verwendet werden, die
  keine Icons nutzen. Andernfalls wären die Nicht-Icon-
  Registerkartenreiter nicht hoch genug, sodass sich
  ein unschönes Bild ergäbe.
*/
.icon-none::before {
height:25px;
display:block;
float:left;
content:"";
}

/*
  Einrichtung des Logos der medizinischen Fakultät,
  das bei geringer Displaygröße nur noch mit dem
  Logo-Teil angezeigt wird.
*/




/* 
   Einstellungen für die News-Anzeige.
   Hier eingebunden, weil bei Umleitung das Extension-Verzeichnis
   nicht eingebunden ist.
*/

/**************************************/
/* Default styles for news extension */
/**************************************/
.news .clear {
	clear: both;
}

.news .nav ul {
	float: left;
	display: inline;
	margin: 0;
}

.news .nav li {
	float: left;
}

.news .nav a {
	float: left;
	display: block;
}

.news .nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news .article {
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.news .article:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

.news .article:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news .article .news-img-wrap {
	float: left;
	margin-bottom: 3px;
}

.news .article .news-img-wrap a {
	display: block;
	float: left;
	background: #fff;
}

.news .article .news-img-wrap img {
	float: left;
	height: auto;
	width: auto;
}

.news .article .teaser-text {
	margin: 0 0 10px 0;
}

.news .article h3 {
	margin-bottom: 0;
}

.news .footer {
	clear: both;
	padding: 10px 0 0 0;
	border-top: 1px solid #eee;
	margin-top: 15px;
	color: #888;
}

.news .footer p {
	line-height: 1em;
}

.news .footer span {
	display: inline-block;
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid #ddd;
}

.news .footer span:last-child {
	border-right: 0;
}

.news .footer .news-category a {
	text-transform: uppercase;
}

.news .no-news-found {
	color: #DB0202;
	font-style: italic;
}

.news .page-navigation p {
	float: left;
}

.news .page-navigation ul {
	float: right;
}

.news .page-navigation ul li {
	float: left;
	display: block;
	padding: 0 2px;
	background: none;
}

.news .page-navigation ul li a {
	display: block;
}

/* category menu view */
.news-category-view ul li {
	padding: 5px 8px;
}

.news-category-view ul li li {
	padding: 2px 8px 2px 12px;
}

.news-category-view > ul > li:nth-child(even) {
	background: #f9f9f9;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.news-category-view .category-desc {
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #ddd;
}

/* single view */
.news-single .footer {
	margin-bottom: 20px;
	margin-top: 5px;
	padding: 10px 0 0 0;
	border-bottom: 0;
	border-top: 1px solid #eee;
}

.news-single .article .news-img-wrap {
	float: right;
	width: 282px;
	margin: 0 0 0 25px;
}

.news-single .article .news-img-wrap img {
	float: none;
}

.news-single .teaser-text {
	font-size: 15px;
	color: #888;
}

.news-text-wrap {
	margin-bottom: 10px;
}

.news-img-caption {
	clear: both;
	color: #888;
}

/* related news + files */
.news-related-wrap {
	display: table;
	margin-top: 20px;
	width: 100%;
}

.news-related {
	width: 50%;
	padding: 15px;
	border: 1px solid #eee;
	display: table-cell;
}

.news-related ul li {
	line-height: 1em;
	margin-bottom: 12px;
}

.news-related ul li span {
	border-right: 1px solid #DDDDDD;
	display: inline-block;
	margin-right: 8px;
	padding-right: 8px;
	color: #888;
}

.news-related ul li span:last-child {
	border-right: 0;
	padding-right: 0;
}

.news-related h4 {
	margin-bottom: 10px;
}

.news-related-files ul li {
	margin-bottom: 20px;
}

.news-related-files .news-related-files-link .jpg {
	background-position: 0 0;
}

.news-clear {
	clear: both;
}

/* Uni definiert Klasse linkliste so, dass alle Link-Icons nach links 
   verschoben sind. Hier überschrieben, so dass das nur noch für das
   erste Auftreten gilt.   -uk 27.11.2018  */

.element-content .linkliste a, .module-content .linkliste
a {
	margin-left: 0px;
}
.element-content .linkliste > li a:first-of-type, .module-content .linkliste
> li a:first-of-type {
	margin-left: -18px;
}

/* Abstände zwischen Form-Elementen sind zu klein.
   Wird hier behoben   -ut 20200714  */

.form-group {
	padding-bottom: 6px;
}