:root {
	--red-color: #cf2e2e;
	--blue-color: #00aacc;
	--black-color: #00aacc;
	--white-color: #ffffff;
	
	--headline-color: #333344;
	--text-color: #4f505f;
	--textlink-color: #333344;
	--linkhover-color: #333344;
	--border-color: #f2f5f7;
	--background-color: #f4f4f4;
}

.red {
  color: var(--red-color)
}
.blue {
  color: var(--blue-color)
}
.block {
  display: block
}
.inline {
  display: inline
}
.none {
  display: none
}
.flex {
  display: flex
}
.flex-column {
  flex-direction: column
}
.flex-row {
  flex-direction: row
}
.flex-wrap {
  flex-wrap: wrap
}
.flex-first {
  order: 1
}
.flex-second {
  order: 2
}
.flex-third {
  order: 3
}
.flex-fourth {
  order: 4
}
.flex-fifth {
  order: 5
}
.flex-sixth {
  order: 6
}
.flex-seventh {
  order: 7
}
.flex-eight {
  order: 8
}
.flex-ninth {
  order: 9
}
.flex-tenth {
  order: 10
}
.gapright {
  padding-right: .5em
}
.gapleft {
  padding-left: .5em
}
.placeholder {
  opacity: 0
}
.greyout {
  opacity: .5
}
.strong {
  font-weight: 600
}
.font-smaller {
  font-size: 0.875em
}
.cursor-disable {
  cursor: default
}
.cursor-help {
  cursor: help
}
.center {
  text-align: center;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto
}
.align-right {
  text-align: right
}
.no-hyphen {
-ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
@keyframes blinker {
  50% {
    opacity: .25
  }
}
.blink {
  animation: blinker 2.5s linear infinite
}
@media (max-width:544px) {
  .hidemobile {
    display: none !important
  }
}
@media (min-width:545px) {
  .showmobile {
    display: none !important
  }
}