/* /////////////////////////////////////////////// 
RESPONSIVE
/////////////////////////////////////////////// */

.galerielegende-mobile {
	display:none;
}
.toplink-mobile {
	width:46px;
	height:46px;
	display:block;
	cursor:pointer;
	background:url(images/toplink.png?ver=1.1);
	background-repeat:no-repeat;
	background-size:46px auto;
	background-position:0px 1px;
	position:relative;
	margin-top:16px;
	margin-left:auto;
	margin-right:auto;
}
.toplink-mobile:hover, .toplink-mobile:focus {
	background-position:0px -52px;
}



/* kleiner 1 //////////////////////////////////// */

@media only screen and (max-width: 1020px) {
	.konsole {
		width:620px;
		padding:80px 20px 0px 0px;
	}
	body.single-bb_detailseiten .konsole {
	    width: 620px;
	    padding: 0px 0px 0px 0px;
	}
	.kopf-detail {
		width:620px;
	}
	.galeriecontainer {
		width:630px;
		margin-left:-5px;	
	}
	.galeriebildcontainer {
		width:200px;
	}
}

/* kleiner 2 //////////////////////////////////// */

@media only screen and (max-width: 700px) {
	.konsole {
		width:440px;
		padding:40px 0px 0px 0px;
	}
	body.single-bb_detailseiten .konsole {
	    width: 440px;
	    padding: 0px 0px 0px 0px;
	}
	.kopf-detail {
		width:440px;
		height:50px;
	}
	.schliessbutt {
		margin-top:20px;
	}
	.galeriecontainer {
		width:450px;
		margin-left:-5px;	
	}
	.galeriebildcontainer {
		width:215px;
	}
}

/* kleinste //////////////////////////////////// */

@media only screen and (max-width: 479px) {
	.konsole {
		width:300px;
		padding:40px 0px 0px 0px;
	}
	body.single-bb_detailseiten .konsole {
	    width: 300px;
	    padding: 0px 0px 0px 0px;
	}
	.kopf-detail {
		width:300px;
	}
	.galeriecontainer {
		width:310px;
		margin-left:-5px;	
	}
	.galeriebildcontainer {
		width:300px;
		cursor:default;
	}
	.galerielegende-mobile {
		font-size:14px;
		line-height:18px;
		display:block;
	}
	.galerielegende-mobile p {
		margin:6px 0px 12px 0px;
	}		
	
	body, td {
		font-size:16px;
		line-height:21px;
	}

	h1 {
		font-size:26px;
		line-height:32px;
		margin-bottom:24px;
	}
	h2 {
		font-size:26px;
		line-height:32px;
	}
	h3 {
		font-size:16px;
		line-height:21px;
	}
	h4 {
		font-size:18px;
		line-height:22px;
	}
	.sektion h2.untertitel {
		font-size:16px;
		line-height:21px;
		background-position:-30px 6px;
	}
	.sektion h2.untertitel.offen {
		background-position:0px -24px;
	}
	
	.aktuellbeitrag {
		background-size:130px 1px;
		padding-bottom:24px;
		margin-bottom:24px;
	}
	.aktuellbeitrag .kategorien {
		font-size:12px;
		line-height:16px;
		padding-bottom:3px;
	}
	.aktuellbeitrag .datum {
		font:18px/22px noto_serifregular, sans-serif;
	}
	.aktuellbeitrag h3 {
		font:22px/27px OpenSansBold, sans-serif;
	}

	
}

/*silbentrennung*/
@media only screen and (max-width: 479px) {
	
	@supports (hyphens: auto) or (-ms-hyphens: auto) or (-moz-hyphens: auto) or (-webkit-hyphens: auto) {
	
		.site-content p {
			
			/*safari*/
			-webkit-hyphens: auto;
			-webkit-hyphenate-limit-before: 3;
			-webkit-hyphenate-limit-after: 3;
			-webkit-hyphenate-limit-chars: 4 2 2;
			-webkit-hyphenate-limit-lines: 3;
			-webkit-hyphenate-limit-last: always;
			-webkit-hyphenate-limit-zone: 8%;
			
			/*firefox*/
			-moz-hyphens: auto;
			-moz-hyphenate-limit-chars: 4 2 2;
			-moz-hyphenate-limit-lines: 3;
			-moz-hyphenate-limit-last: always;
			-moz-hyphenate-limit-zone: 8%;
			
			/*ie 10, edge*/
			-ms-hyphens: auto;
			-ms-hyphenate-limit-chars: 4 2 2;
			-ms-hyphenate-limit-lines: 3;
			-ms-hyphenate-limit-last: always;
			-ms-hyphenate-limit-zone: 8%;
			
			/*normal*/
			hyphens: auto;
			hyphenate-limit-chars: 4 2 2;
			hyphenate-limit-lines: 3;
			hyphenate-limit-last: always;
			hyphenate-limit-zone: 8%;
		}
	}

}