.hg {
	position:relative;
	text-align: left;
	margin-right: auto;
	margin-left: auto;	
    z-index:1;
    /*
    overflow:hidden;
    */
    
}
#buildingX{
  background-color: gray;
  height: 500px;
  height: 100%;
  width: 100%;
  overflow: auto;
  padding-bottom:400px;
}
#main{
	/*
	position:relative;	
		z-index:6100;
  background-color: pink;
  
  height: 400px;
  
  width: 100%;
  overflow: auto;
  */
}
#header1 {
	position:fixed;
    z-index:500;
	
}
.header {
	position:relative;
	margin-top:0px;
	padding-top: 0px;
	width:100%;
}
.service {
	background-color: #FFF;

	/*
	display:none;
	background-color: #0B293B;
	color:#FFF;
	
	height:60px;
	
	*/
	
}
.topnav {

	background-color: #EFEFEF;
/*
	display:none;
	height:80px;
	*/
}
.service, .topnav { /*display:none;*/ }

.topnav2 {
	position: relative;
	z-index:800;
	width:100%;
	padding: 20px 0%;


}
.sprach {
	margin-top:30px;
	margin-top:3.8em;
}
.navbox	{
	position:absolute;
	z-index:800;
	top:0px;
	left:0px;
	background-color: pink;
	height:300px;
	width:100px;
	
}
.nav1 {
	position:absolute;
	z-index:800;

	left:0px;
	background-color: #FFF;
	height:auto;
	min-height:200px;
	padding: 6% 8%;
	
}
.navbar {
	padding-bottom: 0px;
	min-height:20px;

}
.pfad {
	/**/
	position:relative;
	top:-10px;
	/*
	border:solid 1px gold;
	padding:-10px 0px 10px 0px;*/
}
#myNavbar > ul{
	/*border:solid 1px gold;*/
	width: 130%;
}
.navbar-collapse {

}

.logobox{
}
.adressbox{
	width: 94%;
	margin:0px 1% 0px 3%;
	/*border:solid 1px pink;*/
}
.logo{
	width: 90%;/**/
	margin:0px;
	padding:0%;
}
.logo img {
	width:100%;
	height:auto;	
}
	

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


}
.menu {

    background-image: url(../userfiles/images/meta/menu.svg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 30px auto;
    height: 32px;
    width: 32px;
    margin-top: -16px;
    left: 10px;
    margin-right: 0px;
    /*border: solid 2px #ccF;*/
    cursor: pointer;
    display: none;
}

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

.main {

	/*
		padding-top:23px;
	min-height:300px;
	background-color: #FFF;
	border:solid 1px red;*/

}
.footer .weiss2 {
	width: 96%;
	margin:0px 2%;
	background-color: pink;
}
.main .footer .rechts, .main .footer .content {
	padding: 10px 2%;
	margin:0px;
	/*background-color: #5398BD;*/
}
.footer {

    	background-color: #FFF;
	background-color: #5398BD;

	font-size: 0.8em;
	line-height: 1.1em;
	color: #FFF;
	color: #000;

	margin-bottom:500px;
}
.footer a {
	color: #FFF;
	color: #000;
}
.footer span {
	display:block;
	padding-right:2%;
	/*width:21%;*/
}
.footer div {
	display:inline;
}
.adressbox { margin:0px 2%; width: 96%; background-color: red;/**/}



.homebild, .home .zierbild {

	width: 100%;	
	height: auto;
}





.download {
	text-decoration: none;
	font-size: 1em;
	line-height: 1.2em;
	/*border: solid 1px red;*/
	display: block;

}
.download div {
	
	display: table-cell;
	vertical-align:bottom;
	vertical-align:middle;
	/*border: solid 1px red;*/
	padding-right: 10%;
	height:70px;
	font-weight:600;
}

.download span{

	font-weight:300;
}
.vorschau div {
	/*border: solid 1px red;*/
	padding-left: 140px;
	padding-right: 0%;
	background-position: 100px 50% ;
	height:90px;
}
.vorschau img{
	position:absolute;
	top:5px;
	left:0px;
	width: 80px;
	height:80px;
	border-radius:80px;
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	border:solid 1px lightgrey;
}
.aktuell {
	/*border: solid 1px red;*/
	
}
	
.mehr{
	display: inline-block;
	height:70px;
	font-weight:600;
	/*border: solid 1px pink;*/
	
}
	
	
	
	
.aktuell p, .aktuell strong {
	width: 60%;
	padding:2px 0px 2px 40%;
	clear:left;
	width: 100%;
	margin:0px 0px 20px 0px;
	/*border:solid 1px red;*/
	height:20px;
}
.seite {
	position: relative;

	width: 100%;
	clear:left;
	/*padding-top:10px:*/
	/*
	max-height:198px;
	overflow:hidden;
	
	min-height:50px;
	
	background-image: url(../userfiles/images/meta/hglinks.svg); 
	background-repeat: repeat-y;
	background-size:  23% auto;	
	border: solid 1px black;
	*/
	
}
svg { /*border: solid 1px black; */ }
.karte, .areal { background-size:  20% auto;	}


.standard {
	/*border-bottom: solid 8px #FFF;
	padding-bottom:30px;	
	*/
}
.links {
	position:relative;
	background-color: lightgrey;/**/
	width: 18%;
	float:left;
	/*height:100%;*/
	margin-left: 2%;
	clear:left;
}
.links img{
	/*display:none;*/
}
.content {
	position: relative;
	z-index:600;
	background-color: gold;
	width: 52%;
	margin-left: 2%;
	padding: 0% 2%;
	float:left;
	
}
.topnav .content {
	/*background-color: pink;*/
}
.balken {
	position:absolute;
	bottom:-23px; 
	height:23px;
	
}
.main .content {
	z-index:400;
	padding: 0px 2%;
	/*background-color: pink;*/
}
.rechts {
	position:relative;
	background-color: lightpink;
	width: 20%;
	float:left;
	
}
.main .rechts {
	font-size: 0.8em;
	line-height: 1.3em;
	padding: 2% 0% ;
	width: 18%;
	/*background-color: pink;*/
}
.weiss2 {
	background-color: pink;
	/*
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.5);	float:left;
		border-top:solid 1px blue;
	*/

}

.weiss {
	background-color: #FFF;
	/*background-color: rgba(255, 255, 255, 0.5);*/
	float:left;
}
.trenner {
	background-color: #A8CBDF;
	margin: 0px 2% 40px 2%;
	clear:left;
	height:1px;
	
	}
.umkehrbox .content, .umkehrbox .rechts, .umkehrbox .sp50 {
	
	float:right;
}

.standard .links {	width: 18%; margin-left:2%;}
.standard .weiss {	width: 76%; margin-left:2%;}
.standard .content { width: 70%; margin-left: 0%;}
.standard .rechts { width: 24%; }


/*
.karte .links {	width: 20%; }
.karte .content { width: 16%; margin-right: 2%;}
.karte .rechts { width: 60%; }
*/
.heimbox0 {/*border:solid 1px red;*/padding:0px;}
.svgframe {/*border:solid 1px pink;*/margin:0px;}

.bildbox img {
	/*border:solid 1px red;*/
	
}
.textbox {
	font-size: 0.9em;
	line-height: 1.1em;
	margin-top:15px;
	
	
}

.zierbild {}
.links h1 {	display:none; }
.links img {	width: 100%; }

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


.tab {display:none;}

.nav1 li ul .active a{
	/*border: solid 1px gold;*/
	background-color: #EFEFEF;
	
}

.test01 {
	position: absolute;
	top:50px;
	left:-5510px;
	height:auto;
	width: 500px;
	z-index:7400;
	border:solid 2px red;
	
}
.test01 input {
	width: 90%;
}
/*
body { 	background-color: #090; background-color: red; font-size: 20px; line-height: 26px;}
.hg, .breite { width:1920px; }
.header { height:272px;  }
.anker {}
.nav1 {}
.main .content { padding-top: 0px;}
.main .weiss { padding-top: 10px;padding-top: 1%;}
.main .seite { padding-top: 0px;}
.nav1 {	top:64px; padding-top: 12px;padding-top: 6%;}
.balken { width: 74.8%;margin: 0px 5% 0px 22.45%; }
*/	

body { background-color: orange; font-size: 16px; line-height: 22px;/**/}
.hg, .breite  { width:1280px; /**/  }

.header { height:218px; }
.anker {top:-186px;}
.nav1 {	top:62px;}
.balken { /*bottom:-23px;*/width: 950px;margin: 0px 5% 0px 290px; /*height:23px;*/ background-color: #fff;}
.nav1 ul li { padding: 7px 15px 18px 0px;}	

.sprach ul li a, .topnav2 ul li a { padding: 0px 19px; }

.logotitel {
	margin-top:2.6em;
	color:#0B293B;	
	font-size: 1.6em; 
	line-height: 1em; 
	font-weight:600;
}

/*
@media only screen and (max-width: 1919px) {
	body { background-color: gold; }
	.hg, .breite  { width:1600px;  }
	
		.header { height:243px; }
		.nav1 {	top:64px;}
		.balken { width: 1193.19px;margin: 0px 5% 0px 360px; }
		.nav1 ul li { padding: 7px 20px 24px 0px;}


}
@media only screen and (max-width: 1599px) {
	body { background-color: orange; font-size: 18px; line-height: 24px;}
	.hg, .breite  { width:1280px;  }

		.header { height:208px; }
		.anker {top:-186px;}
		.nav1 {	top:62px;}
		.balken { width: 950px;margin: 0px 5% 0px 290px; }
		.nav1 ul li { padding: 7px 15px 18px 0px;}	
	
}
*/
@media only screen and (max-width: 1279px) {
	body { background-color: grey; /*background-color: #EFEFEF; */  font-size: 14px; line-height: 19px;}
	.hg, .breite { width:1024px; }
	
	.header { height:175px; }

	.nav1 {	top:58px;}
	.main .content { padding-top: 0px;}
	.main .weiss { padding-top: 10px;}
	.main .seite { padding-top: 0px;}
	.nav1 {	/*top:64px; */padding-top: 12px;}	
	.balken { /*bottom:-23px;*/width: 755.44px;margin: 0px 5% 0px 234px; /*height:23px;*/}
	.nav1 ul li { padding: 4px 30px 5px 0px; }

.sprach ul li a, .topnav2 ul li a { padding: 0px 14px; }
.content .topnav2 ul {  margin-left: -14px; }

.logotitel { margin-top:2.3em;}

}

@media only screen and (max-width: 1023px) { /* Tablet quer*/
	body { background-color: blue; font-size: 14px; line-height: 18px;	}
	.hg, .breite { width:768px; }
	.balken { width: 723.24px; margin: 0px 5% 0px 29px; }
	/*
	.standard .links, .areal .links {	width: 100%; }
	.standard .weiss {	width: 76%; margin-left:2%;}
	.standard .content, .areal .content { width: 96%; margin:0px 2%;}
	.standard .rechts, .areal .rechts { display:none; width: 0%; }
*/	
.standard .links {	width: 0%; margin-left:0%;}
.standard .weiss {	width: 98%; margin-left:2%;}
.standard .content { width: 70%; margin-left: 0%;}
.standard .rechts { width: 24%; }
	
/**/
	
	
	
	.nav1 {display:none;}
	.navbar-collapse.collapse { display: none!important;}
	
	
	
	
	
}

@media only screen and (max-width: 767px) {
	body { background-color: red; font-size: 16px; line-height: 18px;	}
	
	h1 {position:relative; font-size: 2.0em; /*top:-25px;*/ margin-top:-10px; color:#FFF;}
	.karte .links h1 {display:block; position:absolute; z-index:50; font-size: 2.6em; top:80px;  top:65%; left:2%; color:#FFF;}
		
	.arealvorschau h3{ font-size: 2em; line-height: 1.6em; }

	
	.hg, .breite { width: 100%; /*background-color: #0CC; padding-top:45px;*/ height:auto;}	
	.adressbox { padding-left:2%;}
	.adressbox span { display:block; padding:3px 2%;}

	
	.karte .links, .karte .rechts {	width: 100%; background-color: yellow;}
	.sp50, .karte .content {	width: 96%; margin: 0px 2%;}
	/*
	.sp100 { width: 96%; margin: 0px 2%;}
	.sp50b { width: 80%; margin: 0px 2% 0px 18%;}
	.sp100b, .sp33 {width: 48%; }
	*/	
	.logobox { width: 100%; margin:0px; }
	.logo {	float:left; width: 40px; margin:3px;}
	.logotitel { left:50px; text-align:left; top:10px;width: 360px; font-size: 1.2em; line-height: 1.0em; }
	.menu { display: block; margin-top: -24px;}
	.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; }
	.home .inhalt h1 {font-size: 1.8em; left:5%; }
	.rund { border-width: 4px; }
	.quicktext { font-size: 1.6em; line-height: 1.2em; margin-left:-4px; }
	.weitere .btn {  width: 220px;  /*display: block;*/  margin: 2px 2% 2px 0%; }

	
	
	.portrait3 { top:-40px;/**/ margin-bottom:30px; width: 48%;}
	h1:first-child {font-size: 1.8em; top:-25px; margin-top:-20px; color:#FFF;}
	
	.park1, .park2 { line-height: 1.5em; background-size: auto 90%;}
	.sp100b, .sp33 {width: 48%; }
}

@media only screen and (max-width: 511px) {
	
	body { background-color: gold; }
	
	.home .inhalt h1 {font-size: 1.4em; left:5%; /*top:10%*/}
	.sp100b, .sp33 { width: 96%; margin: 0px 2%;}
	.logotitel { left:50px; text-align:left; top:0px; width: 180px; font-size: 1.0em; line-height: 1.1em; }
	.menubox {right: 10px; }
	.portrait3 .btn, .portrait3 .btn2  {top:0px;left:39%;width: auto;}
	
	
	h1:first-child {font-size: 1.4em; top:-10px; margin-top:-20px; color:#FFF;}
		
	.sp100, .sp25, .sp33, .sp75 { width: 96%; margin: 0px 2%;}
	.sp50b { width: 80%; margin: 0px 2% 0px 2%;}
	.sp100b, .sp33x {width: 48%; }
	
	.legende {left:0%;	padding:1% 3% 1% 0%; bottom:-2%; width: 25%;}
	portrait3 .btn, .portrait3 .btn2 {top: 0px;left: -1.5%;}

	
}