/*****************************************
  fonts
*****************************************/
@font-face{
  font-family: 'A1Serif';
  src: local('?'), url('/css/fres/common/fonts/a1serif/a1serif_regular.woff') format('woff'),
    url('/css/fres/common/fonts/a1serif/a1serif_regular.ttf') format('truetype'),
    url('/css/fres/common/fonts/a1serif/a1serif_regular.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face{
  font-family: 'A1Serif';
  src: local('?'), url('/css/fres/common/fonts/a1serif/a1serif_bold.woff') format('woff'),
    url('/css/fres/common/fonts/a1serif/a1serif_bold.ttf') format('truetype'),
    url('/css/fres/common/fonts/a1serif/a1serif_bold.svg') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face{
  font-family: 'A1Sans';
  src: local('?'), url('/css/fres/common/fonts/a1sans/a1sans_regular.woff') format('woff'),
    url('/css/fres/common/fonts/a1sans/a1sans_regular.ttf') format('truetype'),
    url('/css/fres/common/fonts/a1sans/a1sans_regular.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face{
  font-family: 'A1Sans';
  src: local('?'), url('/css/fres/common/fonts/a1sans/a1sans_bold.woff') format('woff'),
    url('/css/fres/common/fonts/a1sans/a1sans_bold.ttf') format('truetype'),
    url('/css/fres/common/fonts/a1sans/a1sans_bold.svg') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face{
  font-family: 'A1iconfont';
  src: local('?'), url('/css/fres/common/fonts/a1iconfont/a1_iconfont.woff') format('woff'),
    url('/css/fres/common/fonts/a1iconfont/a1_iconfont.ttf') format('truetype'),
    url('/css/fres/common/fonts/a1iconfont/a1_iconfont.svg') format('svg');
  font-weight: 500;
  font-style: normal;
}

/*****************************************
  typography
*****************************************/
*{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
}
body,
p{
  font-size: 0.875rem;
  line-height: 1.57;
}
p{
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 46.625em){
  body,
  p{
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
article p{
  margin-bottom: 1.25rem;
}
section header p{
  margin-bottom: 0;
}
/* headlines */
h1,
h2,
h3,
h4{
  font-family: 'A1Serif', Verdana, sans-serif;
  font-weight: 400;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-style: normal;
  text-rendering: optimizelegibility;
}
h1{
  font-size: 1.5625rem;
  line-height: 1.12;
  margin-top: -0.3125rem;
  color: #000;
}
@media only screen and (min-width: 46.5625em){
  h1{
    font-size: 2.25rem;
    line-height: 1.17;
    margin-top: -0.5rem;
  }
}
@media only screen and (min-width: 48em){
  h1{
    font-size: 2.625rem;
    line-height: 1.14;
    margin-top: -0.5625rem;
  }
}
@media only screen and (min-width: 64.0625em){
  h1{
    font-size: 3.0625rem;
    margin-top: -0.6875rem;
  }
}
h2{
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-top: -0.26875rem;
  color: #000;
}
h2 a,
h2 a:hover{
  margin: 0;
  padding: 0;
  color: #000;
}
@media only screen and (min-width: 46.5625em){
  h2{
    font-size: 1.5rem;
    line-height: 1.25;
    margin-top: -0.33125rem;
  }
}
@media only screen and (min-width: 48em){
  h2{
    font-size: 1.5rem;
    margin-top: -0.39375rem;
  }
}
@media only screen and (min-width: 64.0625em){
  h2{
    margin-top: -0.39375rem;
  }
}
h3{
  font-size: 1.3125rem;
  line-height: 1.33;
  font-weight: 500;
  margin-top: -0.33125rem;
}
@media only screen and (max-width: 48em){
  h3{
    font-size: 1.125rem;
    margin-top: -0.26875rem;
  }
}
@media only screen and (max-width: 46.625em){
  h3{
    font-size: 0.875rem;
    line-height: 1.43;
    margin-top: -0.26875rem;
  }
}
/* links with icons*/
a.arrowright:after,
a.arrowleft:before{
  display: inline-block;
  font-family: 'A1iconfont';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  position: relative;
}
a.arrowright:after{
  content: '\e607';
  top: 0.0625rem;
  padding-left: 0.3125rem;
}
a.arrowleft:before{
  content: '\e606';
  top: 0.0625rem;
  padding-right: 0.3125rem;
}
