.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
  	background-color: #BECE00;
}
.hg {
	position:relative;
	text-align: left;
	margin-right: auto;
	margin-left: auto;	
    z-index:1;
    /*
    overflow:hidden;
    */
    background-color: #FFF;
     background-color: #fcfcff;
    
}
#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;
	/*display:none;*/
}
.header {
	position:relative;
	margin-top:0px;
	padding-top: 0px;
	width:100%;
}
.service {
	background-color: #FFF;

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

	background-color: #EFEFEF;
	background-color: #BECE00;

/*
	border:solid 1px red;
	display:none;
	height:80px;
	*/
}
.service, .topnav { /*display:none;*/ }

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

}
.bottomnav {
	    list-style-position: outside;
    list-style-type: none;
	/*background-color: pink;*/
	margin:0px;
	padding:0px;
}
.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: 0% 0%;
	width:100%;
	
}
.home .nav1 {
	left:-2000px;
	
}
.nav1 ul .n1_1 {
	display:none;
}
.navbar {
	padding-bottom: 0px;
	min-height:20px;
	/*
	border:solid 1px gold;
	background-color: pink;
	*/

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

}

.logobox{
	position:relative;
	background-color: #5398BD;
	/*border:solid 1px pink;*/
}
.service .content {
	
}

.adressbox{
	width: 94%;
	margin:0px 1% 0px 3%;
	/*border:solid 1px pink;*/
}
.claim { 
	/*border:solid 1px pink;*/
	position:relative;
	bottom:16px;
	left:45%;
}
.logo {
	position:relative;
	display:block;
	width: 90%;/**/
	margin:0px;
	padding:0%;
	/*background-color:pink;*/
}

.logo img {
	position:relative;
	left:-22%;
	width:70%;
	/*min-width:200px;*/
	height:auto;
}

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

.menu {
    background-image: url(../userfiles/images/meta/menu.svg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 40px auto;
    height: 42px;
    width: 42px;
    margin-top: -16px;
    margin-top: 36px;
    left: 10px;
    margin-right: 0px;
    /*border: solid 2px #ccF;*/
    cursor: pointer;
    display: none;
}
.home .menu2 {
	display: block;	
}
.home .menu {
	display: block;	
}
.home .nav1 {
	/*display: none!important;*/
}
.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: #000;

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

.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;
	display: block;

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

.download span{

	font-weight:300;
}
.vorschau div {
	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;
	
}
	
	
	
	
.aktuell p, .aktuell strong {
	width: 60%;
	padding:2px 0px 2px 40%;
	clear:left;
	width: 100%;
	margin:0px 0px 20px 0px;
	height:20px;
}
.seite {
	position: relative;

	width: 100%;
	clear:left;

	
}
svg { /*border: solid 1px black; */ }
.karte, .areal { background-size:  20% auto;	}


.standard {

}
.content {
	position: relative;
	z-index:600;
	background-color: gold;
	width: 52%;
	margin-left: 2%;
	padding: 0% 2%;
	float:left;
	
}
.content2 {
	position: relative;
	z-index:600;
	background-color: pink;
	width: 52%;
	margin-left: 2%;
	padding: 0% 2%;
	float:left;
	
}
.linie {
	border-bottom:solid 1px red;
	
	
}
.topnav .content {
	/*background-color: pink;*/
}
.balken {
	position:absolute;
	bottom:-23px; 
	height:23px;
	
}
.main .content {
	z-index:400;
	padding: 0px 2%;
	/*background-color: pink;*/
}

.bemerkung {
	/*position:absolute;
	top:-16px;*/
	margin-top:-2.5px;
	margin-bottom:2em;
	/*background-color: lightpink;*/

	
}

.ulbox {
	/*background-color:pink;*/
	position:relative;
	/*margin-top:-30px;*/
	width: 120%;
	
}
.bemerkung .ulbox ul{
	/*background-color:gold;*/
	padding-bottom:15px;
}
.bemerkung ul{
	margin:0px;
	padding:0px;
	padding-left:10px;
	/*list-style: url('../userfiles/images/meta/listimg.svg');*/
	list-style-type: "– ";
}
.bemerkung ul li{
	margin:0px;
	padding:0px;
	
}
.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;
	
}
.trenner2 {
	background-color: #C95B40;
	margin: 10px 2% 30px 0%;
	margin: 0.5em 2% 2em 0%;
	clear:left;
	height:1px;
	
}
.t1.trenner2 {
	background-color: #C95B40;
	margin: 0.5em 4% 2em 0%;
	clear:left;
	height:1px;
	
}
.umkehrbox .content, .umkehrbox .rechts, .umkehrbox .sp50 {
	
	float:right;
}
.links {
	position:relative;
	background-color: lightgrey;/**/
	width: 28%;
	width: 28%;

	float:left;
	/*height:100%;*/
	margin-left: 2%;
	clear:left;
}
.links img{
	/*display:none;*/
}
.rechts {
	position:relative;
	width: 20%;
	width: 2%;
	float:left;
	background-color: lightblue;
}
.main .rechts {
	padding: 2% 0% ;
	padding: 0% 0% ;
	margin: 0% 0% ;
	width: 2%;
}

.standard .links {	width: 28%; margin-left:2%;}
.standard .weiss {	width: 66%; margin-left:2%;}
.standard .content { width: 90%; margin-left: 0%;}
.standard .content2 { width: 100%; margin-left: 0%;}
.standard .rechts { width: 2%; }

/*
.heimbox0 {padding:0px;}
.svgframe {margin:0px;}
*/
.bildbox img {
	/*border:solid 1px red;*/
	
}
.textbox, .bemerkung {
	font-size: 0.9em;
	font-size: 0.75em;
	line-height: 1.1em;
	line-height: 1.3em;
}
.textbox{
	font-size: 0.9em;
	font-size: 0.8em;
	line-height: 1.1em;
}
.bemerkung b{
	/*font-size: 0.9em;
	font-size: 0.8em;*/
	line-height: 1.1em;
}
.textbox {
	margin-top:15px;
	margin-top:0.5em;
	margin-bottom:1.5em;
	
}

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

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


.tab {display:none;}

.nav1  .active a{
	/*border: solid 1px gold;*/
	background-color: #EFEFEF;
	background-color: #BECE00;
	
	
}
.nav1 li ul .active a{
	/*border: solid 1px gold;*/
	background-color: #EFEFEF;
	background-color: #BECE00;
}
.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: orange; font-size: 16px; line-height: 22px;/**/}
.hg, .breite  { width:1280px; /**/  }

.header { height:250px; }
.anker {top:-250px;}
.nav1 {	top:56px;}

.balken { /*bottom:-23px;*/width: 950px;margin: 0px 5% 0px 290px; /*height:23px;*/ background-color: #ccc; 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;	
	color:#000;	
	font-size: 1.6em; 
	line-height: 1em; 
	font-weight:600;
}
*/
.links .btn {
	position:absolute;
	top:30px;
}
.topnav .links {position:relative; /*background-color: gold;*/  }
.smart {
	display:none;
	
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: white;
    background-image: none;
    border: 1px solid black;
    border-radius: 4px;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
    background-color: #000;
}

	.smart {display:none;}
	.desk {display:block;}
	
.nav1 > ul > .current > a {
	background-color: #EFEFEF;
	background-color: #BECE00;
	color: #CA5D3F;
	color: #EDBCA4;
	color: #FFF;	
}

	
	
/*
@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;}	
	
}
*/

	.sp66 {
		width: 75%;
		font-size: clamp(calc(100% *2), calc(100% *2.1), calc(100% *2.2)); 
		 font-size:32px; 
		 line-height:1.85em; 
		 padding:0px 4% 2% 0%; 
		 font-weight:300;
		 background-color: #EFEFEF;
		}
	.sp33 {
	width: 25%;
	font-size: clamp(calc(100% *4), calc(100% *4.1), calc(100% *4.2)); 
	font-size:70px; 
	line-height:clamp(6.0rem, 6.3rem, 6.5rem); line-height:1.35em;  padding:0px 0% 0% 0%;
	}


@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:160px;  }
	.anker { top:-160px;}
	
	.nav1 {top:17px; width: 100%; }
	.nav1 ul li { padding: 0% 0% 5% 0px;/*padding-right:24%; padding-button:2%;*/}
	
	.main .content { padding-top: 0px;}
	.main .weiss { padding-top: 10px;}
	.main .seite { padding-top: 0px;}

	.balken { /*bottom:-23px;*/width: 755.44px;margin: 0px 5% 0px 234px; height:20px; bottom: -20px; height:5px; bottom: -5px;  background-color: #Fcc;/**/}
	

	.sprach ul li a, .topnav2 ul li a { padding: 0px 14px; }
	.content .topnav2 ul {  margin-left: -14px; }
	
	.logotitel { margin-top:2.3em;}
	
	.textbox, .bemerkung {/*color:red;*/ font-size: 0.75em; line-height: 1.3em; }

	.navbar {margin:0px; min-height:1px; height:1px;}

	.sp66 { font-size:28px;  line-height:1.65em;  padding:0px 4% 2% 0%;  }
	.sp33 { font-size:56px;  line-height:1.35em; }	



}

@media only screen and (max-width: 1023px) { /* Tablet quer*/
	body { background-color: blue; font-size: 14px; line-height: 18px;	}
	
	.hg, .breite { width:768px; }
	.header { height:128px;  }
	.anker { top:-128px;}
	.nav1 {top:20px;  }
	.half {width:99%;}
	
	.sp66 { font-size:24px;  line-height:1.35em;  padding:0px 4% 2% 0%;  }
	.sp33 { font-size:48px;  line-height:1.25em; }		
	
	
}

@media only screen and (max-width: 767px) {
	
	body { background-color: red; font-size: 18px; line-height: 20px;	}
	.hg, .breite { width: 100%;  height:auto;}	
	.header {height:90px;}	
	
	.standard .links {	width: 98%; margin-left:2%; display:none;}
	.standard .weiss { width: 98%;margin-left: 2%;}
	.standard .contant { width: 98%;margin-left: 2%;}
	.standard .weiss .content { width: 100%; margin-left: 0%;}
	
	.topnav .links {width: 100%;  margin-left:0%; /*background-color: red;*/}

	.balken {display:none;}
	.rechts {display:none; background-color: red;}
	.header .linksX {display:none;}
	.header .linksX{  height:40px;}	

	.topnav .content { background-color: green; display:none;}
	.navbar {}

	.logobox { margin-top:15px; margin-bottom:0px; padding:0px; }

	.logo {/*position:absolute; right:10%;*/ width: 200px; height:40px;}
	.logo img {position:absolute; top:-40px; right:0px; width: 200px;}
	
	.claim {  bottom:-10px; left:17px; }
	
	.menubox {   }
	.menu { display: block; margin-top: 45px; left:100px;}
	/* .home .nav1 { display: block!important; }*/
	
	.home .nav1 { left:0px; }
	
	
	.nav1 { width: 100%; height:auto; top:0px;/*background-color: gold; */}
	
	.nav1 ul { width: 90%; margin: 0px; padding: 0px; /*background-color: #92B31C;*/}
	.nav1 ul li { margin: 2px 0px; padding: 0% 24% 4% 0px;  width: 90%;  width: 100%!important; }
	.nav1 ul li a { margin: 0px 5%; /*padding: 0px; padding: 4px 5px 2px 5px;*/}
	.nav1 ul li ul { position:static;  width: auto; height:auto; }

	.nav1 ul li ul li a { }
	.nav1 > ul { padding: 20px 0px; }
	#n18 { margin-bottom: 10px;}
	.scrollbox { height: calc(100vh - 40px);}

	.desk {display:none;}
	.smart {display:block;}
	
	.sp66 { font-size: clamp(3.5vw, 3.6vw, 3.7vw);  font-size: clamp(4.0vw, 4.2vw, 4.4vw);  line-height:1.65em;  padding:0px 4% 2% 0%;  }
	.sp33 { font-size: clamp(7.0vw, 7.2vw, 7.4vw); font-size: clamp(8.0vw, 8.2vw, 8.4vw); line-height:1.35em; }	
	

	
}

@media only screen and (max-width: 511px) {
	
	body { background-color: gold; }
	.sp66X {/*width: 98%;margin-left: 2%;*/ font-size:1.05em; line-height:1.4em; padding:4% 4% 2% 0%; font-weight:300;}
	.sp33X {/*width: 98%;margin-left: 2%;*/font-size:2.15em;line-height:1.3em; padding:2% 0% 0% 0%;}
	.links {width: 12%;}
	
}