
.patrikf-big-date,
.wp-block-post-title,
.wp-block-read-more,
.concert-month-header {
  font-family: "Outfit";
}

.patrikf-big-date {
  color: inherit;
}

.wp-block-read-more {
  text-decoration: underline;
}

.concert-date-list-entry .wp-block-post-title,
.concert-ad .wp-block-post-title {
  font-weight: 600;
  padding-bottom: 0px;
}

.concert-date-list-entry {
  align-items: stretch;
  column-gap: 1em;
}

.concert-date-list-entry > .details,
.concert-date-list-entry > .details div {
  row-gap: .1em;
}

/*.concert-date-list-entry .details {
  font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.51), 1.2rem);
}*/

.concert-date-list-entry .patrikf-big-date {
  /*font-size: 1.25em;*/
}

.concert-date-list {
  margin-top: var(--wp--preset--spacing--20);
  margin-bottom: 3em;
}

.concert-date-list .wp-block-read-more {
  display: none;
}

.concert-date-list > ul {
  display: flex;
  flex-direction: column;
  row-gap: .8em;
}

.concert-month-header {
  color: var(--wp--preset--color--accent-4);
}

.concert-ad .patrikf-big-date {
  padding: 0px;
}

.concert-ad .dates {
  gap: 1ex;
  flex-grow: 1;
  justify-content: center;
}

.concert-ad .dates > * {
  flex-grow: 0.05;
}

.concert-ad .ad-columns {
  flex-wrap: wrap;
  justify-items: stretch;
  row-gap: 0px;
}

.concert-ad .details {
  flex-basis: 12em;
  flex-grow: 999;
  row-gap: .1em;
}

.concert-ad .wp-block-read-more {
  padding-left: .5ex;
}

.concert-month-header {
  padding: 3px 2px 0px 2px;
  margin-top: var(--wp--preset--spacing--30);
  margin-bottom: var(--wp--preset--spacing--30);
  border-top: 1px solid var(--wp--preset--color--contrast);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 400;
}

.concert-date-list .concert-month-header {
  border-top: 0px;
}

.concert-date-list .details {
  padding-top: 0em;
  flex-grow: 1;
}

.concert-date-list .wp-block-patrikf-concert-time-indicator {
  flex-basis: 3.5em;
}

@media screen and (max-width: 600px) {
  .concert-date-list-entry > .details {
    padding-left: 0px;
    padding-right: 0px;
  }

  .concert-date-list-entry .patrikf-big-date {
    padding-left: .5ex;
    padding-right: .5ex;
  }

  .concert-ad .ad-columns {
    margin-left: calc(0px - var(--wp--preset--spacing--20));
    margin-right: calc(0px - var(--wp--preset--spacing--20));
  }

  .concert-date-list {
    margin-left: calc(0px - var(--wp--preset--spacing--30)) !important;
    margin-right: calc(0px - var(--wp--preset--spacing--30)) !important;
  }

  .concert-date-list-entry {
    margin-top: -.55em;
    column-gap: 1.5ex;
  }

  .concert-ad .ad-columns {
    column-gap: 1.5ex;
  }

  .concert-ad .dates {
    column-gap: .2ex;
  }

  .concert-ad .details {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media screen and (max-width: 480px) {
  .concert-ad .wp-block-read-more {
    float: none;
    display: block;
    margin-left: auto !important;
    margin-right: 0px !important;
  }

  .concert-ad .details {
    padding-top: 1.2em;
  }

  .concert-date-list-entry .details {
    padding-top: .8em;
  }

  .concert-date-list > ul {
    row-gap: 0px;
  }
}

.wp-block-patrikf-concert-view .wp-block-column:empty {
  background-color: #eee;
}

main > div > h1::before {
  display: block;
  margin-bottom: .8em;
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  text-transform: uppercase;
}

.single-concert_date main > div > h1 {
  font-size: inherit;
  font-weight: 600;
  margin-bottom: 0px !important;
  padding-bottom: 0px;
}

.single-concert main > div > h1::before {
  content: "Konzertprogramm";
}

.single-concert_date main > div> h1::before {
  content: "Veranstaltung";
}

.wp-block-patrikf-concert-view .wp-block-post-title::before {
  content: "Konzertprogramm";
  display: block;
  margin-bottom: .8em !important;
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  text-transform: uppercase;
}

.single-concert main > div > .entry-content > .subtitle:first-child {
  font-family: "Outfit";
  font-weight: 300;
  margin-top: -25px;
  line-height: 1.4;
}

.more-dates {
  font-variant-numeric: lining-nums;
}

