/* barlow regular 400 */
@font-face {
  font-family: 'Barlow-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow/Barlow-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* barlow light 300 */
@font-face {
  font-family: 'Barlow-Light';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/barlow/Barlow-Light.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* barlow medium */
@font-face {
  font-family: 'Barlow-Medium';
  font-style: normal;
  font-weight: lighter;
  src: url('../fonts/barlow/Barlow-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* barlow Barlow-SemiBold 500 */
@font-face {
  font-family: 'Barlow-SemiBold';
  src: url('../fonts/barlow/Barlow-SemiBold.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* bitter regular 400 */
@font-face {
  font-family: 'Bitter-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bitter/Bitter-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
   font-family: 'Segoe-Regular';
   font-style: normal;
   font-weight: normal;
   src: url('../fonts/segoe/Segoe UI.woff') format('woff');
}

input,
textarea {
  font-family: 'Barlow-Regular', sans-serif;
  font-size:16px;
}

.cursive {
  font-style:italic;
  font-family: serif;
}

.font-0 {
  font-family: 'Barlow-Regular', sans-serif;
  font-weight: 400;
  font-size:16px;
}

.font-0-bold {
  font-family: 'Barlow-SemiBold', sans-serif;
  font-weight: 500;
  font-size:16px;
  text-transform: uppercase;
}

.font-1 {
  font-family: 'Barlow-Regular', sans-serif;
  font-weight: 400;
  font-size:18px;
}


.bitter-regular {
  font-family: 'Bitter-Regular';
  line-height:1.1;
}

.barlow-light {
  font-family: 'Barlow-Light', sans-serif;
}
.barlow-regular {
  font-family: 'Barlow-Regular', sans-serif;
}
.barlow-medium {
  font-family: 'Barlow-Medium', sans-serif;
}
.barlow-semibold {
  font-family: 'Barlow-SemiBold', sans-serif;
}

h1, .like-h1 {
  font-family: 'Bitter-Regular', serif;
  font-weight: 400;
  color: #EB5B27;
  font-size:34px;
}

h2, .like-h2 {
  font-family: 'Barlow-Light', sans-serif;
  font-weight: 400;
  font-size:36px;
}

h3, .like-h3 {
  font-family: 'Barlow-Light', sans-serif;
  font-weight: 400;
  font-size:29px;
}

.selection-item {
  font-family: 'Barlow-Light', sans-serif;
  font-weight: 400;
  font-size:23px;
}

.template-filaments h3, 
.template-filaments .like-h3 {          /*  Ausnahme ! 3px größer + Bitter  */
  font-family: 'Bitter-Regular';
  font-size:23px;
  line-height: 1.18;
}

.navi-area .navi a, 
.subnavi > .tray > .item a, 
.small-font,
.footer-row a {
  font-family: 'Segoe-Regular', sans-serif;
  font-weight: 400;
  font-size:16px;
}

.smaller-font {
  font-family: 'Barlow-Regular', sans-serif;
  font-weight: 400;
  font-size:15px !important;
}

@media screen and (max-width: 767px) {
  h1, .like-h1 {
    line-height: 1.18;
  }
  h2, .like-h2 {
    line-height: 1.18;
  }
  h3, .like-h3 {
    line-height: 1.16;
  }
  .navi-area .navi a {
    font-family: 'Barlow-Regular', sans-serif;
    font-weight: 400;
    font-size:22px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  h2, .like-h2 {
    line-height: 1.18;
  }
  h3, .like-h3 {
    line-height: 1.18;
  }
}

@media screen and (min-width: 1280px) {
  h1, .like-h1 {
    line-height: 1.18;
  }
  h2, .like-h2 {
    line-height: 1.18;
  }
  h3, .like-h3 {
    line-height: 1.18;
  }
}