/* === Automatically created from 90_home.scss - do not modify! === */

#pfy .pfy-link-text {
  white-space: nowrap;
}

strong {
  color: #b30000;
}

.tt1 {
  font-style: italic;
}

.mdp-tabulator-wrapper {
  margin-bottom: 0.6em;
}

.pfy-large-screen .mdp-tabulator-outer-wrapper-1 {
  --tt1-width: 6em;
  --tt2-width: 14em;
  --tt3-width: 2.5em;
}

.pfy-small-screen .mdp-tabulator-outer-wrapper-1 {
  --tt1-width: 6em;
  --tt2-width: 14em;
  --tt3-width: 2.5em;
}
.pfy-small-screen .mdp-tabulator-outer-wrapper-1 .tt2, .pfy-small-screen .mdp-tabulator-outer-wrapper-1 .tt3, .pfy-small-screen .mdp-tabulator-outer-wrapper-1 .tt4 {
  width: calc(100% - var(--tt1-width));
}

#pfy .beschreibung {
  margin: -0.5em;
  margin-top: 1em;
  padding: 0.5em;
  outline: 1px solid #eee;
}

.pfy-large-screen .box {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-right: 1em;
  margin: 0.5em 0;
}
.pfy-large-screen .box.box span {
  display: inline-block;
}

#pfy .mdp-icon {
  margin: 0;
}

.box span {
  display: inline-block;
}
.box p {
  margin: 0;
}
.box .wiederholung {
  margin: -1em 0 0.3em 0;
  font-weight: bold;
}

.event-wrapper:has(.rightimg) .wrapper {
  display: inline-block;
  vertical-align: top;
}
.event-wrapper:has(.rightimg) .event-descr {
  width: 74%;
}
.event-wrapper:has(.rightimg) .rightimg {
  width: 25%;
}

.pfy-small-screen {
  --tt1-width: 6em;
}
.pfy-small-screen .box2 p {
  margin-left: 3em;
}
.pfy-small-screen .box3 {
  margin-left: var(--tt1-width);
  margin-top: -1.15em;
}

.cancelled {
  position: absolute;
  background: rgba(255, 238, 238, 0.8);
  border: 1px solid red;
  padding: 0.5em;
  transform: rotate(-15deg);
}