@charset 'utf-8';



/*******************************************************************************
********************************************************************************
    Author:     Franz Kriner
    Caption:    All CSS Font Faces for used Fonts
    Copyright:  (c) Franz Kriner 2018
********************************************************************************
********************************************************************************/


/*******************************************************************************
    Color Table:

    Name			        Hex-Value		RGB-Value

    Accent Orange (Main)	#f55f0f			rgb(245, 95, 15)

    Gray 01		            #202020			rgb(32, 32, 32)
    Gray 02		            #232323			rgb(35, 35, 35)
    Gray 04		            #2d2d2d			rgb(45, 45, 45)
    Gray 05		            #363636			rgb(54, 54, 54)
    Gray 06		            #3d3d3d			rgb(61, 61, 61)
    Gray 07                 #484848         rgb(72, 72, 72)
    Gray 08		            #797979			rgb(121, 121, 121)
    Gray 09		            #848484			rgb(132, 132, 132)
    Gray 10                 #909090         rgb(144, 144, 144)
    Gray 11		            #d4d4d4			rgb(212, 212, 212)
    
    Treuepass Base Red	    #e41f19			rgb(228, 31, 25)
    Treuepass Light Red	    #e95242			rgb(233, 82, 66)
    Treuepass Base Blue	    #1d4353			rgb(29, 67, 83)
    Treuepass Blue Middle	#345665			rgb(52, 86, 101)

    Accent Blau		        #0093d6			rgb(0, 147, 214)
    Accent Crimson		    #be182b			rgb(190, 24, 43)
    Accent Green		    #15bd45			rgb(21, 189, 69)
    Accent Amber		    #f7a700			rgb(247, 167, 0)
    Accent Lime		        #9fc80d			rgb(159, 200, 13)
    Accent Red		        #e9160f			rgb(233, 22, 15)
    Accent Teal		        #00beb5			rgb(0, 190, 181)

    Accent 2017 Purple	    #ae4292			rgb(174, 66, 146)
    Accent 2017 Bright Red	#e6195c			rgb(230, 25, 92)
    Accent 2017 Orange	    #ec6818			rgb(236, 104, 24)

    White                   #ffffff         rgb(255, 255, 255)
    Black                   #000000         rgb(0, 0, 0)

********************************************************************************/


/*******************************************************************************
    Cubic-Bezier Function Table

    Name                    Function

    Slow Fade Out           cubic-bezier(0.250, 0.460, 0.450, 0.940)
    Smooth Fade Out         cubic-bezier(0.275, 0.605, 0.490, 0.895)
    Quarter Circle          cubic-bezier(0.000, 0.990, 0.850, 0.995)

********************************************************************************/



/*******************************************************************************
    Font: Roboto
********************************************************************************/

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../Fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url('../Fonts/Roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../Fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../Fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Italic';
    src: url('../Fonts/Roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../Fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



/*******************************************************************************
    Font: Helvetica Neue
********************************************************************************/

@font-face {
    font-family: 'HelveticaNeue-Regular';
    src: url('../Fonts/HelveticaNeue/HelveticaNeue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-Bold';
    src: url('../Fonts/HelveticaNeue/HelveticaNeueBd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-Italic';
    src: url('../Fonts/HelveticaNeue/HelveticaNeueIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-Light';
    src: url('../Fonts/HelveticaNeue/HelveticaNeueLt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-Medium';
    src: url('../Fonts/HelveticaNeue/HelveticaNeueMed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-Thin';
    src: url('../Fonts/HelveticaNeue/HelveticaNeue-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



/*******************************************************************************
    Font: Lato
********************************************************************************/

@font-face {
    font-family: 'Lato-Regular';
    src: url('../Fonts/Lato/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Light';
    src: url('../Fonts/Lato/Lato-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Italic';
    src: url('../Fonts/Lato/Lato-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Hairline';
    src: url('../Fonts/Lato/Lato-Hairline.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('../Fonts/Lato/Lato-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Black';
    src: url('../Fonts/Lato/Lato-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



/*******************************************************************************
    Font: Proxima Nova
********************************************************************************/

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../Fonts/ProximaNova/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Semibold';
    src: url('../Fonts/ProximaNova/ProximaNova-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-CondensedSemibold';
    src: url('../Fonts/ProximaNova/ProximaNova-CondensedSemibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Bold';
    src: url('../Fonts/ProximaNova/ProximaNova-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Black';
    src: url('../Fonts/ProximaNova/ProximaNova-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-SemicondensedThin';
    src: url('../Fonts/ProximaNova/ProximaNova-SemicondensedThin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Thin';
    src: url('../Fonts/ProximaNova/ProximaNova-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}