@font-face {
    font-family: "jugendreisen-medium";
    src: url(jugendreisen-medium.otf);
}

body{
    background: #eae8e9;
    font-family: 'Jost', sans-serif;
font-weight: 400;
hyphens: auto;
color:#ff62af;

}

h3{
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    font-size:1.3rem;
}
h4{
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    font-size:1rem;

}

p{
    font-size:1rem;
}
h1{
    font-size:2rem;
    font-family: "jugendreisen-medium";
}

h2{
    font-size:1.5rem;
    font-family: "jugendreisen-medium";
}



p{
    text-indent: 3rem;
    line-height: 1.4;
    hyphens: auto;
    font-feature-settings: "onum" on;
}
h1 + p, h2 + p, h3 + p{
    text-indent: 0;
}
h2, h3, h4{
    margin-top: var(--pad);
}

section{
    background: #eae8e9;
    margin: auto;
    width: 600px;
    padding: var(--pad);

    box-sizing: border-box;
}

:root{
  --GRAD: 0;
  --wght: 485;
  --pad: 2.5rem;
}

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


em{
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-style: italic;

}

blockquote{
    font-family: 'Jost', sans-serif;
    font-size: 1.8rem;
    margin-top: var(--pad);
    margin-bottom: var(--pad);

    line-height: 1.15;
    text-indent: -0.4em;
}

.quotes{
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;

}

.blockquotes{
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;

}
ul{
    padding-left: 2rem;
}

ul li{
    list-style-type: none;
    text-indent: -10px;
    margin-bottom: 1em;
}
ul li:before{
    content: "‣ ";
}
ul li:first-child{
    margin-top: 1em;
}

sup{

    margin-right: 3px;
    font-size:0.8rem;
}

hr.solid {
    border-top: 1.2px solid #ff62af;
  }

hr+p{
    text-indent: 0;
}