@charset "utf-8";

:root {
	
	--color-ci-green-rgb: 135,161,32;
	--color-ci-green: #87a120;
	
	--color-text-ci-green-rgb:79,95,15;
	--color-text-ci-green: #4F5F0F;
	
	--color-ci-blue-rgb: 14,72,126;
	--color-ci-blue: #0e487e;	
	
	--color-ci-lila-rgb: 115,55,126;
	--color-ci-lila: #73377e;	
	
	--color-ci-grey-rgb: 191,191,191;
	--color-ci-grey: #bfbfbf;	
	
	--color-link-rgb: 79,95,15;
	--color-link: #4F5F0F;
	
	--color-link-grey-rgb: 102,102,102;
	--color-link-grey: #666666;
	
	--color-link-dark-grey-rgb: 76,76,72;
	--color-link-dark-grey: #4c4c48;
	
	--color-headlines-rgb: 14,72,126;
	--color-headlines: #0e487e;
	
	--color-headline-h1-rgb: 14,72,126;
	--color-headline-h1: #0e487e;
	
	--color-grey-headline-rgb: 89,89,89;
	--color-grey-headline: #595959;
	
	/*	
	--color-headlines-rgb: 135,161,32;
	--color-headlines: #87a120;
	
	--color-headline-h1-rgb: 136,136,136;
	--color-headline-h1: #888888;
	
	--color-grey-headline-rgb: 136,136,136;
	--color-grey-headline: #888888;
	*/
	
	--color-text-rgb: 76,76,72;
	--color-text: #4c4c48;
	
	--color-text-dark-rgb:51,51,51;
	--color-text-dark:#333333;

	--color-red-rgb: 197,20,28;
	--color-red: #c5141c;
	
	--color-darkgrey-rgb: 101,101,101;
	--color-darkgrey: #656565;
	
	--color-grey-rgb: 181,181,181;
	--color-grey: #b5b5b5;
	
	--color-lightgrey-rgb: 229,229,229;
	--color-lightgrey: #e5e5e5;
	
	--color-green-rgb: 108,177,46;
	--color-green: #6cb12e;
	
	--color-darkgreen-rgb: 22,130,45;
	--color-darkgreen: #16822d;
	
	

	--slider-height: 640px;

	--picbox-width: 236px;
	--picbox-pano-width: 312px;

	--gallery-thumb-width: 300px;
	
}
/* ### GALEIRE LISTE START ### */

#content ul.galerie {
	display:block;
	width:100%;
	margin:2px 0 16px 0;
	list-style:none;
}

#content ul.galerie li {
	float:left;
	margin:0.5% 0.5%;
	padding:0;
	display:block;
}

#content ul.galerie li a,
#container #content article ul.galerie li a {
	display:block;
	border-bottom:none;	
	padding:0 !important;
	margin:0;	
}

#content ul.galerie li img {
	border:1px solid rgba(76,76,72, 0.33);
	width:auto;
	max-width:100%;
}


@media (max-width: 840px) {

	#content ul.galerie li {
		float:left;
		margin:2px 1%;
		padding:0;
		display:block;
	}

}

@media (max-width: 420px) {

	#content ul.galerie li {
		padding:0;
		display:block;
	}

}

/* ### GALERIE LISTE ENDE ### */








/* ### BILDERGALERIE FIGURE START ### */

#content .bildergalerie { 
	clear:both;
	width:100%;
	padding:0;
	list-style:none;	
	margin:6px auto 12px auto;
	text-align:center;
}

.bildergalerie.flex {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start !important;
	margin:0;
	width:100%;
}

.bildergalerie.flex_center {
	justify-content: center;
	margin-left:auto;
	margin-right:auto;
}

.bildergalerie.vert_space {
	margin-top:12px !important;
	margin-bottom:12px !important;
}

.bildergalerie.flex div.fig { 
	min-height: 100%;
	display: flex;	
	flex-direction: column;
	width:auto;	
	margin:0 5px 10px;
}

.bildergalerie.flex div.fig figure { 	
	float:none;
}

.bildergalerie.flex figure figcaption { 	
	width:100%;
}

.bildergalerie figure img,
#container .bildergalerie figure a img { 	
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	margin:0;
	padding:0;
	border:0px !important;
	width:auto;
	max-width:100%;
	height:auto;
}




@media screen and (min-width: 960px) {
	
	.bildergalerie div.fig { 
		width:100% !important;
		max-width:300px;
	}
	
	.bildergalerie figure img { 
		width:100% !important;
		max-width:300px;
		height:auto;
	}
	
	.bildergalerie.square_thumbs figure { 
		max-width:172px !important;
	}
	
	.bildergalerie.square_thumbs figure img { 	
		max-width:170px;	
		max-height:170px !important;	
	}	
	
	.bildergalerie.pano_square_thumbs figure { 
		max-width:291px !important;
	}
	
	.bildergalerie.pano_square_thumbs figure img { 	
		max-width:291px;	
		max-height:291px !important;	
	}	
	
	.bildergalerie.thumbs_4zu3 figure img { 
		max-height:218px !important;	
	}
		
}



#container #content .galerie_mitte {
	display:block;
	width:100%;
	max-width:930px;
	margin-left:auto !important;
	margin-right:auto !important;
	text-align:center;
}



@media screen and (max-width: 1024px) {
	
	#container #content .galerie_mitte .bildergalerie div.fig { 
		width:calc(33.33% - 10px) !important;
		max-width:300px;
	}
	
}

@media screen and (max-width: 640px) {
	
	#container #content .galerie_mitte .bildergalerie div.fig { 
		width:calc(50% - 10px) !important;
		max-width:300px;
	}
	
}

@media screen and (max-width: 479px) {
	
	#container #content .galerie_mitte .bildergalerie div.fig { 
		width:calc(100% - 10px) !important;
		max-width:300px;
	}
	
}

/* ### BILDERGALERIE FIGURE ENDE ### */