.t-tint-01 {
  background-color: white; }

.t-tint-02 {
  background-color: #fdefe4; }

.t-tint-03 {
  background-color: #fce0cb; }

.t-tint-04 {
  background-color: #c67639; }

.t-tint-05 {
  background-color: #c2e3f5; }

.t-tint-06 {
  background-color: #5dc5ed; }

.t-tint-07 {
  background-color: #0c7daf; }

.t-tint-08 {
  background-color: #e1a46b; }

.t-tint-09 {
  background-color: #00c4ec; }

.t-grad-step-01 {
  background-color: #12789f; }

.t-grad-step-02 {
  background-color: #158dbb; }

.t-grad-step-03 {
  background-color: #18a1d6; }

.t-grad-step-04 {
  background-color: #26b1e7; }

.t-grad-step-05 {
  background-color: #41bbea; }

.t-color-01 {
  color: #000000; }

.t-color-02 {
  color: #0c7daf; }

.t-color-03 {
  color: #ffffff; }

.t-font-copy {
  font-family: "Jura", sans-serif; }

.t-font-copy {
  font-family: "Jura", sans-serif; }

.t-compacted p {
  margin-bottom: 3px; }

.t-compacted--zero p {
  margin-bottom: 0px; }

.t-larger {
  font-size: 14px;
  letter-spacing: -0.05rem;
  padding: 15px; }
  @media screen and (min-width: 768px) {
    .t-larger {
      font-size: 18px;
      letter-spacing: 0;
      padding: 15px; } }

.t-accent {
  font-weight: 700;
  margin-bottom: 12px; }

.t-lists-list .row {
  margin-bottom: 15px;
  margin-top: 25px; }

.t-groet {
  line-height: 40px; }
  @media screen and (min-width: 768px) {
    .t-groet {
      line-height: initial; } }

.t-note {
  color: #aaa;
  font-size: 13px; }

.subdued {
  color: #aaa; }

.footnote {
  display: inline-block;
  font-size: 12px;
  margin-top: 18px;
}