/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/overview/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-ifdigitalxsemmel-if-semmel-connect .semmel-connect--nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  gap: calc(var(--wp--style--block-gap, 1rem) / 2);
}
.wp-block-ifdigitalxsemmel-if-semmel-connect .semmel-connect--nav button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  white-space: nowrap;
  font-size: 1.2rem;
  line-height: 1;
  background-color: var(--wp--preset--color--cta);
  padding: calc(var(--wp--style--block-gap, 1rem) / 2) calc(var(--wp--style--block-gap, 1rem) / 2);
  color: #fff;
  cursor: pointer;
  border: 0 solid #fff;
  font-weight: bold;
  border-radius: var(--wp-preset--border-radius--default);
}
@media (min-width: 1200px) {
  .wp-block-ifdigitalxsemmel-if-semmel-connect .semmel-connect--nav button:hover {
    opacity: 0.8;
  }
}
.wp-block-ifdigitalxsemmel-if-semmel-connect .semmel-connect--filter {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: calc(var(--wp--style--block-gap, 1rem) / 2);
  list-style: none;
  gap: calc(var(--wp--style--block-gap, 1rem) / 2);
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
@media (min-width: 1200px) {
  .wp-block-ifdigitalxsemmel-if-semmel-connect .semmel-connect--filter {
    overflow: hidden !important;
  }
}
.wp-block-ifdigitalxsemmel-if-semmel-connect .semmel-connect--filter li {
  white-space: nowrap;
  font-size: 1.2rem;
  line-height: 1;
  background-color: var(--wp--preset--color--cta);
  padding: calc(var(--wp--style--block-gap, 1rem) / 2) var(--wp--style--block-gap, 1rem);
  color: #fff;
  cursor: pointer;
  border-radius: var(--wp-preset--border-radius--default);
}
@media (min-width: 1200px) {
  .wp-block-ifdigitalxsemmel-if-semmel-connect .semmel-connect--filter li:hover {
    opacity: 0.8;
  }
}
.wp-block-ifdigitalxsemmel-if-semmel-connect .semmel-connect--filter li.active {
  font-weight: bold;
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--cta);
}
.wp-block-ifdigitalxsemmel-if-semmel-connect .semmel-connect--events {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: var(--wp--style--block-gap, 1rem);
  grid-row-gap: 0px;
}
@media (min-width: 768px) {
  .wp-block-ifdigitalxsemmel-if-semmel-connect .semmel-connect--events {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .wp-block-ifdigitalxsemmel-if-semmel-connect .semmel-connect--events {
    grid-template-columns: repeat(4, 1fr);
  }
}
.wp-block-ifdigitalxsemmel-if-semmel-connect .semmel-connect--event {
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 1;
  margin-bottom: var(--wp--style--block-gap, 1rem);
  padding-bottom: var(--wp--style--block-gap, 1rem);
  border-bottom: 1px solid #f1f1f1;
}
.wp-block-ifdigitalxsemmel-if-semmel-connect .semmel-connect--event time,
.wp-block-ifdigitalxsemmel-if-semmel-connect .semmel-connect--event address {
  font-style: normal;
}
.wp-block-ifdigitalxsemmel-if-semmel-connect .show-more-button {
  display: block;
  margin: var(--wp--style--block-gap, 1rem) auto 0 auto;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1;
  background-color: var(--wp--preset--color--cta);
  padding: calc(var(--wp--style--block-gap, 1rem) / 2) calc(var(--wp--style--block-gap, 1rem) / 1);
  color: #fff;
  cursor: pointer;
  border: 0 solid #fff;
  font-weight: bold;
  border-radius: var(--wp-preset--border-radius--default);
}
.wp-block-ifdigitalxsemmel-if-semmel-connect .is-style-hidden {
  display: none;
  opacity: 0;
  transform: scale(0.95);
  pointer-events: none;
}

/*# sourceMappingURL=style-index.css.map*/