body {
	/*background-color: #FFF;*/
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	line-height: 18px; 
	color: #333;
}
html { 
	height: 100%;
	-webkit-text-size-adjust: none; 
} 
.hg {
	background-color: #FFF;
	position:relative;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 990px;
}
a {
	color: #000;
}
a:hover {
	text-decoration: none;
}
h1 {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
}
h2 {
	font-size: 12px;
	line-height: 16px;
	margin:0px;
}
td {
	padding-right: 16px
}
div { 
	/*border: 1px dashed #333;*/
}
#main {
	position:relative;
	width: 596px; 
	float:left;
	margin: 0px;
	margin-left:20px;
	margin-right: 14px;
	padding: 0px;
}
.header {
	background-color: #FFF;
	height: 0px;
	margin-left: 20px;
	width: 100%;
	width: auto;
}
.spacer01 {
	float: left;
	height: 140px;
	width: 600px;
}
.spacer02 {
	background-color: #cFF;
	width: 100%;
	height: 140px;
	margin-bottom: 16px;
	margin-left: 16px;
	display: none;
}

.header img {
	width: 536px;
	height: auto;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 240px;
	margin-bottom: 20px;

}

.logo {
}
.logo1x img{
		display:none;

}

.logo2 {
	padding:20px 10px 20px 2.8%;
	/*background-color:lightblue;*/

}
.logo {
	float: left;
	width: 908px;
	margin-right: 14px; 
	height: auto;
	/*border: solid 1px red;*/
}
.logo img {
	width:95%;
	height:auto;
	border:solid 1px red;
	width:65%;
	height:auto;
}


.closebox {
	cursor:pointer;
	position:absolute;
	z-index:4000;
	top:0px;
	right:0px;
	width:calc(100vw / 18);
	height:60px;
	width:auto;
	width:calc(40vw);
	/*
	border:solid 1px red;
	height:calc(100vw / 9);
	
	*/
	background-color:#FFF;
}

.menubox {
	cursor:pointer;
	position:absolute;
	top:0px;
	top:-1%;
	right:calc(100vw / 9 *-1);
	right:0px;
	
	width:calc(100vw / 18);
	
	height:100%;
	width:auto;
	
	/*height:calc(100vw / 9);
	background-color:#CFF;
	*/
}
.menubox img,
.closebox img {
	position:absolute;
	right:0px;
	width:100%;
	height:auto;
	height:100%;
	width:auto;
	margin-right:2%;

}

.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;
}


#nav0b {
	display: none;
	position: absolute;
	top: 0px;
	right: 125px;
	z-index: 100;
	cursor:pointer;
}



#nav0 {
	display:none;
	position: absolute;
	/*background-color: #cFF;*/
	top: 20px;
	right: 20px;
	z-index: 1100;		
}
#nav0 ul {
	padding: 0px;
	list-style-type: none;
	position: relative;
	white-space: nowrap;
	margin-left: 0px;
	margin-top: 0px;
}
#nav0 ul li {
	
	float: left;
	margin-left: 10px;
	margin-right: 0px;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;


}

#nav0 ul li a {
	color: #999;
	text-decoration: none;
	
}
#nav0 ul li a:hover, #nav0 ul li .current {
	color: #000;
	text-decoration: none;
}

.weiss1 {
	position: absolute;
	top:50px;
	left:-2%;
	z-index: 100;
	width: 104%;
	height: 300px;
	background-color: gold;
	display:none;
}
.nav1 {
	position: relative;
	position: absolute;
	top:-5px;
	left:62.5%;
	z-index: 1800;
	/*float: left;*/
	min-height: 20px;
	width: 536px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/*border:dashed 1px red*/
}

.nav1 > ul {
	background-color: gold;
}

.nav1 ul {
	position: relative;
	position: absolute;
	top:15px;
	background-color: gold;
	padding: 0px;
	list-style-type: none;
	position: relative;
	/*white-space: nowrap;*/
	margin-left: 0px;
	margin-top: 0px;
	width: 500px;

}
.nav1 > ul > li {
	float: left;
}
.nav1 ul li {
	position: relative;	/**/
	margin-left: 0px;
	margin-right: 18px;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
}
.nav1 ul li ul {
	/**/
	background-color: pink;
	position: absolute;
	z-index:500;
	top: 20px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -20px;
	padding:0px 20px 20px 20px;
	left: 0px;
	
	display:none;
	/**/
}

.nav1 ul li a {
	cursor: pointer;
	text-decoration: none;
}
.nav1 ul li a:hover {
	color: #000;
	text-decoration: none;
}
.nav1 ul .current > a {
	color: red;
}
.nc { color: #999; }
.navcurrent { color: #000;}

.nav1 ul li ul li {
		position: relative;
		z-index:510;
		position: static;
		padding-bottom: 5px;
}
.nav1 ul li ul li ul {
		position: absolute;
		z-index:510;
		width: auto;
		background-color: #FFF;
		background-color: lightblue;
		margin-top: 20px;
		padding-top: 20px;
		top: 80px;
		left: 20px;
}
.nav1 ul li ul li ul li {
	float: none;
	margin-left: 0px;
	margin-right: 15px;
	padding-bottom: 0px;
}

	.nav1 ul li ul { width: 252px;}
	.nav1 ul li ul li ul { width: 252px;}


/*
.thumbox a{
	display:block;
}
.thumbox {
	display:block;
	float: left;
	height: 140px;
	width: 140px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}
*/

.textbox {
	float: left;
	width: 300px;
	padding-top: 424px;
	display:none;
}
.textbox1 {
	float: left;
	width: 300px;
	padding-top: 424px;
	display:none;
}
.bildbox {
	float: left;
	height: 764px;
	width: 908px;
	vertical-align: bottom;
}
.bildbox img {
	margin-right: 20px;
	float: left;
}
.bildbox2 {
	float: left;
	min-height: 460px;
	width: 764px;
	margin-right: 0px;
	margin-left: 20px;
	padding: 0px;

	
}
.bildbox2b {
	float: left;
	min-height: 608px;
	width: 608px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 16px;
	
}
/*
.thumbox img {
	height: 100%;
	width: 100%;
}
*/
.newsbox p{
	
	margin-bottom: 10px;	
}
.newsbox, .textbox2{
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 162px;
	margin-left: 160px;
	padding: 0px;
	/*border-bottom: 1px dashed #333;*/
	
}
.hoch {
	height: auto;
	width: 536px;
}
.quad {
	height: auto;
	width: 536px;
}
.quer {
	/*width: 100%;*/
	width: 908px;
	height: auto;
	margin-top: 0px;
}
.clr {
	background-color: #FFF;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	height: 0px;	/*width: 100%;
	float: none;*/
}
#topline {
	background: lightslategray;
	height: 20px;
	display: none;
}

#totop {
	background-image: url("../../userfiles/images/meta/toppfeil.png");
	background-position: center center;
	background-repeat: no-repeat;

	display: none;
	color: #ffffff;
	width: 100%;
	padding-bottom: 5px;
	clear: both;
	padding-top: 15px;
	text-align: center;
	cursor:pointer;
	border: 1px solid red;/**/

}

.anker {
	padding: 0px;
	margin: 0px;
	line-height: 1px;
	font-size: 0px;
	border: 1px solid #FFF;
	position: relative;
	top: -45px;
	left: -30px;
	display: block;
	height: 0px;
	width: 30px;
	z-index: 4000;
}
.anker2 {
	padding: 0px;
	margin: 0px;
	line-height: 1px;
	font-size: 1px;
	border: 1px solid #Fcc;
	position: relative;
	top: -125px;/**/
	left: 30px;
	/*display: inline;*/
	height: 1px;
	width: 30px;
	z-index: 1000;
}


.tab1 {
	width: 380px;
}
.sp1 {
	display: block;
	float: left;
	width: 160px;
	padding-right:10px;
}
.tab1 a{
	display: block;
	width: 160px;
	float: left;
}

/* Footer */
.trenner {
	margin: 0px 0px 0px 5px;
	padding:1% 1%;
}
.footer {
	border:solid 1px red;
	font-size: 1.0em;
	line-height: 1.2em;
	padding-bottom:100px;
}
.footer a{
	color: #000;
		text-decoration: none;
}
.footer span{
	
}
.footer div{
	color: #000;
	/*display:inline;*/
}
.adressbox {margin:5px 20px; border:solid 1px blue;}


/* jgallery */
.jgallery-prev, .jgallery-next {
	position: absolute;	
	z-index: 2000;
	display: block;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 96%;
	width: 50px;
	top: 0%;
	border: 1px dashed #333;/**/
}

.jgallery-prev {
	background-image: url(../userfiles/images/meta/prev.png);
	left:-45px;
}

.jgallery-next {
	background-image: url(../userfiles/images/meta/next.png);
	right:-45px;
}

.jgallery-pause {
	display: block;
	background-color: transparent;
	background-image: url(../userfiles/images/meta/stop.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.jgallery-pause:hover {
	background-position: center center;
}
.jgallery-pause-active {
	display: block;
	background-image: url(../userfiles/images/meta/play.png);
	background-repeat: no-repeat;
}
.jgallery-pause-active:hover {
	background-position: center center;
}


#main {/*border: 1px dashed #FF3;*/}
.bildbox2 img {width: 100%; height:auto;margin-bottom:1em;}

.bildbox3 {width: 908px; width: 500px; float:left;}
.bildbox3 img {width: 100%; height:auto;}
.textbox3 {width: 200px; border: 1px dashed #F33; float:left;}

#main2, .lauftext, .jgallery-itemtext-box { border: 1px dashed red;}
.jgallery-itemtext, .jgallery-itemtext-box2 { border: 1px dashed blue;}
.swiper-content, .swiper-nav { border: 1px dashed #333;}

.anker{ display:none; }

.swiper-nav {width: 962px;}
.swiper-content {  width: 908px;  float:left; }
.swiper-content h1 {font-size: 16px; font-weight: bold;}
.swiper-content .inner { width: 908px; }

.lauftext p {margin-top:0px;}
.lauftext, .jgallery-itemtext-box {	
	background-color: #FFF;
	float:left;
	width: 336px;	
	display: table;
}
.jgallery-itemtext-box {
	display: table;
}
.jgallery-itemtext , .jgallery-itemtext2 {
	display: table-cell;
	vertical-align:bottom;
	height:100%;
	min-height:100px;
}

.abs { display:none; }
.jgallery-itemtext-box { height: 70px;}


.smart {display:none;}

	/* Desktop sehr gross = Standard */
	body { background-color: red; }
	.header0 { background-color: red; }
	.hg, .breite { width:1920px; width:1820px;}

/* Desktop XLarge @media only screen and (max-width: 1919px) {*/
@media only screen and (max-width: 3000px) {	
	:root { --m1: 12px;  --b1: 150px;}
	
	body { 	font-size: 16px; line-height: 20px; background-color:gold;}
	.header0 { background-color: gold; }	
	
	.hg { width: calc(8*var(--b1) + 13*var(--m1)); }	
	.header img {  margin-top: calc(2*var(--m1)); margin-bottom: calc(3*var(--m1)); }
		
	.header, #main, .swiper-nav, .adressbox, .hg2 { margin-left: calc(3*var(--m1)); margin-right: calc(1*var(--m1)); }
	#main, .swiper-content, .logo, .quer, .bildbox { width: calc(5*var(--b1) + 4*var(--m1)); }
	
	.swiper-nav { width: calc(7*var(--b1) + 6*var(--m1)); padding-left:calc(var(--b1) + var(--m1));  }	
	.bildbox, .swiper-content, .swiper-wrapper, .swiper-content .inner { height: calc(4*var(--b1) + 3*var(--m1));}	
	.swiper-nav, .swiper-nav img { height: var(--b1);}
	.swiper-nav img { margin-right: var(--m1);  margin-bottom: var(--m1);  width: var(--b1);}
	.swiper-content { margin-bottom: calc(2*var(--m1)); }
	.lauftext { height: calc(3*var(--b1) + 3*var(--m1)); margin-top: calc(2*var(--m1));}
	.lauftext, .jgallery-itemtext-box, .hoch, .nav1 ul, .header img, .nav1  { width: calc(3*var(--b1) + 2*var(--m1)); }
	
	.hoch {width: calc(4*var(--b1) + 3*var(--m1));}
	.hoch {width: calc(3*var(--b1) + 2*var(--m1));}
	.quad {width: calc(4*var(--b1) + 3*var(--m1));}

	.jgallery-prev, .jgallery-next {   }
	
	.weiss1 { height: calc(3*var(--b1) + 7*var(--m1)); }

}

/* Desktop large */
@media only screen and (max-width: 1500px) {
	:root { --m1: 12px;  --b1: 132px;}	
		
	body { 	font-size: 14px; line-height: 18px;  background-color:orange;}
	.header0 { background-color: orange; }	


}



/* Desktop small */
@media only screen and (max-width: 1200px) {	
	:root {  --m1: 8px;  --b1: 110px; }	
	
	.header0 { background-color: grey; }
	body { /*	font-size: 14px; line-height: 18px; */background-color:grey;}
	.nav1 { /*margin-left:-7px;*/}
	
	.header img {  margin-top: calc(1*var(--m1)); margin-bottom: calc(2*var(--m1)); }
	.logo img {width: 380px;}

	.jgallery-itemtext-box { height: 90px;}	
	.bildbox { width: 696px; margin-right:100px;}
	
	.jgallery-prev, .jgallery-next { /*display:none;*/}
	.jgallery-prev { left:-50px; }
	.jgallery-next { left: calc(8*var(--b1) + 6*var(--m1)); }
	
	.lauftext { margin-top:0px; overflow: hidden;/* background-color: lightgreen;*/}

}

/* Desktop small */
@media only screen and (max-width: 1200px) and (max-height: 650px) {
	.header0 { background-color: black; }
	.header { margin-top:-25px; }	
.lauftext { margin-top:10px; }
		
}


/* Tablet Portrait */
@media only screen and (max-width: 1023px) {	
	:root { --m1: 10px;  --b1: 130px;}
	
	.header0 { background-color: blue; }	
	.header {  margin-top:-10px; margin-bottom:100px; margin-bottom:0px;}	
	
	body { 	font-size: 14px; line-height: 18px; background-color:blue;}
	.nav1 {margin-left:0px;}
	.hg { width: 768px; /*margin-top:100px;*/}
	.hg { width: calc(5*var(--b1) + 10*var(--m1)); }
	
		.logo img { }
	
	.lauftext { height:auto; width: calc(5*var(--b1) + 4*var(--m1));  }
	.swiper-nav {  width: calc(4*var(--b1) + 3*var(--m1));  padding-left:calc(var(--b1) + var(--m1));  }	
	
	.lauftext, .jgallery-itemtext-box {  
		margin-left:calc(3*var(--m1));  
		margin-right:calc(3*var(--m1)); 
		margin-top: 0px; 
		margin-bottom:calc(1*var(--m1)); /**/}
	
	.jgallery-next { left: calc(5*var(--b1) + 4*var(--m1)); }
	
	.jgallery-itemtext-box {
		position:absolute; 
		position:static; 
		width: calc(5*var(--b1) + 4*var(--m1)); 
		top: calc(1*var(--m1) + 120px); 
		top: calc(1*var(--m1) + 60px); 
		/*top: 0px; */
		left: calc(2*var(--b1) + 5*var(--m1)); 
		z-index:10; }
		
	.swiper-content, .swiper-nav {  margin-bottom: calc(1*var(--m1)); }
	
.jgallery-itemtext, .jgallery-itemtext2 {
    display: table-cell;
    vertical-align: top;	
}	
	
	.t4 .lauftext  {left:0px;  }

	.nav1  { width: 252px;}
	.nav1 ul li ul { width: 252px;}
	.nav1 ul li ul li ul { width: 252px;}	
	
	.nav1 ul li ul { width:200px; }

	
	#totop {margin-top:100px; display: block; /*width: 768px; position:relative; z-index:3000;*/ }
	.anker {top: -120px; /*left: 100px;*/ display:block;}
	
	.weiss1 { left:-1000px; width: 80%; }
	
	.trenner { display:none; }
	.fstring { display:block;}

	.desk {display:none;}
	.smart {display:block;}
	

}


/* Smartphone Landscape */
@media only screen and (max-width: 767px) {	
	
	:root { --m1: 8px;  --b1: 104px;}
	
	.header0 { background-color: lightblue; }	
	
	body {background-color:lightblue; }
		.logo img {width: 280px;}
	.jgallery-itemtext-box {/*top: 0px;*/}
	
	

	
	
	.clr{ height: 0px;}
	
	.logo2 { padding-left:0px;}

}



    

/* Smartphone Portrait */
@media only screen and (max-width: 600px) {
:root { --m1: 3px;  --b1: 64px;}

	.header0 { background-color: pink;} 

	body { width: 100%;	 background-color:pink; }
	.hg { width: calc(5*var(--b1) + 10*var(--m1)); margin-top: 0px; }
	.hg2 { width: calc(5*var(--b1) + 10*var(--m1)); margin: 0px auto; }
	.hg {border:solid 1px green;}
	.hg2 {border:solid 1px blue;}
	
	#main{ margin-bottom: 0px; }

.closebox { 	width:80px;}
	
	.lauftext { height:auto; width: calc(5*var(--b1) + 4*var(--m1));  }
	.swiper-nav {  width: calc(4*var(--b1) + 3*var(--m1));  padding-left:calc(var(--b1) + var(--m1)); display:none; }	
	.jgallery-itemtext-box { }
	.jgallery-itemtext { vertical-align:top; }
	.lauftext, .jgallery-itemtext-box {  
		margin-left:calc(3*var(--m1));  
		margin-right:calc(3*var(--m1)); 
		margin-top: 0px; 
		margin-bottom:calc(1*var(--m1)); /**/}
	
	.jgallery-next { left: calc(5*var(--b1) + 4*var(--m1)); }
	
	.jgallery-itemtext-box {
		position:static; 
		width: calc(100% - 2*40px);
		margin-left:calc(40px);  
		height:70px;
	}
		
	.swiper-content, .swiper-nav {  margin-bottom: calc(1*var(--m1)); }
	
	.t4 .lauftext  {left:0px;  }	
	
	.jgallery-prev, .jgallery-next {height: 114%;  }
	.jgallery-prev {left:-20px;}	
	.jgallery-next {right:auto;left:calc(100% - 30px);}	
		
	.notfixedX {position: relative; z-index:2000;}

	.header { position: static; z-index:100; height: auto;  margin-left: 7px; margin-top: 0px;}
	
	/*
	.logo1 {display:none;}
	.logo2 {width: 100px; border:solid 3px red; z-index:100;margin:0px;}
	.logo2x {display:none;}

	.logo { width: 100%;  height: 35px; background-color: #FFF; position: fixed; top: 0px; left:0px; z-index:3000; text-align:center;}	
	.logo { height: 45px; }		
	
	
	#hauptlogox { position:relative; width: 350px; border:solid 1px green; margin:2px auto;}
	#hauptlogo img{ width: 280px; margin-top: 5px; margin-bottom: 5px;}
	
	
	
	.logo a {float: none; display:block;  }
	*/
	
	.nav0 ul li ul { /*display:none; */}
	
	#nav0 { top: 7px; right: 70px; }

	.nav1 {float: none; width: 200px; height: auto; position: static;  background-color: #FFF;}
	.nav1 ul { position: static; margin-left: 0px;  margin-top: 0px; width: 310px;}
	.nav1 ul li { margin-right: 7px; font-size: 18px; line-height:20px; font-weight: normal; float: none; width:100%;}
	.nav1 ul li a { display: block; width: 100%; padding-bottom:2px; padding-top:2px; border-bottom: 1px solid #999;}
	
	.nav1 ul li ul { /*display:block;*/ position: static; padding-left:10%; width:90%;}
	.nav1 ul il ul li { }
	.nav1 ul li ul li ul { /*display:block;*/ display:none; position:static; margin:0px; width: auto;}
	.nav1 ul il ul li ul li { margin-left:0px; }

	#nav0b { display: block; position: absolute; top:0; left:0px; width: 100%; border: 1px solid red;}
	#nav0b img { width: auto;  height: 20px; margin-top: 3px;  margin-left: 300px;  margin-bottom: 5px; border: 1px solid blue;}	

	.weiss1 {display:none; left:-1000px;/**/ z-index:-1;}
	
	
	.anker {top: -60px; left: -1000px;/**/ display:block;}


	.bildbox2 { width: 253px; margin-left: 7px; min-height: 107px; }
	.newsbox, .textbox2 { margin-right: 0px; margin-left: 0px;}
	/*.thumbox { height: 45px; width: 45px;  margin-bottom: 7px; margin-left: 7px; }*/
	.spacer02 { width: 200px;height: 45px; margin-bottom: 7px; margin-left: 7px; display: none;}
	


	.tab1 { width: 100%; }
	.tab1 a{ margin-bottom:10px; }

	#totop { display: block;}
	#topline { background: Darkorange;}
	#main2{ position:relative;}
	
 	
	.clr{height: 0px;}
}
@media only screen and (max-width: 360px) {
	
	:root { --m1: 3px;  --b1: 58px;}
	
	body { width: 100%;	 background-color:purple; }
	.header0 { background-color: purple; }	
}