.tx-webx-convention .pages .details .section .elements {
  display: flex;
  flex-flow: row wrap; }
  .tx-webx-convention .pages .details .section .elements .tile {
    position: relative;
    margin-right: 20px;
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #002850;
    cursor: pointer; }
    .tx-webx-convention .pages .details .section .elements .tile.selected {
      background: rgba(0, 40, 80, 0.5); }
    .tx-webx-convention .pages .details .section .elements .tile .choose {
      position: absolute;
      top: 5px;
      left: 10px;
      z-index: 10;
      display: block;
      width: 30px;
      height: 30px !important;
      opacity: 1; }
.tx-webx-convention .pages .details .meeting .rooms .roomSeatingFilterWrap {
  display: flex;
  flex-wrap: wrap; }
  .tx-webx-convention .pages .details .meeting .rooms .roomSeatingFilterWrap .roomSeating ~ .roomSeating {
    margin-left: 10px; }
  .tx-webx-convention .pages .details .meeting .rooms .roomSeatingFilterWrap .roomSeating {
    margin-bottom: 10px;
    border: solid 1px #002850;
    display: flex;
    padding: 5px 10px;
    line-height: 30px; }
    .tx-webx-convention .pages .details .meeting .rooms .roomSeatingFilterWrap .roomSeating img {
      height: 30px;
      margin-right: 10px; }
    .tx-webx-convention .pages .details .meeting .rooms .roomSeatingFilterWrap .roomSeating:hover, .tx-webx-convention .pages .details .meeting .rooms .roomSeatingFilterWrap .roomSeating:focus, .tx-webx-convention .pages .details .meeting .rooms .roomSeatingFilterWrap .roomSeating:active, .tx-webx-convention .pages .details .meeting .rooms .roomSeatingFilterWrap .roomSeating.active {
      background: rgba(0, 40, 80, 0.5); }
.tx-webx-convention .pages .details .meeting .rooms .room {
  width: 390px; }
  .tx-webx-convention .pages .details .meeting .rooms .room .details .stats {
    display: flex;
    justify-content: space-between;
    margin: 20px 0; }
    .tx-webx-convention .pages .details .meeting .rooms .room .details .stats .title {
      margin-bottom: 5px; }
  .tx-webx-convention .pages .details .meeting .rooms .room .details .info .title {
    margin-bottom: 30px;
    font-size: 22px; }
  .tx-webx-convention .pages .details .meeting .rooms .room .details .more_info {
    display: block;
    margin-top: 50px; }
.tx-webx-convention .pages .details .meeting .seatings .seating {
  width: 185px;
  text-align: center; }
  .tx-webx-convention .pages .details .meeting .seatings .seating .image {
    margin-bottom: 10px; }
.tx-webx-convention .pages .details .meeting .room_upgrades .room_upgrade {
  width: 320px; }
  .tx-webx-convention .pages .details .meeting .room_upgrades .room_upgrade .image {
    margin-bottom: 20px;
    padding: 40px;
    border: 1px solid #002850;
    text-align: center; }
    .tx-webx-convention .pages .details .meeting .room_upgrades .room_upgrade .image img {
      width: 100px; }
  .tx-webx-convention .pages .details .meeting .room_upgrades .room_upgrade .title {
    margin-bottom: 30px;
    font-size: 20px; }
    .tx-webx-convention .pages .details .meeting .room_upgrades .room_upgrade .count div {
      margin-bottom: 10px; }
.tx-webx-convention .pages .details .meeting .more_rooms .more_room .choose {
  display: none; }
.tx-webx-convention .pages .details .catering .cateringHeadlineWrap {
  height: 100px;
  position: relative; }
  .tx-webx-convention .pages .details .catering .cateringHeadlineWrap .cateringHeadline {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    font-size: 40px;
    background-image: url('/fileadmin/templates/images/downwardArrowThin.svg');
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 35px;
    background-size: 50px;
    height: 100px;
    max-width: 290px; }
.tx-webx-convention .pages .details .catering .cateringDays {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 10px 20px;
  border: 1px solid #014750;
  align-content: flex-start; }
  .tx-webx-convention .pages .details .catering .cateringDays .singleCateringDay {
    width: 10%;
    margin: 1%;
    min-width: 100px;
    text-align: center;
    padding: 20px 0;
    border: 2px solid transparent;
    transition: border-color 150ms linear;
    cursor: pointer; }
    .tx-webx-convention .pages .details .catering .cateringDays .singleCateringDay:hover {
      border: 2px solid rgba(0, 40, 80, 0.5); }
    .tx-webx-convention .pages .details .catering .cateringDays .singleCateringDay.active {
      border: 2px solid #002850; }
    .tx-webx-convention .pages .details .catering .cateringDays .singleCateringDay.done {
      background: rgba(0, 40, 80, 0.5); }
.tx-webx-convention .pages .details .catering .types .type {
  display: flex;
  align-items: center; }
  .tx-webx-convention .pages .details .catering .types .type.done, .tx-webx-convention .pages .details .catering .types .type.selected {
    background: rgba(0, 40, 80, 0.5); }
  .tx-webx-convention .pages .details .catering .types .type .image {
    width: 30px;
    margin-right: 10px; }
.tx-webx-convention .pages .details .catering .options .option {
  width: 320px; }
  .tx-webx-convention .pages .details .catering .options .option .price {
    margin-bottom: 20px; }
  .tx-webx-convention .pages .details .catering .options .option .title {
    margin-bottom: 30px; }
  .tx-webx-convention .pages .details .catering .options .option .description {
    margin-bottom: 30px; }
  .tx-webx-convention .pages .details .catering .options .option .more_info_wrap {
    position: relative;
    height: 50px; }
    .tx-webx-convention .pages .details .catering .options .option .more_info_wrap .more_info {
      position: absolute;
      bottom: 0; }
  .tx-webx-convention .pages .details .catering .options .option .image {
    margin-bottom: 20px;
    border: 1px solid #002850;
    text-align: center; }
.tx-webx-convention .pages .details .catering .upgrades .upgrade {
  width: 320px; }
  .tx-webx-convention .pages .details .catering .upgrades .upgrade .image {
    margin-bottom: 20px;
    border: 1px solid #002850;
    text-align: center; }
.tx-webx-convention .pages .details .hotel .types .type {
  width: 320px; }
  .tx-webx-convention .pages .details .hotel .types .type .image {
    margin-bottom: 20px; }
  .tx-webx-convention .pages .details .hotel .types .type .title {
    margin-bottom: 30px;
    font-size: 22px; }
    .tx-webx-convention .pages .details .hotel .types .type .title.done {
      background: rgba(0, 40, 80, 0.5); }
  .tx-webx-convention .pages .details .hotel .types .type .description {
    margin-bottom: 50px; }
  .tx-webx-convention .pages .details .hotel .types .type .count {
    margin-bottom: 30px; }
.tx-webx-convention .pages .details .hotel .upgrades .upgrade {
  width: 320px; }
  .tx-webx-convention .pages .details .hotel .upgrades .upgrade .image {
    margin-bottom: 20px; }
  .tx-webx-convention .pages .details .hotel .upgrades .upgrade .title {
    margin-bottom: 30px;
    font-size: 22px; }
  .tx-webx-convention .pages .details .hotel .upgrades .upgrade .description {
    margin-bottom: 50px; }
.tx-webx-convention .pages .details .program .programs .type {
  width: 320px; }
  .tx-webx-convention .pages .details .program .programs .type .image {
    margin-bottom: 20px; }
  .tx-webx-convention .pages .details .program .programs .type .title {
    margin-bottom: 30px;
    font-size: 22px; }
  .tx-webx-convention .pages .details .program .programs .type .description {
    margin-bottom: 50px; }
  .tx-webx-convention .pages .details .program .programs .type .count {
    margin-bottom: 30px; }
.tx-webx-convention .pages .details .program .programs .costumTileDesign .description {
  margin-bottom: 160px; }
.tx-webx-convention .pages .details .program .programs .costumTileDesign .price {
  position: absolute;
  bottom: 150px; }
.tx-webx-convention .pages .details .program .programs .costumTileDesign .count {
  position: absolute;
  bottom: 50px; }
.tx-webx-convention .pages .details .program .programs .costumTileDesign .more_info {
  position: absolute;
  bottom: 20px; }