@font-face {
	font-family: 'Lato';
	src: url('Lato-Regular.eot');
	src: url('Lato-Regular.eot?#iefix') format('embedded-opentype'),
	url('Lato-Regular.woff') format('woff'),
	url('Lato-Regular.ttf') format('truetype');}

@font-face {
	font-family: 'Lato Bold';
	src: url('Lato-Bold.eot');
	src: url('Lato-Bold.eot?#iefix') format('embedded-opentype'),
	url('Lato-Bold.woff') format('woff'),
	url('Lato-Bold.ttf') format('truetype');}

@font-face {
	font-family: 'Lato Italic';
	src: url('Lato-Italic.eot');
	src: url('Lato-Italic.eot?#iefix') format('embedded-opentype'),
	url('Lato-Italic.woff') format('woff'),
	url('Lato-Italic.ttf') format('truetype');}

@font-face {
	font-family: 'Lato BoldItalic';
	src: url('Lato-BoldItalic.eot');
	src: url('Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
	url('Lato-BoldItalic.woff') format('woff'),
	url('Lato-BoldItalic.ttf') format('truetype');}

/*Schriftgrößen*/
body.fonts h1 span {font-size: 1.875em;}
body.fonts h2 {font-size:1.375em;}
body.fonts .inhalt-karte-gmap .gm-style-iw {font-size:1.25em;}
body.fonts h3 {font-size:1.25em;}
body.fonts caption {font-size:1.0625em;}
body.fonts h4, body.fonts pre {font-size:1.0625em;}
body.fonts h5, body.fonts h6,
body.fonts dl, body.fonts li, body.fonts p, body.fonts address, body.fonts .p,
body.fonts fieldset, body.fonts legend, body.fonts label, body.fonts .label,
body.fonts input, body.fonts select, body.fonts textarea, body.fonts td, body.fonts th,
body.fonts .inhalt-suche-ergebnis-url, body.fonts ul.websites-liste li {font-size:1.0625em;}
body.fonts.seite .inhalt-mitteilung .inhalt-mitteilung-datum {font-size:1.0625em;}
body.fonts .inhalt-media p, body.fonts .inhalt-formular-checkbox p {font-size:1.0625em;}

/*Schriftgrößen Reset*/
body.fonts .inhalt-baustein th *, body.fonts .inhalt-baustein td *,
body.fonts .inhalt-baustein li ul, body.fonts .inhalt-baustein li ol,
body.fonts li li, body.fonts li *, body.fonts dl *,
body.fonts pre *, body.fonts address *,
body.fonts .inhalt-dokument-liste li {font-size:1em;}

/*Roboto Regular*/
body.fonts, body.fonts blockquote cite {font-family:Lato; font-weight:normal; font-style:normal;}

/*Roboto Bold*/
body.fonts h4, body.fonts h5,
body.fonts strong, body.fonts b, body.fonts dt, body.fonts legend,
body.fonts caption, body.fonts th,
body.fonts #hinweis.fehler, body.fonts blockquote,
body.fonts .inhalt-mitteilung-datum,
body.fonts .inhalt-formular-senden-erfolgreich, body.fonts .inhalt-formular-senden-fehler,
body.fonts .inhalt-formular-feld-fehleingabe .inhalt-formular-checkbox-label label,
body.fonts p.button a, body.fonts input.submit,
body.fonts #footer ul.nav-liste a, body.fonts #nav ul a span, body.fonts #slogan, body.fonts #cookiehinweis .submit, body.fonts .cookiehinweis-inhalt strong {font-family:'Lato Bold'; font-weight:normal; font-style:normal;}

body.fonts .inhalt-beitrag-kundenstimme blockquote cite, 
body.fonts .inhalt-beitrag-kundenstimme blockquote {font-family:Arial, Helvetica, Droid, "Trebuchet MS", Tahoma, Geneva, sans-serif;}

/*Roboto Italic*/
body.fonts em, body.fonts i,
body.fonts span.inhalt-kommentar-autor,
body.fonts .inhalt-suche-ergebnis-fehler span, body.fonts .inhalt-suche-ergebnis-url {font-family:'Lato Italic'; font-weight:normal; font-style:normal;}

/*Roboto Bolditalic*/
body.fonts em strong, body.fonts strong em,
body.fonts span.inhalt-beitrag-autor {font-family:'Lato BoldItalic'; font-weight:normal; font-style:normal;}

/*Merriweather Bold*/
body.fonts h1 span, body.fonts h2, body.fonts.mitteilung .inhalt-mitteilung h2, body.fonts h3 {font-family:'Lato Bold'; font-weight: normal; font-style: normal;}

/*Mobilansicht*/
body.fonts.mobil .nav-titel,
body.fonts.mobil .inhalt-beitrag-mehr a, body.fonts.mobil .inhalt-beitrag-zurueck a, body.fonts.mobil .inhalt-mitteilung-mehr a, body.fonts.mobil .inhalt-mitteilung-zurueck a,
body.fonts.w480 tbody th:first-child, body.fonts.w480 td:first-child {font-family:Lato; font-weight:normal; font-style:normal;}
