@charset "utf-8";

/*
23.09.2014, dogan

Bei den gängigen Browsern (FF, Chrome, IE9+) wird davon ausgegangen,
dass nur die Schriften vom Server geladen werden,
die auch am Ende tatsächlich in Style-Definitionen zur Anwendung kommen (font-family:...).
Deshalb können die Definitinoen hier unkommentiert stehen bleiben.
Jeder Browser lädt nur die Schriftdatei, die er tatsächlich verarbeitet (woff ODER ttf ODER...).
Kann eine bevorzugte Quelle nicht geladen werden, wird versucht die nächste Quellangabe zu laden.

iOS
- Bei den iOS Geräten scheint auch .woff mittlerweile zu funktionieren.

--- WINDOWS ---
IE
- der IE 8: verlangt .eot Schriftdateien
- IE 10(9) lädt auch bevorzugt das .eot Format, kann aber im Fehlerfall auch auf .woff ausweichen.

Chrome 30
- Lädt bevorzugt .woff Format, kann aber auch .ttf und .eot verarbeiten.

Firefox 25
- Lädt bevorzugt .woff Format, bei Fehler als nächstes .ttf.

Opera 12.16
- .woff und .ttf

Safari 5.1.7
- .woff und .ttf

--- Android 2.3.3 ---
- webkit (System): verarbeitet nur .ttf (!)
- Firefox 25: .woff und .ttf
- Opera mobile 12.10: .woff und .ttf


BEACHTE:
Bei den meisten Webfonts kommte zwischen den einzelnen Schriftschnitten (regular, bold, etc.)
zu Differenzen bei Schriftgröße und Zeilenhöhe sowohl zwischen den einzelnen Browsern, als auch
beim selben Browser auf unterschiedlichen Betriebsystemversionen. Hat wohl auch mit der Methode zur
Schriftglättung zu tun.
Dies macht sich stören z.B. bei Menüs bemerkbar, wenn auf einer Taste für unterschiedliche Zustände
auch unterschiedliche Schriftschnitte der gleichen Schriftfamilie gesetzt werden.
Das kann zu unvorhersehbarem floating der Buttons kommen, da sie sich dann geringfügig in der
Höhe unterscheiden können.
Aus diesem grund sollten Buttons so aufgebaut sein, dass sie Innen genug "Luft" lassen damit sich
die sichtbare Beschriftung etwas ausdehnen kann. In der typischen Kombination a>span sollte also
der Span nach unten weniger padding definieren als gewünscht und die optische Höhe durch
min-height auf dem übergeordneten A-Element erreicht werden.
*/


@font-face {
font-family:'sourcesanspro_regular';
src:url('fonts/sourcesanspro/sourcesanspro-regular1-webfont.eot');
src:url('fonts/sourcesanspro/sourcesanspro-regular1-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/sourcesanspro/sourcesanspro-regular1-webfont.woff') format('woff'),
url('fonts/sourcesanspro/sourcesanspro-regular1-webfont.ttf') format('truetype');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'droid_serif_regular';
src:url('fonts/droid-serif/DroidSerif-webfont.eot');
src:url('fonts/droid-serif/DroidSerif-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/droid-serif/DroidSerif-webfont.woff') format('woff'),
url('fonts/droid-serif/DroidSerif-webfont.ttf') format('truetype');
font-weight:normal;
font-style:normal;
}




/*=== Roboto ===*/
@font-face {
font-family:'roboto_light';
src: url('fonts/roboto/Roboto-Light-webfont.eot');
src: url('fonts/roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/roboto/Roboto-Light-webfont.woff') format('woff'),
url('fonts/roboto/Roboto-Light-webfont.ttf') format('truetype'),
url('fonts/roboto/Roboto-Light-webfont.svg#robotolight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'roboto_regular';
src: url('fonts/roboto/Roboto-Regular-webfont.eot');
src: url('fonts/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/roboto/Roboto-Regular-webfont.woff') format('woff'),
url('fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'),
url('fonts/roboto/Roboto-Regular-webfont.svg#robotoregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'roboto_medium';
src: url('fonts/roboto/Roboto-Medium-webfont.eot');
src: url('fonts/roboto/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/roboto/Roboto-Medium-webfont.woff') format('woff'),
url('fonts/roboto/Roboto-Medium-webfont.ttf') format('truetype'),
url('fonts/roboto/Roboto-Medium-webfont.svg#robotomedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'roboto_bold';
src: url('fonts/roboto/Roboto-Bold-webfont.eot');
src: url('fonts/roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/roboto/Roboto-Bold-webfont.woff') format('woff'),
url('fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'),
url('fonts/roboto/Roboto-Bold-webfont.svg#robotobold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'roboto_condensed_light';
src: url('fonts/roboto/RobotoCondensed-Light-webfont.eot');
src: url('fonts/roboto/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/roboto/RobotoCondensed-Light-webfont.woff') format('woff'),
url('fonts/roboto/RobotoCondensed-Light-webfont.ttf') format('truetype'),
url('fonts/roboto/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'roboto_condensed_regular';
src: url('fonts/roboto/RobotoCondensed-Regular-webfont.eot');
src: url('fonts/roboto/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/roboto/RobotoCondensed-Regular-webfont.woff') format('woff'),
url('fonts/roboto/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
url('fonts/roboto/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'roboto_condensed_bold';
src: url('fonts/roboto/RobotoCondensed-Bold-webfont.eot');
src: url('fonts/roboto/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/roboto/RobotoCondensed-Bold-webfont.woff') format('woff'),
url('fonts/roboto/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
url('fonts/roboto/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
font-weight: normal;
font-style: normal;
}




/*=== Open Sans ===*/
@font-face {
font-family:'open_sans_bold';
src: url('fonts/opensans/opensans-bold-webfont.eot');
src: url('fonts/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/opensans-bold-webfont.woff') format('woff'),
url('fonts/opensans/opensans-bold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'open_sans_light';
src: url('fonts/opensans/opensans-light-webfont.eot');
src: url('fonts/opensans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/opensans-light-webfont.woff') format('woff'),
url('fonts/opensans/opensans-light-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'open_sans_regular';
src: url('fonts/opensans/opensans-regular-webfont.eot');
src: url('fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/opensans-regular-webfont.woff') format('woff'),
url('fonts/opensans/opensans-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'open_sans_semibold';
src: url('fonts/opensans/opensans-semibold-webfont.eot');
src: url('fonts/opensans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/opensans-semibold-webfont.woff') format('woff'),
url('fonts/opensans/opensans-semibold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sans_condensed_bold';
src: url('fonts/opensans/opensans-condbold1-webfont.eot');
src: url('fonts/opensans/opensans-condbold1-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/opensans-condbold1-webfont.woff') format('woff'),
url('fonts/opensans/opensans-condbold1-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sans_condensed_light';
src: url('fonts/opensans/opensans-condlight1-webfont.eot');
src: url('fonts/opensans/opensans-condlight1-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/opensans-condlight1-webfont.woff') format('woff'),
url('fonts/opensans/opensans-condlight1-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sans_condensed_light_italic';
src: url('fonts/opensans/opensans-condlightitalic1-webfont.eot');
src: url('fonts/opensans/opensans-condlightitalic1-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/opensans-condlightitalic1-webfont.woff') format('woff'),
url('fonts/opensans/opensans-condlightitalic1-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}



/*=== Archivo Narrow */
@font-face {
font-family:'archivo_narrow';
src: url('fonts/archivonarrow-regular-webfont.eot');
src: url('fonts/archivonarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/archivonarrow-regular-webfont.woff') format('woff'),
url('fonts/archivonarrow-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'archivo_narrow_bold';
src: url('fonts/archivonarrow-bold-webfont.eot');
src: url('fonts/archivonarrow-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/archivonarrow-bold-webfont.woff') format('woff'),
url('fonts/archivonarrow-bold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}



/*=== fonawesome, generiert mit icomoon.io, auch für opera mobile ===*/
@font-face {
font-family:'fontawesome_icons';
src: url('fonts/fontawesome-icons/fontawesome-icons.eot');
src: url('fonts/fontawesome-icons/fontawesome-icons.eot?#iefix') format('embedded-opentype'),
url('fonts/fontawesome-icons/fontawesome-icons.woff') format('woff'),
url('fonts/fontawesome-icons/fontawesome-icons.ttf') format('truetype'),
url('fonts/fontawesome-icons/fontawesome-icons.svg#fontawesome-icons') format('svg');
font-weight: normal;
font-style: normal;
}

/*=== original von fontawesome, funktioniert in manchen Browsern nicht ===*/
@font-face {
font-family:'fontawesome_regular';
src: url('fonts/fontawesome-webfont_4-0-3/fontawesome-webfont.eot');
src: url('fonts/fontawesome-webfont_4-0-3/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/fontawesome-webfont_4-0-3/fontawesome-webfont.woff') format('woff'),
url('fonts/fontawesome-webfont_4-0-3/fontawesome-webfont.ttf') format('truetype'),
url('fonts/fontawesome-webfont_4-0-3/fontawesome-webfont.svg#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}