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

/* ----------------------------------------------------------------------------- * 
 * Verwendete Farben
 * Farbton (Hintergrund): #
Farbton (rubinrot): #9B111E
Farbton (anthrazitgrau): #293133

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

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


/* bebas-neue-regular - latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bebas-neue-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/bebas-neue-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bebas-neue-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/bebas-neue-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/bebas-neue-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/bebas-neue-v8-latin-regular.svg#BebasNeue') format('svg'); /* Legacy iOS */
}

  
  
body, html {  height: 100%;    margin: 0; }

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); height:100%; margin:0;}

.darkfond {background-color: #293133;}
.lightfond {background-color: #dadada;}

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

.darkcolor {color: #293133;}
.color {color: #9B111E;}
.invers {	color: #FFF;}

.darkercolor {background-color: #001625;}






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

h1, h2  {font-family: 'Roboto', Arial, sans-serif; font-weight: 400;}
h3 {font-family: 'Roboto', Arial, sans-serif; font-weight: 300;}
h4 {font-family: 'Roboto', Arial, sans-serif; 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: #0B2637; font-size: 3.5rem; line-height: 3.7rem;  text-align:center;}


h2.invers  {color: #FFF; font-size: 3.5rem; line-height: 3.7rem;}

h3  {color: #0B2637; 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; }

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  {color: #FFF; font-size: 2.4rem; line-height: 2.8rem; text-align:center;}

p {font-size: 2.0rem; line-height:2.6rem;}
p.center {font-size: 2.0rem; line-height:2.6rem; text-align: center;}
p.invers {color: #FFF; }
p.small-invers {color: #FFF; font-size: 1.6rem; line-height:1.8rem;}
p.link {color: rgba(0,0,0,0.9);  font: bold 1.4rem/1.5rem Arial, sans-serif;}
p.year {font-size: 2.6rem; color:#870a24; font-weight:600; line-height:2.8rem; margin-bottom:0;}
p.footer    {  color: #FFF; }

p.display {font-family: 'Bebas Neue', Arial, sans-serif; font-weight: 400; font-size: 4.0rem; line-height:4.4rem; margin-bottom:0px; color:#293133; text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #a1a1a1; }

@media only screen and ( min-width: 1000px ) {
    .umbruch::before {
        content: "\A";
        white-space: pre;
    }
}

@media screen and (max-width:600px) {p.display {font-size: 4.0rem; line-height:4.2rem; color:#293133; hyphens:auto; margin-bottom:1rem;}
}

.kontaktinfo {display: inline-block; width: 200px; padding: 10px 5px; text-align:left;}	
@media screen and (max-width:600px) {.kontaktinfo {display: inline-block; width: 150px; padding: 10px 0px; text-align:left;}	}

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


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


/*---- Links auf dunklen Hintergrund ----*/
a.footer:link, a.footer:visited, a.footer:hover, a.footer:focus, a.footer:active { color: #fff;    text-decoration: none;}
a.header:link, a.header:visited, a.header:hover, a.header:focus, a.header:active {  color: #fff;    text-decoration: none;}
a.contact:link, a.contact:visited, a.contact:hover, a.contact:focus, a.contact:active {  color: #fff;    text-decoration: none;}



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

.bullet-text li { font: 300 1.8rem/2.2rem 'Roboto', Arial, Helvetica, sans-serif; ;
			background: transparent url(../images/bullet.gif) 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 'Roboto', 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;
		}