@font-face {
font-family: 'firasans_light';
font-display: fallback; 	/*fallback für Beitragstexte (Standard);  swap für Logo und ggf. für Slogan*/
src: url('firasans-light-webfont.eot');
src: url('firasans-light-webfont.eot?#iefix') format('embedded-opentype'),
	 url('firasans-light-webfont.woff') format('woff'),
	 url('firasans-light-webfont.ttf') format('truetype'),
	 url('firasans-light-webfont.svg#firasans_light') format('svg');}
@font-face {
font-family: 'firasans_semibold';
font-display: fallback; 	/*fallback für Beitragstexte (Standard);  swap für Logo und ggf. für Slogan*/
src: url('firasans-semibold-webfont.eot');
src: url('firasans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('firasans-semibold-webfont.woff') format('woff'),
	 url('firasans-semibold-webfont.ttf') format('truetype'),
	 url('firasans-semibold-webfont.svg#firasans_semibold') format('svg');}
@font-face {
font-family: 'firasans_semibolditalic';
font-display: fallback; 	/*fallback für Beitragstexte (Standard);  swap für Logo und ggf. für Slogan*/
src: url('firasans-semibolditalic-webfont.eot');
src: url('firasans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
	 url('firasans-semibolditalic-webfont.woff') format('woff'),
	 url('firasans-semibolditalic-webfont.ttf') format('truetype'),
	 url('firasans-semibolditalic-webfont.svg#firasans_semibolditalic') format('svg');}
@font-face {
font-family: 'firasans_bold';
font-display: fallback; 	/*fallback für Beitragstexte (Standard);  swap für Logo und ggf. für Slogan*/
src: url('firasans-bold-webfont.eot');
src: url('firasans-bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('firasans-bold-webfont.woff') format('woff'),
	 url('firasans-bold-webfont.ttf') format('truetype'),
	 url('firasans-bold-webfont.svg#firasans_bold') format('svg');}
@font-face {
font-family: 'firasans_ultra';
font-display: fallback; 	/*fallback für Beitragstexte (Standard);  swap für Logo und ggf. für Slogan*/
src: url('firasans-ultra-webfont.eot');
src: url('firasans-ultra-webfont.eot?#iefix') format('embedded-opentype'),
	 url('firasans-ultra-webfont.woff') format('woff'),
	 url('firasans-ultra-webfont.ttf') format('truetype'),
	 url('firasans-ultra-webfont.svg#firasans_ultra') format('svg');}
@font-face {
font-family: 'firasans_lightitalic';
font-display: fallback; 	/*fallback für Beitragstexte (Standard);  swap für Logo und ggf. für Slogan*/
src: url('firasans-lightitalic-webfont.eot');
src: url('firasans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
	 url('firasans-lightitalic-webfont.woff') format('woff'),
	 url('firasans-lightitalic-webfont.ttf') format('truetype'),
	 url('firasans-lightitalic-webfont.svg#firasans_lightitalic') format('svg');}
@font-face {
font-family: 'firasans_bolditalic';
font-display: fallback; 	/*fallback für Beitragstexte (Standard);  swap für Logo und ggf. für Slogan*/
src: url('firasans-bolditalic-webfont.eot');
src: url('firasans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
	 url('firasans-bolditalic-webfont.woff') format('woff'),
	 url('firasans-bolditalic-webfont.ttf') format('truetype'),
	 url('firasans-bolditalic-webfont.svg#firasans_bolditalic') format('svg');}

body.fonts.desktop #nav-bereich ul a {padding:0.3125em 0.75em 0.125em 0.75em;}
body.fonts.desktop #nav-bereich ul a span, body.fonts .tj a {text-transform:uppercase;}

/*Light ( = Regular) */
body.fonts, body.fonts #kraniche h4, body.fonts .zaehler h3, body.fonts input.submit {font-family:firasans_light; font-weight:normal; font-style:normal;}

/*Semi-bold*/
body.fonts a.icon-info span, body.fonts .tj a, body.fonts .inhalt-mitteilung-gruppen-anzahl span{font-family:firasans_semibold; font-weight:normal; font-style:normal;}

/*Semi-bold-italic*/
body.fonts .inhalt-mitteilung-datum{font-family:firasans_semibolditalic; font-weight:normal; font-style:normal;}

/*Bold*/
body.fonts h1 span, body.fonts h4, body.fonts h5, body.fonts strong, body.fonts dt, body.fonts legend, body.fonts caption, body.fonts th,
body.fonts #hinweis.fehler, body.fonts .inhalt-mitteilung-datum, body.fonts.mitteilung .inhalt-mitteilung h2.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 #cookiehinweis .submit, body.fonts #kraniche p,
body.fonts .inhalt-baustein ol li h3, body.fonts ol ::marker{font-family:firasans_bold; font-weight:normal; font-style:normal;}

/*Ultra*/
body.fonts h2{font-family:firasans_ultra; font-weight:normal; font-style:normal;}

/*Light-Italic ( = Italic) */
body.fonts em, body.fonts blockquote, body.fonts span.inhalt-kommentar-autor, body.fonts h3 {font-family:firasans_lightitalic; font-weight:normal; font-style:normal;}

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