/* rte.css ist auf der Quellwebsite nicht erreichbar (404). */


/* ---------------  Box-Model --------------- */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }





/* ---------------  Grid 12 Columns  ---------------  */
.row {margin:0 0 5% 0;}
.row:before { content: ""; display: table; }
.row:after { content: ""; display: table; clear: both; }

.col {
	border:0px solid rgba(0,0,0,0);
	float:left; 
  padding:0 5%;  
  border:0px solid rgba(0,0,0,0);
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -moz-background-clip:padding-box !important;
  -webkit-background-clip:padding-box !important;
  background-clip:padding-box !important;  }

.col .span_12, 
.col:first-child { 
	margin-left:0; }

.span_1, 
.span_2, 
.span_3, 
.span_4, 
.span_5, 
.span_6, 
.span_7, 
.span_8, 
.span_9, 
.span_10, 
.span_11, 
.span_12 { 
	margin:0; width:100%; }


 

/* --------------- Element-Formate --------------- */ 

html {
	font-size:62.5%; 
	font-family: 'Lato', sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-weight:300;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

body {
  background-color: #FFF;
  /* color:#6B5E4E; */
  color:#5C5C5E;
  line-height: 1.42857143; }


/* Headers */
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0 0 1em 0; font-family:inherit; line-height:1.0;}
h1, h2, h3, h4 { letter-spacing: 0.05em; font-variant:small-caps; color:#5D5D5F;}
h2, h3 {text-align:center; }
h1 { font-size: 2.2em; margin:0 ; color:000;} 
h2 { font-size: 1.8em; margin:0 0 0.5em;}   
h3 { font-size: 1.4em; margin-bottom:0; font-variant:normal; }
h4 { font-size: 1.0em; } 
h5 { font-size: 1.0em; }
h6 { font-size: 1.4; font-style:italic } 


/* Text und Listen*/
p, ul, ol { 
	font-size: 1.6em;
	line-height: 1.4em;
  margin: 0 0 1em 0; }

menu, ol, ul, .content-textpic-intext-left ol, .content-textpic-intext-left ul {
  padding:0; }
  
.span_12 ul {
  padding-left:10%; }

li {
	margin-bottom:0.5em; } 


/* Silbentrennung */
h1, h2, h3, h4, h5, h6, p, li { 
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; }
 
nav li { 
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none; }
   
/* Links */
a {
  background: transparent;
  text-decoration: none; }

a:link, a:visited {
  color:#BCCF02; /*#B79D7C;*/
  -webkit-tap-highlight-color:rgba(255,0,0,0.5); }
  
a:hover, a:active {
	color:#BCCF02;
	outline: 0;}
	
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }	


/* Bilder */
img {
  border:none;
  max-width:100%;
  height:auto;
  width: auto; /* IE8 */}

figure {
  margin: 0; }

img {
  vertical-align: middle; }


/* Trennlinie */
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee; }


/* Tabellen */
table {
  margin: 0 0 2em 0; }
td, th {
	font-size: 1.6em;
	padding:0 1em 0 0; }  
td a {
	margin:0;
  padding:0;}  


/* Formulare */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

 
/* Hilfsklassen */ 
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.text-muted { color: #777; }
.text-primary { color: #428bca; }
.text-small { font-size:0.65em; }
.noMarginBottom { margin-bottom:0; }  

.list-unstyled {
  padding-left: 0;
  list-style: none; }
    
.page {
  margin:0 auto;
  padding:0;}



 



/*----- noscript -----*/

.no-js-alert {
    background-color: #FFFFFF;
    color: #F00;
    font-size: 1.2em;
    padding: 1em;
    position: relative;
    text-align: center;
    top: 0;
    z-index: 100; }



/*----- container -----*/
#container {  } 




/*----- header -----*/
header { }

#headerInner {   }


/* logo */
#logo { 
  margin: 20px 0; 
  text-align:center;}

#logo h1 {
  margin-bottom:0; }

#logo img {
	padding:0  0.727em;
	max-width: 100%;
	height: auto; }


/* nav */
nav {
    font-variant: small-caps;}

nav p {
  background: none repeat scroll 0 0 #bccf02;
  display: block;
  margin-bottom: 0;
  padding: 0.4em 0;
  text-align: right;}

.no-js nav p {
	display:none; }	
	
nav p a.menu-link { 
  display:block; 
  color: #fff; 
  background-color: transparent;
  text-decoration: none;
  padding-right:1em;}

nav p a.menu-link:after {
    color: #FFF;
    content: "\25BC" " "; 
    list-style-position: inside; }

nav ul.navMain {
	font-weight:400;
	margin:0; 
	padding:0;
	display:none;
	overflow:hidden;}
	
.no-js nav ul.navMain {
	display:block; }	

nav ul.navMain.active {
    display:block; }	

nav ul.navMain li {
    margin: 0;
    padding: 0;}

nav ul.navMain li a {
  background-color: #BCCF02;
  color: #000;
  float:left;
  text-decoration:none;
  text-align:center;
  padding: 0.3em;
  margin-top:1%; 
  letter-spacing: 0.1em; 
  width:100%;}

nav ul.navMain li a:hover {
    background-color: #009D8B;
    color: #fff;
    transition-delay: 0s;
    transition-duration: 100ms;
    transition-property: all;
    transition-timing-function: linear;} 





/*----- headerImage -----*/
#headerImage {
  background-color:#6B5E4E; }

#headerImage .headerImg{
  display: none; 
  margin: 0 auto; }  





/*----- content -----*/

#content { }
 
#contentInner {
	margin:0 auto 5% auto; }

/* Headers */
#content .headlines {
	margin:5em 0; }
#content h2 {
  border-bottom: solid 1px #5C5C5E;}
#content h3 {
  font-weight:300; }

/* Listen */
#content ul { 
  list-style-type: none; }
#content ul li { 
    padding-left: 30px;
    margin-left: 0px;
    background-image:url(../img/listImg.png);
    background-repeat:no-repeat;
    background-position:left center; }
/*#content li:before { 
  content:'\2714';
  color:#BCCF02; 
  font-size:2em;
  padding-right:0.5em;
  list-style-position: outside;}*/
#content ul.list-unstyled li:before {
    content: ""; }
#content ol.indicator li:before {
    content: ""; }    
	


/* content-textpic */

/* Bild */
div.content-textpic-imagewrap img {
  display: block;
  margin: 0 auto;  }


/* content-textpic-center */
div.content-textpic-center .content-textpic-center-outer {
    max-width: 100%; }
div.content-textpic-center .content-textpic-center-inner {
    width: 100%; } 

/* content-textpic-intext-left */
div.content-textpic-intext-left .content-textpic-imagewrap,
div.content-textpic-intext-left .content-textpic-text {
  width:100%; }


/* content-textpic-intext-left-nowrap */   
div.content-textpic-intext-left-nowrap .content-textpic-text {
    margin:0; }
 


 


/* ----- footer ----- */

footer { 
	background-color:#6B5E4E; 
	color:#FFF;
	text-align:center;
	width:100%; }

#footerInner,
#footerCopyright {	
	padding: 2%; }

footer .col {padding:0}
footer .footerCol_1 {}
footer .footerCol_2 {}
footer .footerCol_3 {}
footer .footerCol_4 { 
	margin:6% 0 3%;}	

footer h2 {
	display:none;
	color:#FFF;
	margin:2em 0 1em 0;
	font-size:1.8em;}

footer p,
footer ul, 
footer td {
  font-size:1.2em; }  

footer p {
  margin-bottom:0; }  


footer ul.navFooter {
	margin-bottom:0;
  padding-left:0; 
  list-style: none; } 

footer ul.navFooter li {
  display: inline; 
  margin:0 1em;}
footer ul.navFooter li:first-child {
  display: inline; 
  margin-left:0;}     
 
footer a:link, footer a:visited {
  color:#FFF; }  

footer a:hover, footer a:active, footer li:active a {
  color:#C3BCB0; }  

footer ul.navFooter a {
  text-decoration:none; 
  diplay:block;
  padding:0.6em 0.8em;}
  
footer ul.navFooter a:link,
footer ul.navFooter a:visited {
  background-color:#BCCF02; }	
 
footer ul.navFooter a:hover,
footer ul.navFooter a:active {
  background-color:#009D8B; }   

footer .footerImg { 
	display:none; }
	
#footerCopyright {
	clear:both; 
  text-align:center; 
  font-size: 0.8em;}

   

 /* -------------- Gallery -------------- */

#content .gallery-items li {
	background: none;}

.span_12 .album-gallery ul {
	padding-left:0; }

.gallery-breadcrumbcomtainer,
.gallery-pager {
	display: none; }



.album-item-thumb-innerframe {
	border: 1px solid #CCC;
	padding:10px; }

  
/* -------------- easy clearing -------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden; }

/* IE-Patch für IE 7*/
*:first-child+html .clearfix { min-height: 0; }

/* IE-Patch für IE 6*/
* html .clearfix { height: 1%; }





/* ------------------------------------------------------------------------------------ 
                 Media Queries 
--------------------------------------------------------------------------------------- */



/* ----------- 500px und mehr  -------------- */
@media (min-width: 500px) { 

	/* Grid 12 Columns  */
	.span_6 { width:49.0%; }

  /* Headers */
  h1 { font-size: 2.4em; } 
  h2 { font-size: 2.0em; }   
  h3 { font-size: 1.6em; }

	
	/* footer */
	footer ul.navFooter li {
  display: inline; 
  margin:0 1em;}

}

/* ----------- 600px und mehr  -------------- */
@media only screen and (min-width: 600px) {

   /* Grid 12 Columns  */
  .col { margin-left:2%; }
  .row .col:first-child { margin-left:0; }
  .span_1 { width:6.5%; }
  .span_2 { width:15.0%; }
  .span_3 { width:23.5%; }
  .span_4 { width:32.0%; }
  .span_5 { width:40.5%; }
  .span_6 { width:49.0%; }
  .span_7 { width:57.5%; }
  .span_8 { width:66.0%; }
  .span_9 { width:74.5%; }
  .span_10 { width:83.0%; }
  .span_11 { width:91.5%; }
  .span_12 { width:100%; }
   
	
	/* Headers */
	h2, h3 {text-align:left;}
	h1 { font-size: 2.8em; } 
	h2 { font-size: 2.4em; }   
	h3 { font-size: 2.0em; }
	h4 { font-size: 1.6em; } 
	h5 { font-size: 1.4em; }
	h6 { font-size: 1.2em; font-style:italic } 

	 /* Hilfsklassen */ 
 	.page { padding: 0 1%;}	

  /* Header */
  #headerImage .headerImg{
    display: block; 
    margin: 0 auto; }  	
		
	/* nav */
	nav { }
	nav p { display:none;}  
	nav ul.navMain  { display:block; text-align:center; }
	nav ul.navMain li { display:inline-block; margin:0 1.5% -6px 1.5%; }
	nav ul.navMain li a {background-color:transparent; margin:0 1.5%; width:auto; color: #6B5E4E;}
	nav ul.navMain li a:hover,
	nav ul.navMain li.active a { background-color: #BCCF02; color: #fff; }

        
  /*content-textpic */
  /* Bild links neben Text */
  div.content-textpic-intext-left-nowrap .content-textpic-imagewrap,
  div.content-textpic-intext-left-nowrap .content-textpic-text { padding: 0 1%; width: 49%;}
  div.content-textpic-intext-left-nowrap .content-textpic-text { margin-left: 51%; }
  div.content-textpic-intext-left .content-textpic-imagewrap, 
  div.content-textpic-intext-left-nowrap .content-textpic-imagewrap { margin-right: 0; }  
    /* Bild über Text */
  div.content-textpic-center content-textpic-above .content-textpic-imagewrap,
  div.content-textpic-center content-textpic-above .content-textpic-text {width:100%;}
    
	/* footer */
  footer .span_2, 
  footer .span_3 {width:32%;}
  footer .span_4 {width:100%;} 
	footer .footerCol_4 { margin:0; }
	footer .footerCol_1 {margin-bottom:5%;}	
	footer ul.navFooter {margin-top:0;}
	footer ul.navFooter li { display: block; margin:1em 0 0;}
	footer ul.navFooter li:first-child { margin-top:0;}
	footer ul.navFooter a { display: block; padding: 0.6em 0.1em; text-decoration: none; }
	#footerCopyright {margin-top:4em;}
   
}



/* ----------- 760px und mehr  -------------- */
@media only screen and (min-width: 760px) {

	/* Text und Listen*/
  p, ul, ol { 
    font-size: 1.8em;
    line-height: 1.4em;
    margin: 0 0 1em 0; }
    
  .span_12 ul {
    padding-left:5%; }  
	
	#contentInner {
	  padding: 0 2% 5% 0; }

  /* csc textpic */
  /* content-textpic-intext-left */
  div.content-textpic-intext-left .content-textpic-imagewrap { width: 40%; margin:0 5% 1% 0;}
  div.content-textpic-intext-left .content-textpic-imagewrap .content-textpic-image { margin-bottom: 0; }
  div.content-textpic-intext-left .content-textpic-text { }
	
	 /* nav */
  nav ul {font-size:1.8em;}

  /* footer */
  footer img.logoFooter {margin-top:2em;}
  #footerCopyright { padding: 1%;}
  
}






/* ----------- 960px und mehr  -------------- */
@media only screen and (min-width: 960px) {
  
   /* Grid 12 Columns  */


  /* Headers */
  h1 {text-align:left;}
  h2 {font-size:3em; }   
  h3 {font-size:2.4em; }
 
 /* Text und Listen*/
	p, ul, ol { 
	  font-size: 2em;
	  line-height: 1.4em;
	  margin: 0 0 1em 0; } 
	  
  /* Hilfsklassen */
  .page { max-width:1280px; }
  
 	/* headerInner */
	#headerInner { display:table; width:100%; }
	
	/* logo */
	#logo { text-align:left; display:table-cell; }
	#logo img { position:relative; z-index:100; top:36px; max-width: none;}
	
	/* nav */
	nav { display:table-cell; width:100%; padding-left:3%; vertical-align:bottom; }
	nav ul { font-size:1.8em; }
	
	/* content */
	menu, ol, ul, .content-textpic-intext-left ol, .content-textpic-intext-left ul {
  padding-left:40px;
  overflow:auto; }

  /* footer */
  footer {text-align:left;}
  footer .span_2 { width:15.0%; }
  footer .span_3 { width:23.5%; }
  footer .span_4 { width:32.0%; }
  footer h2 { display:block; } 
  footer p, footer ul, footer td { font-size:1.4em; } 
  footer ul.navFooter a { padding: 0;}
  footer ul.navFooter a:link, 
  footer ul.navFooter a:visited { background-color: transparent; }
  footer ul.navFooter a:hover,
  footer ul.navFooter a:active { background-color:transparent; }
  footer .footerImg {display:block; float:right; margin-top:-35%; }

}

/* ----------- 1280px und mehr  -------------- */
@media only screen and (min-width: 1280px) {
  
  /* footer */
 #footerInner {padding:1% 2% 0.2%;} 
 #footerCopyright { padding: 0.2%; margin-top:0.2%;}

}




/* -------------- IE10 Snap Mode -------------- */

@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}