:root {
  --app-alignment--max: 100vw;
  --app-alignment--wide: min(100vw, 1920px);
  --app-alignment--standard: min(92vw, 1380px);
  --app-alignment--narrow: min(90vw, 1220px);
  --app-alignment-margin--wide: calc((min(var(--app-alignment--max), 100vw) - var(--app-alignment--wide)) / 2);
  --app-alignment-margin--standard: calc((min(var(--app-alignment--max), 100vw) - var(--app-alignment--standard)) / 2);
  --app-alignment-margin--narrow: calc((min(var(--app-alignment--max), 100vw) - var(--app-alignment--narrow)) / 2);
  --app-height-header: 3.4rem;
  --app-height-search-resultHeader: 4.4rem;
}
@media (min-width: 48rem) {
  :root {
    --app-height-header: 6.4rem;
    --app-height-search-resultHeader: 4.4rem;
  }
}
:root, dialog, dialog::backdrop {
  --app-color-gray-white: #FFFFFF;
  --app-color-gray-lighter: #F4F5F7;
  --app-color-gray-light: #ECECEC;
  --app-color-gray-medium: #D8DCDF;
  --app-color-gray-dark: #707070;
  --app-color-gray-black: #000000;
  --app-color-primary: #D7A05A;
  --app-color-primary-light: #E2C479;
  --app-color-primary-lighter: #F2E8D7;
  --app-color-primary-lighterer: #F8F2E6;
  --app-color-primary-lightest: #FCFAF6;
  --app-color--button-bg: var(--app-color-primary);
  --app-color--button-text: var(--app-color-gray-white);
  --app-color--button-bg-hover: var(--app-color-gray-black);
  --app-color--button-color-hover: var(--app-color-primary-light);
}
:root, dialog, dialog::backdrop {
  --app-fonts-source-serif: "Source Serif (Webfont)";
  --app-fonts-messina-sans: "Messina Sans (Webfont)";
  --app-fonts-messina--sans-book: "Messina Sans Book (Webfont)";
  --app-fonts-klavika: "Klavika (Webfont)";
}
/*
@mixin app-font-circular-std--regular {
    font-family: var(--app-fonts-circular-std);
    font-weight: 400;
}

@mixin app-font-circular-std--bold {
    font-family: var(--app-fonts-circular-std);
    font-weight: 600;
}
*/
.app-GKDBBlock {
  background-color: var(--app-color-primary-lightest);
  padding-block: 3rem;
  padding-inline: var(--app-align-left--1) var(--app-align-right--1);
}
.app-GKDBBlock img {
  height: auto;
  width: 100%;
}
@media (min-width: 40rem) {
  .app-GKDBBlock-mobileImage {
    display: none;
  }
}
@media not all and (min-width: 40rem) {
  .app-GKDBBlock-desktopImage {
    display: none;
  }
}
.app-GKDBBlock a {
  filter: saturate(0);
}
.app-GKDBBlock a:hover {
  filter: none;
}