html {/*height:100%;*/height:100%;}

body {
	background-repeat: no-repeat;
	background-repeat: repeat;
	background-position: center top;
	background-size: cover;
	height:100%;

	
}
.bg {
	position:fixed; 
	top:0px; left:0px; z-index:1; border-bottom:dashed 2px red; /*border:dashed 2px red;*/ width: 100%; height: 100%;
	background-image: url(../userfiles/images/meta/bg.png);
	background-image: url(../userfiles/images/meta/Rasterhg2.png);

	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto auto;
	display:none;/**/
	
}
.bg2 {/*width: 100%; height: 100%;*/ /*background-color: gold;  display:none;*/}
div {/*border:solid 1px gold;*/}

/*
.content .half {
	float: left;
	width: 64%;
	margin: 1%;	
}
.content h1, .content h2, .content p {
	display:inline;
	float: left;
	color:red;
	
}
*/
.bottom > * {
  vertical-align: bottom;
}

.bottom2 {
  position: absolute;
  bottom:1%;
  left:66.5%;
}

.sp12 .bildlinks {
	float: left;
	width: 64%;
	margin: 1%;	
		
}
.sp12 .textrechts {
	float: left;
	width: 31%;
	margin: 1%;	
	/*background-color: gold;*/	
}

.temp2 .sp12 .bildlinks {
	float: right;

		
}
.temp2 .sp12 .textrechts {
	float: right;
	/*background-color: gold;*/	
}


.sp12{
	position:relative;
	float: left;
	width: 98%;
	margin: 1%;
	border:solid 1px red;/**/
}
.sp10{
	float: left;
	width: 82.333%;
	margin: 1%;
}
.sp9{
	float: left;
	width: 73%;
	margin: 1%;
}
.sp8, .sp66{
	float: left;
	width: 64%;
	margin: 1%;
}
.temp2 .sp8, .temp2 .sp66 {
	float: right;
}
.sp6, .sp50{
	float: left;
	width: 48%;
	margin: 1%;
	border:solid 1px red;
}
.temp4 .sp6 {
	
	/*float: right;*/
	
}
.sp6 img{
	float: left;
	width: 48%;
	/*margin: 1%;*/
}
.sp4, .sp33{
	float: left;
	width: 31.333%;
	margin: 1%;
}
.temp2 .sp4, .temp2 .sp66 {
	float: right;/**/
}
.sp3{
	float: left;
	width: 23%;
	margin: 1%;
}
.sp2{
	float: left;
	width: 15.66%;
	margin: 1%;
}
.vita100{
	line-height: 0.9em;
	margin-bottom: 12px;
}
p, .vita100 { /*font-family: Arial, Helvetica, sans-serif; letter-spacing: normal; */ letter-spacing: 0.05em;}
.vita100 ul{
	margin:0px;
	padding:0px 0px;
	list-style-position: outside;
	/*list-style-position: inside;*/
	
	list-style-type: '- ';/**/
	list-style-type: none;
	
}
.vita100 li{
	padding:6px 0px;
	margin:0px;

}
.sp25
{
  color:#c91731;
}

.sp25
{
  width: 28%;
  margin-right: 2%;
  background-color: #ffc;
  float: left;
  margin-bottom: 8px;
}
.sp33
{
  width: 31.333%;
  margin-right: 2%;
  background-color: #ffc;
  float: left;
  margin-bottom: 8px;
}
.sp50
{
  width: 48%;
  margin-right: 2%;
  background-color: #ffc;
  float: left;
  margin-bottom: 8px;
}
.sp66
{
  width: 64.333%;
  margin-right: 2%;
  background-color: #ffc;
  float: left;
  margin-bottom: 8px;
}
.sp75
{
  width: 68%;
  margin-right: 2%;
  background-color: #ffc;
  float: left;
  margin-bottom: 8px;
}
.sp100
{
  width: 100%;
  margin-right: 0%;
  background-color: #fcc;
  clear: left;
  margin-bottom: 0px;
  border-top:solid 1px #999;

}
/**/
.sp25, .sp33, .sp50, .sp66, .sp75, .sp100 { border:none;  background-color: transparent;}

.xsp4{
	float: left;
	width: 98%;
	margin: 1%;
}
.xsp3{
	float: left;
	width: 73%;
	margin: 1%;
}
.xsp2{
	float: left;
	width: 48%;
	margin: 1%;
}
.xsp1{
	float: left;
	width: 23%;
	margin: 1%;
}

.content p, h1, h2 {
  clear: both;
}

#impress {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
}
.hg {
	background-color: #FcF;
	width: 1024px;
	/*width: 100%;*/
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index:10;
	/*text-align: left;*/
	border: solid 1px red;
}

.header {
	background-color: #cFF;
	height:auto;
	width: 100%;
	border: solid 1px grey;
	text-align: center;	
	padding-bottom:0px;
}

.main {
	background-color: #999;
	padding: 0px;
}
.spacer2 {
	display:none;
	height: auto;
	width: 100%;
	
}
.logobox {
	/*height: 80px;*/
	/*background-color: #FFc;*/
	width: 500px;
	position: relative;
	z-index:1000;
	border: solid 1px grey;
	margin:0px auto;
	padding:0px;
}
.logobox img{

	width: 100%;
	padding-top:20px;

}
.logo {
	background-color: #FFF;
	margin-top: 10px;
	height: 40px;
	width: auto;
	
}

.footer {
	border:solid 1px gold;
	background-color: #0CF;
	margin-bottom: 40px;
	width: 100%;
	height: auto;
}
.adressbox {
	position: relative;
	color: #f0ce0f;
	color: #E82D15;
	color: #c91731;
	font-size: 18px;
	letter-spacing: 0.1em;
	height: 60%;
	text-align: center;	

	/*left: -16px;*/
}
.adressbox span {

		/*border:solid 1px green;*/
}
.adressbox span span{
		/*border:solid 1px pink;*/
}
.adressbox div {
	position: absolute;
	top: 50%;
	transform: translateY(-25%);

}
.adressbox a{
	color: #E82D15;
	color: #c91731;


}
.adressbox a:hover{
	color: #3d3e40;
	color: #FFF;
}

/*
.temp1 .adressbox a{
	color: #c9dbdc;
	color: #85867e;	
	

}
.temp1 .adressbox a:hover{
	color: #E82D15;
	color: #c91731;
}
*/

.left {
	background-color: #FFc;
	width: 100%;
	float:left;
}
#right {
	background-color: #FFF;
	display:none;
}
.content {
	position:relative;
	background-color: #FFF;
	min-height:500px;
	width: 760px;
	width: 100%;
	float:left;
	text-align: left;
		border: solid 1px red;
	
}
.content img {
  width: 226px;
  width: 100%;
  height: auto;
  float: left;
  margin-top: 2px;
  /*
  margin-right: 10px;
  margin-bottom: 10px;
   margin-right: 2%; 
   margin-bottom: 2%;*/
}
.content .full {
  width: 100%;
  height: auto;
}

.content .bildbox img {
	
/*
  margin-right: 16px;
  margin-bottom: 15px;
  */
}
.content .slides_container img {
	width: 100%;
	margin: 0px;
}
.bildbox {
	border: solid 1px red;
	
	
	width: 100%;
	/*width: 96%;*/
	float: right;
	padding-top: 0px;
	
	margin: 0px 0% 20px 0%;
	/*margin: 0px 2% 20px 2%;*/
	text-align:center;
}
.textbox {
	border: solid 1px red;
	margin-top: 16px;
	width: 240px;
	width: 27%;
	
	width: 50%;
	width: 49.0%;
	padding:0px;
	margin: 0px 0px 0px 26.4%;
	margin: 0px auto;
	/*float: right;*/
	text-align:left;
	color:#FFF;
	color:#5d5c58;
	color:#919090;
	
	
}
.textbox2 {
	/*height:240px;*/
	border: solid 1px red;
	width: 240px;
	text-align:left;
	
	/*float: right;*/
}
.textbox2 p{
	color:#000;
}
.textbox3 {
	position:absolute;
	top:0px;
	left:0px;
	border: solid 1px red;
	width: 240px;
	text-align:left;
	
	/*float: right;*/
}
.bildbox img, #news .bildbox img {
	/*height: auto;
	width: 98%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 10px;
	*/
}
.bildbox .prev, .bildbox .next{
	width: auto;
	height: auto;
	color: #c91731;
}
.bildbox .prev{
	float:left;
}
.bildbox .next{
	float:right;
}
#nav0 {
}
#nav1 {
	height: 70px;
	/*background-color: #F08CB9;*/
}
.nav2 {
	
	width:auto;
	width:100%;
	/*
	width:800px;
	width:100%;
	*/
	/*min-height: 420px;*/
	margin:10px auto;
	text-align:center;
	border: solid 1px red;
	
}
.themenbox{
	width:100%;
	width:95.5%;
	margin:0px auto;
	border: solid 1px gold;
	text-align:center;
	text-align:left;
	vertical-align:bottom;
	
	
}
.themenbox a{
	position:relative;
	display:inline-block;
	padding:20px 20px;
	padding:10px;
	opacity: 1;
	outline: 0 none;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/

}
.bildbox a{
	position:relative;
	display:inline-block;
	padding:20px 20px;
	padding:20px;
	opacity: 1;
	outline: 0 none;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/

}
.textbox2{
	position:relative;
	display:inline-block;
	padding:20px 20px;
	padding:10px;
	opacity: 1;
	outline: 0 none;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/

}
.bildbox a .legende{
	color:transparent;
	color:#000;
	color:#5d5c58;
	color:#919090;
		
	position:absolute;
	font-size:0.8em;/**/
	left:0px;
	bottom:-25px;
	/*border: solid 1px red;*/
	height:auto;
	text-align:left;
	margin:0px;
	vertical-align:bottom;
	
}
.bildbox a {
	color:#000;
	color:#5d5c58;
	color:#919090;
}
.bildbox a:hover {
	color:#000;
}
.bildbox a .legende2{
	
	background-image: url(../userfiles/images/meta/karton.jpg);
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: cover;
	background-color: #FFF;
	
	position:absolute;
	width:300px;
	/*font-size:0.8em;*/
	left:300px;
	top:0px;
	/*border: solid 1px red;*/
	height:auto;
	text-align:left;
	margin:10px;
	vertical-align:bottom;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);	
	
	
}

.themenbox a:hover, 
.bildboxX a:hover{

	opacity: 1;
}
.bildbox a:hover .legende{
	/*
	color:red;
	color:#FFF;
	*/
}
.themenbox img{	
	/*
	width:12%;
	width:100px;
	*/
	width:300px;
	width:220px;
	height:auto;
	
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);	
	
}
.bildbox img{	
	/*
	width:12%;
	width:100px;
	*/
	width:auto;
	height:auto;
	
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);	
	
}
.themenbox a:hover, .bildbox a:hover{	

	/*transform: rotate(0deg)!important;*/
	
}
.themenbox a:hover img, .bildbox a:hover img{	
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);	

	
}

.desk {
	display:block;
}
.smart {
	display:none;
}
.clr {
	font-size: 0px;
	line-height: 0px;
	clear: both;
	height: 0px;
}
/*#navbox {position: relative; z-index:200; background-color:#FFF;}*/

.menu {
	background-color: #000;/**/
	background-image: url(../userfiles/images/meta/menu.svg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 30px auto;

	height: 30px;
	width: 30px;
	top: 25px;
	left: 10px;

	margin-right:0px;
	border:solid 5px #000;/**/
	cursor:pointer;
	display:none;
	float:left;
}

.anker1, .anker2 {
	height: 1px;
	width: 1px;
	z-index:1000;
	font-size:0px;	
	left:-100px;
	position: relative;
	top:-130px;
	background-color: #FFF;
}
.anker2 { top:-50px; background-color: #ccF;}

.nav2x, .left {display:none;}
	

.text {/*border:solid 1px grey; */position: relative; height:100%; /*height:368px;*/ min-height:500px;}
.bild {/*border:solid 1px grey; */position: relative;}

@media all and (max-width: 1023px) and (orientation : portrait) {
    /* Styles */
    
    .logobox { margin-bottom:0px;}
    .logobox img{	/*border: solid 3px red;*/}
    
    
}
@media all and (max-height: 900px) and (orientation : landscape) {
    /* Styles */
    .logobox img{	/*border: solid 3px pink; */}
    .temp2 .hg, .temp3 .hg { width: 868px; border: solid 3px pink;}
}
@media all and (max-height: 800px) and (orientation : landscape) {
    /* Styles */
    .logobox img{	/*border: solid 3px gold; */}
    .temp2 .hg, .temp3 .hg { width: 768px; width: 900px; border: solid 3px gold;}
}
@media all and (max-height: 750px) and (orientation : landscape) {
    /* Styles */
    .logobox img{	/*border: solid 3px red; */}
    .temp2 .hg  { width: 1024px;  width: 768px;  border: solid 3px pink;}
    .temp3 .hg  { width: 768px; width: 768px; border: solid 3px red;}
}
@media all and (max-height: 450px) and (orientation : landscape) {
    /* Styles */
    .logobox img{	/*border: solid 3px red; */}
    .temp4 .hg  { width: 1024px;  width: 100%;  /*border: solid 3px red;*/}
    .temp3 .hg  { width: 100%; border: solid 3px green;}
   
    .temp4 .content .sp6.bild {width: 31.3%; margin: 2%;}
    .temp4 .content .sp6.text {width: 60.6%; margin: 2%;}
    .temp4 .content .sp6 img {width: 100%;}
    .sp8, .sp66 {width: 46%; margin: 2%;}
	.sp4, .sp33 {width: 46%; margin: 2%;}
    
}

/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.main { background-color: #CCF;}
	.hg { width: 768px; border: solid 1px gold;}
	.logobox {	border: solid 1px gold; }
	/*
	.sp12 {width: 98%; margin: 1%;}
	.sp9 {width: 64%; margin: 1%;}
	.sp6 {width: 64%; margin: 1%;}
	.sp3 {width: 32%; margin: 1%;}

	
	.sk6 {width: 64%; margin: 1%;float:left;}
	.sk3 {width: 32%; margin: 1%;float:left;}
	
	.left { width: 250px;}	
	*/
	.textbox { width: 65.6%; padding:0px; margin: 0px 0px 0px 18.5%; }

	
	.content { /*width: 512px; */ min-height:680px;}
	.textbox { /* float:left; position:absolute; top:-170px; left:240px;display: table-row;*/ }	
	.textbox div { /*display: table-cell;  vertical-align: bottom; height:150px;*/}
	
	.textbox  p {  margin-top: 0px; margin-bottom: 5px; }
	.content .bildbox img {/*border:solid 1px gold;*/ max-width:738px; max-width:99.5%;}
	
}
/* Smartphone Portrait und Landscape */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	p, h1, h2, h3, table, hr { margin-right: 0px;  margin-left: 0px; }
	
	.hg, .headerX{ width: 96%; margin-top:0px; }
	.header {height:auto;}

	.footer, .adressbox { height: auto;}
	.adressbox, .adressbox div { position: static; }
	.adressbox div { top: 0px; transform: translateY(0%); }

	
	.spacer2 {/*display:block;*/}
	.logobox { width: 100%; height: auto; margin:0px 0px; padding:0px;/*position:fixed; z-index:1000; top:0px; left:0px;  background-color: #000;*/
	/*display:none;*/}

	.menu {/* display:block; float:left;*/}
	.logobox img{ /*width: 94%; padding:10px 3% 0px 3%;*/ max-width:500px;}
	.nav2 { width: 94%; padding:0px 3%; margin:0px auto;  max-width:500px;}
	.nav2b { width: 94%; padding:0px 3%; margin:0px auto;  max-width:500px;}
	.logo { }
	
	/*.logobox .smart {float:left; margin-top:9px;  background-color: #FFF;text-align: center; }*/
	.left, .content { width: 100%; }
	.textbox, .bildbox { width: 100%; margin-right: 0px;}	
	.textbox { width: 95%; padding:0px; margin: 0px 0px 0px 2.5%; }

	.content .bildbox img { margin-right: 0px; max-width:99.5%;}
	
	
		
	
	/*
	.sk3 {width: 98%; margin: 1%;float:left;}
	.sp12 {width: 98%; margin: 1%;}
	.sp9 {width: 64%; margin: 1%;}
	.sp6 {width: 98%; margin: 1%;}
	.sp3 {width: 98%; margin: 1%;}	
	*/
}
/* Smartphone Landscape */
@media only screen and (min-width: 512px) and (max-width: 767px) {
	.hg {background-color: #CCC; margin-top:0px; border: solid 1px green;}
	
  
	.main { }

	.bgbild {height: 100px;}
	.header .bgbild {height: auto;}
	.logobox {	border: solid 1px gold;}
		
	.themenbox{ border: solid 1px pink; width:98%; }
	.themenbox a {width:auto; padding: 0px;width:30.6%; margin: 0px; padding:1%;}
	.themenbox img {width:100%; padding: 0px; margin: 0px;}
	
	.adressbox { height: auto;}

	
	.sk6 {width: 64%; margin: 1%;float:left;}
	.sk3 {width: 32%; margin: 1%;float:left;}
	.temp4 .sp6 {width: 98%; margin: 1%;}
	.temp4 .sp6 img {  /*max-width:380px;*/ width: 65%; /*margin: 1%;*/}	
	/*
	.sp8, .sp66 {width: 48%; margin: 2%;}
	.sp4, .sp33{ {width: 48%; margin: 2%;}
		*/
	.deskX { display:none;  }
	.smart { display:block; }
	
	.content .bildbox img { /*width: 80%!important;*/ border:solid 1px blue; /*max-width:310px; max-width:80%;*/}
	
}
/* Smartphone Portrait */
@media only screen and (min-width: 320px)  and (max-width: 511px) {
	.hg {background-color: #CCC; margin-top:0px; border: solid 1px blue;}
	.main { background-color: #CFC;}
	.bgbild {height: 100px;}
	.header .bgbild {height: auto;}
	.logobox {	border: solid 1px green;}

	.themenbox{ border: solid 1px pink; width:98%; }
	.themenbox a {width:auto; padding: 0px;width:46.6%; margin: 0px; padding:1%;}
	.themenbox img {width:100%; padding: 0px; margin: 0px;}
	
	/*
	.content .textbox {border:solid 1px red;}
	.content .bildbox {border:solid 1px red;}
	*/
	.content .sp12 .bildbox img { width: 99%; }
	.content .bildbox img { /*width: 80%!important;  max-width:310px;*/ border:solid 1px red;}
	
	.content .bildbox a {border:solid 1px green; width:auto; padding:0px!important; margin:0px auto; /*display:block;*/}
	.content .bildbox span {border:solid 1px blue; width:auto; padding:0px!important; margin:0px auto; /*display:block;*/}
	.content .bildbox span, .content .bildbox a, .content .bildbox img { border:none; text-align:center;}
/**/
	.sp12 .bildlinks { width: 98%; margin: 1%; }
	.sp12 .textrechts { width: 96%; margin: 1%; }
		
	.sp12 .full { width: 99%; }
	.sp12, .sp100 {width: 96%; margin: 2%;}
	.sp9 {width: 98%; margin: 1%;}
	.sp8, .sp66 {width: 98%; margin: 1%;}
	
	.sp6, .sp50 {width: 96%; margin: 1%;}
	.temp4 .sp6 img { width: 100%; margin: 0% 0% 10px 0% ;/**/}
		
	.sp4, .sp33 { width: 96%; margin: 2%;}
	.sp3 { width: 98%; margin: 1%;}
	.sp2 { width: 98%; margin: 1%;}


	.deskX { display:none;  }
	.smart { display:block; }
	.content .bildbox img { margin-right: 0px; max-width:98%;}
}