/****************** SCHRIFTARTEN ******************/
@font-face {
font-family: Atlas;
  src: url('../fonts/AtlasGrotesk-Regular-Web.eot');
  src: url('../fonts/AtlasGrotesk-Regular-Web.eot?#iefix') format('embedded-opentype'),
     url('../fonts/AtlasGrotesk-Regular-Web.woff') format('woff'),
     url('../fonts/AtlasGrotesk-Regular-Web.ttf') format('truetype'),
     url('../fonts/AtlasGrotesk-Regular-Web.svg#Atlas Grotesk Web') format('svg');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
font-family: Atlas-Bold;
  src: url('../fonts/AtlasGrotesk-Bold-Web.eot');
  src: url('../fonts/AtlasGrotesk-Bold-Web.eot?#iefix') format('embedded-opentype'),
     url('../fonts/AtlasGrotesk-Bold-Web.woff') format('woff'),
     url('../fonts/AtlasGrotesk-Bold-Web.ttf') format('truetype'),
     url('../fonts/AtlasGrotesk-Bold-Web.svg#Atlas Grotesk Web') format('svg');
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
font-family: Atlas-Light;
  src: url('../fonts/AtlasGrotesk-Light-Web.eot');
  src: url('../fonts/AtlasGrotesk-Light-Web.eot?#iefix') format('embedded-opentype'),
     url('../fonts/AtlasGrotesk-Light-Web.woff') format('woff'),
     url('../fonts/AtlasGrotesk-Light-Web.ttf') format('truetype'),
     url('../fonts/AtlasGrotesk-Light-Web.svg#Atlas Grotesk Web') format('svg');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Atlas Grotesk Web';
  src: url('../fonts/AtlasGrotesk-Medium-Web.eot');
  src: url('../fonts/AtlasGrotesk-Medium-Web.eot?#iefix') format('embedded-opentype'),
     url('../fonts/AtlasGrotesk-Medium-Web.woff') format('woff'),
     url('../fonts/AtlasGrotesk-Medium-Web.ttf') format('truetype'),
     url('../fonts/AtlasGrotesk-Medium-Web.svg#Atlas Grotesk Web') format('svg');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}

.AtlasGrotesk-Medium-Web {
  font-family: 'Atlas Grotesk Web';
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}