@font-face {
  font-family: 'Genova-Trace-dots';
  src: url('/fonts/Genova-Trace-dots-trace.woff2') format('woff');
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Genova';
  src: url('/fonts/Genova-60.woff2') format('woff');
  font-weight: 60;
  font-display: swap;
}

@font-face {
  font-family: 'Genova';
  src: url('/fonts/Genova-100.woff2') format('woff');
  font-weight: 400;
  font-display: swap;
}

:root {
  /* default styles */

  font-family: "Genova", Arial, Verdana, sans-serif;
  letter-spacing: 0.05ex;

  /* named colors */

  /*
  --color-dunkelgrau: #333333;
  --color-rosa1: #f0a0be;
  --color-rosa1light: #ebbacd;
  --color-flieder1: #bfaafa;
  --color-flieder1light: #d2cdfa;
  --color-flieder2: #786eff;
  --color-magentarot: #ff5573;
  --color-hellgruen: #78ff78;
  --color-schwarz: #000000;
  --color-weiss: #ffffff;
  --color-ecogruen: #b1fca3;*/

  --color-dunkelgrau: #333333;
  --color-schwarz: #000000;
  --color-weiss: #ffffff;

  /* shadows and gradients */

  /*
    --shadow-glow-white: 0px 0px 25px 5px #fff;
    --shadow-glow-green: 0px 0px 25px 5px #6fa864;
    --shadow-screen-inside: inset 0px 0px var(--spacing-l) var(--color-background);
    --shadow-screen-outside: 0px 0px var(--spacing-m) #fff6;
  */
  /* theme colors: 
  
    see /css/themes/ 
    
  */

  /* derived functional colors */

  --color-background: #FFD7F6;
  --color-text: #505050;
  --color-link: var(--color-akzent1);
  --color-link-mouseover: var(--color-akzent1-mouseover);


  /* spacings */

  --spacing-block-side: 20px;

  --spacing-s: 10px;
  --spacing-m: 20px;
  --spacing-ml: 30px;
  --spacing-l: 50px;
  --spacing-xl: 80px;

  --layout-maxwidth: 1400px;

  /* borders */

  --border-radius-small: 5px;
  --border-radius-large: 10px;

  /* typography */

  --font-fix-top: -0.1ex + 3px;
  --font-fix-bottom: 0.33ex + 3px;

  --font-fix-top-dotted: -0.1ex + 3px;
  --font-fix-bottom-dotted: 0.33ex + 3px;

  /* defaults */

  background-color: var(--color-background);
  color: var(--color-text);

  
  background-color: linear-gradient(180deg, rgba(255, 128, 100, 0) 0%, #B5B5B5 102.06%), #FFD7F6;
  background-image: linear-gradient(180deg, #FFD7F6 0%, #E4DDCF 46.35%, #FDB8A4 91.67%, #B5B5B5 100%);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 100%;
  background-attachment: scroll;
}