.themecardBox h2 {
  word-wrap: anywhere;
  word-break: break-all;
  hyphens: manual;
}

@media all and (min-width: 451px) and (max-width: 1000px) {
  .themecardBox {
    width: 45%;
  }
}

@media all and (max-width: 450px) {
  .themecardBox {
    width: 95%;
  }
}

#themecardSelector .portal-infobox {
  width: 200px;
}
div.dvz-contenttype-infoboxlist {
  grid-template-columns: repeat(auto-fit, minmax(200px, auto))!important;
}

#themecardSelectorContent {
  padding: 1em;
}
#themecardSelectorContent div.dvz-contenttype-infoboxlist {
  grid-gap: 10px!important;
}

p.cardDescription {
  text-align: justify;
  margin-top: -5px;
}

img.rightImg {
  margin-left: 2em;
}

div.dvz-contenttype-infoboxlist.tileOverview {
  justify-content: left;
  padding-right: 2px;
}
.ui-dialog-titlebar-close::before {
  font-size: 1em!important;
}