/* 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 */
	}



/* 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;
		}

/* 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 .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("../img/arrow_accordeon_closed.png");
		background-repeat: no-repeat;
		background-position: 20px 17px;
	}

		.block-b05 > h2.open {
			background-image: url("../img/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: 5px 20px 5px 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;
}

/* 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;
	}