/*
Theme:  Appeltaten Majestäten Branding
Author: LocalBranding
*/
/* Fix fonts that render as bold in Firefox */
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}
/* ///// Fonts ///// */
@font-face {
    font-family: 'Handlee';
    src: url('../fonts/Handlee-Regular.eot');
    src: url('../fonts/Handlee-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Handlee-Regular.woff2') format('woff2'),
        url('../fonts/Handlee-Regular.woff') format('woff'),
        url('../fonts/Handlee-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Bold.eot');
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
        url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype'),
        url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Regular.eot');
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
        url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff'),
        url('../fonts/OpenSans-Regular.ttf') format('truetype'),
        url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}
/* ///// Core Colors ///// */
:root{
  /* Brand Colors Primary */
  --spotcolor1: #006446;
  --spotcolor2: #B8322E;
  --subcolor1: #F2D857;

  /* Greytones */
  --black: #343434;
  --darkgrey: #606060;
  --lightgrey: #EDEDF8;
  --white: #ffffff;
  --bodybackground: #F6F6F8;

  /* Spacing */
  --space-xxxl: 10rem;
  --space-xxl: 8rem;
  --space-xl: 7rem;
  --space-l: 6rem;
  --space-ml: 5rem;
  --space-m: 4rem;
  --space-sm: 3rem;
  --space-s: 2rem;
  --space-xs: 1rem;
  --space-xxs: 0.5rem;

  /* negative Spacing */
  --n-space-xxxl: -10rem;
  --n-space-xxl: -8rem;
  --n-space-xl: -7rem;
  --n-space-l: -6rem;
  --n-space-ml: -5rem;
  --n-space-m: -4rem;
  --n-space-sm: -3rem;
  --n-space-s: -2rem;
  --n-space-xs: -1rem;
  --n-space-xxs: -0.5rem;

  /* Font Families */
  --theme-font-1: 'Handlee', sans-serif;
  --theme-font-2: 'OpenSans', sans-serif ;

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

  /* Line Heights */
  --lh-xxl: 10rem;
  --lh-xl: 8rem;
  --lh-l: 4.5rem;
  --lh-m: 3.5rem;
  --lh-s: 2.6rem;
  --lh-xs: 2.4rem;
  --lh-xxs: 2.4rem;

  /* Radius */
  --theme-radius: 1rem;
  --theme-radius-top: 1rem 1rem 0 0;
  --theme-radius-bottom: 0 0 1rem 1rem;

  /* Shadows */
  --text-shadow: 0px 3px 6px rgba(0,0,0, 0.6);
  --box-shadow: 0px 3px 6px rgba(0,0,0,0.6);

  /* transition */
  --theme-transition: all 0.3s cubic-bezier(.72,.28,.33,.93);

  /* Borders */
  --theme-border-interactive: 5px solid var(--spotcolor1);
  --theme-border-white: 5px solid var(--white);

}