@charset 'UTF-8';

article header, .marginBottom  {
	margin-bottom: 10px;
}

.fließtext {
	text-align: justify;
	hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	min-height: 0; /** Bugfix für Chrome für column-count */
}

.fließtext p {
	margin-bottom: 5px;
}

.fließtext p:last-child {
	margin-bottom: 10px;
}

.fließtext ul {
	margin-top: 5px;
}

@media (min-width: 992px) {
	.col-lg-12.fließtext, .col-lg-12 .fließtext {
		column-count: 3;
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-gap:30px;
		-moz-column-gap:30px;
		-webkit-column-gap:30px;
	}
	
	.col-lg-8.fließtext, .col-lg-8 .fließtext {
		column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-gap:30px;
		-moz-column-gap:30px;
		-webkit-column-gap:30px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.fließtext {
		column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-gap:30px;
		-moz-column-gap:30px;
		-webkit-column-gap:30px;
	}
}

.inlineImageLeft {
	float: left;
}

/** Bildergallerien */
.imageGallery > .thumbnail, .imageGalleryPart > .thumbnail {
    display: inline-block;
}


.imageGallery > .thumbnail > img, .imageGalleryPart > .thumbnail > img {
    width: 100%;
}

/** Für alle zweispaltigen Layouts
    
    Momentan kein Bedarf für Unterscheidung zwischen beiden möglichen zweispaltigen Layouts. Für den Fall:
    Größtes mehrspaltiges Layout:   @media (min-width: 1200px)
    Kleinstes mehrspaltiges Layout: @media (min-width: 992px) and (max-width: 1200px)
*/
@media (min-width: 992px) {
	
	/** Bei einer 1/3 Spalte 2 Thumbnails nebeneinander */
	.col-lg-4.imageGallery > .thumbnail, .col-lg-4.imageGalleryPart > .thumbnail,
	.col-lg-4 .imageGallery > .thumbnail, .col-lg-4 .imageGalleryPart > .thumbnail {
	    margin: 0% 1% 1% 0%;
	    width: 49.5%;
	}
	
	.col-lg-4.imageGallery > .thumbnail:nth-child(2n), .col-lg-4.imageGalleryPart > .thumbnail:nth-child(2n),
	.col-lg-4 .imageGallery > .thumbnail:nth-child(2n), .col-lg-4 .imageGalleryPart > .thumbnail:nth-child(2n) {
		margin-right: 0%;
	}
	
	/** Bei einer 2/3 Spalte 4 Thumbnails nebeneinander */
	.col-lg-8.imageGallery > .thumbnail, .col-lg-8.imageGalleryPart > .thumbnail,
	.col-lg-8 .imageGallery > .thumbnail, .col-lg-8 .imageGalleryPart > .thumbnail {
	    margin: 0% 1.3333% 1.3333% 0%;
	    width: 24%;
	}
	
	.col-lg-8.imageGallery > .thumbnail:nth-child(4n), .col-lg-8.imageGalleryPart > .thumbnail:nth-child(4n),
	.col-lg-8 .imageGallery > .thumbnail:nth-child(4n), .col-lg-8 .imageGalleryPart > .thumbnail:nth-child(4n) {
		margin-right: 0%;
	}
}
	

/** Größtes einspaltiges Layout */
@media (min-width: 768px) and (max-width: 992px) {
	/** Deklaration für 4 Thumbnails nebeneinander */
	.imageGallery > .thumbnail, .imageGalleryPart > .thumbnail {
	    margin: 0% 1.3333% 1.3333% 0%;
	    width: 24%;
	}
	
	.imageGallery > .thumbnail:nth-child(4n), .imageGalleryPart > .thumbnail:nth-child(4n) {
		margin-right: 0%;
	}
}

/** Zweitgrößtes einspaltiges Layout */
@media (min-width: 400px) and (max-width: 768px) {
	/** Deklaration für 3 Thumbnails nebeneinander */
	.imageGallery > .thumbnail, .imageGalleryPart > .thumbnail {
	    margin: 0% 1.5% 1.5% 0%;
	    width: 32.333%;
	}
	
	.imageGallery > .thumbnail:nth-child(3n), .imageGalleryPart > .thumbnail:nth-child(3n) {
		margin-right: 0%;
	}
}

/** Kleinstes einspaltiges Layout */
@media (max-width: 400px) {
	/** Deklaration für 2 Thumbnails nebeneinander */
	.imageGallery > .thumbnail, .imageGalleryPart > .thumbnail {
	    margin: 0% 1% 1% 0%;
	    width: 49.5%;
	}
	
	.imageGallery > .thumbnail:nth-child(2n), .imageGalleryPart > .thumbnail:nth-child(2n) {
		margin-right: 0%;
	}
}