/* Styleanweisungen fuer Ticketfinder DE und EN *****/
.mccom-tf {
  max-width: 1200px;
}

/* clearfix */
.mccom-tf::after {
  content: "";
  display: block;
  clear: both;
}

.mccom-tf-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-wrap: wrap;
}

.mccom-tf-button {
  display: inline-block;
  padding: 0.5em;
  cursor: pointer;
  margin: 10px;
  color: #007da3;
  background-color: #fff;
  text-transform: uppercase;
  text-align: center;
  background-size: cover;
  font-weight: 700;
  font-size: 0.813rem;
  height: 135px;
  width: 120px;
}

.mccom-tf-button:hover,
.mccom-tf-button:active,
.mccom-tf-button.is-checked {
  border: 5px #007da3 solid;
  border-radius: 5%;
}

#mccom-tf-person-alle,
#mccom-tf-frequenz-alle {
  display: none;
}

#mccom-tf-person-schueler {
  background-image: url(/wp-content/uploads/2021/09/icon-ticketfinder-schueler.jpg);
}

#mccom-tf-person-studierende {
  background-image: url(/wp-content/uploads/2021/09/icon-ticketfinder-studierende.jpg);
}

#mccom-tf-person-erwachsene {
  background-image: url(/wp-content/uploads/2021/09/icon-ticketfinder-erwachsene.jpg);
}

#mccom-tf-person-senioren {
  background-image: url(/wp-content/uploads/2021/09/icon-ticketfinder-senioren.jpg);
}

#mccom-tf-person-besucher {
  background-image: url(/wp-content/uploads/2021/09/icon-ticketfinder-besucher.jpg);
}

#mccom-tf-frequenz-einmalig {
  background-image: url(/wp-content/uploads/2021/09/icon-ticketfinder-einmalig.jpg);
}

#mccom-tf-frequenz-oefter {
  background-image: url(/wp-content/uploads/2021/09/icon-ticketfinder-regelmaessig.jpg);
}

#mccom-tf-frequenz-regelmaessig {
  background-image: url(/wp-content/uploads/2021/09/icon-ticketfinder-haeufig.jpg);
}

.mccom-tf-filter {
  width: 230px;
  height: 320px;
  margin: 5px;
  border: 2px dotted #afafaf;
  background-image: url(/wp-content/uploads/ticketfinder-bg-fahrkarte.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.mccom-tf-filter-a {
  height: 20%;
}

.mccom-tf-filter:hover .mccom-tf-filter-a {
  content: url(/wp-content/uploads/2022/05/icon-pfeil-tuerkis.png);
  padding-left: 50%;
  padding-bottom: 2%;
}

.mccom-tf-filter-b {
  height: 30%;
  font-size: 1.063rem;
  color: #007da3;
  font-weight: 700;
  font-family: "Titillium Web";
  border-bottom: 2px dotted #bcbcbc;
  margin: 0 5%;
}

.mccom-tf-filter-c {
  height: 50%;
  font-size: 0.938rem;
  font-weight: 500;
  color: #333333;
  font-family: "Titillium Web";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 5%;
}