/*parse function*/
/*main mixin font-size calc*/
/*BASE VARIABLES*/
/*MULTIPLIERS*/
.fs-0 {
  font-size: 12px;
  line-height: calc(12px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-0 {
    font-size: calc(12px + 8 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(12px + 8 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-0 {
    font-size: 20px;
    line-height: calc(20px * 1.2);
  }
}
.fs-1 {
  font-size: 13.2px;
  line-height: calc(13.2px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-1 {
    font-size: calc(13.2px + 8.8 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(13.2px + 8.8 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-1 {
    font-size: 22px;
    line-height: calc(22px * 1.2);
  }
}
.fs-2 {
  font-size: 14.4px;
  line-height: calc(14.4px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-2 {
    font-size: calc(14.4px + 9.6 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(14.4px + 9.6 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-2 {
    font-size: 24px;
    line-height: calc(24px * 1.2);
  }
}
.fs-3 {
  font-size: 15.6px;
  line-height: calc(15.6px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-3 {
    font-size: calc(15.6px + 10.4 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(15.6px + 10.4 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-3 {
    font-size: 26px;
    line-height: calc(26px * 1.2);
  }
}
.fs-4 {
  font-size: 16.8px;
  line-height: calc(16.8px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-4 {
    font-size: calc(16.8px + 11.2 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(16.8px + 11.2 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-4 {
    font-size: 28px;
    line-height: calc(28px * 1.2);
  }
}
.fs-5 {
  font-size: 18px;
  line-height: calc(18px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-5 {
    font-size: calc(18px + 12 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(18px + 12 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-5 {
    font-size: 30px;
    line-height: calc(30px * 1.2);
  }
}
.fs-6 {
  font-size: 19.2px;
  line-height: calc(19.2px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-6 {
    font-size: calc(19.2px + 12.8 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(19.2px + 12.8 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-6 {
    font-size: 32px;
    line-height: calc(32px * 1.2);
  }
}
.fs-7 {
  font-size: 20.4px;
  line-height: calc(20.4px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-7 {
    font-size: calc(20.4px + 13.6 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(20.4px + 13.6 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-7 {
    font-size: 34px;
    line-height: calc(34px * 1.2);
  }
}
.fs-8 {
  font-size: 21.6px;
  line-height: calc(21.6px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-8 {
    font-size: calc(21.6px + 14.4 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(21.6px + 14.4 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-8 {
    font-size: 36px;
    line-height: calc(36px * 1.2);
  }
}
.fs-9 {
  font-size: 22.8px;
  line-height: calc(22.8px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-9 {
    font-size: calc(22.8px + 15.2 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(22.8px + 15.2 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-9 {
    font-size: 38px;
    line-height: calc(38px * 1.2);
  }
}
.fs-10 {
  font-size: 24px;
  line-height: calc(24px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-10 {
    font-size: calc(24px + 16 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(24px + 16 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-10 {
    font-size: 40px;
    line-height: calc(40px * 1.2);
  }
}
.fs-11 {
  font-size: 25.2px;
  line-height: calc(25.2px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-11 {
    font-size: calc(25.2px + 16.8 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(25.2px + 16.8 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-11 {
    font-size: 42px;
    line-height: calc(42px * 1.2);
  }
}
.fs-12 {
  font-size: 26.4px;
  line-height: calc(26.4px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-12 {
    font-size: calc(26.4px + 17.6 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(26.4px + 17.6 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-12 {
    font-size: 44px;
    line-height: calc(44px * 1.2);
  }
}
.fs-13 {
  font-size: 27.6px;
  line-height: calc(27.6px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-13 {
    font-size: calc(27.6px + 18.4 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(27.6px + 18.4 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-13 {
    font-size: 46px;
    line-height: calc(46px * 1.2);
  }
}
.fs-14 {
  font-size: 28.8px;
  line-height: calc(28.8px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-14 {
    font-size: calc(28.8px + 19.2 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(28.8px + 19.2 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-14 {
    font-size: 48px;
    line-height: calc(48px * 1.2);
  }
}
.fs-15 {
  font-size: 30px;
  line-height: calc(30px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-15 {
    font-size: calc(30px + 20 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(30px + 20 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-15 {
    font-size: 50px;
    line-height: calc(50px * 1.2);
  }
}
.fs-16 {
  font-size: 31.2px;
  line-height: calc(31.2px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-16 {
    font-size: calc(31.2px + 20.8 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(31.2px + 20.8 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-16 {
    font-size: 52px;
    line-height: calc(52px * 1.2);
  }
}
.fs-17 {
  font-size: 32.4px;
  line-height: calc(32.4px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-17 {
    font-size: calc(32.4px + 21.6 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(32.4px + 21.6 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-17 {
    font-size: 54px;
    line-height: calc(54px * 1.2);
  }
}
.fs-18 {
  font-size: 33.6px;
  line-height: calc(33.6px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-18 {
    font-size: calc(33.6px + 22.4 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(33.6px + 22.4 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-18 {
    font-size: 56px;
    line-height: calc(56px * 1.2);
  }
}
.fs-19 {
  font-size: 34.8px;
  line-height: calc(34.8px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-19 {
    font-size: calc(34.8px + 23.2 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(34.8px + 23.2 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-19 {
    font-size: 58px;
    line-height: calc(58px * 1.2);
  }
}
.fs-20 {
  font-size: 36px;
  line-height: calc(36px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-20 {
    font-size: calc(36px + 24 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(36px + 24 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-20 {
    font-size: 60px;
    line-height: calc(60px * 1.2);
  }
}
.fs-21 {
  font-size: 37.2px;
  line-height: calc(37.2px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-21 {
    font-size: calc(37.2px + 24.8 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(37.2px + 24.8 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-21 {
    font-size: 62px;
    line-height: calc(62px * 1.2);
  }
}
.fs-22 {
  font-size: 38.4px;
  line-height: calc(38.4px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-22 {
    font-size: calc(38.4px + 25.6 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(38.4px + 25.6 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-22 {
    font-size: 64px;
    line-height: calc(64px * 1.2);
  }
}
.fs-23 {
  font-size: 39.6px;
  line-height: calc(39.6px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-23 {
    font-size: calc(39.6px + 26.4 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(39.6px + 26.4 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-23 {
    font-size: 66px;
    line-height: calc(66px * 1.2);
  }
}
.fs-24 {
  font-size: 40.8px;
  line-height: calc(40.8px * 1.2);
}
@media screen and (min-width: 350px) {
  .fs-24 {
    font-size: calc(40.8px + 27.2 * ((100vw - 350px) / 1650));
    line-height: calc(1.2*( calc(40.8px + 27.2 * ((100vw - 350px) / 1650))));
  }
}
@media screen and (min-width: 2000px) {
  .fs-24 {
    font-size: 68px;
    line-height: calc(68px * 1.2);
  }
}
p, .go-home a {
  font-size: 14.4px;
  line-height: calc(14.4px * 1.2);
}
@media screen and (min-width: 350px) {
  p, .go-home a {
    font-size: calc(14.4px + 13.725 * ((100vw - 350px) / 2150));
    line-height: calc(1.2*( calc(14.4px + 13.725 * ((100vw - 350px) / 2150))));
  }
}
@media screen and (min-width: 2500px) {
  p, .go-home a {
    font-size: 28.125px;
    line-height: calc(28.125px * 1.2);
  }
}
.animtitle {
  font-size: 96px;
  line-height: calc(96px * 1.2);
}
@media screen and (min-width: 350px) {
  .animtitle {
    font-size: calc(96px + 91.5 * ((100vw - 350px) / 2150));
    line-height: calc(1.2*( calc(96px + 91.5 * ((100vw - 350px) / 2150))));
  }
}
@media screen and (min-width: 2500px) {
  .animtitle {
    font-size: 187.5px;
    line-height: calc(187.5px * 1.2);
  }
}
h1 {
  font-size: 48px;
  line-height: calc(48px * 1.2);
}
@media screen and (min-width: 350px) {
  h1 {
    font-size: calc(48px + 45.75 * ((100vw - 350px) / 2150));
    line-height: calc(1.2*( calc(48px + 45.75 * ((100vw - 350px) / 2150))));
  }
}
@media screen and (min-width: 2500px) {
  h1 {
    font-size: 93.75px;
    line-height: calc(93.75px * 1.2);
  }
}
h2 {
  font-size: 41.12px;
  line-height: calc(41.12px * 1.2);
}
@media screen and (min-width: 350px) {
  h2 {
    font-size: calc(41.12px + 39.1925 * ((100vw - 350px) / 2150));
    line-height: calc(1.2*( calc(41.12px + 39.1925 * ((100vw - 350px) / 2150))));
  }
}
@media screen and (min-width: 2500px) {
  h2 {
    font-size: 80.3125px;
    line-height: calc(80.3125px * 1.2);
  }
}
h3, .article-title {
  font-size: 33.28px;
  line-height: calc(33.28px * 1.2);
}
@media screen and (min-width: 350px) {
  h3, .article-title {
    font-size: calc(33.28px + 31.72 * ((100vw - 350px) / 2150));
    line-height: calc(1.2*( calc(33.28px + 31.72 * ((100vw - 350px) / 2150))));
  }
}
@media screen and (min-width: 2500px) {
  h3, .article-title {
    font-size: 65px;
    line-height: calc(65px * 1.2);
  }
}
h4, .h4 {
  font-size: 24px;
  line-height: calc(24px * 1.2);
}
@media screen and (min-width: 350px) {
  h4, .h4 {
    font-size: calc(24px + 22.875 * ((100vw - 350px) / 2150));
    line-height: calc(1.2*( calc(24px + 22.875 * ((100vw - 350px) / 2150))));
  }
}
@media screen and (min-width: 2500px) {
  h4, .h4 {
    font-size: 46.875px;
    line-height: calc(46.875px * 1.2);
  }
}
h5, .rating {
  font-size: 16px;
  line-height: calc(16px * 1.2);
}
@media screen and (min-width: 350px) {
  h5, .rating {
    font-size: calc(16px + 15.25 * ((100vw - 350px) / 2150));
    line-height: calc(1.2*( calc(16px + 15.25 * ((100vw - 350px) / 2150))));
  }
}
@media screen and (min-width: 2500px) {
  h5, .rating {
    font-size: 31.25px;
    line-height: calc(31.25px * 1.2);
  }
}
@media screen and (min-width: 600px) {
  .article-title {
    font-size: 48px;
    line-height: calc(48px * 1.2);
  }
}
@media screen and (min-width: 600px) and (min-width: 350px) {
  .article-title {
    font-size: calc(48px + 45.75 * ((100vw - 350px) / 2150));
    line-height: calc(1.2*( calc(48px + 45.75 * ((100vw - 350px) / 2150))));
  }
}
@media screen and (min-width: 600px) and (min-width: 2500px) {
  .article-title {
    font-size: 93.75px;
    line-height: calc(93.75px * 1.2);
  }
}
/*  @font-face {
    font-family: 'Product Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../../cdn/fonts/google/product-sans-text.woff2') format('woff2');
    }*/
@font-face {
  font-family: "Google Sans";
  src: url("https://cdn.ftrt.ch/fonts/google/GoogleSans-Bold.woff") format("woff"), url("https://cdn.ftrt.ch/fonts/google/GoogleSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans";
  src: url("https://cdn.ftrt.ch/fonts/google/GoogleSans-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans";
  src: url("https://cdn.ftrt.ch/fonts/google/GoogleSans-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans";
  src: url("https://cdn.ftrt.ch/fonts/google/GoogleSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans";
  src: url("https://cdn.ftrt.ch/fonts/google/GoogleSans-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans";
  src: url("https://cdn.ftrt.ch/fonts/google/GoogleSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans Text";
  src: url("https://cdn.ftrt.ch/fonts/google/GoogleSansText-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans Text";
  src: url("https://cdn.ftrt.ch/fonts/google/GoogleSansText-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans Text";
  src: url("https://cdn.ftrt.ch/fonts/google/GoogleSansText-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans Text";
  src: url("https://cdn.ftrt.ch/fonts/google/GoogleSansText-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans Text";
  src: url("https://cdn.ftrt.ch/fonts/google/GoogleSansText-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans Text";
  src: url("https://cdn.ftrt.ch/fonts/google/GoogleSansText-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
/*
    @font-face {
    font-family: 'Product Sans Heading';
    font-style: normal;
    font-weight: normal;
    src: url('../../cdn/fonts/google/product-sans.woff2') format('woff2');
    }
  */
html {
  font-family: "Google Sans Text", Roboto, Arial, sans-serif;
  color: var(--font-color-1);
}
html * {
  font-family: "Google Sans Text", Roboto, Arial, sans-serif;
  color: var(--font-color-3);
}
h1, h2, h3, h4, h5 {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  word-break: break-word;
}
h1, h2, h3 {
  color: var(--font-color-1);
}
h4, h5, p {
  color: var(--font-color-3);
}
.font1 {
  color: var(--font-color-1);
}
.font3 {
  color: var(--font-color-3);
}
.bold {
  font-weight: 900;
}
html {
  font-size: 100%;
}
a {
  color: var(--color-blue);
  text-decoration: none;
  font-family: "Google Sans Text", Roboto, sans-serif;
}
.article-p, .article li, .section-text, .font4, .caption {
  font-size: 16px;
  line-height: calc(16px * 1.2);
}
@media screen and (min-width: 750px) {
  .article-p, .article li, .section-text, .font4, .caption {
    font-size: calc(16px + 4 * ((100vw - 750px) / 1250));
    line-height: calc(1.2*( calc(16px + 4 * ((100vw - 750px) / 1250))));
  }
}
@media screen and (min-width: 2000px) {
  .article-p, .article li, .section-text, .font4, .caption {
    font-size: 20px;
    line-height: calc(20px * 1.2);
  }
}
.article-title {
  font-size: 28px;
  line-height: calc(28px * 1.2);
}
@media screen and (min-width: 750px) {
  .article-title {
    font-size: calc(28px + 22 * ((100vw - 750px) / 1250));
    line-height: calc(1.2*( calc(28px + 22 * ((100vw - 750px) / 1250))));
  }
}
@media screen and (min-width: 2000px) {
  .article-title {
    font-size: 50px;
    line-height: calc(50px * 1.2);
  }
}
.article-heading {
  font-size: 22px;
  line-height: calc(22px * 1.2);
}
@media screen and (min-width: 750px) {
  .article-heading {
    font-size: calc(22px + 18 * ((100vw - 750px) / 1250));
    line-height: calc(1.2*( calc(22px + 18 * ((100vw - 750px) / 1250))));
  }
}
@media screen and (min-width: 2000px) {
  .article-heading {
    font-size: 40px;
    line-height: calc(40px * 1.2);
  }
}
strong, .caption {
  color: black !important;
}
h1.saluation {
  font-size: 32px;
  line-height: calc(32px * 1.2);
}
@media screen and (min-width: 750px) {
  h1.saluation {
    font-size: calc(32px + 48 * ((100vw - 750px) / 1250));
    line-height: calc(1.2*( calc(32px + 48 * ((100vw - 750px) / 1250))));
  }
}
@media screen and (min-width: 2000px) {
  h1.saluation {
    font-size: 80px;
    line-height: calc(80px * 1.2);
  }
}

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:typography] [100.13133] DESIGN*/
/*******************************************************************/
/* 0.3 D>D */
/* db 163 */