.hg {
	text-align: left;
	margin-right: auto;
	margin-left: auto;	
    z-index:1;
   overflow:hidden;
}

#header1 {
	position:fixed;
    z-index:500;
	
}
.header {
	position:relative;
	margin-top:0px;
	padding-top: 0px;
	/*height:auto;*/
	background-color: #FFF;
	background-color: #92B31C;
	/*border-bottom:solid 1px red!important;*/
	min-height:60px;
	height:auto;
	/*display:none;*/
}
	
.home .inhalt h1 {
	font-size: 3.2em;
	font-weight:600;
	position:absolute;			
	left:21%;
	top:19%;
	width: 40%;
	color:#FFF;
	/*border:solid 1px pink;*/
	margin:0px;		
	/*
	text-shadow: 1px 1px 1px #fff;
	text-shadow: 2px 2px 5px #000;	
		
		*/
}
/**/
.logobox {
	position:relative;
	z-index:100;
	width: 96%;/**/
	
	float:left;
	margin:0px;
	margin:0px 2% 0px 2%;
	padding:0px;
	background-color: #0FF;
	/*border:solid 1px pink;*/
}
.adressbox{
	width: 94%;
	margin:0px 1% 0px 2%;
	/*border:solid 1px pink;*/
}
.nav1 {
	background-color: gold;
	margin:2.0% 0px 0px 20% ;
	/*padding-left:20%;*/
	bottom:0px;
	width: 48%;
	width: auto;
	float:left;
}
.logo{
	background-color: pink;
	position:relative;
	z-index:200;
	float:left;
	width: 40%;
	width: 30%;
	margin:0.5% 14% 0% 0%;
	padding:0px;
}
.logo img {
	width:100%;
	height:auto;	
}

.menubox {
	position:absolute;
	top:50%;
	right:20px;
	left:10px;
	z-index:2100;
}

.menu {
	position:absolute;
    background-image: url(../userfiles/images/meta/menu2.svg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 30px auto;
    height: 32px;
    width: 32px;
    margin-top: -16px;
    right: 0px;
    margin-right: 0px;
    cursor: pointer;
    display: none;
   /* border:solid 1px red;*/
}

.aktiv { background-position: 0px -31px; }

.main {

	min-height:300px;
	background-color: #FFF;
	padding-bottom:150px;

}

.home .inhalt {
	position: relative;
	/*
	overflow:hidden;
	*/
	/*border:solid 1px red;*/
	
}
.content {
	position: relative;
}
.footer {
	position:fixed;
	z-index: 500;
	bottom:0px;
	background-color: #FFF;
	background-color: #CCC;
	padding:10px 0px;

	color: #FFF;
}

.adressbox { /*width: 100%; background-color: pink;*/}

.homebild, .home .zierbild {
	width: 100%;	
	height: auto;
}

.aktuell {
	/*border: solid 1px red;*/
	
}
	
.mehr{
	display: inline-block;
	height:70px;
	font-weight:600;
	/*border: solid 1px pink;*/
	
}


.seite {
	position: relative;
}
svg { /*border: solid 1px black; */ }

.standard {
	/*border-bottom: solid 8px #FFF;
	padding-bottom:30px;
	*/	
}
.links {
	position:relative;
	/*background-color: #5E9424;*/
	width: 20%;
	float:left;
	/*height:100%;*/
	margin-right: 2%;
	
}
.links img{
	/*display:none;*/
}
.content {
	background-color: gold;
	width: 60%;
	float:left;
	
}
.content00 {display:none;}
.content00 img{
	width: 100%;
}
.tab-aktiv {
	display:block;
	/*border:solid 5px red;*/
}
.rechts {
	position:relative;
	background-color: lightgrey;
	width: 20%;
	float:left;
	
}
.umkehrbox .content, .umkehrbox .rechts, .umkehrbox .sp50 {
	float:right;
	
}
h1.titelinhalt {
	font-size: 1em;
	line-height: 1em;
	font-weight: 300;
	color: #78726C;
	margin:63px 0px 1em 0px;
	
}
.standard .links {	width: 45%; margin:2% 2% 0% 2%;/*border:solid 1px blue;*/ position:relative; z-index:100;}
.standard .content { width: 45%; margin:2% 2% 0% 2%; /*border:solid 1px red;*/ position:relative; z-index:10;}
.standard .content0 { width: 96%; margin:2% 2% 0% 2%;}
.standard .rechts { display:none; width: 0%; }
.links .textinhalt { /*border:solid 1px blue;*/}
.content .textinhalt { /*border:solid 1px red;*/ display:none;  margin-top:50px;}

.textbox { /* border:solid 1px blue;*/}
.textbox2 { /* border:solid 1px red;*/ }

/*
.lauftext {
	margin-top:10px;
	width: 90%;
	
}*/
.bildstring1box {
	/*border:solid 1px red;*/
	top:0px;
	left:0px;
	position:absolute;
	z-index:10;
	/*display:none;*/
}
.steuerung {
	/*border:solid 1px red;*/
	position:relative;
	z-index:10;
	}
.back {
	padding:15px 0px 5px 0px;
}
.back2 {
	position:absolute;
	height:30px;
	left:25%;
    text-decoration: none;
    font-weight: 700;
    display: block;
    width: 50%;
    padding: 4px 0px 0px 0px;
    margin: 0px;
    vertical-align: middle;
    text-align: center;
    /*border:solid 1px blue;*/
}
.weiter a{ /*display:none;*/}
.weiter {
	width: 100%;
	position:relative;
	z-index:500;
	height:30px;
	/*border:solid 1px red;*/
}
.icon {
	/*border:solid 1px red;*/
	position:absolute;
	height:30px;
	width:25%;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: auto 100%;
	background-image: url(../userfiles/images/meta/icon_links.svg);
}
.next {
	background-image: url(../userfiles/images/meta/icon_next.svg);
	right:0px;
	background-position: 100% 0px ;
	}
.last {
	background-image: url(../userfiles/images/meta/icon_last.svg);
	left:0px;
	
	}


.links h1 {	/*display:none; */}
.links img {	width: 100%; border:solid 1px #CCC; }

.anker, .anker1, .anker2 {
	height:10px;
	width: 1px;
	z-index:6000;
	font-size:10px;	
	left:50px;
	left:-3250px;
	position: relative;
	position: absolute;
	background-color: #FFC;
}
.anker { top:-83px; background-color: #ccF;}
.anker1{ top:-130px; background-color: #ccF;}
.anker2{ top:540px; background-color: gold;}

.tab {display:none;}

.swiper-nav {width: 962px; width: 100%; background-color: gold;}
.swiper-content {  width: 908px;  float:left; /* margin-right:22px;  border: 1px dashed #333;*/}
.swiper-content h1 {font-size: 16px; font-weight: bold;}
.swiper-content .inner { width: 908px; }


.themenbilder {
	position:relative;
	z-index:100;
	background-color: lightblue;
	margin:5% 0px 0px 0%;
	padding-left:2%;
}
.themenbilder .zierbild {
	position:absolute;
	z-index:100;
	top:-1%;
	left:-23%;
	width: 20%;
	
}
.thementext1, .thementext2 {
	position:absolute;
	z-index:100;
	top:0%;
	left:67%;
	/*border:solid 1px red;*/
}
.thementext1 {
	padding-top:5.5%;
}
.thementext2 {
	top:75%;
}
.themabildbox {
	position:relative;
	/*border:solid 1px red;*/
	margin:0px 0.5% 1.5% 0px;
	float:left;
	height:150px;
	width: auto;
}
.themenbilderbox a {
	/*display:none;*/
	display:block;
	position:absolute;
	z-index:100;
	top:-0%;
	left:-0%;
	height:150px;
	width: auto;
}
#t10 { margin-left:17.8%;}

.themabildbox, .themenbilderbox a { height:193px; }
.themenbilder .zierbild { top:-1%; left:-57%; width: 35%; width: 54%;/**/ }

.themenbilderbox a:hover {
	z-index:200;
	top:-10%;
	left:-10%;
	height:120%;
	width: auto;
	box-shadow: 10px 5px 15px rgb(0, 0, 0, 0.5);
}
.themenbilderbox img {
	height:100%;
	width:auto;
}

.spacer {height:150px; background-color: light-blue;}
.spacer2 {width:100%; height:auto; /*border:solid 1px lightblue;*/}



	body { background-color: gold; font-size: 20px; line-height: 25px;}
	.hg, .breite  { width:1600px; }
	.nav1 ul li ul { width: 1200px; }
	.inhalt .header { height:100px; }	
	.home .header{ height:50px; }	
	.nav1 ul li ul { top:45px; }
	.thementext1, .thementext2 { margin-right: 2.5%; }

@media only screen and (max-width: 1919px) { /* Desktop gross */}

@media only screen and (max-width: 1599px) { /* Desktop mittel */
	body { background-color: orange; font-size: 16px; line-height: 21px;}
	.hg, .breite  { width:1280px; width:1320px;  }
	.nav1 ul li ul { width: 1200px; }
	.inhalt .header { height:100px; }	
	.home .header { height:45px; }	
	.nav1 ul li ul { top:35px; }
	
	.logo {	width: 30%; margin:0.5% 18% 0% 0%;}	
	
	.themabildbox, .themenbilderbox a { height:160px; }
	
	.thementext1, .thementext2 {top:0%;/*left:63.3%;*/ margin-right: 0%; }
	.thementext1 {padding-top:6.5%;}
	.thementext2 {top:75%;}
	
	.themenbilder .zierbild { top:-1%; /*left:-38%; width: 35%;*/ }
	.footer {padding:5px 0px 0px 0px; height:24px; }
		
}

@media only screen and (max-width: 1279px) { /* Tablet hoch - Laptop */
	body { background-color: grey;   font-size: 14px; line-height: 20px;}
	.hg, .breite { width:1024px; }

	.logo {	width: 30%; margin:0.5% 18% 0% 0%;}	
	.themabildbox, .themenbilderbox a {height:123.5px;}
	.themenbilderbox a { top:-0%;left:-0%;}
	.thementext1 { padding-top: 0%; }
	.thementext2 {top:75%;}
	
	.nav1 ul li { padding: 7px 20px 7px 0px; }
	.nav1 ul li a { padding: 0px 5px;}
	
	.header { 	min-height:20px; }
	.home .header {  height: 30px; }
	.footer {padding:5px 0px 0px 0px; height:20px; }
	
}

@media only screen and (max-width: 1023px) { /* Tablet quer*/
	body { background-color: blue; font-size: 14px; line-height: 18px;	}
	.hg, .breite { width:768px; }
	.nav1 { margin:1.0% 0px 0px 0% ;}
		
	.themenbilderbox {padding-right: 35%; }
	.themenbilderbox .clr2{ display:none;}
	.themabildbox {/*border:solid 1px blue;*/ margin: 0px 1.5% 1.5% 0px;}
	.thementext1, .thementext2 {left:66%;}
	.thementext2 {top:42%;}
	#t10 { margin-left:0%;}
	#t0 { margin-right:50%;}
	.themenbilder .zierbild { top:-1%; left:-67%; width: 35%; width: 64%;/**/ }
	
	.temp2 .standard .links { width: 96%; }	
	.temp2 .standard .content { width: 100%; }
}

@media only screen and (max-width: 767px) { /* Smartphone gross/quer */
	body { background-color: pink; font-size: 16px; line-height: 20px;	}
	.hg, .breite { width: 100%; /*background-color: #0CC; padding-top:45px;*/ height:auto;}	
	.inhalt .header{ height:55px; }	
	.home .header{ height:40px; }
	
		
	h1 {position:relative; font-size: 2.0em; /*top:-25px;*/ margin-top:-10px; color:#FFF;}
	
	h1:first-child { /*display:block; visibility:hidden;*/}
	.adressbox { padding-left:2%;}
	.adressbox span { display:block; padding:3px 2%;}
	.sp50, .karte .content {	width: 96%; margin: 0px 2%;}

	.logobox { width: 98%; /*margin:0px;*/ }
	
	.logo { /*	float:left;  width: 40px; margin:3px 3px 13px 3px;*/}
	.logotitel { /*left:50px; text-align:left;  */top:3px;width: 200px; font-size: 1.2em; line-height: 1.0em; }
	.menu { display: block; margin-top: -20px;}
	.nav1 { display: none; width: 100%; height:auto; position:absolute; top:60px; background-color: gold; }
	.home .nav1 { top:30px;}
	
	.nav1 ul { width: 100%; margin: 0px; padding: 0px; background-color: #92B31C;}
	.nav1 ul li { margin: 5px 0px; padding: 0px; width: 100%;  /*padding:0px 5%;*/}
	.nav1 ul li a { margin: 0px 5%; padding: 0px;  }
	.nav1 ul li ul { position:static;  width: auto; height:auto; }

	.nav1 ul li ul li a { }
	.nav1X ul li:hover ul { display:block!important; }
	
	.nav1 > ul { padding: 20px 0px; }

	.logo  { /*width: 40%;*/}
	.logo img { width: 100%;height: auto;min-width:200px;}

	.themenbilder .zierbild { left:-43%;width: 40%;}
	.themenbilder { padding-right: 2%; /*border:solid 1px red;*/ width:360px;margin: 50px 0px 0px auto;}
	
	
	.themenbilderbox { /*border:solid 1px red; */}
	.themenbilderbox {padding-right: 0%; }
	.themabildbox, .themenbilderbox a {height:121.5px; }
	.main { padding-bottom:0px;}
	.footer  { position:static; margin-top:20px;}
	.footer .trenner, .spacer { display:none;}
	.adressbox { margin: 0px 0px 0px 0px;}	
	.adressbox span { display: block; padding: 2px 0px;}
	
	.thementext1, .thementext2 { position:static; margin:0px; width:100%; }
	.nav1 {top: 58px;}
	.nav1 ul { background-color: #FFF; border-top:solid 1px grey; border-bottom:solid 1px grey;}
	
	.weiter { top:74%;}	
	
	.textbox p {position:relative; z-idex:100; width:210%; /* border:solid 1px red;*/}
	.textboxC p:first-child  { position:relative; z-idex:100; width:100%; /*border:solid 1px green;*/}
	
	.temp2 .standard .links { width: 45%; }	
	.temp2 .standard .content { width: 45%; }


}

@media only screen and (max-width: 511px) {	/* Smartphone klein/hoch */
	body { background-color: purple; }
	.logotitel { /*left:50px; text-align:left; */ top:0px; width: 180px; font-size: 1.0em; line-height: 1.1em; }
	.menubox {right: 10px; }
		
	.links .textinhalt { display:none;  }
	.content .textinhalt { display:block; }
	h1.titelinhalt { margin:10px 0px 10px 0px; }	
	
	.temp0 .standard .links { width: 96%; }	
	.temp0 .standard .content { width: 95%; margin-bottom:20px;}
	
	.temp2 .standard .links { width: 96%; }	
	.temp2 .standard .content { width: 100%; }

	
	.themenbilder .zierbild { position:static; width: 60%; margin-bottom:10px;}
	.themenbilder { padding-right: 2%; /*border:solid 1px red;*/ width:96%; margin: 50px 0px 0px auto;}
	.themenbilderbox img {width: 100%; height:auto; }
	.themenbilderbox a img {width: 100%; height:auto; }
	.themabildbox {width: 48%; height:auto; /*border:solid 1px blue;*/}
	.themenbilderbox a {width: 100%; height:100%; /*border:solid 1px red;*/}	
	.weiter { top:60%;}	
	
}