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

@font-face {
  font-family: "Merriweather";
  src: url(https://museum-meilen.ch/esskultur/assets/fonts/Merriweather-Regular.ttf) format("woff2");
}
@font-face {
  font-family: "Merriweather-Sanse";
  src: url(https://museum-meilen.ch/esskultur/assets/fonts/MerriweatherSans-Regular.ttf) format("woff2");
}
html {
  font-size: clamp(12pt, 2.2vw, 20pt);
}
body {
  --bg-col: #e4cb96af;
  --pfy-page-txt-color: #222;
  font-family: "Merriweather-Sanse", Verdana, sans-serif;
  scrollbar-gutter: stable;
}
body, #pfy.pfy-default-styling.pfy-small-screen .pfy-main-wrapper {
  background-image: url(https://museum-meilen.ch/esskultur/assets/imgs/bg.webp);
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: top center;
  background-attachment: fixed;
}
.pfy-page {
  width: 100dvw;
}
#pfy.pfy-default-styling.pfy-small-screen .pfy-main-wrapper {
  background-image: url(https://museum-meilen.ch/esskultur/assets/imgs/bg.webp);
  background-attachment: scroll;
}
#pfy.pfy-default-styling.pfy-small-screen.details .pfy-main-wrapper {
  background-image: url(https://museum-meilen.ch/esskultur/assets/imgs/bg-2.webp);
}
body.pfy-default-styling.details {
  background-image: url(https://museum-meilen.ch/esskultur/assets/imgs/bg-2.webp);
}
body.pfy-default-styling.details .pfy-main .pfy-img-wrapper.none-float {
  float: unset;
}
body.pfy-default-styling.details .pfy-tts-widget {
  margin-left: auto;
  display: flex;
  flex-direction: column;
}
section > .pfy-img-wrapper, div:not(.pfy-card) > .pfy-img-wrapper, .pfy-figure, figure:not(.pfy-figure) > .pfy-img-wrapper {
  max-width: 30%;
  width: 30%;
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
#pfy .pfy-primary-nav .pfy-nav a {
  font-size: clamp(12pt, 2vw, 19pt);
}
h1, h2, h3 {
  font-family: Merriweather, Georgia;
}
#pfy.pfy-large-screen .pfy-nav-outer-wrapper .pfy-lvl-2:not(.pfy-surrogate-elem) a {
  padding-left: 2em;
}
#pfy .pfy-nav-outer-wrapper, #pfy .pfy-nav-wrapper {
  --pfy-nav-bg-color: var(--bg-col);
  --pfy-nav-sub-bg-color: var(--bg-col);
  --pfy-nav-elem-bg-color: var(--bg-col);
}
#pfy.pfy-default-styling.pfy-small-screen .pfy-small-screen-header {
  background: #913906;
}
#pfy .pfy-nav-horizontal li.pfy-lvl-1:last-child > div a {
  text-align: left;
}
.pfy-large-screen .pfy-header-wrapper, .pfy-large-screen .pfy-main-wrapper {
  max-width: 1200px;
  --pfy-cards-max-width: 1200px;
  margin: 0 auto;
  padding: 0.5rem 2rem;
}
.pfy-main .pfy-cards {
  padding: 1em;
  grid-template-columns: repeat(3, 1fr);
}
.pfy-main .pfy-card, .pfy-main .pfy-card-content {
  --pfy-cards-bg-color: transparent;
}
.pfy-main .pfy-card a, .pfy-main .pfy-card-content a {
  font-family: Merriweather, Georgia, sans-serif;
}
.neon-contour, .pfy-card-content a {
  color: #fff;
  font-family: "Arial", sans-serif;
  font-weight: bold;
  text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #ffd000, 0 0 42px #ffd000, 0 0 82px #ffd000;
}
.pfy-card:hover .pfy-card-content a {
  text-shadow: none;
}
@media screen and (max-width: 480px) {
  html {
    font-size: clamp(8pt, 1.9vw, 20pt);
  }
}
.details h1 .pfy-link:hover {
  color: black;
}
.details h1 .pfy-link {
  color: gray;
  font-size: 50%;
  margin-left: 2em;
}
.details p {
  line-height: 1.5em;
}
.details .pfy-tts-widget .pfy-button {
  border-radius: 1em;
  background: linear-gradient(#ead5a9 0%, #e5cd99 60%, #d9b568 100%);
}
.details .pfy-link.back:hover {
  color: black;
}
.details .pfy-link.back {
  display: inline-block;
  color: gray;
  font-size: 80%;
}
.pfy-header-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pfy-header-wrapper > * {
  flex: 1 0 auto;
}
.pfy-header {
  font-size: var(--pfy-nav-txt-size, 1rem);
}
.pfy-logo img {
  max-width: calc(1200px * 0.25);
  max-height: calc(1200px * 0.043636);
}
.pfy-small-screen .pfy-header {
  display: none;
}
.pfy-primary-nav.pfy-nav-horizontal {
  display: flex;
  justify-content: flex-end;
}
#pfy .pfy-nav-horizontal li.pfy-lvl-1:last-child > div {
  right: 0;
  left: unset !important;
  text-align: right;
}
#pfy .pfy-nav a {
  font-size: clamp(7pt, 2vw, 20pt);
}
.branch-produkte h3, .branch-kuenstler h3, .branch-kunst h3 {
  margin-top: 3em;
}
.pfy-default-styling .pfy-page-switcher-wrapper.pfy-show-as-arrows-and-text {
  display: flex;
  flex-flow: row nowrap;
  margin: 1em 0;
  background: #4443;
  padding: 1em 0 0.5em 0;
  margin: 2em 0 0 0;
}
.pfy-default-styling .pfy-page-switcher-wrapper.pfy-show-as-arrows-and-text, .pfy-default-styling .pfy-page-switcher-wrapper.pfy-show-as-arrows-and-text a {
  color: #333;
}
.pfy-footer {
  margin-top: 3em;
}
#pfy .pfy-page-switcher-center {
  opacity: 0;
}
#pfy .pfy-page-switcher-center:hover {
  opacity: 1;
}
.dev-footer {
  margin-bottom: 1em;
  display: flex;
  justify-content: space-between;
  background: #a537ff;
  background: repeating-linear-gradient(-55deg, #9f29ff, #9f29ff 10px, #9310fe 10px, #9310fe 15px);
}
.pfy-page-switcher-wrapper.pfy-page-switcher-empty.pfy-page-switcher-empty {
  margin: 0;
}