/* Corporate design
   Palette: turquoise (#82cdb4), blue (#466eb4), orange (#ffb482),
   pale yellow (#ffff91), and violet (#5B00A4). Geben pages pair
   turquoise with blue; Nehmen uses orange with pale yellow; projects
   use blue with white and orange links.
   Typography: Kanit is the brand face. Body text starts at 14px; content
   is commonly enlarged to 1.3em. Display titles are bold italic, about
   3.5em, with a 1.2em line height. The bundled faces are 200 and 400
   upright plus 800 italic; other requested weights may be synthesized.
   Layout: centered content is capped at 800px with 5% side padding.
   Page sections use generous vertical spacing, often viewport based.
   Components: buttons are large, translucent, and outlined with a 3px
   border. Form fields use translucent white, brand-blue borders and
   violet text; the Nehmen form uses pale-yellow borders. Navigation is
   fixed over a translucent dark background with white links, pale-yellow
   active links, and turquoise hover links.
   Imagery and motion: the home hero uses full-bleed responsive photos
   with a one-second cross-fade. Preserve the per-page color mapping and
   responsive image variants when creating or redesigning pages.
*/
:root {
  --brand-turquoise: #82cdb4;
  --brand-blue: #466eb4;
  --brand-orange: #ffb482;
  --brand-yellow: #ffff91;
  --brand-violet: #5B00A4;
  --font-brand: 'Kanit', sans-serif;
  --layout-content-width: 800px;
}