/* ----------------------------------------------------------------------------- * 
 *                      Basic: Farben und Schriften                         *
 * ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- * 
 * Verwendete Farben
 * Farbton (Hintergrund): #2E3640
Farbton (grün): #AABE3C
Farbton (dunkelgrün): #939E49 
Farbton (xxx): #xxx 
Farbton (xxx): #xxx
 * ----------------------------------------------------------------------------- */


/* roboto-300 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-regular - latin */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  
/* comfortaa-300 - latin */
@font-face {
	font-family: 'Comfortaa';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/comfortaa-v40-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/comfortaa-v40-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/comfortaa-v40-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/comfortaa-v40-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/comfortaa-v40-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/comfortaa-v40-latin-300.svg#Comfortaa') format('svg'); /* Legacy iOS */
  }
  
  /* comfortaa-regular - latin */
  @font-face {
	font-family: 'Comfortaa';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/comfortaa-v40-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/comfortaa-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/comfortaa-v40-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/comfortaa-v40-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/comfortaa-v40-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/comfortaa-v40-latin-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */
  }
  


html    { font-size: 10px;}
body {  background-color: none; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 1.7rem; /* 17px */ line-height:1.7rem; color: rgba(0,0,0,0.9)}

.darkfond {background-color: #2E3640;}
.lightfond {background-color: #DADADA;}
.lightfond-grad {background: linear-gradient(to bottom right, rgba(0,0,0,0.5), rgba(0,0,0,0.1))}

.colorfond {background-color: #aabe3c;}
.whitefond {background-color: #FFF;}
.blackfond {background-color: #1C2633;}

.darkcolor {color: #2E3640;}
.color {color: #aabe3c;}





/* ----------------------------------------------------------------------------- * 
 *                             Textauszeichnungen                                *
 * ----------------------------------------------------------------------------- */

h1, h2  {font-family: 'Roboto', Arial, sans-serif; font-weight: 300;}
h3 {font-family: 'Roboto', Arial, sans-serif; font-weight: 300;}
h4 {font-family: 'Comfortaa', cursive; font-weight: 300;}
p {font-family: 'Roboto', Arial, sans-serif; font-weight: 300;}

h1  {font-size: 1.250em; /* 36px; */ line-height: 1.5em; /* 54px */ text-align:center;}
h1 span {display: none;}

h2  {color: #3E3E3D; font-size: 3.5rem; line-height: 3.7rem; }
h2.center  {color: #3E3E3D; font-size: 3.5rem; line-height: 3.7rem;  text-align:center;}
h2.invers  {color: #FFF; font- size: 3.5rem; line-height: 3.7rem;  }
h2.sub { color: #3E3E3D; font-size: 2.2rem; line-height: 2.4rem; font-weight:400;text-align:center; }

h3  {color: #2E3640; font-size: 2.4rem; line-height: 2.6rem; }
h3.center  {color: #2E3640; font-size: 2.4em; line-height: 2.4em; text-align:center; }
h3.invers  {color: #FFF; font-size: 2.4em; line-height: 2.4em; }
h3.sub { color: #3E3E3D; font-size: 1.8rem; line-height: 2.4rem; font-weight:300; }


h3 + p {margin-top: 0rem}


h4  {color: #2E3640; font-size: 2.0rem; line-height: 2.0rem;  }
h4.invers  {color: #FFF; font-size: 2.4rem; line-height: 2.8rem; }
h4.invers-center  {font-family: 'Comfortaa', cursive; font-weight:300; color: #FFF; font-size: 2.4rem; line-height: 2.8rem; text-align:center;}

h4 + p {margin-top: 0rem}


p {font-size: 1.8rem; line-height:2.4rem;}
p {color: rgba(0,0,0,0.8); }
p.invers {color: #FFF; }
p.small { font-size:1.4rem; line-height: 1.6rem;}
p.link {color: rgba(0,0,0,0.9);  font: bold 1.4rem/1.5rem Arial, sans-serif;}
p.no-m {font-size: 1.6rem; line-height:1.8rem; background:yellow;}

p.footer    {  color: #FFF; }



tr {font: 0.9em/1.5em Arial, Helvetica, sans-serif;}



a:link, a:visited { color: #AABE3C;  text-decoration: none;}
a:hover, a:focus, a:active {color: #4E4E4D; text-decoration: none;}



/*---- Links auf dunklen Hintergrund ----*/
a.footer:link, a.footer:visited, a.footer:hover, a.footer:focus, a.footer:active { font-family: 'Comfortaa', cursive; font-weight:300; color: #fff;    text-decoration: none;}




/* Icon Pfeil rechts*/
.mehr:before {	content:\f10a;	font-family: "Ionicons";    font-size: 10px;    padding: 0 10px 0 0;     }

a.mehr:link, a.mehr:visited { color: #962832;  font-weight:bold; text-decoration: none;}
a.mehr:hover, a.mehr:focus, a:active {color: #000; text-decoration: none;}


/* Listen */
ul {	margin-left:0;padding-left:0}

.bullet-text li { font: 400 1.8rem/2.2rem 'Roboto', Arial, Helvetica, sans-serif; color: rgba(0,0,0,0.6);
			background: transparent url(../images/bullet.jpg) 0 8px no-repeat;
			list-style-type: none;
			margin: 0 0 10px 0; 
			padding: 0 0 0 15px;
		}

.bullet-text-invers li { font: 400 1.8rem/2.4rem 'Source Sans Pro', Arial, Helvetica, sans-serif;
			color: #fff;
			background: transparent url(../images/bullet.jpg) 0 8px no-repeat;
			list-style-type: none;
			margin: 0 0 10px 0; 
			padding: 0 0 0 15px;
		}