/*CUSTOM WEBFONT CERA PRO*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3f5790");

@font-face {
  font-family: "CeraPro-Regular";
  src: url('webFonts/CeraProRegular/font.woff2') format('woff2'), url('webFonts/CeraProRegular/font.woff') format('woff');
}
@font-face {
  font-family: "CeraPro-Light";
  src: url('webFonts/CeraProLight/font.woff2') format('woff2'), url('webFonts/CeraProLight/font.woff') format('woff');
}
@font-face {
  font-family: "CeraPro-MediumItalic";
  src: url('webFonts/CeraProMediumItalic/font.woff2') format('woff2'), url('webFonts/CeraProMediumItalic/font.woff') format('woff');
}
@font-face {
  font-family: "CeraPro-Medium";
  src: url('webFonts/CeraProMedium/font.woff2') format('woff2'), url('webFonts/CeraProMedium/font.woff') format('woff');
}
@font-face {
  font-family: "CeraPro-ThinItalic";
  src: url('webFonts/CeraProThinItalic/font.woff2') format('woff2'), url('webFonts/CeraProThinItalic/font.woff') format('woff');
}
@font-face {
  font-family: "CeraPro-BoldItalic";
  src: url('webFonts/CeraProBoldItalic/font.woff2') format('woff2'), url('webFonts/CeraProBoldItalic/font.woff') format('woff');
}
@font-face {
  font-family: "CeraPRO-Bold";
  src: url('webFonts/CeraPROBold/font.woff2') format('woff2'), url('webFonts/CeraPROBold/font.woff') format('woff');
}
@font-face {
  font-family: "CeraPro-RegularItalic";
  src: url('webFonts/CeraProRegularItalic/font.woff2') format('woff2'), url('webFonts/CeraProRegularItalic/font.woff') format('woff');
}
@font-face {
  font-family: "CeraPro-Thin";
  src: url('webFonts/CeraProThin/font.woff2') format('woff2'), url('webFonts/CeraProThin/font.woff') format('woff');
}
@font-face {
  font-family: "CeraPro-BlackItalic";
  src: url('webFonts/CeraProBlackItalic/font.woff2') format('woff2'), url('webFonts/CeraProBlackItalic/font.woff') format('woff');
}
@font-face {
  font-family: "CeraPro-LightItalic";
  src: url('webFonts/CeraProLightItalic/font.woff2') format('woff2'), url('webFonts/CeraProLightItalic/font.woff') format('woff');
}
@font-face {
  font-family: "CeraPRO-Black";
  src: url('webFonts/CeraPROBlack/font.woff2') format('woff2'), url('webFonts/CeraPROBlack/font.woff') format('woff');
}

body { font-family: CeraPro-Regular;     font-weight: 500; }

div.inhalt .title, div.training .title, div.inhalt .title-small, .profil-container .title, div.kachel .title, .kategorie-title, .zertifikate-sektion .title {
  font-family: CeraPRO-Bold;
  font-weight: 500;
  text-transform: initial!important;
}
.header .navbar a, span.navbar-text, .header-sektion .content .title, div.training div.fragen div.anzahl {
  font-family: CeraPro-Regular;
      font-weight: 500;
      text-transform: initial;
}
.btn {
  font-family: CeraPro-Medium;
      font-weight: 500;
    border-radius: 2px;
}
.header .navbar a,
span.navbar-text,
 div.kachel .title,
 .kategorie-title,
 div.inhalt .title,
 div.inhalt .title-small,
 .header-sektion .content .title{
  text-transform: uppercase!important;
}



li.nav-item.go-back img,
nav.navbar span.navbar-text.go-back img {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
}

div.inhalt div.detail-info, .profil-container .sub-con {
  border-bottom: 1px solid #282837;
}

.news-seite .kachel-grid .img {
      background-position: center 61%;
}