@font-face {
  font-family: "tgb-wordmark";
  src: url("../Fonts/Icons/tgb-wordmark.eot");
  src: url("../Fonts/Icons/tgb-wordmark.eot?ofkv6c#iefix") format("embedded-opentype"),
      url("../Fonts/Icons/tgb-wordmark.woff2?ofkv6c") format("woff2"),
      url("../Fonts/Icons/tgb-wordmark.woff?ofkv6c") format("woff"),
      url("../Fonts/Icons/tgb-wordmark.ttf?ofkv6c") format("truetype"),
      url("../Fonts/Icons/tgb-wordmark.svg?ofkv6c#tgb-wordmark") format("svg");
  font-style: normal;
  font-weight: 400;
}

.tgbwm {
  display: inline-block;
  font-family: "tgb-wordmark" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


h1 .tgbwm,
p .tgbwm {
  font-size: 82%;
}

.tgbwm-red::before {
  color: #E20026 !important;
}

.tgbwm-black::before {
  color: #4A4A4A !important;
}

.tgbwm-back::before {
  content: "\ea01";
}
.tgbwm-card::before {
  content: "\ea02";
}
.tgbwm-digital::before {
  content: "\ea03";
}
.tgbwm-kultur::before {
  content: "\ea04";
}
.tgbwm-plus::before {
  content: "\ea05";
}
.tgbwm-programm::before {
  content: "\ea06";
}
.tgbwm-stage::before {
  content: "\ea07";
}
.tgbwm-tipp::before {
  content: "\ea08";
}

.tgbwm-backstagedigital::before {
  content: "\ea01\ea07\ea03";
}

.tgbwm-kulturtippdigital::before {
  content: "\ea04\ea08\ea03";
}

.tgbwm-kulturpluscard::before {
  content: "\ea04\ea05\ea02";
}

.tgbwm-kulturplusprogramm::before {
  content: "\ea04\ea05\ea06";
}

/* temp  bitte ins sccs übertragen*/
.br-1 {
  border: 2px solid #E20026;
}

.bg-F9 {
  background-color: #F9F9F9;
}

.icon-pa-0--0 {
  position: absolute;
  top: 0;
  left: 0;
}

.icon-wrap-40x40 {
  width: 2.500rem;
  height: 2.500rem;
}

.thanksbox {
  background-color: #e3e8eb;
}

.thanksbox:not(:last-child) {
  margin-right: 30px
}

.vh-radio::before {
  visibility: hidden;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.vh-radio {
  border: 3px solid #e3e8eb;
  transition: all 0.2s ease-in-out;
  padding: 15px;
  margin-bottom: 0 !important;
  opacity: 0.3;
}

.vh-radio:hover {
  opacity: 1;
  border: 3px solid #E20026;
}

input[type="radio"]:checked + .vh-radio {
  border: 3px solid #E20026;
  opacity: 1;
}