/* source-sans-3-regular - 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: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../styles/source-sans-3-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('../styles/source-sans-3-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


.app-name {
    text-transform: uppercase;
    letter-spacing: 3px;
}
@media only screen and (min-width: 480px) {
    .app-name {
        text-transform: uppercase;
        letter-spacing: 5px;
    }
}

@media only screen and (max-width: 480px) {
    /* Sehr kleine Handys */
}
@media only screen and (max-width: 640px) {
    /* Handy-spezifisches Styling */
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    /* Tablet-spezifisches Styling */
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Standard Tablets */
}

@media only screen and (min-width: 1025px) {
    /* Bildschirm-spezifisches Styling */
}
@media only screen and (min-width: 1280px) {
    /* Große Laptops und Desktops */
}