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

/* ----------------------------------------------------------------------------- * 
 * Verwendete Farben
 /*
Farbton (Logo blau): #163f7c 
Farbton (Text): #4E4E4D


F
 * ----------------------------------------------------------------------------- */

/* source-sans-pro-300 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 300;
	src: local(''),
		 url('../fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('../fonts/source-sans-pro-v21-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  
  /* source-sans-pro-regular - latin */
  @font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: local(''),
		 url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  
  /* source-sans-pro-600 - latin */
  @font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	src: local(''),
		 url('../fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('../fonts/source-sans-pro-v21-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  

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

.darkfond {background-color: #04214A;}
.lightfond {background-color: #456AA1;}
.colorfond {background-color: #163f7c;}
.whitefond {background-color: #FFF;}
.blackfond {background-color: #1C2633;}

.darkcolor {color: #2E3640;}
.color {color: #163f7c;}



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

h1, h2  {font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: 400; }
h3 {font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: 300; }


h1  {color: #163f7c; font-size: 4.0rem; line-height:4.4rem; display:block; }
h1 span {display: none;}

h2  {color: #163f7c; font-size: 4.0rem; line-height:4.0rem; display:block;  }
h2.sub { color: #FFF; font-size: 1.2rem;  }
h2.invers  {color: #FFF; font-size: 4.0rem; line-height:4.4rem; display:block;  }

h3  {color: #163f7c; font-size: 3.0rem; line-height:2.8rem; }
h3.invers  {color: #FFF; font-size: 2.6rem; line-height:2.8rem;}

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.large-invers {color: #FFF; font-size:3.5rem; margin:-0.4rem 0; }

p.footer    {  color: #FFF; }

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

a:link, a:visited { color: #163f7c;  text-decoration: none;}
a:hover, a:focus, a:active {color: #163f7c; text-decoration: none;}

/*---- Links auf dunklen Hintergrund ----*/
a.footer:link, a.footer:visited, a.footer:hover, a.footer:focus, a.footer:active {font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight:400; 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: 2.0rem/2.2rem 'Source Sans Pro', Arial, Helvetica, sans-serif;
			color: #163f7c;
			background: transparent url(../images/bullet.png) 0 8px no-repeat;
			list-style-type: none;
			margin: 0 0 10px 0; 
			padding: 0 0 0 20px;
		}


.check li { font: 300 2.0rem/2.4rem 'Source Sans Pro', Arial, Helvetica, sans-serif;
			color: #4E4E4D; list-style-type: none;	margin: 0 0 20px 0; padding: 0 0 0 0;		}
.check li:before {font-family: FontAwesome;   content: "\f046";   padding-right: 10px;   color:#163f7c;}

.level2 li { font: 300 2.0rem/2.2rem 'Source Sans Pro', Arial, Helvetica, sans-serif;
			color: #4E4E4D; list-style-type: square;	margin: 0 0 0 50px; padding: 0 0 0 0;		}
.level2 li:before {display:none;}