/* open-sans-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../assets/fonts/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
  /* open-sans-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../assets/fonts/open-sans-v40-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
  /* open-sans-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../assets/fonts/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
  /* open-sans-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../assets/fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
  /* open-sans-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../assets/fonts/open-sans-v40-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../assets/fonts/inter-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../assets/fonts/inter-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../assets/fonts/inter-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../assets/fonts/inter-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*Page Headline*/
h1 {
    font-size: 61px;
    font-weight: 700;
    line-height: 58px;
    color: #000000;
    word-break: break-word;
}

/*Contact Name in Big View, Greetings*/
h2 {
  font-size: 47px;
  font-weight: 500;
  color: #000000;
}

h3 {
    font-size: 27px;
    font-weight: 700;
}

/*Header Text, Contact Names, Add Task Input Text, */
h4 {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
}

/*Add Task Headlines, Summary task texts*/
h5 {
  font-size: 20px;
  font-weight: 400;
  color: #2A3647;
}

/*Subheadlines (Summary,Contact Site)*/
h6 {
  font-size: 27px;
  font-weight: 400;
  color: #2A3647;
}

/*Text for the Buttons in Contact, Board*/
.button-font {
  font-weight: 700;
  font-size: 21px;
  color: #FFFFFF;
  line-height: 18px;
}

.button-clear-font {
  font-weight: 400;
  font-size: 21px;
  color: #2A3647;
  text-align: center;
}

/*Fonts fürs Board*/
.board-tasks {
  font-size: 20px;
  font-weight: 700;
  
  color: #42526E;
}

.board-task-categorie {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
}

.bord-task-headline {
  font-size: 16px;
  font-weight: 700;
  color: #2A3647;
}

.board-task-content {
  font-size: 16px;
  font-weight: 400;
  color: #A8A8A8;
}

.bord-task-subtask {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}

.board-dialog-infos {
  font-size: 16px;
  color: #42526E;
}

/*Fonts for Contacts*/
.contacts-mail-phone-head {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}

/*also can used for Login In*/
.contacts-phone-info { 
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}

/*Summary fonts*/
.greetings-name {
  font-size: 64px;
  font-weight: 700;
  color: #29ABE2;
}

.greetings-daytime {
  font-size: 47px;
  font-weight: 500;
  color: #2A3647;
}

.active-task-subheadline {
  font-size: 16px;
  font-weight: 400;
  color: #2A3647;
}

.active-task-date {
  font-size: 21px;
  font-weight: 700;
  color: #2A3647;
}

.task-numbers {
  font-size: 64px;
  font-weight: 600;
  color: #000000;
}

@media (max-width: 1100px) {
  .greetings-name {
    font-size: 47px;
  }
  
  .greetings-daytime {
    font-size: 36px;
  }
}


@media (max-width: 800px) {

  h1 {
    font-size: 47px;
    line-height: 44px;
  }

  h2 {
    font-size: 36px;
  }

  h5 {
    font-size: 14px;
  }

  h6 {
    font-size: 20px;;
  }

  .active-task-subheadline {
    font-size: 14px;
  }
  
  .active-task-date {
    font-size: 16px;
  }
  
  .task-numbers {
    font-size: 47px;
  }
  
}