/* FONTS */
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight_italic';
    src: url('../fonts/roboto-lightitalic-webfont.eot');
    src: url('../fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-lightitalic-webfont.woff') format('woff'),
         url('../fonts/roboto-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'web_serveroffregular';
    src: url('../fonts/Web_Serveroff-webfont.eot');
    src: url('../fonts/Web_Serveroff-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Web_Serveroff-webfont.woff') format('woff'),
         url('../fonts/Web_Serveroff-webfont.ttf') format('truetype'),
         url('../fonts/Web_Serveroff-webfont.svg#web_serveroffregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mathilderegular';
    src: url('../fonts/mathilde-webfont.eot');
    src: url('../fonts/mathilde-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mathilde-webfont.woff2') format('woff2'),
         url('../fonts/mathilde-webfont.woff') format('woff'),
         url('../fonts/mathilde-webfont.ttf') format('truetype'),
         url('../fonts/mathilde-webfont.svg#mathilderegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/***** GENERAL *****/

body {
	font-size: 100%; /* 16px */
	font-family: 'robotolight';
}

p {
	font-size: 1em; /* 16px */
	line-height: 1.6;
    /*text-rendering: optimizeLegibility;*/
}

strong {
	font-family: 'robotoregular';	
}

em, i {
	font-family: 'robotolight_italic';	
}

/***** Überschriften *****/
h1, h2, h3, h4, h5 {
	line-height: 1.4; 
	/*text-transform: uppercase;*/
	font-family: 'web_serveroffregular';
}

h1 {font-size: 1.75em; }/* 28px */
h2 {font-size: 1.5em; /* 24px, 24/16=1.5 */ }
h3 {font-size: 1.3125em;} /* 18px, 18/16=1.3125 */
h4 {font-size: 1.3125em;} /* 18px, 18/16=1.3125 */
h5 {font-size: 0.75em;} /* 12px, 12/16=0.75 */

/***** Links *****/

/***** Styles *****/

.subnavpage #subnav ul#header_menu li {
	font-size: 0.875em; /* 14px */	
}

pre { /*signature*/
	font-family: 'mathilderegular';
	font-size: 3em; /* 48px */
	font-style: italic;
}

/***** Styles - Sections *****/

section#teaser h1 {
	font-size:2.125em; /* 34px */
	/*text-transform: Uppercase;*/
	font-weight: bold;
	color: #fff;
	width: 50%;
	line-height:32px;
	margin-bottom: 15px;
}

section#teaser p {
	font-size: 1.250em; /* 20px */
	color: #fff;
	width: 70%;
	line-height:26px;
	margin-bottom: 15px;
}

section#teaser p.signature {
	font-size:1.125em; /* 18px */	
	font-style: italic;
	color: #fff;
	line-height:20px;
}

.box .caption-overlay h3 {
	font-size: 1.5em; /* 24px */
	font-weight: bold;
}

.box .caption-overlay {
	font-size: 1em; /* 16px */
    letter-spacing: 0.075em;
    line-height: 22px;   
	font-weight: bold;
}

.box.infobox .caption-overlay { 
	font-size: 0.875em; /* 14px */
}

#content table thead tr {
	font-family: 'robotoregular';	
}

footer {
	font-size: 0.875em; /* 14px */
}

/* 4 Smartphones */ 
/*@media only screen and (max-width: 40.063em) { */
@media only screen and (max-width: 41.688em) {
	body {
		font-size: 81.3%; /* 13px */
	}
	
	a#pull {
		font-size: 1.25em; /* 16,25px */
	}
	
	footer {
		font-size: 1em;
	}
}