@charset "UTF-8";
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	_:-ms-fullscreen,:root .tile-img img, _:-ms-fullscreen,:root .ukj-newslist article img {
		height: auto !important;
		width: auto;
		max-width: none !important;
	}
}

@media all {
	/* Bildklassen (Abwärtskompatibilität)
	--------------------------------------*/
	.content .imgleft {
		min-height: 150px;
		width: 50%;
		float: left;
		margin: 10px;
		z-index: 100;
	}

	.content .imgright {
		min-height: 150px;
		width: 50%;
		float: right;
		margin: 10px;
		z-index: 100;
	}

	/* Untere Block-Abstände
	-------------------------*/
	.block-container .block {
		margin-bottom: 20px;
		padding-bottom: 0.1mm;
	}

	.content-bottom {
		padding-bottom: 0.1mm; /* Workaround: Damit margin-bottom die Höhe des Parent-Elements mit anpasst */
	}

	/* Kontaktblock
	----------------*/
	.contact {
		padding-top: 20px;
		clear: both;
	}

	.contact-picture {
		float: left;
	}

	.contact-picture span {
		display: inline-block;
		height: 180px;
		width: 145px;
		background-repeat: no-repeat;
		background-color: #FFFFFF;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center center;
		background-size: cover;
	}

	.contact-content {
		margin-left: 170px;
	}

	.contact-head {
		display: block;
		position: relative;
		top: -4px;
		margin-bottom: 10px;
		color: #0056A2;
		letter-spacing: 1px;
		font-size: 24px;
	}

	.externPage .contact-head {
		color: #F28130
	}

	.contact-content .contact-sub {
		margin: 10px 0;
		font-weight: bold;
	}

	/* Kacheln
	-----------*/
	.background:hover:not(.no-link) .tile-content * {
		color: #FFFFFF;
		text-shadow: 0px 0px 2px darkgray; /* SHei */
	}

	.background:hover:not(.no-link) .tile-content {
		background-color: #8DD449;
		text-shadow: 0 0 2px black; /* SHei */
	}

	.externPage .background:hover:not(.no-link) .tile-content {
		background-color: #ec3e93;
		text-shadow: 0 0 2px black; /* SHei */
	}

	.background:hover a .tile-content * {
		color: #FFFFFF;
		text-shadow: 0px 0px 2px darkgray; /* SHei */
	}

	.tile-link {
		color: unset!important;
	}

	.tile .tile_title {
		overflow: hidden;
		padding: 0;
		margin: 10px 0 10px 20px;
		line-height: 26px;
		vertical-align: top;
		color: #0056a2;
		letter-spacing: 1px;
		font-size: 24px;
		font-weight: normal;
	}

	.externPage .logo-nonukj > a:last-child {
		color: #f28130;
	}

	.externPage .tile .tile_title {
		color: #f28130;
	}

	/* Bild
	---------*/
	.tile-img-four {
		background-color: transparent;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center center;
		background-size: cover;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;

	}

	.tile-link {
		width: inherit;
	}

	.img-container-four {
		position: relative;
		width: 100%;
		padding-bottom: 100%;
		float: left;
		height: 0;
	}

	/* Inhalt
	-----------*/
	.tile-img picture {
		width: inherit
	}

	.tile-img {
		height: 190px;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center center;
		background-size: cover;
		position: relative;
		overflow: hidden;
		width: inherit;
	}


	.background a {
		width: inherit;
	}

	.background {
		width: 100%;
	}

	.tile-img img {
		position: relative;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		height: 190px;
		width: 100.1%;
		object-fit: cover;
		max-width: none !important
	}

	/* Inhalt
	-----------*/
	.tile-content {
		background-color: #FFFFFF;
		padding-bottom: 0px;
	}

	.tile-content-four {
		padding-bottom: 0px;
	}

	.tile-content h2 {
		color: #0056a2;
		letter-spacing: 1px;
		font-size: 24px;
		font-weight: normal;
		padding: 10px 10px 10px 10px;
	}

	.externPage .tile-content h2 {
		color: #f28130;
	}

	.tile-content-four h2 {
		color: #0056a2;
		letter-spacing: 1px;
		font-size: 24px;
		font-weight: normal;
		padding: 10px 10px 10px 10px;
	}

	.block-t01 .tile-content,
	.block-t02 .tile-content,
	.block-t03 .tile-content,
	.block-t04 .tile-content,
	.block-t05 .tile-content,
	.block-t06 .tile-content,
	.block-t07 .tile-content,
	.block-s01 .tile-content {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.block-t01 .tile-content-four,
	.block-t02 .tile-content-four,
	.block-t03 .tile-content-four,
	.block-t04 .tile-content-four,
	.block-t05 .tile-content-four,
	.block-t06 .tile-content-four,
	.block-t07 .tile-content-four,
	.block-s01 .tile-content-four {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.block-t01 .tile-content h2,
	.block-t02 .tile-content h2,
	.block-t03 .tile-content h2,
	.block-t04 .tile-content h2,
	.block-t05 .tile-content h2,
	.block-t06 .tile-content h2,
	.block-t07 .tile-content h2,
	.block-s01 .tile-content h2 {
		padding: 0;
		margin: 10px 0 10px 20px;
		line-height: 26px;
		vertical-align: top;
	}

	.block-t01 .tile-content-four h2,
	.block-t02 .tile-content-four h2,
	.block-t03 .tile-content-four h2,
	.block-t04 .tile-content-four h2,
	.block-t05 .tile-content-four h2,
	.block-t06 .tile-content-four h2,
	.block-t07 .tile-content-four h2,
	.block-s01 .tile-content-four h2 {
		padding: 0;
		margin: 10px 0 10px 20px;
		line-height: 26px;
		vertical-align: top;
	}

	.tile-content span {
		display: inline-block;
		margin: 0 20px 0 20px;
	}

	.tile-content-four span {
		display: inline-block;
		margin: 0 20px 0 20px;
	}



	.block-t01 .tile-content span,
	.block-t02 .tile-content span,
	.block-t03 .tile-content span,
	.block-t04 .tile-content span,
	.block-t05 .tile-content span,
	.block-t06 .tile-content span,
	.block-s01 .tile-content span,
	.block-t01 .tile-content p,
	.block-t02 .tile-content p,
	.block-t03 .tile-content p,
	.block-t04 .tile-content p,
	.block-t05 .tile-content p,
	.block-t06 .tile-content p,
	.block-s01 .tile-content p {
		display: block;
		padding: 0;
		margin: 10px 10px 10px 20px;
	}

	.block-t01 .tile-content-four span,
	.block-t02 .tile-content-four span,
	.block-t03 .tile-content-four span,
	.block-t04 .tile-content-four span,
	.block-t05 .tile-content-four span,
	.block-t06 .tile-content-four span,
	.block-s01 .tile-content-four span,
	.block-t01 .tile-content-four p,
	.block-t02 .tile-content-four p,
	.block-t03 .tile-content-four p,
	.block-t04 .tile-content-four p,
	.block-t05 .tile-content-four p,
	.block-t06 .tile-content-four p,
	.block-s01 .tile-content-four p {
		display: block;
		padding: 0;
		margin: 10px 10px 10px 20px;
	}

	/* Wenn ein interner Link nicht funktioniert, dann sollen die verlinkten Zeichen keine neue Zeile beginnen.
	-----------------------------------*/
	.block-t01 .tile-content span.egotecExceptionLink,
	.block-t02 .tile-content span.egotecExceptionLink,
	.block-t03 .tile-content span.egotecExceptionLink,
	.block-t04 .tile-content span.egotecExceptionLink,
	.block-t05 .tile-content span.egotecExceptionLink,
	.block-t06 .tile-content span.egotecExceptionLink,
	.block-s01 .tile-content span.egotecExceptionLink {
		display: inline-block;
		margin: 0;
	}

	/* Überschrift-Abstand nach rechts
	-----------------------------------*/
	.block-t01 .tile-content h2,
	.block-t02 .tile-content h2,
	.block-t03 .tile-content h2,
	.block-t04 .tile-content h2,
	.block-t05 .tile-content h2,
	.block-t06 .tile-content h2,
	.block-s01 .tile-content h2 {
		margin-right: 20px;
		overflow: hidden;
	}

	.block-t01 .tile-content-four h2,
	.block-t02 .tile-content-four h2,
	.block-t03 .tile-content-four h2,
	.block-t04 .tile-content-four h2,
	.block-t05 .tile-content-four h2,
	.block-t06 .tile-content-four h2,
	.block-s01 .tile-content-four h2 {
		margin-right: 20px;
		overflow: hidden;
	}


	.block-t01 .tile-content span > p,
	.block-t02 .tile-content span > p,
	.block-t03 .tile-content span > p,
	.block-t04 .tile-content span > p,
	.block-t05 .tile-content span > p,
	.block-t06 .tile-content span > p,
	.block-s01 .tile-content span > p {
		margin-left: 0;
	}

	.block-t01 .tile-content-four span > p,
	.block-t02 .tile-content-four span > p,
	.block-t03 .tile-content-four span > p,
	.block-t04 .tile-content-four span > p,
	.block-t05 .tile-content-four span > p,
	.block-t06 .tile-content-four span > p,
	.block-s01 .tile-content-four span > p {
		margin-left: 0;
	}

	/* Unterstriche bei vorhandenem Link sollen nicht angezeigt werden
	--------------------------------------*/

	.block-t01 .tile-link,
	.block-t02 .tile-link,
	.block-t03 .tile-link,
	.block-t04 .tile-link,
	.block-t05 .tile-link,
	.block-t06 .tile-link,
	.block-t07 .tile-link,
	.block-s01 .tile-link {
		text-decoration: none !important;
	}

	/**
	 * Mindesthöhe der mittleren Blöcke,
	 * damit diese beim Einfügen etwa gleich groß sind
	 ---------------------------------------------------*/
	.block-t06 .nr2a .tile-content span,
	.block-t06 .nr2b .tile-content span {
		min-height: 50px;
	}

	/* Video-Block
	---------------*/
	.block-video_text .video {
		float: left;
		width: 33%;
		margin: 0 20px 10px 0;
		position: relative;
		z-index: 100;
		background-color: #000000;
	}

	.block-video_text .video.mode_1 {
		float: right;
		margin: 0 0 10px 20px;
	}

	.block-video_text .video.mode_2 {
		float: none;
		width: 66%;
		margin: 0 auto;
	}

	.block .row {
		display: flex;
		flex-wrap: wrap;
	}

	.externPage .ukj-glossary .title > h2 {
		color: #f28130
	}

	.block .row .row {
		height: 100%;
	}

	.block:not([class*="block-b0"]):not(.block-h01) .row [class*="col-"] {
		display: flex;
		flex-direction: column;
	}

	.block .row .tile-content {
		flex-grow: 1;
		width: 100%;
	}

	.block .row .bg-white {
		background-color: #FFFFFF;
		flex-grow: 1;
	}

	.block .background {
		background-color: #FFFFFF;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
	}

	.block .row .tile-link {
		display: flex;
		flex-direction: column;
	}

	.background > .tile-link:only-child {
		height: 100%;
	}

	.background:hover:not(.no-link) {
		background-color: #8DD449;
	}

	.externPage .background:hover:not(.no-link) {
		background-color: #ec3e93;
	}

	.tile > div > a {
		background-image: none !important;
		padding-left: 0 !important;
	}

	/* Text-Block
	--------------*/
	/* Abstände nach unten anpassen */
	.block-b01 .row > div > p:last-child,
	.block-b01 .row > div > ul:last-child,
	.block-b01 .row > div > ol:last-child {
		margin-bottom: 0;
	}

	/* Bild + Text Block
	---------------------*/
	.block-container .block-b02 {
		margin-bottom: 10px;
	}

	.block-b02.image-width .media {
		width: 31.5555%; /* hier nicht 33%, da sonst Fluchtlinie nicht mit 2spaltiger Ansicht übereinstimmt */
	}

	.block-b02.image-width1 .media {
		width: 50%;
	}

	.block-b02.image-pos .media {
		float: left;
		margin-right: 20px;
	}

	.block-b02.image-pos1 .media {
		float: right;
		margin-left: 20px;
	}

	.block-b02.layout1 .media {
		width: 100%;
	}

	.block-b02 .media {
		position: relative;
		display: inline-block;
		width: 100%;
		margin-bottom: 10px;
		margin-top: 0;
		background-size: cover;
		background-position: center center;
	}

	.block-b02 .text ul {
		overflow: hidden;
	}

	.block-b02 .text ul li {
		/* --- disabled by S. Heinrich (Sven.Heinrich@med.uni-jena.de ---
					background-image: url("../images/dot.png");
					padding-left: 13px;
		*/
		background-repeat: no-repeat;
		background-position: left 8px;
	}

	.block-b02 .media figcaption {
		display: block;
		padding: 5px 0 0 0;
		margin-top: -4px;
		font-size: 12px;
	}

	/* Mitarbeiter-Container
	-------------------------*/
	.block-b04 .contact:first-of-type {
		padding-top: 0px;
	}

	/* Akkordeon
	-------------*/
	.block-b05 {
		margin-left: -20px;
		margin-right: -20px;
	}

	.block-b05 > h2 {
		display: block;
		position: relative;
		padding: 10px 10px 10px 40px;
		margin: 0;
		background-color: #F2F2F2;
		border-bottom: 1px solid #FFFFFF;
		cursor: pointer;
		background-image: url("../images/arrow_accordeon_closed.png");
		background-repeat: no-repeat;
		background-position: 20px 17px;
	}

	.block-b05 > h2.open {
		background-image: url("../images/arrow_accordeon_open.png");
	}

	/**
	 * Akkordeon-Containerbox
	 * Abstand nach unten nur 10px, da sämtliche Content-Elemente
	 * einen margin-bottom von 10px haben.
	 */
	.block-b05 .accordion-content {
		display: none;
		padding: 20px 20px 10px 40px;
		border-bottom: 1px solid #F2F2F2;
	}

	/* Bild
	--------*/
	.block-b06 .media {
		position: relative;
		display: block;
		width: 100%;
		background-size: cover;
		background-position: center center;
	}

	.block-b06 .media figcaption {
		display: block;
		padding: 5px 0 5px 0;
		margin-top: -4px;
		font-size: 12px;
		text-align: left;
	}

	.block-b06 .width,
	.block-b06 .width1,
	.block-b06 .width2,
	.block-b06 .width3 {
		text-align: center;
	}

	.block-b06 .width .media {
		display: block;
		width: 33.333333%;
		text-align: center;
	}

	.block-b06 img {
		display: block; /* muss sein, damit Bilder keinen Abstand von ca 5px noch unten haben */
	}

	.block-b06 .width1 .media {
		display: inline-block;
		width: 50%;
		text-align: center;
	}

	.block-b06 .width2 .media {
		display: inline-block;
		width: 66.666666%;
		text-align: center;
	}

	.block-b06 .width3 .media {
		display: inline-block;
		width: 100%;
		text-align: center;
	}

	/* Video
	---------*/
	.block-b06 video {
		display: block; /* muss sein, damit Bilder keinen Abstand von ca 5px noch unten haben */
		width: 100%;
	}

	/* Trennlinie
	--------------*/
	.block-container .block-b08 {
		margin-bottom: 0;
	}

	.block-b08 hr {
		margin: 0;
		padding-bottom: 20px;
	}

	/* Tabelle
	-----------*/
	.block-b09 {
		padding-bottom: 10px;
	}

	.block.block-b09 table {
		margin-bottom: 0;
	}

	.block.block-b09 td span {
		width: 100%;
	}

	/* Block - Startseite (nonukj)
	-------------------------------*/
	.block-s01 .tile-content p {
		margin: 0 20px 10px 20px;
	}

	.block-s01 .tile-content ol,
	.block-s01 .tile-content ul {
		margin-left: 20px;
		list-style-position: inside;
	}

	.block-s01 .col-4 h1,
	.block-s01 .col-4 h2,
	.block-s01 .col-4 h3,
	.block-s01 .col-4 h4 {
		margin-left: 20px;
		margin-right: 20px;
	}

	/* Glossar/Eintrag-Block
	------------------------*/
	.block-h01 figcaption {
		display: block;
		padding: 5px 0 5px 0;
		margin-top: -4px;
		font-size: 12px;
	}

	/* Abstand nach unten für Block "altes Template" anpassen
	----------------------------------------------------------*/
	.block-old-template > p:last-child,
	.block-old-template > .mce-content-body > p:last-child,
	.block-old-template > ul:last-child,
	.block-old-template > .mce-content-body > ul:last-child,
	.block-old-template > ol:last-child,
	.block-old-template > .mce-content-body > ol:last-child,
	.block-old-template > table:last-child,
	.block-old-template > .mce-content-body > table:last-child {
		padding-bottom: 0;
	}

	.ukj-newslist > article img {
		transform: translate(-50%, -50%) !important;
		top: 50%;
		-webkit-transform: translate(-50%, -50%) !important;
	}
}