html{
  background-color: #fff;
}

.klima
{ width: 100%;

}

body {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	background: #fff;
	font-weight: lighter;
	font-size: 18px;
	color: #333;
	letter-spacing: 1px;
	line-height: 30px;
}

/*

#info section img {
	display: block;
}
section img {
  max-width: 100%;
  margin: 0.7em 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.6);
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.6);
}
#info img {
  -webkit-transform: translate3d(0, 0, 0) rotate(2deg);
  -moz-transform: translate3d(0, 0, 0) rotate(2deg);
  -o-transform: translate3d(0, 0, 0) rotate(2deg);
  -ms-transform: translate3d(0, 0, 0) rotate(2deg);
  transform: rotate(2deg);
}
#info img.alt {
  -webkit-transform: translate3d(0, 0, 0) rotate(-2deg);
  -moz-transform: translate3d(0, 0, 0) rotate(-2deg);
  -o-transform: translate3d(0, 0, 0) rotate(-2deg);
  -ms-transform: translate3d(0, 0, 0) rotate(-2deg);
  transform: rotate(-2deg);
}


*/
.js body {
	overflow: hidden;
} 

#fadeshow1
{
width: auto;
margin: 0 auto !important;
text-align:center;
vertical-align:top;
z-index: 1;

}


.text {
	
	text-align:left;
	background-color:#ffffff;  color: #4c3231;
	font-size:110%;
	padding: 0 2%;
	display:block;
	font-weight:bold;
}

.text2 {
	
	text-align:justify;
	background-color:#ffffff;  color: #4c3231;
	padding-left: 30px;
		font-size:100%;
			padding: 0 2%;

}

.text3 {
	
	text-align:justify;
	background-color:#ffffff;  color: #4c3231;
	padding-left: 30px;
		font-size:100%;
		padding: 0 15%;
}

.text4 {
	
	text-align:justify;
	background-color:#ffffff;  color: #4c3231;
	font-size:100%;
	padding: 0 2%;
}

.text5 {
	background-color:#ffffff;  color: #4c3231;
	font-size:130%;
	padding: 0 ;
	font-weight:bold;
}

a {
  color: maroon;
  text-decoration: none;
  font-size:100%;
  font-weight:normal;
}

a:visited {
  color: maroon;
}

a:hover {
  color:#C90 !important;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

 .span1000
{ width: 100%;
	margin: 0 auto;  
	padding: 5px;
	border: 0px solid black;
	display:block;
}

 .span1000 img
{ width: auto ;
height: 800px ; 
	display:block;
}

iframe

{ width: 100%;
height:800px;
border: 0px solid black;
}

img.iframe

{ width: auto !important;
height:700px !important;
}


li

{
	margin-left: 0px;
	line-height: 50px;
	list-style:none;
	padding-left: 10px;
}


#mitte
{text-align:center
}

.kopf5 img
{
	width: 40%;
	margin: 0 auto;
	height:auto;
		display:block;	
}



.kopf3
{
	width: 99%;
	margin-top: 50px;
	height:auto;
		display:block;	
}



.kopf3 img
{
	width: 100%;
	margin:0 auto;
	height:auto;	
	display:block;	

}

.kopf4 img
{
	width: 60%;
	margin:0 auto;
	height:auto;	
	display:block;	

}


.dicker
{
	font-weight:normal;
	font-size: 120%;
	margin: 20px 0;
	padding: 3px 0 3px 10px;
	letter-spacing:2px;
	background-color: #000;
	color: #fff;
}

.dicker2
{
	font-weight:normal;
	font-size: 120%;
	margin: 0 0 20px 0;
	padding: 3px 0 3px 10px;
	letter-spacing:2px;
	background-color: #000;
	color: #fff;
}

.dicker3
{
	font-weight:normal;
	font-size: 120%;
	text-align:center;
	margin: 0 0 30px 0;
	padding: 3px 0;
	letter-spacing:2px;
	background-color: maroon;
	color: #fff;
}



#nichtsichtbar
{ display: none !important;
}

#sichtbar
{ display:block;
}

.abstand
{ margin-top: 150px;
}

.abstand2
{ margin-top: 20px;
}

.abstand3
{ margin-top: 20px;
}

.abstand4
{ margin-top: 900px;
}


#einzug
{ margin-left: 2%;
}

#einzug2
{ padding-left: 5%;
}

#einzug3
{ margin-right: 5%;
	padding-top: 10px;
	font-size: 1.2em;
	color: #fff;
	position: absolute;
}



.kopf
{
	width: 100%;
	height:auto;
	text-align:center;
	z-index:1;
	clear:both;
	display:block;
	margin: 90px 0 0px 0;
	position: relative;
 
}

.kopf img
{
	width: 98%;
	margin: 0 1%;
	height:auto;
	 	text-shadow: 10px 10px 0 #111;
 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; 
	border-radius: 10px;
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.6);
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.6);

}

.kopf1
{
	width: 99%;
	margin:0 auto;
	height:auto;
	display:none	

}

.kopf1 img
{
	width: 100%;
	margin:0 auto;
	height:auto;
		display:none	
}

.kopf2
{
	width: 100%;
	margin:0 auto;
	height:auto;
	display: block;
}

.kopf2 img
{
	width: 80%;
	margin:0 auto;
	height:auto;
	display: block;
	}


.footer
{ width: 100%;
	margin: -50px 0 0 0;
	height: auto;
	border: 0px solid black;
	background: #000;
	color:#fafafa;
	padding: 0;
	line-height: 30px;
	clear:both;
	font-size:110%;
}

.footer a:link
{ color: #fafafa
}

.footer a:hover
{
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}


.footer a:visited
{ color: #fafafa
}


#inhalt
{ widht: 90%;
margin-left:5%;
margin-right:5%;
border: 0px solid blue;
background: #ffffff;

}


#box a .info{display:none;}

#box a:hover .info{
  text-decoration:none !important;
  display:block;
  text-align:justify;
  	font-family: 'Lato', Calibri, Arial, sans-serif;
	background: #fff;
	font-weight: lighter;
	color: #333;
	letter-spacing: 1px;
	line-height: 30px;


}

#info
{
  display:block;
  width: 100%;
  	font-family: 'Lato', Calibri, Arial, sans-serif;
	background: #fff;
	font-size: 90%;
	font-weight: lighter;
	color: #333;
	letter-spacing: 1px;

}

.span10
{
	width: 100%;
	padding: 5px;
	border: 0px solid red;
	margin: 20px 0 0px 0;
	display:block;
	float:left;
}

.asien2
{
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align:middle;
 /*    font-family:'Georgia', versal;  */
  color: #4c3231;
  font-size: 1.4em;
  line-height: 1.4em;
  /* 21 / 14 */

  margin:40px 0 0 0;
  font-family:'Georgia', versal;
  text-shadow: 1px 1px 0 #fff, 1px 1px 0 #aaa;
  font-weight: bold;
  border: 0px solid maroon;
  letter-spacing: 2px;  
  width: 100%;		
	
}


.terracus 
{ text-align:center;
margin-top: 10px;
vertical-align:middle;
padding: 0 ;
clear:both;
	display: block;
}

.terracus img 
{ float: left;
}

.terracus a:
{ text-align: right !important;
color: #C00;
}

.terracus a:hover
{ text-align: right !important;
color: #C00;
}

.tttt {
	text-align:justify !important;
	font: inherit;
	background-color:#FFC;
	margin-left: 2%;
	padding: 5px;
	width: 100%%;
	font-weight:800;
	letter-spacing:1px;
}


.span6
{ width: 66.66%;
	padding: 0 0 0 10px;
	border: 0px solid black;
	display:block; 
	float:left;	
	clear:both;
	margin: 0 0 30px 0;
}



.span666 img
{ width: 66.66%;
	padding: 10px;
	margin: 0 auto;


}

.span50rechts
{ width: 48%;
	padding:  1%;
	border: 0px solid black;
	display:block; 
	float:right;	
	margin: 0;
}


.span50links
{ width: 48%;
	padding:  1%;
	border: 0px solid black;
	display:block; 
	float:left;	
	margin: 0;
}




.span36
{ width: 31%;
height: auto;
	padding: 0;
	border: 0px solid red;
   
	display:block;
	float:right;
	text-align: right;
	margin:  40px 0 0 0;
	

}

.span36 img
{
	 width: 100%;
	 height:auto;
	 border-radius: 10px 10px 10px 10px;
	 	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow:  10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:  10px 10px 5px 0px rgba(0,0,0,0.75);
	margin-top: 60px;


}


.span60
{ width: 100%;
	margin: 0 ;
	padding: 10px;
	border: 0px solid black;
	display:block;
	clear:both;
}


.span106
{ width: 70%;
	margin: 0  15%;
	padding: 10px;
	border: 0px solid black;
	display:block;
	clear:both;
}

.span1062
{ width: 70%;
	margin: 0 15%;
	padding: 10px;
	border: 0px solid black;
	display:block;
	clear:both;
}


.span1061
{ width: 70%;
	margin: 0 15%;
	padding: 10px;
	border: 0px solid black;
	display:block;
	clear:both;
}

.span1061 img
{ width: 50%;
height:auto;
	
}

.span3
{ width: 33.33%;
	padding: 30px 2px 0 2px;
	border: 0px solid black;
	display:block;
	float:right;
	margin: 0 auto;
}

.span3rechts
{ width: 33.33%;
	padding: 30px 2px 0 2px;
	border: 0px solid black;
	display:block;
	float:right;
	margin: 0 auto;
}

.span33rechts
{ width: 33.33%;
	padding:  0;
	border: 0px solid black;
	display:block;
	float:right;
	margin: 0 auto;
	text-align:center
	
}

.span33rechts img
{ 
	text-align:center !important;
	
}


.span33mitte
{ width: 90%;
	margin: 0 auto;
	border: 0px solid white;
	display:inline-block;
	clear:both;
}


.span3rechts img
{ width: 100%;
height:auto;
margin: 0 auto;
}


.span33links
{ width: 5%;
	padding: 50px 0 0 0;
	border: 0px solid white;
	float: left;
	clear:both;
	text-align:center;	
	display:inline-table;
}

.span33rechtsunten
{ width: 5%;
	padding: 50px 0 0 0;
	border: 0px solid white;
	float: right;
	text-align:center;
	display:inline-table;
}

.span3links
{ width: 39%;
	padding: 20px 0 0 0;
	border: 0px solid black;
	display:block;
	float:left;
	margin-top: 0px;
}

.span3links img
{ width: 100%;
height:auto;
margin: 0 auto;
	 border-radius: 10px 10px 10px 10px;
	 	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow:  10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:  10px 10px 5px 0px rgba(0,0,0,0.75);

}



.span3 img
{ width: 85%;
	height: auto;
}





.span6rechts
{ width: 60%;
	padding: 10px;
	border: 0px solid black;
	display:block;
	float:right;
	margin-top: 50px;
	
	
}    


  
  .span6rechts2
{ width: 58%;
	padding: 10px;
	border: 0px solid black;
	display:block;
	float:right;
	margin: 0 auto;
	clear:auto;
    
}    

.span6rechts2 img
{ width: 90%;
height:auto
	
} 

  .span6rechts3
{ width: 63%;
	padding: 10px;
	border: 0px solid black;
	display:block;
	float:right;
	margin: 0 auto;
	clear:auto
}    

.span6rechts3 img
{ width: 90%;
height:auto
	
} 

h1
{ font-size: 160%;
font-weight:lighter;
letter-spacing:3px;
text-align:center;
padding: 0px;
	line-height: 30px
}


h2
{ font-size: 100%;

font-weight:lighter;
letter-spacing:2px;
text-align:center;
margin: 10px 0 0 0;
line-height:20px;
}

h3
{ font-size: 120%;
font-weight:lighter;
letter-spacing:3px;
text-align:center;
padding-bottom: 20px;
margin-top:-20px;
}


h4
{ font-size: 120%;
font-weight:bold;
letter-spacing:3px;
text-align:center;
padding: 0;
margin: 30px 0 -10px 0;
text-decoration:none;
}

.gross
{ font-size: 170%;
font-family:Cambria, "Cambria Math";
font-weight:bold;
letter-spacing:2px;
text-align:center;
padding: 0 10% 0;
margin: 0 auto;
}
.bild

{ font-family:"Comic Sans MS", cursive;
color:maroon;
font-size: 100%;
padding-left:20px;
}





/*

#box{
  background: transparent;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	background: #fff;
	font-weight: lighter;
	font-size: inherit;
	color: #333;
	letter-spacing: 1px;
	line-height: 30px;
  margin-top: -8px;
  margin-bottom: 10px;
}

#box a{
  text-decoration:none !important;
  background:#fff;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	background: #fff;
	font-weight: normal;
	
	color: maroon;
	letter-spacing: 1px;
	line-height: 30px;
}

#box a:hover{
  text-decoration:none !important;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	background: #fff;
	font-weight: normal;
	color: maroon;
	letter-spacing: 1px;
	line-height: 30px;

}


#box a .info{display:none;}

#box a:hover .info{
  text-decoration:none !important;
  display:block;
  text-align:justify;
  	font-family: 'Lato', Calibri, Arial, sans-serif;
	background: #fff;
	font-weight: lighter;
	color: #333;
	letter-spacing: 1px;
	line-height: 30px;


}

*/

 .bildergalerie img

{ width: 100%;
height:auto;
}








@media (max-width : 448px ){


#mitte
{text-align:center
}


#info
{
  display:block;
  width: 100%;
  	font-family: 'Lato', Calibri, Arial, sans-serif;
	background: #fff;
	font-size: 70%;
	font-weight: lighter;
	color: #333;
	letter-spacing: 0px;

}

.span60
{ width: 98%;
	margin: 0;
	padding: 1%;
	border: 0px solid black;
	display:block;
	clear:both;
}


.span50rechts
{ width: 100%;
	padding:  10px;
	border: 0px solid black;
	display:block; 
	float:left;
	margin: 0;
}


.span50links
{ width: 100%;
	padding:  10px;
	border: 0px solid black;
	display:block; 
	float:left;	
	margin: 0;
}


a {
  color: maroon;
  text-decoration: none;
  font-size:100%;
  font-weight:normal;
}

a:visited {
  color: maroon;
}

a:hover {
  color:#C90 !important;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.footer a:link
{ color: #fafafa
}

.footer a:hover
{
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}


.footer a:visited
{ color: #fafafa
}


#galleria
{height:450px !important;
}

.asien2
{
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align:middle;
 /*    font-family:'Georgia', versal;  */
  color: #4c3231;
  font-size: 1.1em;
  line-height: 1.4em;
  text-align:center;
  /* 21 / 14 */

  margin:30px 0 0 0;
  font-family:'Georgia', versal;
  text-shadow: 1px 1px 0 #fff, 1px 1px 0 #aaa;
  font-weight: bold;
  border: 0px solid maroon;
  letter-spacing: 2px;  
  width: 100%;		
	
}

 
  .navigation-clean-button .navbar-right{
    margin-bottom:20px;
  }

.nichtsichtbar
{ display: block !important;
}

.sichtbar
{ display:none !important;
}
 
 .span33rechtsunten
{ width: 14%;
	padding: 10px 0 0 0;
	border: 0px solid white;
	float: right;
	text-align:center;
	display:inline-table;
}
 
 .text4 {
	
	text-align:left;
	background-color:#ffffff;  color: #4c3231;
	font-size:110%;
	padding: 0 2%;
	display:none;
	font-weight:bold;
}
 
.gross
{ font-size: 180%;
font-family:Cambria, "Cambria Math";
font-weight:normal;
letter-spacing:1px;
text-align:center;
padding: 0 ;
margin: 0 0 30px 0;
}

.terracus 
{ text-align:center;
margin: -10px 0px 10px  0;
vertical-align:middle;
padding: 0 ;
clear:both;
}

.terracus img
{
display:none;	
}

.terracus a
{ text-align: right !important;
color: #C00;
}

.terracus a:hover
{ text-align: right !important;
color: #C00;
}

 iframe

{ width: 100%;
height:600px !important;
}

 
 .hovergallery li{
width: 100% !important;
display: block;
margin:0 auto !important;
text-align:center;
}

.hovergallery img{
-webkit-transform:scale(0.5); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.5); /*Mozilla scale version*/
-o-transform:scale(0.5); /*Opera scale version*/
-webkit-transition-duration: 0.8s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.8s; /*Mozilla duration version*/
-o-transition-duration: 0.8s; /*Opera duration version*/
opacity: 0.5; /*initial opacity of images*/
margin:0 0 0 -40px !important;
 /*margin between images*/
width: 100%;
z-index: 1;
position:relative;
}

.hovergallery img:hover{
-webkit-transform:scale(1.1) !important; /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1) !important; /*Mozilla scale version*/
-o-transform:scale(1.1) !important; /*Opera scale version*/
box-shadow:30px 0px 30px 0 gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:30px 0px 30px 0 gray; /*Safari shadow version*/
-moz-box-shadow:30px 0px 30px 0 gray; /*Mozilla shadow version*/
opacity: 1;
z-index: 3;
position:relative;
margin:0 0 0 -40px !important;
text-align:center;

}
 
  .span1000
{ width: 100% !important;
height:450px !important;
	margin: 0 auto;  
	padding: 5px;
	border: 2px solid black;
	display:block;
}

 .span1000 img
{ width: auto !important;
height: 400px !important; 
	display:block;
} 

 .bildergalerie img

{ width: 100%;
height:auto;
}

  

.abstand
{ margin-top: 20px;
}

.abstand2
{ margin-top: 10px;
}



 
 ol li

{
	margin-left: 0px;
	line-height: 30px;
	list-style:disc;
	padding-left: 10px;
	padding-bottom: 20px;
}
 
 h2
 { margin: 10px 0;
 line-height:25px;
 letter-spacing:1;
 
 font-size: 90%;
font-weight:light;
text-align:center;
}

.kopf5 img
{
	width: 60%;
	margin: 0 auto;
	height:auto;
		display:block;	
}

 
 .kopf4 img
{
	width: 95%;
	margin:0 auto;
	height:auto;	
	display:block;
	padding-top: 30px;	

}

 
  
 .abstand3
{ margin-top: 20px;
} 
  
.abstand4
{ margin-top: 20px !important;
}
  
  .span6rechts
{ width: 99%;
	padding: 0 8px;
	border: 1px solid black;
	display:block;
	float:left;
	margin: 0 auto;
	clear:auto
}  

  .span6rechts2
{ width: 100%;
	padding: 10px;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 auto;
	clear:auto
}    

.span6rechts2 img
{ width: 100%;
height:auto
	
} 


  .span6rechts3
{ width: 100%;
	padding: 10px;
	border: 1px solid black;
	display:block;
	float:left;
	margin: 0 auto;
	clear:auto
}    

.span6rechts3 img
{ width: 100%;
height:auto
	
} 
h3
{ font-size: 100%;
font-weight:lighter;
letter-spacing:2px;
text-align:center;
padding-bottom: 0px;
margin-top:-10px;
}

#inhalt

{
	width: 100% !important;
	margin: 0 auto;
border: 0px solid blue;
background: #fff;

}

hr
{
   display:none;
	
}

h1
{ font-size: 100%;
font-weight:lighter;
letter-spacing:2px;
text-align:center;
margin: 0 auto;
display:none;
padding-bottom: 0px;

}

  
 .dicker
{
	font-weight:normal;
	font-size: 95%;
	margin: 15px 0;
	padding: 2px 0 2px 7px;
	letter-spacing:2px;
	background-color: #000;
	color: #fff;
}
 

   
 .span33links
{ 
 display: none;
}
 
 .span33rechts
{ width: 100%;
	border: 0px solid white;
	display:inline-table;
	margin: -40px 0 -40px 0;
	z-index:1000;
	text-align:center !important;
	
}

.span33rechts img
{ 
	text-align:center !important;
		margin-top: 30px;

	
}

.span33mitte
{ width: 100%;
	margin: 0 auto;
	border: 0px solid white;
	display:inline-table;
}

    
  .kopf img
{
	width: 98%;
	margin: 0 1%;
	margin:0 auto;
	height:auto;
		display:block;	
 	text-shadow: 1px 1px 0 #111;

}

  .kopf 
{
	width: 100%;
	margin: 0px 0 -10px 0; 
	height:auto;
	display:block;	
}

 


.kopf1
{
	width: 99%;
	margin-top: 50px;
	height:auto;
		display:block;	
}



.kopf1 img
{
	width: 100%;
	margin:0 auto;
	height:auto;	
	display:block;	

}

.kopf3
{
	width: 99%;
	margin: 0 auto;
	height:auto;
		display:block;
		padding-bottom:20px;	
}



.kopf3 img
{
	width: 90%;
	margin:0 auto;
	height:auto;	
	display:block;	

}

.span36
{ width: 100%;
height: auto;
	padding: 0;
	border: 0px solid red;
    background-color: transparent;
	display:block;
	float:left;
	margin: 0 0 40px 0;

}

.span36 img
{
	 width: 100%;
	 height:auto;
	 border-radius: 10px 10px 10px 10px;
	 	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow:  10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:  10px 10px 5px 0px rgba(0,0,0,0.75);
	margin-top: 10px;
		padding: 0 10px;

}

.span6
{ width: 100%;
	padding: 0 0 0 10px;
	border: 0px solid black;
	display:block; 
	float:left;	
	margin: 100px 0 30px 0;
	}

.span106
{ width: 100%;
	margin: 0 auto;
	padding: 0 3px 30px 10px;
	border: 0px solid black;
	display:block;
	clear:both;
}

.span106 img
{ width: 0px;
height: auto;
margin:30px 0;
}


.span3links
{ width: 100%;
	padding: 10px;
	border: 0px solid red;
	display:block;
	float:left;
	margin: -10px 0 0 0;
}


.span3links img

{ 
margin: 0 auto;
text-align:center;
width: 100%;
}

.span3rechts
{ width: 100%;
	padding: 10px;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 auto;
}

.footer
{ width: 100%;
height: auto;
border: 0px solid black;
background: #000;
color:#fff;
padding: 0;
font-size:100%;
margin: 0px auto;
}


}




@media screen and (min-width: 769px) and (max-width: 910px){


	.span1062
{ width: 90%;
	margin: 0 5%;
	padding: 10px;
	border: 0px solid black;
	display:block;
	clear:both;
}
	
.span60
{ width: 80%;
	margin: 0 10%;
	padding: 0;
	border: 0px solid black;
	display:block;
	clear:both;
}


.span50rechts
{ width: 100%;
	padding:  10px;
	border: 0px solid black;
	display:block; 
	float:left;	
	margin: 0;
}


.span50links
{ width: 100%;
	padding:  10px;
	border: 0px solid black;
	display:block; 
	float:left;	
	margin: 0;
}


#galleria
{height:600px !important;
}


.terracus 
{ text-align:center;
margin: 20px 0px;
vertical-align:middle;
padding: 0 ;
clear:both;
font-size: 90%
}

 .span33rechts
{ width: 100%;
	border: 0px solid white;
	display:inline-table;
	margin: -40px 0 -40px 0;
	z-index:1000;
	text-align:center !important;
	
}

.span33rechts img
{ 
	text-align:center !important;
			margin-top: 30px;

	
}

.span3links

{  margin: 0 auto;
text-align:center;
display:block;
float:left;
width: 100%;
border: 0px solid green;

}

.span3links img

{
	margin: 0 5%;
text-align:center;
width: 90%;
border: 0px solid green;

}

.kopf
{
	margin: 30px 0 -20px 0; 
		width: 100%;
	height:auto;
	z-index:1;
	clear:both;
	display:block;
}


.span36
{ width: 90%;
height: auto;
	padding: 0;
	border: 0px solid red;
    background-color: transparent;
	display:block;
	float:left;
	margin: -40px 5% 30px 5%;

}

.span6
{ width: 100%;
	padding: 0 0 0 10px;
	border: 0px solid black;
	display:block; 
	float:left;	
	margin: 100px 0 30px 0;
}


 iframe

{ width: 100%;
height:600px !important;
}


 .hovergallery li{
width: 100% !important;
display: block;
margin:0 auto !important;
text-align:center;
}

.hovergallery img{
-webkit-transform:scale(0.4); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.4); /*Mozilla scale version*/
-o-transform:scale(0.4); /*Opera scale version*/
-webkit-transition-duration: 0.8s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.8s; /*Mozilla duration version*/
-o-transition-duration: 0.8s; /*Opera duration version*/
opacity: 0.5 ; /*in
itial opacity of images*/
position:relative;
margin-right: 0 !important;
 /*margin between images*/
width: 100%;
z-index: 1;
border: 1px solid blue;
}

.hovergallery img:hover{
-webkit-transform:scale(1.1) !important; /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1) !important; /*Mozilla scale version*/
-o-transform:scale(1.1) !important; /*Opera scale version*/
box-shadow:30px 0px 30px 0 gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:30px 0px 30px 0 gray; /*Safari shadow version*/
-moz-box-shadow:30px 0px 30px 0 gray; /*Mozilla shadow version*/
opacity: 1;
z-index: 3;
position:relative;
margin:0 0 0 -40px !important;
text-align:center;

}

 .bildergalerie img

{ width: 100%;
height:auto;
}


.abstand2
{ margin-top: 30px;
}

.abstand
{ margin-top: 20px;
}


 .kopf5 img
{
	width: 50%;
	margin:0 auto;
	height:auto;	
	display:block;
	padding-top: 30px;	

}

.kopf4 img
{
	width: 70%;
	margin:0 auto;
	height:auto;	
	display:block;	

}



.abstand3
{ margin-top: 50px;
}

.abstand4
{ margin-top: 50px !important;
}

  .span6rechts
{ width: 98%;
	padding: 30px 0 2px 1%;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 auto;
	
}   

  .span6rechts2
{ width: 100%;
	padding: 10px;
	border: 1px solid black;
	display:block;
	float:left;
	margin: 0 auto;
	clear:auto
}    

.span6rechts2 img
{ width: 90%;
height:auto
	
}  

  .span6rechts3
{ width: 100%;
	padding: 10px;
	border: 1px solid black;
	display:block;
	float:left;
	margin: 0 auto;
	clear:auto
}    

.span6rechts3 img
{ width: 90%;
height:auto
	
}  

.kopf img
{
	width: 100%;
	margin:0 auto;
	height:auto;
		display:block;	

}

  .kopf 
{
	width: 100%;
	margin: 0 0 -10px 0; 
	height:auto;
		display:block;	

}

.kopf3
{
	width: 99%;
	margin: 0 auto;
	height:auto;
		display:block;
		border: 0px solid blue;	
		padding-bottom: 20px
}



.kopf3 img
{
	width: 85%;
	margin:0 auto;
	height:auto;	
	display:block;	

}




hr
{
   display:none;
	
}

#inhalt

{
	width: 95% !important;
	margin: 0 auto !important;
border: 0px solid blue;
background: #;

}
 
 .span106
{ width: 100% !important;
	margin: 0 auto;  
	padding: 5px;
	border: 0px solid black;
	display:block;
	clear:both;
}
 
   
.kopf1
{
	width: 99%;
	margin-top: 140px !important;
	height:auto;
		display:block !important;	
}



.kopf1 img
{
	width: 100%;
	margin:0 auto;
	height:auto;	
	display:block !important;	

}
 

 
}


@media screen and (max-width: 1200px){
.span6rechts2
{ width: 100%;
	padding: 10px;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 auto;
	clear:auto
}    


.span6rechts2 img
{ width: 90%;
height:auto
	
}  
}

.kopf2
{
	width: 100%;
	margin:0 auto;
	height:auto;
	display: block;
}

.kopf2 img
{
	width: 80%;
	margin:0 auto;
	height:auto;
	display: block;
	}

@media screen and (min-width: 911px) and (max-width: 1200px){
	
	.span1062
{ width: 80%;
	margin: 0 10%;
	padding: 10px;
	border: 0px solid black;
	display:block;
	clear:both;
}

.terracus 
{ text-align:center;
margin: 30px 0px;
vertical-align:middle;
padding: 0 10px;
clear:both;
}


.span36
{ width: 90%;
height: auto;
text-align:center;
	padding: 0;
	border: 0px solid red;
    background-color: transparent;
	display:block;
	float:left;
	margin: -20px -5% 40px 5%;

}

 .span33rechts
{ width: 100%;
	border: 0px solid white;
	display:inline-table;
	margin: -40px 0 0 0;
	z-index:1000;
	text-align:center !important;
	
}

.span33rechts img
{ 
	text-align:center !important;
	margin-top: 30px;
	
}

.span6
{ width: 100%;
	padding: 0 0 0 10px;
	border: 0px solid black;
	display:block; 
	float:left;	
	margin: 100px 0 30px 0;
}

  .span6rechts2
{ width: 100%;
	padding: 10px;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 auto;
	clear:auto
}    

.span6rechts2 img
{ width: 80%;
height:auto
	
} 


  .span6rechts3
{ width: 100%;
	padding: 10px;
	border: 1px solid black;
	display:block;
	float:left;
	margin: 0 auto;
	clear:auto
}    

.span6rechts3 img
{ width: 80%;
height:auto
	
} 
.hovergallery ul{
width: 100%;
margin-bottom: -0px;
display:block;
text-align:center;
}

 .hovergallery li
 {
width: 100% !important;
display: block;
margin:0 auto !important;
text-align:center;
border: 1px solid blue;
}

.hovergallery img{
-webkit-transform:scale(0.1); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.1); /*Mozilla scale version*/
-o-transform:scale(0.1); /*Opera scale version*/
-webkit-transition-duration: 0.8s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.8s; /*Mozilla duration version*/
-o-transition-duration: 0.8s; /*Opera duration version*/
opacity: 0.5; /*initial opacity of images*/
margin:0 0 0 -40px;
 /*margin between images*/
width: 100%;
z-index: 1;
position:relative;
}

.hovergallery img:hover{
-webkit-transform:scale(1.15) !important; /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.15) !important; /*Mozilla scale version*/
-o-transform:scale(1.15) !important; /*Opera scale version*/
box-shadow:30px 0px 30px 0 gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:30px 0px 30px 0 gray; /*Safari shadow version*/
-moz-box-shadow:30px 0px 30px 0 gray; /*Mozilla shadow version*/
opacity: 1;
z-index: 3;
position:relative;
margin:0 0 0 -40px !important;
text-align:center;

}

 .bildergalerie img

{ width: 100%;
height:auto;
}

	
	.abstand
{ margin-top: 20px;
}

.kopf4 img
{
	width: 80%;
	margin:0 auto;
	height:auto;	
	display:block;	

}

 .kopf5 img
{
	width: 50%;
	margin:0 auto;
	height:auto;	
	display:block;
	padding-top: 30px;	

}

.abstand3
{ margin-top: 50px;
}


.kopf
{
	margin: 100px 0 -10px 0; 
		width: 100%;
	height:auto;
	z-index:1;
	clear:both;
	display:block;
 
}

hr
{
   display:none;
	
}

#inhalt

{
	width: 90% !important;
	margin: 0 auto !important;
border: 0px solid blue;
background: #;

}

 .span106
{ width: 90% !important;
	margin: 0 5% !important;  
	padding: 5px;
	border: 0px solid black;
	display:block;
	clear:both;
}

 .span1000
{ width: 100% !important;
height:450px !important;
	margin: 0 auto;  
	padding: 5px;
	border: 0px solid black;
	display:block;
}

 .span1000 img
{ width: auto !important;
height: 400px !important; 
	display:block;
}

 .span10000
{ width: 100% !important;
	margin: 0 auto;
	padding: 5px;
	border: 0px solid black;
	display:block;
	height: 900px;
}


 .navigation-clean-button.navbar .navbar-nav > li > a{
  padding-left:10px;
  padding-right:10px; 
}

.span6rechts
{ width: 100%;
	padding: 30px 0 0 10%;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 auto;
	clear:auto
	
	} 

.span3links

{ margin: 0 10%;
text-align:center;
display:block;
float:left;
width: 80%;
border: 0px solid green;

}

.span3links img

{ margin: 0 15%;
text-align:center;
width: 70%;

}

}



@media (max-width:767px) 
	
{
	.span1062
	
{ width: 100%;
	margin: 0%;
	padding: 10px 10px 10px 15px;
	border: 0px solid black;
	display:block;
	clear:both;
}


	
.terracus img
{
display:none;	
}
	.terracus 
	{ text-align: center
	}
	
.span6rechts
{ width: 100%;
	padding: 20px 0 0 5px;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 auto;
	clear:auto
	
	} 

	.span6rechts img
{ text-align: center;
	margin: 0 auto;
	
	} 
	
.span106
{ width: 100%;
	margin: 0 ;
	padding: 5px 2px 0 8px;
	border: 0px solid black;
	display:block;
	clear:both;
}

	.gross
	
{ font-size: 140%;
font-family:Cambria, "Cambria Math";
font-weight:bold;
letter-spacing:1px;
text-align:center;
padding: 0 ;
margin: 0 0 30px 0;
}

	
	.span3links
{ width: 100%;
	padding: 0 px;
	border: 0px solid red;
	display:block;
	float:left;
	margin: -30px 0 0 0;
}


.span3links img

{ 
margin: 0 auto;
text-align:center;
width: 100%;
}
	
.span6
{ width: 100%;
	padding: 0 0 0 10px;
	border: 0px solid black;
	display:block; 
	float:left;	
	margin: 100px 0 30px 0;
}
	
.span36
{ width: 100%;
height: auto;
	padding: 0;
	border: 0px solid red;
    background-color: transparent;
	display:block;
	float:left;
	margin: 0 0 40px 0;

}

.span36 img
{
	 width: 98%;
	 height:auto;
	 border-radius: 10px 10px 10px 10px;
	 	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow:  10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:  10px 10px 5px 0px rgba(0,0,0,0.75);
	margin-top: 10px;
		padding: 0 10px;

}
	
	.span50rechts
{ width: 100%;
	padding:  10px;
	border: 0px solid black;
	display:block; 
	float:left;
	margin: 0;
}


.span50links
{ width: 100%;
	padding:  10px;
	border: 0px solid black;
	display:block; 
	float:left;	
	margin: 0;
}
	
	.abstand4
{ margin-top: 50px !important;
}

	
}

/*
@media (max-width:767px) {
  .navigation-clean-button .navbar-nav .open .dropdown-menu{
    box-shadow:none;
  }
}

@media (max-width:767px) {
  .navigation-clean-button .navbar-nav .open .dropdown-menu > li > a{
    color:#37434d;
    padding-top:10px;
    padding-bottom:10px;
    line-height:1;
  }
}

@media (max-width:767px) {
  .navigation-clean-button{
    padding-top:0;
    padding-bottom:0;
  }
}

@media (max-width:767px) {
  .navigation-clean-button .navbar-header{
    padding-top:10px;
    padding-bottom:10px;
  }
}


@media (max-width:767px) {
  .navigation-clean-button.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
    color:#fff;
	
  }
  .navigation-clean-button.navbar .navbar-nav > li > a{
  padding-left:20px;
}
  
}
.navigation-clean-button{
  background:#000;
  padding-top:10px;
  padding-bottom:10px;
  color:#000;
  border-radius:0;
  box-shadow:0 0 0 0 #ccc;
  border:none;
  margin: auto;
  width: 100%;
  display:block;
  position:fixed;
  z-index:100;

}

.fix
{	
  top: 1px;
  left: 1px;
  position:relative;
	display:block;
	width: 100%;
}

.navigation-clean-button .navbar-brand{
  font-weight:bold;
  color:#fff;
  font-size:33px;
    padding-left: 30px; 
	 letter-spacing: 1px;

}

.navigation-clean-button .navbar-brand:hover{
  color:#d8f3fa;
}

.navigation-clean-button.navbar-inverse .navbar-brand:hover{
  color:#f0f0f0;
}

.navigation-clean-button .navbar-brand img{
  height:100%;
  display:inline-block;
  margin: 0 auto;
  width:auto;
}

.navigation-clean-button .navbar-toggle{
  border-color:#fff;
}

.navigation-clean-button .navbar-toggle:hover, .navigation-clean-button .navbar-toggle:focus{
  background:none;
}

.navigation-clean-button.navbar-inverse .navbar-toggle{
  border-color:#555;
}

.navigation-clean-button .navbar-toggle .icon-bar{
  background-color:#888;
}

.navigation-clean-button.navbar-inverse .navbar-toggle .icon-bar{
  background-color:#eee;
}


/*Hauptnavigation 

.navigation-clean-button .navbar-collapse, .navigation-clean-button .navbar-form{
  border-top-color:#fff; float:right;font-size: 90%; font-weight:900;
}

.navigation-clean-button.navbar-inverse .navbar-collapse, .navigation-clean-button.navbar-inverse .navbar-form{
  border-top-color:#333;
}

.navigation-clean-button .navbar-nav > .active > a, .navigation-clean-button .navbar-nav > .open > a{
  background:none;
  box-shadow:none;
}

.navigation-clean-button.navbar-default .navbar-nav > .active > a, .navigation-clean-button.navbar-default .navbar-nav > .active > a:focus, .navigation-clean-button.navbar-default .navbar-nav > .active > a:hover{
  color:#8f8f8f;
  box-shadow:none;
  background:none;
  pointer-events:none;  

}

.navigation-clean-button.navbar .navbar-nav > li > a{
  padding-left:12px;
  padding-right:12px; 
}

.navigation-clean-button.navbar-default .navbar-nav > li > a{
  color:#cdcdcd;
}

.navigation-clean-button.navbar-default .navbar-nav > li > a:focus, .navigation-clean-button.navbar-default .navbar-nav > li > a:hover{
  color:#000 !important;
  background-color:#fff;  font-size: 100%;

}

.navigation-clean-button .navbar-nav > li > .dropdown-menu{
  margin-top:-5px;
  box-shadow:0 4px 8px rgba(0,0,0,.1);
  background-color:#fff;
  border-radius:2px;
}

.navigation-clean-button .dropdown-menu > li > a:focus, .navigation-clean-button .dropdown-menu > li > a{
  line-height:25px;
  font-size: 110%;
  color:#333;
}

.navigation-clean-button .dropdown-menu > li > a:focus, .navigation-clean-button .dropdown-menu > li > a:hover{
  background:#d8f3fa;
  color:inherit;
}

.navigation-clean-button.navbar-inverse{
  background-color:#1f2021;
  color:#fff;
}

.navigation-clean-button.navbar-inverse .navbar-nav > .active > a, .navigation-clean-button.navbar-inverse .navbar-nav > .active > a:focus, .navigation-clean-button.navbar-inverse .navbar-nav > .active > a:hover{
  color:#8f8f8f;
  box-shadow:none;
  background:none;
  pointer-events:none;
}

.navigation-clean-button.navbar-inverse .navbar-nav > li > a{
  color:#dfe8ee;
}

.navigation-clean-button.navbar-inverse .navbar-nav > li > a:focus, .navigation-clean-button.navbar-inverse .navbar-nav > li > a:hover{
  color:#fff !important;
  background-color:transparent;
}

.navigation-clean-button.navbar-inverse .navbar-nav > li > .dropdown-menu{
  background-color:#1f2021;
}

.navigation-clean-button.navbar-inverse .dropdown-menu > li > a:focus, .navigation-clean-button.navbar-inverse .dropdown-menu > li > a{
  color:#f2f5f8;
}

.navigation-clean-button.navbar-inverse .dropdown-menu > li > a:focus, .navigation-clean-button.navbar-inverse .dropdown-menu > li > a:hover{
  background:#363739;
}

 .navigation-clean-button.navbar .navbar-nav > li > a{
  padding-left:50px;
  padding-right:50px; 
}



.navigation-clean-button .actions{
  margin-top:7px;
  margin-bottom:0;
}

.navigation-clean-button .actions .login{
  margin-right:7px;
  text-decoration:none;
  color:#465765;
}

.navigation-clean-button.navbar-inverse .actions .login{
  color:#dfe8ee;
}

.navigation-clean-button.navbar-inverse .actions .login:hover{
  color:#fff;
}

.navigation-clean-button .action-button, .navigation-clean-button .action-button:active{
  background:#56c6c6;
  border-radius:20px;
  color:#fff;
  box-shadow:none;
  border:none;
  text-shadow:none;
  padding:10px 22px;
  transition:background-color 0.25s;
}

.navigation-clean-button .action-button:hover{
  background:#66d7d7;
}

.navigation-clean-button.navbar-inverse .action-button, .navigation-clean-button.navbar-inverse .action-button:active{
  background:#208f8f;
}

.navigation-clean-button.navbar-inverse .action-button:hover{
  background:#269d9d;
}



.navigation-clean-button .navbar-collapse, .navigation-clean-button .navbar-form{
  border-top-color:#ddd; float:left;
}


*/