/*
###########################################################################
Font styles for jericho-bk.de 2023

FileName:   fonts.css
Author:		Barbara Völk, www.grafik-webdesign.info
Version:    2023.03.02
###########################################################################
*/


/***********************************************/
/* COLOURS */

/*
logo
yellow #F1B700
white #FFFFFF
black #1D252A

Colours:
yellow1 #F1B700
yellow lighter #FFCF40
black #1D252A
blue #303084
red #CC0000


black #000000 -> rgba(222,225,225,1)

Text:
logo grey #4c565c
black #0E0E10;

*/



/*
Type Druck: Helvetica Neue
font-family: 'NotoSans", sans-serif;

Type Druck: Rotis Semi Sans
font-family: 'RobotoCondensed", sans-serif;

Menue
font-family: 'Titillium_Web", sans-serif;

*/

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

@font-face{
    font-family:'NotoSans';
    src:url('../fonts/Noto_Sans/NotoSans-Regular.ttf') format("truetype");
    font-weight:300;
    font-style:normal;
}

@font-face{
    font-family:'NotoSans_ExtraLight';
    src:url('../fonts/Noto_Sans/NotoSans-ExtraLight.ttf') format("truetype");
    font-weight:normal;
    font-style:normal;
}

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

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

@font-face {
	font-family: 'Titillium';
	src:url('../fonts/Titillium_Web/TitilliumWeb-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


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

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
	content: "\e608";
}




/********************************************************************/
/* MAIN SETUP BASIC ELEMENTS */
/********************************************************************/

html {
   /*height:101%;*/ /* make scrollbar visible all the time */
    overflow-x: hidden;
}

body {
	/* setting for iOS bg fixed hack */
    position: relative;

 		--color-white: #ffffff; /* white bg */
    --color-text: #1D252A; /* black #1D252A; */

    --color-link: #363638;/* greyblack #363638 rgba(155, 46, 32, 1) */
    --color-hover: #363638;/* greyblack #363638 rgba(155, 46, 32, 1) */
		--color-link-hover: #363638;/* greyblack #363638 rgba(155, 46, 32, 1) */

    --color-yellow: #F1B700;/*  yellow #F1B700 */
    --color-light-yellow: #FFCF40;/* yellow lighter #FFCF40*/
		--color-blue: #303084;/* blue #303084 */
		--color-red: #CC0000;/* red #CC0000 */
		--color-black: #1D252A;/* black #1D252A */


    font-family:  'NotoSans', Arial, sans-serif;
		font-family:  'RobotoCondensed', Arial, sans-serif;
   /*font-weight: 400;f*/font-weight: normal;
	 font-size: 18px; font-size: 1.125rem;font-size: 1.25rem;
	 font-weight: 300;
	 color: var(--color-white);

   -webkit-text-size-adjust:100%;
   line-height:1.3em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}