:root {
  --font-sansserif: "Lato", Helvetica, Arial, sans-serif;
  --font-serif: "Times New Roman", serif;
  --font-lato: "Lato", Helvetica, Arial, sans-serif;
  --font-hind: "Hind", Helvetica, Arial, sans-serif;

  --font-size-xs: 1rem;
  --font-size-s: 1rem;
  --font-size-m: 1.25rem;
  --font-size-l: 1.25rem;
  --font-size-xl: 1.375rem;
  --font-size-xxl: 2rem;
  --font-size-xxxl: 3rem;

  --font-size-navigation: ;
  
  --letter-spacing-hind: 0.01em;
  --letter-spacing-lato: 0.02em;
}

@media (min-width: 800px) {
  :root {
    --font-size-xs: 1rem;
    --font-size-s: 1.125rem;
    --font-size-m: 1.25rem;
    --font-size-ml: 1.375rem;
    --font-size-l: 1.625rem;
    --font-size-xl: 2rem;
    --font-size-xxl: 4rem;
    --font-size-xxxl: 5rem;
  }  
}

/*
oooooooooo.                      o8o                     
`888'   `Y8b                     `"'                     
 888     888  .oooo.    .oooo.o oooo   .ooooo.   .oooo.o 
 888oooo888' `P  )88b  d88(  "8 `888  d88' `"Y8 d88(  "8 
 888    `88b  .oP"888  `"Y88b.   888  888       `"Y88b.  
 888    .88P d8(  888  o.  )88b  888  888   .o8 o.  )88b 
o888bood8P'  `Y888""8o 8""888P' o888o `Y8bod8P' 8""888P' 
*/                                                                                                              

::selection {
  background-color: var(--color-highlight);
  color: var(--color-fontselection);
}

body {
  font-family: var(--font-lato);
  color: var(--color-blue-dark);
  line-height: 1.5;
  letter-spacing: var(--letter-spacing-lato);
  hyphens: auto;
}

a {
  color: inherit;
}

h1, h2, h3, h4, h5, h6, p, ul:not(.menu), ol:not(.menu), blockquote, figure, fieldset {
  margin: 0 0 1em 0;
}

fieldset {
  padding: 0;
}

hr {
  margin: 1em 0;
}

ul:not(.menu), ol:not(.menu) {
  list-style-position: outside;
  padding-left: 1.25em;
}

/*
ooooo   ooooo                           .o8                     
`888'   `888'                          "888                     
 888     888   .ooooo.   .oooo.    .oooo888   .ooooo.  oooo d8b 
 888ooooo888  d88' `88b `P  )88b  d88' `888  d88' `88b `888""8P 
 888     888  888ooo888  .oP"888  888   888  888ooo888  888     
 888     888  888    .o d8(  888  888   888  888    .o  888     
o888o   o888o `Y8bod8P' `Y888""8o `Y8bod88P" `Y8bod8P' d888b    
*/                                                                                                                             

.site-header {
  font-family: var(--font-hind);
  letter-spacing: var(--letter-spacing-hind);
  font-size: var(--font-size-s);
  
}

.language-navigation {
  font-family: var(--font-hind);
  letter-spacing: var(--letter-spacing-hind);
  font-size: var(--font-size-s);
}

@media screen and (min-width: 800px) {
  .language-navigation {
    font-size: var(--font-size-m);
  }
}

.site-navigation-menu .menu-item {
  font-size: var(--font-size-s);
  letter-spacing: var(--letter-spacing-hind);
  font-family: var(--font-hind);
}

@media screen and (min-width: 800px) {
  .site-navigation-menu .menu-item {
    font-size: var(--font-size-m);
  }
}

/*
ooo        ooooo            o8o              
`88.       .888'            `"'              
 888b     d'888   .oooo.   oooo  ooo. .oo.   
 8 Y88. .P  888  `P  )88b  `888  `888P"Y88b  
 8  `888'   888   .oP"888   888   888   888  
 8    Y     888  d8(  888   888   888   888  
o8o        o888o `Y888""8o o888o o888o o888o 
*/                                                                                

.site-main {
  font-size: var(--font-size-ml);
}

.page-title {
  letter-spacing: var(--letter-spacing-hind);
	font-family: var(--font-hind);
  font-weight: normal;
  font-size: var(--font-size-xxxl);
  margin-bottom: 0;
  line-height: 1.25;
}

.home-header .page-title {
  font-size: var(--font-size-xxl);
  margin-bottom: var(--padding-block-l);
  hyphens: none;
}

.home-title {
  letter-spacing: var(--letter-spacing-hind);
	font-family: var(--font-hind);
  font-weight: normal;
  font-size: var(--font-size-xxl);
  margin-bottom: 0;
  line-height: 1.25;
}

.page-subtitle {
  font-weight: normal;
  color: var(--color-blue);
  font-size: var(--font-size-xl);
  margin-bottom: 0;
}

.home-header .page-subtitle {
  font-family: var(--font-lato);
  font-size: var(--font-size-l);
}

.page-section:last-of-type {
  border-bottom: 0;
}

/*
oooooooooooo                         .                      
`888'     `8                       .o8                      
 888          .ooooo.   .ooooo.  .o888oo  .ooooo.  oooo d8b 
 888oooo8    d88' `88b d88' `88b   888   d88' `88b `888""8P 
 888    "    888   888 888   888   888   888ooo888  888     
 888         888   888 888   888   888 . 888    .o  888     
o888o        `Y8bod8P' `Y8bod8P'   "888" `Y8bod8P' d888b    
*/

.site-footer {
  font-size: var(--font-size-xs);
}

.list-headline {
  font-family: var(--font-hind);
  letter-spacing: var(--letter-spacing-hind);
  font-size: var(--font-size-m);
}                                      

/*
oooooooooo.  oooo                      oooo                 
`888'   `Y8b `888                      `888                 
 888     888  888   .ooooo.   .ooooo.   888  oooo   .oooo.o 
 888oooo888'  888  d88' `88b d88' `"Y8  888 .8P'   d88(  "8 
 888    `88b  888  888   888 888        888888.    `"Y88b.  
 888    .88P  888  888   888 888   .o8  888 `88b.  o.  )88b 
o888bood8P'  o888o `Y8bod8P' `Y8bod8P' o888o o888o 8""888P' 
*/                                                          
                                                            
                                                            

.block-type-image figcaption {
	font-family: var(--font-hind);
  color: var(--color-blue);
}

.block-type-list {
  font-size: var(--font-size-l);
}

.button {
  font-size: var(--font-size-s);
  letter-spacing: var(--letter-spacing-hind);
  font-family: var(--font-hind);
  text-decoration: none;
}