html {
    scroll-behavior:smooth;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: "Jost-300-Light";
    src: 
        url("../fonts/Jost-300-Light.ttf") format("truetype"),
        url("../fonts/Jost-300-Light.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Jost-400-Book";
    /*font-weight: medium;*/
    src: 
        url("../fonts/Jost-400-Book.ttf") format("truetype"),
        url("../fonts/Jost-400-Book.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Jost-500-Medium";
    /*font-weight: bold;*/
    src: 
        url("../fonts/Jost-500-Medium.ttf") format("truetype"),
        url("../fonts/Jost-500-Medium.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

/*
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL

Copyright 2020 The Jost Project Authors (https://github.com/indestructible-type)
*/

body {
    font-family:"Jost-300-Light", sans-serif;
    background: #fff;
    color: #707070;
    margin: 0;
    font-weight:normal;
    font-size: 0.9rem;
    line-height: 1.44rem;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: auto; /*crosshair*/
    /*cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCAzNyAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjUgMzZDMjguMTY1IDM2IDM2IDI4LjE2NSAzNiAxOC41QzM2IDguODM1MDIgMjguMTY1IDEgMTguNSAxQzguODM1MDIgMSAxIDguODM1MDIgMSAxOC41QzEgMjguMTY1IDguODM1MDIgMzYgMTguNSAzNloiIHN0cm9rZT0iYmxhY2siLz4KPHBhdGggZD0iTTE4LjUgMzVDMjcuNjEyNyAzNSAzNSAyNy42MTI3IDM1IDE4LjVDMzUgOS4zODczIDI3LjYxMjcgMiAxOC41IDJDOS4zODczIDIgMiA5LjM4NzMgMiAxOC41QzIgMjcuNjEyNyA5LjM4NzMgMzUgMTguNSAzNVoiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg==") 17 17, auto*/
    overflow-x: hidden;
}

a:hover { 
    cursor: pointer
}

.category {
    padding-top: 0;
    padding-bottom: 32px
}

#border {
    border: 1px solid #ececec;
}

@media (min-width: 769px) {
    .category {
        padding-top: 0;
        padding-bottom: 46px
    }
}

.single-project-detail {
    font-family:"Jost-300-Light", sans-serif
    /*letter-spacing: .04em;*/
}

h1 {
    font-family:"Jost-400-Book", sans-serif
}

h2 {
    font-family: "Jost-300-Light";
    font-size: 1.5rem; /* 14px */
    font-weight: normal;
    letter-spacing: 1.27px;
}

h3 {
    font-family:"Jost-400-Book", sans-serif;
    font-size: 0.9rem;
    line-height: 1.44rem
}

h4 {
    font-family:"Jost-500-Medium", sans-serif;
    font-size: 0.9rem;
    line-height: 1.44rem
}

@media (min-width: 768px) {
	h2 {
    font-size: 1.5rem; /* 14px */
    font-weight: normal;
    letter-spacing: 1.27px;
    text-decoration: none
	}
}

a {
    font-family:"Jost-300-Light", sans-serif;
    /*letter-spacing: .04em;*/
    display: inline-block;
    text-decoration: none;
    color: inherit
}

img {
    max-width: 100%;
    height:auto
}

p {
    font-family:"Jost-300-Light", sans-serif;
    /*letter-spacing: .04em;*/
    font-size: 0.9rem;
    line-height: 1.44rem;
    margin:0
}

/* Chrome, Safari, Edge */
::-webkit-scrollbar {
  display: none;
}

/* Firefox */
html {
  scrollbar-width: none;
}

/* Internet Explorer / alte Edge-Versionen */
html {
  -ms-overflow-style: none;
}

/* Link-Animation */
.link > a, .link > span {
    color: inherit;
    margin:0
}

.link > a {
    position:relative;
    font-weight: normal
}

.link > a:after {
    content: "";
    display: block;
    height: 1px;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #000;
    transition:width .3s ease 0s, left .3s ease 0s
}

.link > a:hover:after {
    width: 100%;
    left: 0
}
/* Animation Ende */

.uppercase {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}