@font-face {
    font-family: 'EuclidSquare-Bold-WebS';
    src: url(../font/EuclidSquare-Bold-WebS.woff2);
  }

  @font-face {
    font-family: 'EuclidSquare-Light-WebS';
    src: url(../font/EuclidSquare-Light-WebS.woff2);
  }
  
body {
    font-family: 'EuclidSquare-Light-WebS', sans-serif;
    font-weight: 400;
} 

h1 {
  cursor: ns-resize;
  letter-spacing: .006em;
  text-transform: uppercase;
  font-weight: 400;
  font-family: 'EuclidSquare-Bold-WebS';
}

h2, h3 {
  font-family: 'EuclidSquare-Bold-WebS';
  font-weight: 400;
}

.is-trigger,
h1 {
  font-size: 54px;
  text-align: center;
  letter-spacing: .015em;
}

.page h1 {
  font-size: 54px;
  line-height: 58px;
  hyphens: auto;
}


h2,
.speisekarte__menu a {
  font-size: 30px;
  line-height: 35px;
  letter-spacing: .03em;
}

h3 {
  letter-spacing: .05em;
}

header {
  font-size: 28px;
  line-height: 30px;
}

a.is-button,
h3,
p {
  font-size: 20px;
  line-height: 26px;
}

.section__copy p {
  line-height: 30px;
}

.is-trigger {
  cursor: pointer;
}

header,
h1,
h2 {
  font-feature-settings: "ss05";
}

h2.kalt {
  font-feature-settings: normal;
}

header,
.speisekarte {
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .is-trigger,
  h1 {
    font-size: 28px;
  }

  h2,
  .speisekarte__menu a {
    font-size: 24px;
    line-height: 28px;
  }

  a.is-button,
  h3,
  p {
    font-size: 16px;
    line-height: 18px;
  }

  .section__copy p {
    line-height: 24px;
  }
}