/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* You can add your own custom scss, structure your scss files and import them or copy
some scss files from the parent minions theme inside the scss folder and edit them. */
.b-gv-cards-all .b-gv-card {
  background: #f7f7f7;
  color: #777;
}
@media (max-width: 767px) {
  .b-gv-cards-all .b-gv-card {
    margin-bottom: 1rem;
  }
}
@media (max-width: 590px) {
  .b-gv-cards-all .wp-block-columns {
    margin-bottom: 0;
  }
}
.b-background-color {
  background: #faf3e9;
}
.b-background-color .b-50jahre-links img {
  border: 7px solid #fff;
  box-shadow: 1px 1px 4px #00000075;
}
@media (min-width: 755px) {
  .b-50jahre-links {
    margin: 4rem 0;
  }
  .b-50jahre-rechts {
    margin: 4rem 0;
  }
}
@media (max-width: 755px) {
  .b-50jahre-links {
    margin: 1rem 0 0 0;
  }
  .b-50jahre-rechts {
    margin: 0 0 3rem 0;
  }
}
.hero-video-wrapper {
  height: calc(100vh - 170px);
  overflow: hidden;
  position: relative;
}
.hero-video-wrapper video {
  height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}
.hero-video-wrapper .volume-controls {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.hero-video-wrapper .volume-controls .mute-button {
  aspect-ratio: 1;
  width: 42px;
  border-radius: 9999px;
  background-color: var(--color-blue);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 25px #fff;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
}
.hero-video-wrapper .volume-controls .mute-button:hover {
  opacity: 1;
}
.hero-video-wrapper .volume-controls .mute-button::after {
  display: inline-block;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
  content: url('data:image/svg+xml,%3Csvg%20xmlns="http://www.w3.org/2000/svg"%20width="24"%20height="24"%20viewBox="0%200%2024%2024"%3E%3Cpath%20fill="%23ffe300"%20d="m21.7%2020.3-18-18a1%201%200%201%200-1.4%201.4l4.02%204.03C6.12%208.07%206%208.5%206%209v6c0%201.1.9%202%202%202h3.59l4.7%204.7A1%201%200%200%200%2018%2021v-1.59l2.3%202.3a1%201%200%200%200%201.4%200%201%201%200%200%200%200-1.42zM18%203v11l-7-7h.59l4.7-4.71a1%201%200%200%201%201.09-.21c.38.15.62.52.62.92z"/%3E%3C/svg%3E');
}
.hero-video-wrapper .volume-controls.sound-on .mute-button::after {
  content: url('data:image/svg+xml,%3Csvg%20xmlns="http://www.w3.org/2000/svg"%20width="24"%20height="24"%20viewBox="0%200%2024%2024"%3E%3Cpath%20fill="%23ffe300"%20d="M18.36%2019.36a1%201%200%200%201-.7-1.71c1.5-1.5%202.34-3.5%202.34-5.65s-.83-4.15-2.35-5.65a1%201%200%201%201%201.42-1.42C20.96%206.81%2022%209.33%2022%2012s-1.04%205.19-2.94%207.07a1%201%200%200%201-.7.29z"/%3E%3Cpath%20fill="%23ffe300"%20d="M15.53%2016.53a1%201%200%200%201-.7-1.71%203.99%203.99%200%200%200%200-5.64%201%201%200%201%201%201.4-1.42%206%206%200%200%201%200%208.48%201%201%200%200%201-.7.29zM12%2022a1%201%200%200%201-.7-.3L6.58%2017H4a2%202%200%200%201-2-2V9c0-1.1.9-2%202-2h2.59l4.7-4.7A1%201%200%200%201%2013%203v18a1%201%200%200%201-1%201z"/%3E%3C/svg%3E');
}
@media (max-width: 599px) {
  .block-rezeptliste > ul li {
    width: calc(100% - .9375em) !important;
  }
}
@media (min-width: 600px) and (max-width: 1199px) {
  .block-rezeptliste > ul li {
    width: calc(50% - .9375em) !important;
  }
}
.block-rezeptliste > ul li:where(.type-custom_type) {
  position: relative;
  box-shadow: 1px 1px 2px 1px #eee;
}
.block-rezeptliste > ul li:where(.type-custom_type) .wp-block-post-featured-image {
  margin: 10px;
}
.block-rezeptliste > ul li:where(.type-custom_type) .wp-block-post-featured-image > a {
  width: 100%;
}
.block-rezeptliste > ul li:where(.type-custom_type) h4.wp-block-post-title {
  position: absolute;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
  width: 100%;
}
.block-rezeptliste > ul li:where(.type-custom_type) h4.wp-block-post-title a {
  display: block;
  padding: 10px 25px;
}
@media (max-width: 1199px) {
  .block-rezeptliste > ul li .wp-block-group .wp-block-group__inner-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.block-rezeptliste .wp-block-query-pagination {
  margin-top: 1.5rem;
}
/*# sourceMappingURL=custom.css.map */