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

@charset "UTF-8";
html {
  font-size: 12pt;
}

body {
  color: var(--text-color);
  background: var(--background-color);
  text-wrap: pretty;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.pfy-small-screen .pfy-main {
  padding: 0;
}

#pfy .pfy-gallery > a {
  width: 29vw !important;
  margin-bottom: 1em;
  text-decoration: none;
  color: rgb(45, 67, 170);
}
#pfy .pfy-gallery > a > img {
  width: 28vw !important;
  height: 21vw !important;
  overflow: clip;
}
#pfy .pfy-gallery > a .pfy-gallery-thumb-caption {
  text-align: center;
  font-size: 200%;
}
#pfy .pfy-gallery > a .pfy-gallery-thumb-caption > span {
  display: none;
}

.pfy-large-screen .pfy-header-wrapper .pfy-nav-outer-wrapper {
  display: none;
}

.pfy-header-wrapper,
.pfy-main {
  padding: var(--page-padding, 4vw);
  padding-top: 0;
  padding-bottom: 0;
}

.pfy-header {
  font-size: 150%;
  text-align: center;
  color: rgb(45, 67, 170);
}

.pfy-lang-de-ch q {
  quotes: "«" "»" "‹" "›";
}

.pfy-img {
  max-width: 100%;
}

.pfy-header-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pfy-header-wrapper > * {
  flex: 1 0 auto;
}

.pfy-header .pfy-page-switcher-wrapper {
  flex-basis: 100%;
}

.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;
}

.v-align-with-nav {
  padding-top: calc((var(--pfy-nav-elem-height, 2em) - 1.2em) / 2 + 3px);
  padding-bottom: calc((var(--pfy-nav-elem-height, 2em) - 1.2em) / 2);
}

img {
  max-width: 100%;
}

.pfy-footer {
  margin-top: 3em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--footer-background, #333);
  padding: 1em var(--page-padding, 1em) 0 var(--page-padding, 1em);
}
.pfy-footer, .pfy-footer a {
  color: var(--footer-text-color, white);
}

.pfy-footer-sitemap {
  flex-basis: 100%;
}
.pfy-footer-sitemap .pfy-sitemap {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
  margin-bottom: 0.6em;
  --pfy-nav-horizontal-first-indent: -1em;
  --pfy-nav-horizontal-indent-step: 1em;
}
.pfy-footer-sitemap .pfy-sitemap.pfy-nav-indented .pfy-lvl-3 > a {
  padding-left: 1em !important;
}

.pfy-onboardingaid-button * {
  color: orange;
  margin: 0 0.3em 0 0.2em;
}

.pfy-popup .pfy-onboardingaid {
  margin: 2em 0;
  padding: 2em;
  border: 1px solid orange;
  background: rgb(255, 242, 218);
}

#pfy .pfy-onboarding-link {
  display: block;
  margin: 1em 0 0 0;
  color: red;
  border: 1px solid red;
  padding: 0.5em;
}

.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;
}

.pfy-default-styling .pfy-table td:not(.pfy-service-col) > div {
  max-height: 3.5em;
  overflow-y: auto;
}

body.dev::before {
  content: "Dev";
  position: fixed;
  top: 0;
  left: 0;
  width: 2.5em;
  background: rgba(250, 216, 152, 0.5);
  border-right: 1px solid orange;
  border-bottom: 1px solid orange;
  border-bottom-right-radius: 0.5em;
  color: black;
  font-size: 10pt;
  text-align: center;
  padding: 0.2em;
  z-index: 1000;
}