/* ------------------------------ ///// FONT-FACE start ///// ------------------------------ */
@font-face {
  font-family: 'Source Sans Pro';
  src: url('../../../files/theme_lb_website/fonts/SourceSansPro/source-sans-pro-v13-latin-regular.woff2') format('woff2'),
  url('../../../files/theme_lb_website/fonts/SourceSansPro/source-sans-pro-v13-latin-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('../../../files/theme_lb_website/fonts/SourceSansPro/source-sans-pro-v13-latin-700.woff2') format('woff2'),
  url('../../../files/theme_lb_website/fonts/SourceSansPro/source-sans-pro-v13-latin-700.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}@font-face {
  font-family: 'Lobster';
  src: url('../../../files/theme_lb_website/fonts/Lobster/lobster-v22-latin-regular.woff2') format('woff2'),
  url('../../../files/theme_lb_website/fonts/Lobster/lobster-v22-latin-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* ------------------------------ ///// FONT-FACE end ///// ------------------------------ */

:root{
	
	/* ------------------------------ ///// VARIABLES FONT/TEXT start ///// ------------------------------ */  	
    /* Font Families */
	--f-family-1: 'Source Sans Pro', sans-serif;
	--f-family-2: 'Lobster', sans-serif;

    /* Font Sizes */
	--font-xxl: 5rem;
	--font-xl: 4rem;
	--font-l: 3.5rem;
	--font-m: 2.6rem;
	--font-s: 1.6rem;
	--font-xs: 1.4rem;
	--font-xxs: 1.2rem;

	/* Font Shadow */
	--f-shadow-default: 0px 3px 6px rgba(0,0,0, 0.3);

	/* Font: Text Decoration */
	--f-underlineoffset: 0.3rem;
	--f-letterspacing: 0.1rem;
	
	/* Line Heights */
	--lh-xxl: 8rem;
	--lh-xl: 7rem;
	--lh-l: 4.3rem;
	--lh-m: 3.5rem;
	--lh-s: 2.6rem;
	--lh-xs: 2.4rem;
	--lh-xxs: 2.4rem;
	
	/* Spacing */
	--s-xxl: 10rem;
	--s-xl: 5rem;
	--s-l: 4rem;
	--s-m: 3rem;
	--s-s: 2rem;
	--s-xs: 1rem;
	--s-xxs: 0.5rem;
	
	/* negative Spacing */
	--n-s-xxl: -10rem;
	--n-s-xl: -5rem;
	--n-s-l: -4rem;
	--n-s-m: -3rem;
	--n-s-s: -2rem;
	--n-s-xs: -1rem;
	--n-s-xxs: -0.5rem;
	
	/* ------------------------------ ///// VARIABLES FONT/TEXT end ///// ------------------------------ */
	
	/* ------------------------------ ///// VARIABLES COLORS start ///// ------------------------------ */
	
	--cc-transparent: transparent;
	
	/* Colors Brand Primary */
	--cc-brandcolor1: #f8ae93;
	--cc-brandcolor2: #a0baaf;
	
	/* Colors Content */
  	--cc-contentcolor1: #a0baaf;
  	--cc-contentcolor2: #a0baaf;
  	--cc-contentcolor3: #a0baaf;
  	--cc-contentcolor4: #a0baaf;
  	
	/* Colors Greytones */
  	--cc-black: #4e6157;
  	--cc-darkgrey: #a0baaf;
  	--cc-midgrey: #a0baaf;
  	--cc-lightgrey: #f6f6f6;
  	--cc-white: #fff;

	/* Colors UI */
  	--cc-error: #BA2329;
  	--cc-success: #1AA421;
  	--cc-info: #2395BA;
  	--cc-signal: #9123BA;
  	--cc-warning: #eec601;
  	--cc-inactive: #a0baaf;
  	--cc-bodybackground: #ffffff;
  	--cc-navbar: #a0baaf;
  	
	/* Colors Transparency in RGB + Alpha */
	--cc-black-rgb: 8, 36, 46;
	--cc-white-rgb: 242, 240, 223;
	
	--op-alpha-09: 0.9;
	--op-alpha-08: 0.8;
	--op-alpha-07: 0.7;
	--op-alpha-06: 0.6;
	--op-alpha-05: 0.5;
	--op-alpha-04: 0.4;
	--op-alpha-03: 0.3;
	--op-alpha-02: 0.2;
	--op-alpha-01: 0.1;
	
/* ------------------------------ ///// VARIABLES SHAPE. TRANSITION,  start ///// ------------------------------ */ 

	/* Radius */
	--theme-radius: 0.3rem;
    --theme-radius-top: 0.3rem 0.3rem 0 0;
    --theme-radius-bottom: 0 0 0.3rem 0.3rem;
    --theme-radius-left: 0.3rem 0 0 0.3rem;
    --theme-radius-right: 0 0.3rem 0.3rem 0;

  	/* Shadow */
	--shadow-default: rgba(0, 0, 0, 0.2) 0px 0px 8px 1px;
	--shadow-interactive: rgba(0, 0, 0, 0.3) 0px 0px 10px 1px;
	--shadow-deep:  0 16px 8px 0px rgba(60,64,67,0.302), 0 3px 8px 8px rgba(60,64,67,0.149),  0 3px 4px 4px rgba(60,64,67,0.149);
	/* Transition */
	--trans-default: all 0.15s cubic-bezier(.72,.28,.33,.93);
	--trans-easein: all 0.1s cubic-bezier(.98,.61,.82,.15);
	--trans-easeout: all 0.1s cubic-bezier(.15,.82,.61,.98);

	/* Additional */
	--navbar-brand-width: 20rem; /* adjust if logo is too small / big */
	--navbar-cookiebar-height: 6.5rem;
	--border-accent-size: 3px;
	--scale-button: 0.97;
	
	/* Borders */
	--theme-border-interactive: 5px solid var(--spotcolor1);
	--theme-border-inactive: 5px solid var(--lightgrey);
	--theme-border-white: 5px solid var(--white);
}