/* Farben
rot    #c21    #e30613
gruen	 #286e6e #3fa535
*/

html{-webkit-text-size-adjust: none;}
html,body{
	margin:0;
	padding:0;
}
body{
	overflow: hidden scroll;
	background:#fff;
}
#header{
	position:relative;
	z-index: 101;
	top:0;
	width:100%;
	height: 50px;
}
#header a{
	text-decoration: none;
}
#headercenter{
	max-width: 1200px;
	margin:0 auto;
	padding: 0 0 0 0;
}
#logo{
	display: inline-block;
	width: 15%;
}
#logo a{
	position: relative;
	display: block;
	width:100%;
	height:0;
	padding: 50% 0 0 0;
	background: transparent url(elemente/tus_slh-weiss.svg?1) no-repeat center / contain;
	transition: background 0.5s ease-in-out;
	text-indent: -9000px;
}
#logo a:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: transparent url(elemente/tus_slh-farbig.svg?1) no-repeat center / contain;
	opacity: 0;
	-webkit-transition: .5s ease-in-out 0s;
	transition: .5s ease-in-out 0s;
}
#logo a:hover:before{
	opacity: 1;
}




#menu_dd{
	display:none;
}
#topmenu{
	z-index: 100;
	text-align: center;
	padding: 10px 0 0;
	color:#3fa535;
	font-family: basicfont;
}
#topmenu{
	float: right;
	font-size: 120%;
}
#topmenu ul,
#topmenu li{
	list-style: none;
	margin:0;
	padding: 0;
}
#topmenu a{
	color:#fff;
	text-decoration: none;
	position: relative;
}
#topmenu ul ul{
	font-size: 90%;
}
#topmenu a:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #fff;
	visibility: visible;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform .5s ease-in-out 0s;
	transition: -webkit-transform .5s ease-in-out 0s;
	transition: transform .5s ease-in-out 0s;
	transition: transform .5s ease-in-out 0s,-webkit-transform .5s ease-in-out 0s;
}
#topmenu a:hover:before{
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}



#hgbild{
	position:fixed;
	width:100%;
	height:100px;
	background-position: center center;
	background-size: cover;
	filter: blur(1px);
}
#hgbild .pics{
	padding: 0;
	height: 100%;
}
@media(min-width:800px){
	#hgbild{
		height: 100%;
	}
}


#content{
	position: relative;
	clear:both;
	padding:6% 0 3%;
}
h2.abs{
	text-align: center;
}

.absatz{
	box-sizing: border-box;
	clear: both;
	width:100%;
	padding:1% 2%;
	margin: 0 auto;
	background: #fff;
}
.block{
	position: relative;
	padding:20px 0 ;
	/*margin:0 0 10% 0;*/
}
.block:before{
	width: 100%;
	padding-top:60%;
	position: relative;
}
.block2{
	position: relative;
	margin:auto;
	width:100%;
	max-width: 1100px;
}


@media(min-width:768px){
	.block{
		padding:50px 0 ;
		/*margin:0 0 5% 0;*/
	}
	.block:before{
		width: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		padding: 0;
		height: 100%;
	}
	.block2{
		width:90%;
	}
}
@media(max-width:1400px){
	.hintergrund:before{
		display: none !important;
	}
}






.textblock{
	max-width: 38em;
	margin:auto;
	background: #fff;
}
.textblock h1{
	padding: 0.2em 0 0.5em;
}



.absatzspalten_wide .textblock{
	max-width: 100%;
}


.weiterlesen{
	background: transparent;
	border:none;
	color: #3fa535;
	font-style: italic;
	cursor: pointer;
}


.pdf{
	margin:10px 0;
}
.pdf a{
	display: inline-block;
	padding:5px 0;
}
.pdf img{
	float: left;
}
.pdf_v,
.pdf_t{
	display: table-cell;
	vertical-align: middle;
}
.pdf_v{
	border:1px solid #ddd;
}
.pdf_t{
	font-size:110%;
	padding: 0 0 0 10px
}
.pdf_g{
	font-size: 80%;
	white-space: nowrap;
	display: inline-block;
}
a .pdf_g{
	color:#999;
}


@media(min-width:640px){
	.absatz_mit_bild .textblock{
	}

	.absatz:after{
		content: '';
		clear: both;
		display: block;
	}
	.absatzspalten_11 .absatz_mit_bild .textblock,
	.absatzspalten_-11 .absatz_mit_bild .textblock,
	.absatzspalten_12 .absatz_mit_kontakt .textblock,
	.absatzspalten_-21 .absatz_mit_kontakt .textblock{
		width:46%;
		margin:0 2%;
		display: inline-block;
	}
	.absatzspalten_21 .absatz_mit_bild .textblock,
	.absatzspalten_-12 .absatz_mit_bild .textblock,
	.absatzspalten_12 .absatz_mit_kontakt .textblock,
	.absatzspalten_-21 .absatz_mit_kontakt .textblock{
		width:32%;
		margin:0 2%;
		display: inline-block;
	}
	.absatzspalten_12 .absatz_mit_bild .textblock,
	.absatzspalten_-21 .absatz_mit_bild .textblock,
	.absatzspalten_12 .absatz_mit_kontakt .textblock,
	.absatzspalten_-21 .absatz_mit_kontakt .textblock,
	.absatzspalten_1 .absatz_mit_kontakt .textblock{
		width:60%;
		margin:0 2%;
		max-width: none;
		display: inline-block;
	}
	

	.absatzspalten_11 .pics,
	.absatzspalten_-11 .pics{
		width:50%;
		padding:35% 0 0 0;
	}
	
	.absatzspalten_11 .pics,
	.absatzspalten_21 .pics,
	.absatzspalten_12 .pics{
		border-right:30px solid transparent;
	}
	
	.absatzspalten_-11 .pics,
	.absatzspalten_-21 .pics,
	.absatzspalten_-12 .pics{
		border-left:30px solid transparent;
	}
	
	.absatzspalten_21 .pics,
	.absatzspalten_-12 .pics{
		width:64%;
		padding:42% 0 0 0;
	}
	.absatzspalten_12 .pics,
	.absatzspalten_-21 .pics{
		width:36%;
		padding:24% 0 0 0;
	}

	.absatzspalten_11 .pics_hoch,
	.absatzspalten_-11 .pics_hoch{
		padding:60% 0 0 0;
	}
	.absatzspalten_21 .pics_hoch,
	.absatzspalten_-12 .pics_hoch{
		padding:77% 0 0 0;
	}
	.absatzspalten_12 .pics_hoch,
	.absatzspalten_-21 .pics_hoch{
		padding:43% 0 0 0;
	}

	.absatzspalten_11 .pics_quadrat,
	.absatzspalten_-11 .pics_quadrat{
		padding:50% 0 0 0;
	}
	.absatzspalten_21 .pics_quadrat,
	.absatzspalten_-12 .pics_quadrat{
		padding:64% 0 0 0;
	}
	.absatzspalten_12 .pics_quadrat,
	.absatzspalten_-21 .pics_quadrat{
		padding:36% 0 0 0;
	}
	.absatzspalten_11 .pics_flach,
	.absatzspalten_-11 .pics_flach{
		padding:20% 0 0 0;
	}
	.absatzspalten_21 .pics_flach,
	.absatzspalten_-12 .pics_flach{
		padding:26% 0 0 0;
	}
	.absatzspalten_12 .pics_flach,
	.absatzspalten_-21 .pics_flach{
		padding:16% 0 0 0;
	}
	
	.absatzspalten_-11 .pics,
	.absatzspalten_-21 .pics{
		float: right;
	}
	
}







.clear{
	float: none;
	clear: both;
}

#titelbild{
	width:100%;
	background: #ddd;
}
#titelbild .pics_gr i{
	z-index: 11;
	padding:0.5em;
	font-size: 1.1em;
	top:0;
	left: 0;
}


/*Bildergalerie*/
.pics{
	position: relative;
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
	padding:60% 0 0 0;
	color: #555;
	font-weight: normal;
	text-align: left;
	font-size: 0.9em;
	overflow: hidden;
	box-sizing: border-box;
}
#titelbild .pics{
	width:100%;
	margin: 0;
	padding: 100vh 0 0;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
@media (max-aspect-ratio: 3/2) {
	#titelbild .pics{
		padding: 75% 0 0;
	}
}


.pics_hoch{
	padding:120% 0 0 0;
}
.pics_quadrat{
	padding:100% 0 0 0;
}
.pics_flach{
	padding:40% 0 0 0;
}

.pics_vb_margin{margin-bottom:60px;}
.pics img{
	padding:0;
}
.pics_navi{
	position: absolute;
	bottom:5px;
	right: 5px;
	z-index:100;
}
.pics_navi a{
	display: block;
	width:21px;
	height: 22px;
	line-height: 25px;
	font-size: 45px;
	float: left;
	cursor: pointer;
	font-family: 'picsfont';
	color:#fff;
}
.pics_navi a:hover{
	color:#000;
}
.pics_navi_l:before{
	content:'\003C';
	content:'\0034';
}
.pics_navi_r:before{
	content:'\003E';
	content:'\0036';
}
.pics_gr{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:8;
}
.pics_rh{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow: hidden;
	text-align:left;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.pics_fill .pics_rh{
	background-size: cover;
}
.pics_voll{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	z-index: 100;
	cursor: pointer;
}
.pics_gr i{
	z-index: 11;
	display:block;
	position:absolute;
	left:0;
	top:0;
	margin:0 0 auto auto;
	padding:4px 7px 4px 5px;
	font-style:normal;
	color:#000;
	background: rgba(255,255,255,0.6);
}
@media(min-width:1000px){
	.pics_halb{
		width: 45%;
		padding:30% 0 0 0;
		margin: 0 5% 40px 0;
		float: left;
	}
	.absatz_mit_bild{
		clear: none;
	}
	.pics_halb .pics_gr i{
		top:auto;
		bottom:-35px;
		right: 0;
		text-align: center;
	}
}

.bildautor{
	white-space: nowrap;
	font-style: italic;
}
.pics .pics_gr:hover> .pics_rh{
}
.pics_vbs{
	position: absolute;
	z-index: 100;
	bottom:-40px;
	left:0;
	display: block;
	width:100%;
	float: none;
	text-align: center;
}
.pics_vb{
	display: inline-block;
	width:30px;
	height:30px;
	padding:0 ;
	margin:0 3px;
	border:2px solid transparent;
	overflow:hidden;
	cursor:pointer;
	text-align:center;
	z-index: 200;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
@media(min-width:800px){
	.pics_vb_margin{margin-bottom:80px;}
	.pics_vbs{
		bottom:-50px;
	}
	.pics_vb{
		width:40px;
		height:40px;
	}
}
@media(min-width:1000px){
	.pics_vb_margin{margin-bottom:100px;}
	.pics_vbs{
		bottom:-70px;
	}
	.pics_vb{
		width:50px;
		height:50px;
	}
}
@media(min-width:1280px){
	.pics_vb_margin{margin-bottom:140px;}
	.pics_vbs{
		bottom:-90px;
	}
	.pics_vb{
		width:60px;
		height:60px;
	}
}
#titelbild .pics_vbs{
	bottom: 10px;
}
.dia_aktiv, .pics_vb:hover{
	border:2px solid #e30613;
	-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
	filter: grayscale(0);
}
#titelbild .dia_aktiv, 
#titelbild .pics_vb:hover{
	border:2px solid #fff;
}
.pics_vb img{
	position:relative;
	margin:auto;
	margin:0 0 0 2px;
}
a.pics_vb:visited{}
a.pics_vb:hover{}






.picstext{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	display: table;
	padding:0;
	font-size: 3vw;
	font-style:normal;
}
.picstext p{
	margin:0;
	padding: 0;
}
.picstext_tr{
	display: table-row;
}
.picstext_td{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.picstext_content{
	position: relative;
	display: inline-block;
	z-index: 5;
	text-align: left;
}
.picstext_content p{
	color:#fff;
}

.picstext_ani1{opacity: 0;transition: 0.5s;}
.pics_gr_aktiv .picstext_ani1{opacity:1;}
.pics_gr_deaktiv .picstext_ani1{opacity:0;}


@media(min-width:1281px){
	.picstext{
		font-size: 300%;
	}
}




.absatz .pics_grid{
	margin:10px 0;
}




.vorschau,
.link_teaser{
	float: none;
	clear: both;
	padding-top: 20px;
	text-align: center;
	max-width:1300px;
	margin:auto;
}
.vorschau{
	position: relative;
	display: inline-block;
	width:98%;
	padding: 55% 0 0 0;
	margin:1%;
	background-color: rgba(255,255,255,0.9);
	border:#ddd 1px solid;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 10px;
	font-size: 80%;
}
.vorschau_b,
.vorschau_t,
.vorschau_link_voll{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}
.vorschau_link_voll:hover{
	text-decoration: none;
}
.vorschau_b{
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	box-shadow: inset 0 0 100px black;
}
.vorschau:hover > .vorschau_b{
	background-size: 110% auto;
	box-shadow: inset 0 0 0 black;
	transition: all ease 0.6s  ;
}
.vorschau_t{
	height: auto;
	padding:1em 0.1em 4em;
	box-sizing: border-box;
	text-align: center;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0));
}
.vorschau_t *{
	text-align: center;
	color:#fff;
}
.vorschau_t h2{
	font-size:120%;
}
.vorschau_t h2:first-line{
	font-size:130%;
}
.vorschau_t h2 i{
	display:block;
	font-style:normal;
	padding:5px 0;
	margin:5px auto;
	width:max-content;
	opacity:0;
	transition:0.5s;
	border-top:1px solid #fff;
}
.vorschau:hover > .vorschau_t h2 i{
	opacity:1;
}
@media(min-width:600px){
	.vorschau{
		width:48%;
		padding: 48% 0 0 0;
		margin:1%;
	}
	.vorschau_b{
		background-size: auto 100% ;
	}
	.vorschau:hover > .vorschau_b{
		background-size: auto 110%;
	}
}
@media(min-width:800px){
	.vorschau{
		font-size: 90%;
	}
}
@media(min-width:1000px){
	.vorschau{
		width:31%;
		padding: 31% 0 0 0;
		border-radius:15px;
	}
}
@media(min-width:1100px){
	.vorschau{
		font-size: 100%;
	}
}









#dia{
	background: rgba(0,0,0,0.85);
}
#dia_vorschau{
	width:100%;
	position: fixed;
	bottom: 5%;
	left:0;
	text-align: center;
}
#dia_vorschau img{
    height: 50px;
	 border:2px solid transparent;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
#dia_vorschau img:hover{
	opacity: 1;
	border:2px solid #e30613;
	cursor: pointer;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
#dia_schliessen {
	color: #ffffff;
	font-size: 40px;
	position: absolute;
	top: 0;
	left: 0;
}
#dia_schliessen:before{
	content:"\0000D7";
}



video{
	width: 100%;
	height: auto;
	max-height: 90vh;
	object-fit: cover;
	background-size: cover;
	opacity: 1;
	position: relative;
	left: 0%;
	top: 0px; 
	display: block;
}
.inhalt{
	position: relative;
	z-index: 10;
}







.kontaktblock{
	margin:1% 2%;
	padding: 1%;
	box-sizing: border-box;
	min-width:15em;
	display: inline-block;
	vertical-align: top;
	font-size:90%;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
.kontaktblock span{
	display: inline-block;
}
.kontaktblock a{
	text-decoration: none;
}
.kontakt_text{
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding:5% 8%;
	float: right;
	background: #d0dde6;
}
.kontaktblock_2 .kontakt_text{
	width:87.5%
}
.kontakt_titel{
	font-size: 80%;
}
.kontakt_bild,
.kontakt_vcf_photo{
	float: left;
	width:100%;
	clear:both;
}
.kontakt_vcf_photo{
	width: auto;
}
.kontakt_vorname,.kontakt_name{
	margin:0 0 5px;
	font-size: 115%;
}
.kontakt_name{
}
.kontaktblock_2 .kontakt_vorname{
	display: block;
	box-sizing: border-box;
	float: right;
	width:87.5%;
	padding: 0.5em 1em;
	background: #EE7100;
	color:#fff;
	text-align: center;
	font-size: 180%;
	margin:0;
}
.kontakt_position{
	font-style: italic;
}
.kontakt_position:after{
	content:'';
	display: block !important;
	height:10px;
}
.kontakt_telefon:before,
.kontakt_email:before,
.kontakt_vcard:before{
	display: inline-block;
	width:22px;
	height: 22px;
	margin-right: 7px;
	font-family: picsfont;
	font-size:30px;
	line-height: 21px;
	text-align: center;
	content:'t';
}
.kontakt_email:before{
	content:'B';
}
.kontakt_vcard:before{
	content:'v';
}
.kontakt_beschreibung{
	-ms-hyphens: auto;
	hyphens: auto;
}

@media(min-width:600px){
	.absatzspalten_wide .kontaktblock{
		float: right;
	}
	.kontaktblock{
		font-size: 100%;
	}
	.kontaktblock_2{
	}
}











@media(min-width:600px) AND (max-width:800px){
	#topmenu{
		font-size: 100%;
	}
}
@media(min-width:600px){
	html,body{
		height: 100vh;
	}
	#header{
		position: fixed;
		height: auto;
		background:rgba(0,0,0,0);
		transition: background 0.8s;
	}
	#topmenu{
		padding:0;
		width:85%;
		transition: padding 0.5s ease-in-out;
	}
	#topmenu ul{
		width:100%;
		display:flex;
		margin-top:30px;
		transition: margin 0.5s ease-in-out;
	}
	#topmenu li{
		float: left;
		flex:1;
		position: relative;
	}
	#topmenu li a{
		display: block;
		padding: 0;
		line-height:300%;
		white-space:nowrap;
		transition: all 0.5s ease-in-out;
	}
	#topmenu li a:hover{
		background: #3fa535;
	}
	#topmenu ul ul{
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
		width:auto;
		min-width: 100%;
		background: #000;
		margin-top:0;
	}
	#topmenu ul ul ul{
		top:0;
		left:100%;
	}
	#topmenu i{
		font-style: normal;
		float: right;
		font-size: 140%;
	}
	#topmenu li:hover > ul{
		display: block;
	}
	#topmenu li li{
		float: none;
	}
	#topmenu li li a{
		line-height: 200%;
		padding:0 10px;
		text-align: left;
	}
	#logo{
		margin-top:30px;
		float: left;
		margin-bottom: -70px;
		transition:0.5s;
	}
	.scroll #header{
		background:rgba(0,0,0,1);
	}
	.scroll #topmenu ul{
		margin-top:0;
	}
	.scroll #topmenu li a{
		font-size: 90%;
		line-height:200%;
	}
	.scroll #topmenu li a:hover{}
	.scroll #topmenu li li a{
		background:#000;
	}
	.scroll #topmenu li li a:hover{
		background:#3fa535;
	}
	.scroll #logo{
		width:5%;
		margin-top:5px;
	}
	.block{
		/*height: 100vh;
		align-items: center;
		justify-content: center;
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;*/
		display: flex;
		padding: 60px 0 ;
	}
	video{
		max-height: 100vh;
	}
	@keyframes scrollAnimation {
		0%, 20% {
			transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
		}

		10% {
			opacity: 1;
			transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
		}

		100% {
			opacity: 0.01;
			transform: translateY(16px) scaleY(2.5) scaleX(0.5) translateZ(0px);
		}
	}
	@-webkit-keyframes scrollAnimation {
		0%, 20% {
			-webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
		}

		10% {
			opacity: 1;
			-webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
		}

		100% {
			opacity: 0.01;
			-webkit-transform: translateY(16px) scaleY(2.5) scaleX(0.5) translateZ(0px);
		}
	}
	body #privo_banner{
		position: fixed;
		bottom: 60px;
		z-index: 200;
		width:100%;
		margin: 0 -10px;
		overflow:auto;
		border-top: #B5BDC4 1px solid;
		border-bottom: #B5BDC4 1px solid;
	}
	body #privo_banner.privo_buttons_settings{
		bottom:0;
		top:0;
		overflow: auto;
	}
}
@media(min-width:1000px){
	#topmenu{
		font-size: 140%;
	}
}
@media(max-width:599px){
	#header{
		height: 60%;
	}
	#logo{
		display: block;
		width: 60%;
		max-width: 120px;
		margin:auto;
		padding: 20px;
	}
	#logo a{
	}
	#topmenu{
		position: relative;
		padding:0;
		text-align: left;
		z-index: 100;
		width:100%;
		font-size:140%;
		transition: all 0.3s ease-in-out;
		-ms-transition:none;
		background: #3fa535;
		height: 40px;
	}
	#topmenu:target{height: 400px;}
	#topmenu:hover,#topmenu:active{
		margin-left:0;
	}

	#header #menu_dd{
		display: block;
		font-family:picsfont;
		text-align: center;
		content: 'm';
		font-size:45px;
		line-height: 39px;
		color:#dfd;
		height: 40px !important;
		padding: 0;
		background:#3fa535;
		box-sizing: border-box;
	}
	#header #menu_dd:hover{
		color:#fff;
		background:#222;
	}
	#menu{
		position: fixed;
		left:-100%;
		top:120px;
		bottom:0;
		width:100%;
		overflow: auto;
		background: #3fa535;
		transition: left 0.3s;
	}
	.menuzeigen #menu{
		left:0;
	}
	
	#topmenu li{
		border-top:1px solid #ddd;
	}
	#topmenu li a{
		display: block;
		padding: 0.6em 0 0.3em 0.5em;
		color:#fff;
	}
	#topmenu li a:hover{
		background-color: #292
	}
	#topmenu li li{
		border:0;
	}
	#topmenu li li a{
		padding: 0.4em 0 0.3em 1.3em;
	}
	#topmenu li li li a{
		padding: 0.3em 0 0.3em 1.8em;
	}
	#topmenu a i{
		display: none;
	}
	
}






/*Formularfelder*/
.formular{
	margin:0 auto;
	padding: 10px 20px;
	max-width: 800px;
	background-color:#f0f0f0;
	display: flex;
	flex-wrap: wrap;
}
.formular_gruppe{
	padding: 10px 0;
	clear: both;
	border-bottom:1px dashed #ccc;
	flex: 1 1 100%;
}
@media(min-width:460px){
	.formular_gruppe_flex30{
		float: left;
		clear: none;
		flex: 1 1 30%;
	}
	.formular_gruppe_flex50{
		float: left;
		clear: none;
		flex: 1 1 50%;
	}
	.formular_gruppe_flex70{
		float: left;
		clear: none;
		flex: 1 1 70%;
	}
}
.formular_gruppe:first-child{
	border-top:0;
}
.formular_gruppe:last-child{
	border-bottom:0;
}
.formular_gruppe_inline{
	display: inline-block;
	padding: 5px 0;
}
.formular_gruppe_titel{
	font-size:1em;
}
.formular_gruppe_hinweis{
	font-size: 90%;
}
.formular_gruppe p{
	padding:0 ;
	margin: 5px 0;
}
.formular_gruppe label{
	display: block;
}
.formular_gruppe_inline label{
	display: inline-block;
	float: left;
	margin-right: 20px;
}
input[type=text],
input[type=date],
input[type=number],
input[type=email],
textarea,
select{
	display: block;
	width: 100%;
	padding:0.5em 0.3em;
	margin:0 0 10px;
	font-size: 100%;
	border:1px solid #ddd;
	box-sizing: border-box;
	background:#fff;
	font-family: basicfont, Arial, Helvetica, sans-serif;
}
#content :required{
	border-left: #e30613 6px solid !important;
}
input[type=date]:invalid{
    color: #999;
}
.formular_gruppe textarea{
	width: 100%;
	box-sizing: border-box;
}

input[type=submit],
button[type=submit]{
	margin:30px 0;
	padding: 10px 0;
	font-size: 110%;
	font-weight: normal;
	letter-spacing: 0.05em;
	width: 100%;
	border-radius: 5px;
	cursor: pointer;
	border:0;
	color:#fff;
	background-color:#484B4F;
	background: linear-gradient(90deg, #000 0%, #0a0 100%);
	border:#fff 2px solid;
}
input[type=submit]:hover,
button[type=submit]:hover{
	background: #0a0;
	background: linear-gradient(90deg, #0a0 0%, #000 100%);
}
::placeholder{
	color:#999;
	font-style: italic;
}
.formular_gruppe input:active ::placeholder{
	color:#f00;
}
.formular_single_checkbox{
	float:left;
	margin:8px 12px 30px 0;
}
.formular_datenschutz{
	background:#fff;
	padding: 10px;
}
input[name=datenschutz]{
	scale:1.5;
}
.formular_antwort{
	padding: 20px;
	border: #3fa535 2px solid;
}
.formular_fehler{
	width:100%;
	box-sizing: border-box;
	background: #fff;
	border: 4px dashed #e30613;
	padding: 10px;
	margin:20px 0;
	font-size: 110%;
}
.formular_fehler p{
	font-size: 120%;
}
.formular_fehler li{
	color:#e30613;
}
label:hover{
	color:#cd0f2d;
	cursor: pointer;
}
label input{
	cursor: pointer;
}

/* S-Schutz */
.websiteurl{
	display:none !important;
}


.newsletter{
	background:#3fa535;
	padding:10px;
	color:#fff;
}
.newsletter input[type="submit"]{
	margin:0;
	padding:6px;
	border:1px solid #fff;
}
.newsletter a{
	color:#fff;
	text-decoration: underline;
}





#aktuell{
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 20px;
}
.aktuell{
	position: relative;
	display:inline-block;
	margin:10px auto;
	background-color:#fff;
	border: 2px solid #0a0;
}
.trennung{
	border-top:1px solid #ffffff
}
.aktuell h3{
	margin:0;
	font-size: 125%;
}
.aktuell p{	margin:7px 0 4px 0;}
.aktuell a{}
.aktuell_b{
	display: inline-block;
	float: left;
	width:30%;
	margin:0 15px 0 0 ;
}
.aktuell_b img{
	width:100%;
	float: left;
}
.aktuell_i{
	padding: 10px 20px 0;
}
.aktuell_1{
	background: #3fa535;
	color:#fff;
}
.aktuell_1 *,
.aktuell_1 a{
	color:#fff;
}
.aktuell_1 h3{
	border-bottom: 1px solid #fff;
	padding: 0 0 10px 0;
}

.aktuell_close{
	position: absolute;
	right: 4px;
	bottom: 4px;
	background:#999;
	color:#fff;
	text-align: center;
	padding: 4px;
	cursor:pointer;
	text-indent: -1000px;
	overflow: hidden;
	width:24px;
	height: 24px;
	border-radius:12px;
	border:2px solid transparent;
}
.aktuell_close:after{
	display: block;
	content:'\00D7';
	color:#fff;
	position: absolute;
	top:0;
	left:3px;
	text-indent: 0;
	font-size: 24px;
	line-height: 20px;
}



.aktuell_close:hover{
	background:#3fa535;
}
.aktuell_1 .aktuell_close:hover{
	color:#3fa535;
	background:#fff;
}





/*Events*/
.events{
	padding: 0;
	background: rgba(255,255,255,0.5);
}
.events a{
	text-decoration:none;
}
.events h3{
	font-size:28px;
	letter-spacing:0.3em;
	padding:15px 0 0;
	color:#fff;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 3px rgba(0,0,0,1);
}

.events h4{
	font-size:22px;
	margin:0;
	padding:0 0 10px;
}
.events h4 span{
	font-size:19px;
}
.events p{
	margin: 0 0 0.4em 0;
}
.event{
	width:100%;
	margin:7px 0;
	background:#fff;
	display:flex;
	border-bottom:1px solid #ddd;
}
.event:after{
	content:'';
	display:block;
	clear:both;
}
.event div{
	float:left;
	box-sizing:border-box;
	padding:10px 5px 10px 15px;
}
.event div.event_b{
	width:25%;
	padding:0;
}
.event_b img{
	width:100%;
	float:left;
}
.event_d{
	width:15%;
	text-align: center;
}
.event_d div{
	display: block;
	float: none;
	padding: 0;
}
.event_d a:after{
	font-family:'picsfont';
	content:'\0041';
	display:block;
	font-size: 50px;
	font-style: normal;
	line-height: 50px;
	vertical-align: middle;
	transition: font-size 0.2s;
}
.event_d .dd{
	font-size:21px;
	display: block;
}
.event_ort{
	letter-spacing: 10%;
	color:#777;
}
.event_i{
	width:45%;
	padding:10px;
}
.event div.event_t{
	width:15%;
	padding:10px;
	text-align: center;
	background:#eee;
}
.event_t a{
	display: block;
	padding:7px;
	margin:10px 0;
	color:#fff;
	border-radius: 7px;
}
.ticket_order{
	background:#3fa535;
}
.ticket_order_extern{
	background:#900;
}
.ticket_kasse{
	display: block;
	padding: 7px;
	color:#fff;
	background: #474;
}
.event_t a:hover{
	background:#000;
}
.ticket{
	padding:10px 0;
	display: block;
	font-size:130%;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.ticket strong{
	letter-spacing: 0;
	text-transform: none;
	font-size: 80%;
	display: block;
	line-height: 100%;
	padding: 5px 0;
	color:#c21;
	font-weight: normal;
}
.ticket i{
	font-style: normal;
	text-transform: none;
	display: block;
	font-size: 80%;
}
.ticket b{
	font-weight: normal;
}
.ticket_frist{
	font-size:80%;
}
.ticket_frei{
	color:#3fa535;
	font-size: 120%;
}
.ticket_ausverkauft{
	color:#d00;
	font-size: 120%;
}
.ticket_ausverkauft b{
	display: inline-block;
}
.ticket_geschlossen{
	color:#d00;
	font-size: 100%;
	text-transform: none;
	letter-spacing: 0.05em;
}
.ticket_geschlossen b{
	display: inline-block;
}

@media(max-width:799px){
	.events h3{
		text-shadow:none;
		color:#3fa535;
		font-size:22px;
	}
}

@media(max-width:880px){
	.event{
		font-size:90%;
		display: block;
		border-bottom: 1px solid #000;
	}
	.event_i{
		width:60%;
	}
	.event div.event_t{
		width:100%;
		float: none;
		clear: both;
		padding: 0 15px 10px 15px
	}
	.ticket{
		padding:10px 0 0;
	}
	.ticket strong{
		display: inline-block;
		padding: 0 10px 0 5px;
	}
	.ticket i{
		display:inline;
	}
}
@media(max-width:600px){
	.event{
		border-bottom: 5px solid #000;
	}
	.event div.event_b,
	.event div.event_d,
	.event div.event_i{
		text-align: left;
		width:100%;
		padding: 0 5px 5px 15px;
	}
	.event_b div{
		height: 100%;
	}
	.event_d .dd{
		display:inline
	}
	.event div.event_b{
		padding:10px;
		text-align: center;
		height:220px
	}
	.event div.event_b img{
		max-height: 100%;
		width:auto;
		float: none;
	}
	.event_d a:after{
		display: inline-block;
		margin: -24px 10px -20px 20px
	}
}



/* entfernen */
.ticketcart{
	border:1px solid #ddd;
}
.ticketcart_steps{
	background:#e0e0e0;
	display: flex;
}
.ticketcart_steps span{
	padding:15px 5px 8px;
	text-align: center;
	color:#999;
	flex:1;
}
.ticketcart_steps span.ticket_aktiv{
	color:#fff;
	background:#a20;
}
.ticketcart_steps span.ticket_aktiv-1{
	background:#b90;
}
.ticketcart_steps span.ticket_aktiv-2{
	background:#3fa535;
}
.ticketcart_steps a{
	display: block;
	color:#777;
}

.ticketcart_title{
	padding: 20px 10px;
	text-align: center;
	font-size:120%;
	line-height: 150%;
	border-bottom:1px solid #ddd;
	background: #f2f2f2;
}
.ticketcart_title b{
	font-size: 110%;
}
.legend{
	padding:0 0 10px;
	margin:0;
	font-size:105%;
	line-height: 100%;
	color:#ddd;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.ticketcart_order{
	padding: 20px;
	border-bottom:1px solid #ddd;
	border-left:4px solid #c21;
	display: flex;
	flex-wrap: wrap;
}
.ticketcart_order .legend{
	color:#c21;
}
.ticketcart_order table{
	width: 100%;
	padding:0;
	margin:0;
	border-spacing: 0;
	border-collapse: separate;
}
.ticketcart_order tr th{
	font-weight: normal;
	font-size: 80%;
	text-align: center;
	background: #f0f0f0;
	padding:4px 3px;
}
.ticketcart_order tr td{
	padding:7px;
	vertical-align:middle;
}
.ticketcart_order tr td:first-child{
	width:55%;
}
.ticketcart_order tr td:nth-child(3){
	width:4em;
	text-align: right;
}
.ticketcart_order tr td:last-child{
	width:3em;
	white-space:nowrap;
}
.ticketcart_order tr.tr_ermaessigt td{
	border-top:1px solid #ddd;
}
.ticketcart_order tr:last-child td{
	border-bottom:none;
}
.ticketcart_ermaessigt{
	padding: 10px;
	border-bottom:1px solid #ddd;
	border-left:4px solid #c21;
	background: #fff8f0;
	text-align: center;
	font-style: italic;
	font-size:90%;
}
.tickethinweis{
	padding:0 !important;
	border:none !important;
}
.tickethinweis_fehler{
	color:#d00;
	text-align: center;
}
.ticketcart_order tr.tr_trennung td{
	background:#ddd;
	padding:2px;
}
.ticketcart_order input[type=number]{
	width:2.2em;
	text-align: right;
	font-size:120%;
	padding:0.2em;
	margin:0;
}
.ticketcart_frist1,
.ticketcart_frist2,
.ticketcart_frist3{
	text-align: center;
	color:#a00;
	font-size:120%;
	padding:25px 10px;
}
.ticketcart_frist1{
	background-color:#a00;
	color:#fff;
}
.ticketcart_frist2{
	border: 3px #a00 dashed;
	font-size:110%;
}
.ticketcart_frist3{
	border-bottom: 1px #a00 solid;
	padding:17px 10px;
	font-size:100%;
}
.ticketcart_fehler{
	text-align: center;
	color:#d00;
	border:3px dashed #d00;
	font-size:110%;
	padding:15px 10px;
}
.ticketcart_versand{
	padding: 20px;
	background:#fcfcfc;
	border-bottom:1px solid #ddd;
	border-left:4px solid #eb0;
}
.ticketcart_versand .legend{
	color:#eb0;
}
.ticketcart_versand p{
	padding:10px 0;
	border-top:1px dashed #ddd;
}
.ticketcart_versand p:first-child{
	border:none;
	padding:0 0 10px;
}
.ticketcart_versand input{
	margin:5px 10px 0 0;
	float: left;
}
.ticketcart_versand :checked+label{
	font-weight: bold;
}
.ticketcart_versand span{
	display: block;
	font-size: 90%;
	padding:5px 0 0 25px;
}

.ticketcart_gateway{
	padding: 20px;
	background:#f6f6f6;
	border-left:4px solid #286e6e;
}

.ticketcart_gateway p{
	padding:10px 0;
	border-top:1px dashed #ddd;
}
.ticketcart_gateway p.legend{
	color:#286e6e;
}
.ticketcart_gateway p:first-child{
	border:none;
	padding:0 0 10px;
}
.ticketcart_gateway label{
	font-size: 110%;
}
.ticketcart_gateway input{
	float: left;
	margin:5px 10px 0 0;
}
.ticketcart_gateway span{
	display: block;
	padding:5px 0 0 25px;
	opacity: 0.5;
	font-size:80%;
	line-height: 110%;
	transition:0.5s;
}
.ticketcart_gateway input:checked+label{
	font-weight: bold;
}
.ticketcart_gateway input:checked+label+span{
	opacity: 1;
}
#ticketcart_gateway_pp{
	padding:10px;
}
.ticketcart_kontakt{
	background: #f0f0f0;
}
.ticketcart_sum{
	padding: 10px 0 20px;
	border-left:none;
}
.ticketcart_sum div{
	width: 100%;
	text-align: center;
	font-size:120%;
	padding:10px 5px;
}
.ticketcart_sum table{
	width: auto;
	margin:auto;
}
.ticketcart_sum tr td{
	border-top: 1px solid #aaa;
	padding: 7px 15px;
}
.ticketcart_sum tr td:last-child{
	text-align: right;
}
.ticketcart_sum tr.ticketcart_sum_tr td{
	font-weight: bold;
	border-top: 2px solid #3fa535;
}
.ticketcart_sum tr.ticketcart_tax_tr td{
	border-top: 2px solid #3fa535;
	font-size: 80%;
}
.ticketcart_kaeufer{
	border-top:1px solid #ccc;
	font-size:100% !important;
	background: #eee;
}

button.ticketcart_submit{
	margin:20px 0 0;
}
button.ticketcart_submit:after{
	content:'\232A';
	display:inline-block;
	font-size:25px;
	line-height: 15px;
	margin-left: 15px;
}
.ticketcart table{
	padding:0;
	border-spacing: 0;
	border-collapse: separate;
	margin:5px 0 5px 0;
	width: 100%;
}
.ticketcart td{
	vertical-align: top;
	padding:5px;
}
.ticketcart td:first-child{
	width:10%;
}

.ticketcart_final_tab{
	border-spacing: 0;
	border-collapse: separate;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
}
.ticketcart_final_tab td,
.ticketcart_final_tab th{
	border-top:1px solid #999;
	padding: 7px 15px;
}
.ticketcart_final_tab tr td:nth-child(1n+3){
	text-align: right;
}
.ticketcart_final_tab th{
	font-weight:normal;
	background:#eee;
	border-top: none;
}






/* NEU */
.checkout{
	border:1px solid #ddd;
	margin: auto;
}
.checkout_tickets{
	max-width: 620px;
}
.checkout_sitzplan{
	max-width:none;
}
.checkout_ende{
	padding: 1em;
}
@media(max-width:460px){
	.checkout{
		margin:0 -8px;
	}
	.checkout_steps{
		font-size: 80%;
		line-height: 100%;
	}
}
.checkout_steps{
	background:#e0e0e0;
	display: flex;
}
.checkout_steps span{
	padding:15px 5px 8px;
	text-align: center;
	color:#999;
	flex:1;
}
.checkout_steps span.ticket_aktiv{
	color:#fff;
	background:#a20;
}
.checkout_steps span.ticket_aktiv-1{
	background:#b90;
}
.checkout_steps span.ticket_aktiv-2{
	background:#3fa535;
}
.checkout_steps a{
	display: block;
	color:#777;
}

.checkout_title{
	padding: 20px 10px;
	text-align: center;
	font-size:120%;
	line-height: 150%;
	border-bottom:1px solid #ddd;
	background: #f6f6f6;
	color:#000;
}
.checkout_title b{
	font-size: 110%;
}
.legend{
	padding:0 0 10px;
	margin:0;
	font-size:105%;
	line-height: 100%;
	color:#ddd;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.checkout_order{
	padding: 20px;
	border-bottom:1px solid #ddd;
	border-left:4px solid #c21;
	display: flex;
	flex-wrap: wrap;
}
.checkout_order .legend{
	color:#c21;
}
.checkout_order table{
	width: 100%;
	padding:0;
	margin:0;
	border-spacing: 0;
	border-collapse: separate;
}
.checkout_order tr th{
	font-weight: normal;
	font-size: 80%;
	text-align: center;
	background: #f0f0f0;
	padding:4px 3px;
}
.checkout_order tr td{
	padding:7px;
	vertical-align:middle;
}
.checkout_order tr td:first-child{
	width:55%;
}
@media(min-width:481px){
	.checkout_order tr td:nth-child(3){
		width:5em;
		text-align: right;
	}
}
.checkout_order tr td:last-child{
	width:3em;
	white-space:nowrap;
}
.checkout_order tr.tr_ermaessigt td{
	border-top:1px solid #ddd;
}
.checkout_order tr:last-child td{
	border-bottom:none;
}
.checkout_ermaessigt{
	padding: 10px;
	background: #fff0e0;
	text-align: center;
	font-style: normal;
	font-size:90%;
	width:100%;
}
.tickethinweis{
	padding:0 !important;
	border:none !important;
}
.tickethinweis:empty{
	display:none;
}
.tickethinweis_fehler{
	color:#d00;
	text-align: center;
}
.checkout_order tr.tr_trennung td{
	background:#ddd;
	padding:2px;
}
.checkout_order input[type=number]{
	width:2.2em;
	text-align: right;
	font-size:120%;
	padding:0.2em;
	margin:0;
}
.checkout_frist1,
.checkout_frist2,
.checkout_frist3{
	text-align: center;
	color:#a00;
	font-size:120%;
	padding:25px 10px;
}
.checkout_frist1{
	background-color:#a00;
	color:#fff;
}
.checkout_frist2{
	border: 3px #a00 dashed;
	font-size:110%;
}
.checkout_frist3{
	border-bottom: 1px #a00 solid;
	padding:17px 10px;
	font-size:100%;
}
.checkout_fehler{
	text-align: center;
	color:#d00;
	border:3px dashed #d00;
	font-size:110%;
	padding:15px 10px;
}
.checkout_versand{
	padding: 20px;
	background:#fcfcfc;
	border-bottom:1px solid #ddd;
	border-left:4px solid #eb0;
}
.checkout_versand .legend{
	color:#eb0;
}
.checkout_versand p{
	padding:10px 0;
	border-top:1px dashed #ddd;
}
.checkout_versand p:first-child{
	border:none;
	padding:0 0 10px;
}
.checkout_versand input{
	margin:5px 10px 0 0;
	float: left;
}
.checkout_versand :checked+label{
	font-weight: bold;
}
.checkout_versand span,
.checkout_gateway span{
	display: none;
	font-size: 90%;
	line-height: 125%;
	padding:5px 0 0 25px;
}

.checkout_gateway{
	padding: 20px;
	background:#f6f6f6;
	border-left:4px solid #286e6e;
}

.checkout_gateway p{
	padding:10px 0;
	border-top:1px dashed #ddd;
}
.checkout_gateway p.legend{
	color:#286e6e;
}
.checkout_gateway p:first-child{
	border:none;
	padding:0 0 10px;
}
.checkout_versand label,
.checkout_gateway label{
	font-size: 110%;
	display:table;
}
.checkout_gateway input{
	float: left;
	margin:5px 10px 0 0;
}
.checkout_gateway input:checked+label{
	font-weight: bold;
}
.checkout_gateway input:checked+label+span,
.checkout_versand input:checked+label+span{
	display: block;
}
#checkout_gateway_pp{
	padding:10px;
}
#checkout_gateway_pp_loading{
	display: block;
	padding: 0 0 10px 0;
}
.checkout_gateway_pp_sandbox{
	border:5px dashed #fe0;
}
.checkout_gateway_pp_sandbox:before{
	content:'Sandbox-Modus';
	color:#aaa;
	font-weight: bold;
	font-size:150%;
	display: block;
	padding:0 0 20px; 
}
.checkout_kontakt{
	background: #f0f0f0;
}
.checkout_sum{
	padding: 10px 0 20px;
	border-left:none;
}
.checkout_sum div{
	width: 100%;
	text-align: center;
	font-size:120%;
	padding:10px 5px;
}
.checkout_sum table{
	width: auto;
	margin:auto;
}
.checkout_sum tr td{
	border-top: 1px solid #aaa;
	padding: 7px 15px;
}
.checkout_sum tr td:last-child{
	text-align: right;
}
.checkout_sum tr.checkout_sum_tr td{
	font-weight: bold;
	border-top: 2px solid #3fa535;
}
.checkout_sum tr.checkout_tax_tr td{
	border-top: 2px solid #3fa535;
	font-size: 80%;
}
.checkout_kaeufer{
	border-top:1px solid #ccc;
	font-size:100% !important;
	background: #eee;
}

button.checkout_submit{
	margin:20px 0 0;
}
button.checkout_submit:after{
	content:'\232A';
	display:inline-block;
	font-size:25px;
	line-height: 15px;
	margin-left: 15px;
}
button.checkout_submit:disabled{
	background: #ddd;
	cursor: default;
}
.checkout table{
	padding:0;
	border-spacing: 0;
	border-collapse: separate;
	margin:5px 0 5px 0;
	width: 100%;
}
.checkout td{
	vertical-align: top;
	padding:5px;
}
.checkout td:first-child{
	width:10%;
}

.checkout_final_tab{
	border-spacing: 0;
	border-collapse: separate;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
}
.checkout_final_tab td,
.checkout_final_tab th{
	border-top:1px solid #999;
	padding: 7px 15px;
}
.checkout_final_tab tr td:nth-child(1n+3){
	text-align: right;
}
.checkout_final_tab th{
	font-weight:normal;
	background:#eee;
	border-top: none;
}

@media(max-width:639px){
	.checkout_order{
		padding: 6px;
	}
}
@media(max-width:480px){
	.checkout_order thead{
		display: none;
	}
	.checkout_order tr{
		display: block;
		width: 100%;
		border-bottom: 2px solid #999;
	}
	.checkout_order tr td{
		display:block;
		width:100% !important;
	}
	.checkout_order tr.tr_trennung td{
		background-color: #999;
	}
	.tr_ermaessigt td:first-child{
		display: none;
	}
}















tr.label-aktiv{
	background-color:#fec;
}



/*Popup-Frame*/
.popup_bg{
	z-index:500;
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.6);
	width:100%;
	height:100%;
	display:none;
	-webkit-align-items:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items: center;
}
.popup_frame{
	background-color: #fffdfa;
	margin:0 auto;
	max-height:100%;
	width:980px;
	max-width:90%;
	padding:0;
	position:relative;
	overflow:auto;
}
.popup_close:before{
	display: block;
	content:'Schlie\0000DFen';
	padding: 10px;
	cursor: pointer;
	text-align: center;
	background: #e30613;
	color:#fff;
}
.popup_frame h1{
	padding: 0.5em 0;
}


#template_std{
	padding: 1% 0 1%;
	background:#3fa535;
}
#template_std *{
	color:#fff !important;
}
#template_std p{
	margin:0;
	padding: 0.1em 0 0.2em 0;
}
#template_std a img{
	display: inline-block;
	padding: 0 10px;
}
#template_std a img:hover{
	background: #484B4F;
}


#socialmedialinks{
	padding: 3% 0;
	text-align: center;
	background-color: #484B4F;
}
@media(min-width:1000px){
	#socialmedialinks{
		padding: 1.5% 0;
	}
}
#socialmedialinks a{
	padding: 10px;
	margin: 0 5px;
	display: inline-block;
	border-radius: 3px;
}
#socialmedialinks img{float: left;}
.socialmedialinks_w a{background: #B5BDC4;}
.socialmedialinks_w a:hover,.socialmedialinks a:hover{background: #25272B !important;}
.socialmedialinks_s a{background: #B5BDC4;}
.socialmedialinks_s a:hover{background: #25272B !important;}

.facebook_posts{
	text-align: center;
}
.fb-post{
	margin:0 auto 20px;
}



#bottommenu{
	background: rgba(0,0,0,0.8);
	color:#fff;
	padding: 20px;
	text-align: center;
	position: relative;
}
#bottommenu ul{
	margin:0;
	padding: 0;
	list-style: none;
}
#bottommenu li{
	display: inline-block;
}
#bottommenu a{
	color:#fff;
	text-decoration: none;
	padding: 3px 10px;
}
#bottommenu a:hover{
	text-decoration: underline;
}



#footer{
	position: relative;
	margin: 20px auto;
	text-align: center;
	padding:20px 10px;
	color:#ddd;
	border-top: 4px dotted rgba(255,255,255,0.2)
}
#footer p{
	color:#ddd;
}
.tus{
	display: inline-block;
	margin:20px 0;
	color:transparent;
	width:8em;
	text-align: center;
	vertical-align: top;
	line-height:110%;
}
.tus:before{
	display:inline-block;
	content:'';
	width:100%;
	height: 50px;
	background: transparent url(elemente/tus_slh-gruen.svg) no-repeat center /contain;
}
.tus:hover{
	color:#fff;
	text-decoration:none;
}
.tus_schloss:before{
	background-image: url(elemente/tus_schloss-rot.svg);
}
.tus_stausee:before{
	background-image: url(elemente/tus_stausee-gelb.svg);
}


.tus:before{
	display:block;
	content:'';
	width:50px;
	height: 50px;
	border-radius:6px;
	margin: auto;
	background: #3fa535 url(elemente/tus_slh-trans.svg) no-repeat center /contain;
}
.tus:hover:before{
	background-color:#3fa535;
}
.tus:hover{
	color:#fff;
	text-decoration:none;
}
.tus_schloss:before{
	background-image: url(elemente/tus_schloss-trans.svg);
	background-color:#b45a7d;
}
.tus_schloss:hover:before{
	background-color:#a35;
}
.tus_stausee:before{
	background-image: url(elemente/tus_stausee-trans.svg);
	background-color:#f5a51e;
}
.tus_stausee:hover:before{
	background-color:#d80;
}