/* FONTS & Imports*/
/* 
 @import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,700,900');
 @import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,500,700,900');
 @import url('https://fonts.googleapis.com/icon?family=Material+Icons');
*/
/* Variablen */


/* Variablen */
 :root {
     --deep-turquoise: #007575;
     --mossy-green: #648228;
     --lemon-lime: #b4ff19;
     --deep-sea-blue: #00507d;
     --blueberry: #503c8c;
     --cerulean: #007dbe;
     --orangey-yellow: #fab914;
     --red-wine: #960028;
     --dull-orange: #dc783c;
     --white: #fcfcfc;
     --white-two: #e0e0e0;
     --pinkish-grey: #cacaca;
     --seafoam-blue: #5ed9d9;
     --greyish-brown: #3d3d3d;
     --brownish-grey: #636363;
     --pinkish-red: #ef134e;

	 --black: #353535;
}

/***** Basis *****/

/* *{font-family: 'Fira Sans', sans-serif;} */

body  {
  font-family: 'Fira Sans', sans-serif;;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: 0.48px;
  color: var(--black);
  color: #353535;
}
.story-content {
  font-family: Merriweather;
  font-size: 15px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.8;
  letter-spacing: 0.38px;
  color: var(--black);
  color: #353535;
}
a {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.4px;
  text-align: center;
  color: var(--twilight-blue);
  color: #074386;
}
@media(min-width:1200px) {
 .container {
   /*max-width:1170px;*/
   max-width: 1102px;
   /*width: 1102px;*/ /* giving more width for pages with sidebar like /stellenmarkt */
 }
}