/**
 *	--- blocks ---
 *	@author Konrad Br.
 *	@version 020.11.12-8.22
 *	@changelog Improved 'select' look.
 */
hcms-field {
  width: 100%;
}
hcms-field[name='scripts'] {
  display: none;
}
/* reserved – placeholder for scripts */
.block {
  display: flex;
}
.block sup.sm {
  font-size: 0.45em;
  font-weight: bold;
}
/* proprietary & special */
.block .Divisare {
  font-family: Roboto, Arial, sans-serif;
  font-size: 18px;
  line-height: 16px;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
}
/* ... */
.block > .top {
  position: relative;
}
.block > .top > * {
  writing-mode: unset !important;
}
.block > .top span.icons {
  font-size: 21pt;
}
.block > .top .la,
.block > .top .las {
  font-size: 1.2em;
}
.block > .main {
  position: relative;
  /*min-height: 100px*/
}
.block > .main h5,
.block > .main h6 {
  margin: 15px 0;
  padding: 0 30px;
}
.block > .main p.footnote,
.block > .main p.citation,
.block > .main p.credits,
.block > .main p.block-link {
  margin-top: 0;
  font-size: 9pt;
}
.block > .main p.legal {
  font-family: Roboto, Arial, sans-serif;
  font-size: 9pt;
}
.block > .main p.legal em.definition {
  font-style: normal;
  text-decoration: underline;
}
.block > .main p.em.small {
  font-size: 12pt;
}
.block > .main p.emphasis {
  padding: 8px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  font-style: italic;
}
.block > .main p.monospace {
  font-family: 'Courier', monospace;
}
.block > .main p em {
  display: inline;
  font-size: unset;
  font-style: unset;
  font-family: unset;
  color: #776c69;
}
.block > .main q {
  display: block;
  font-style: italic;
}
.block > .main q::before {
  display: inline-block;
  content: '«';
}
.block > .main q::after {
  display: inline-block;
  content: '»';
}
.block > .main blockquote {
  margin: 15px 15px 15px 30px;
}
.block > .main blockquote::before {
  display: block;
  margin: 0 -30px -30px;
  content: '‟';
  font-family: 'Merriweather';
  font-size: 27pt;
}
.block > .main cite {
  display: block;
  margin: 15px 30px;
  font-style: normal;
}
.block > .main cite::before {
  display: inline-block;
  margin-right: 15px;
  content: '—';
  font-family: 'Merriweather';
}
.block > .main span.footnote {
  display: block;
  margin-top: 12px;
  font-size: 9pt;
}
.block > .main span.footnote + span.footnote {
  margin-top: 6px;
}
.block > .main span.single-line {
  display: inline-flex;
  margin: 0;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.block > .main span.single-line + span.single-line {
  margin-top: 8px;
}
.block > .main span.single-line > * {
  display: inline;
  align-self: center;
}
.block > .main span.single-line > * + * {
  margin-left: 6px;
}
.block > .main img::before {
  display: block;
  margin: 15px;
}
.block > .main ul.submenu {
  flex: 0 0 auto;
  padding: 15px;
  color: #808080;
}
.block > .main ul.submenu li a:hover {
  text-decoration: none;
}
.block > .main ul.submenu li:hover::after {
  float: right;
  content: '\f121';
  font-family: 'LineAwesome';
  text-rendering: auto;
}
.block > .main hr {
  color: #e0dad8;
}
.block > .main hr.full-width {
  color: white;
  margin: 18px -30px;
}
.block > .main table tr {
  border-bottom: 1px solid #776c69;
}
.block > .main table th {
  padding: 12px 6px;
}
.block > .main table td {
  padding: 6px 6px;
}
.block > .main button.call-to-action::after {
  display: inline-block;
  content: '→';
  margin-left: 6px;
}
.block > .main x-button {
  display: block;
  /*margin: 0 0 30px;*/
  font-size: 1.65em;
  cursor: pointer;
}
.block > .main em {
  display: block;
  margin-bottom: 1em;
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.3em;
  line-height: 1.2;
  font-style: normal;
}
/* .block > .main em {display: block; margin-top: 0; margin-bottom: 1.2em; font-size: 15pt; line-height: 1.2; font-style: normal; color: #776c69} */
.block > .bottom {
  margin: 0;
  padding: 30px;
  flex: 0 0 90px;
}
/* ... */
.block .icon {
  /*display: flex;*/
  cursor: pointer;
}
.block .icon span {
  font-size: 12pt;
  align-self: center;
  margin-right: 15px;
}
.block .icon i {
  font-size: 24pt;
}
.block a.icon {
  text-decoration: none;
}
/* --- base grid --- */
/* minimal width */
@media (max-width: 450px) {
  .block > .main input[name='city'] {
    width: 100%;
    margin-right: 0;
  }
  .block > .main hcms-field[name='included'] table {
    font-size: 7.5pt;
  }
  .block > .main hcms-field[name='price'] * {
    font-size: 12pt;
  }
}
/* portrait blocks & bottom buttons, variable width & variable height */
@media (max-width: 569.99px) and (max-height: 344px) and (orientation: portrait) {
  .block {
    width: calc(100vw - 60px);
    height: calc(100vh - 75px);
  }
  .block > .top {
    flex: 0 0 105px;
    overflow-y: auto;
  }
  .block > .main {
    flex: 1 1 405px;
    overflow-y: auto;
  }
  .block.text {
    flex-direction: column;
  }
  .block.text > .top {
    border-top: 4px solid #776c69;
  }
  .block.text > .main {
    border-top: 1px solid #776c69;
  }
  .block.text > .bottom {
    border-top: 1px solid #776c69;
  }
  .block.member {
    flex-direction: column;
  }
  .block.member[block-emphasis] > .top {
    flex: 0 0 100px;
  }
  .block.member:not([block-emphasis]) > .top {
    border-top: 4px solid #776c69;
  }
  .block.member:not([block-emphasis]) > .main {
    border-top: 1px solid #776c69;
  }
  .block.member > .top {
    border-bottom: 1px solid black;
  }
  .block.member > .status {
    margin-top: 4px;
  }
  .block.person {
    flex-direction: column;
  }
  .block.person > .top {
    flex: 0 0 auto;
  }
  .block.person > .status {
    margin-top: 4px;
  }
  .block.offer {
    flex-direction: column;
  }
  .block.offer > .top {
    border-top: 4px solid #776c69;
  }
  .block.offer > .main {
    border-top: 1px solid #776c69;
  }
  .block.offer[block-emphasis='backer'] > .top {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='backer'] > .main {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='partner'] > .top {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='partner'] > .main {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='funder'] > .top {
    border-color: #8e3c3c !important;
  }
  .block.offer[block-emphasis='funder'] > .main {
    border-color: #8e3c3c !important;
  }
  .block.request {
    flex-direction: column;
  }
  .block.request > .top {
    border-top: 4px solid #776c69;
  }
  .block.request > .main {
    border-top: 1px solid #776c69;
  }
  .block.paragraph {
    flex-direction: column;
    height: unset;
  }
  .block.paragraph > .top {
    flex: 0 0 auto;
  }
  .block.paragraph > .main {
    flex: 1 1 auto;
  }
  .block.purchase {
    flex-direction: column;
  }
  .block.purchase > .top {
    border-top: 4px solid #776c69;
  }
  .block.purchase > .main {
    border-top: 1px solid #776c69;
  }
  .block.heading {
    flex-direction: column;
  }
  .block.heading > .main {
    margin: 1px 0;
  }
  .block.paragraph-heading {
    flex-direction: column;
  }
  .block.paragraph-heading > .main {
    margin: 1px 0;
  }
  .block.image {
    flex-direction: column;
  }
  .block.image > .top {
    border-top: 4px solid #776c69;
  }
  .block.image > .main {
    border-top: 1px solid #776c69;
  }
  .block.panorama {
    flex-direction: column;
  }
  .block.panorama > .top {
    border-top: 4px solid #776c69;
  }
  .block.panorama > .main {
    border-top: 1px solid #776c69;
  }
  .block.panorama {
    flex-direction: column;
  }
  .block.panorama > .top {
    border-top: 4px solid #776c69;
  }
  .block.panorama > .main {
    border-top: 1px solid #776c69;
  }
  .block.selector {
    flex-direction: column;
  }
  .block.selector > .top {
    border-top: 4px solid #776c69;
  }
  .block.selector > .main {
    border-top: 1px solid #776c69;
  }
  .block.selector > .bottom {
    /*padding-top: 29px;*/
    border-top: 1px solid #776c69;
  }
  .block.selector-contents > .main {
    flex: 1 1 311px;
  }
  .block.selector-contents {
    height: unset;
  }
  .block.embed {
    flex-direction: column;
  }
  .block.embed > .top {
    border-top: 4px solid #776c69;
  }
  .block.embed > .main {
    border-top: 1px solid #776c69;
  }
  .block.address--footer {
    /*max-height: 405px;*/
    flex-direction: column;
  }
  .block.address--footer > .top {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.84) !important;
  }
}
/* landscape blocks & bottom buttons, variable width & variable height */
@media (max-width: 569.99px) and (max-height: 344px) and (orientation: landscape) {
  .block {
    width: calc(100vw - 60px);
    height: calc(100vh - 75px);
  }
  .block > .top {
    flex: 0 0 105px;
  }
  .block > .top > * {
    writing-mode: sideways-lr;
  }
  .block > .main {
    flex: 1 1 405px;
  }
  .block.text {
    flex-direction: row;
  }
  .block.text > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.text > .main {
    border-left: 1px solid #776c69;
  }
  .block.member {
    flex-direction: row;
  }
  .block.member[block-emphasis] > .top {
    flex: 0 0 100px;
  }
  .block.member:not([block-emphasis]) > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.member:not([block-emphasis]) > .main {
    border-left: 1px solid #776c69;
  }
  .block.member > .top {
    border-right: 1px solid black;
  }
  .block.member > .status {
    margin-left: 4px;
  }
  .block.person {
    flex-direction: row;
  }
  .block.person > .top {
    flex: 0 0 105px;
  }
  .block.person > .status {
    margin-left: 4px;
  }
  .block.offer {
    flex-direction: row;
  }
  .block.offer > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.offer > .main {
    border-left: 1px solid #776c69;
  }
  .block.offer[block-emphasis='backer'] > .top {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='backer'] > .main {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='partner'] > .top {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='partner'] > .main {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='funder'] > .top {
    border-color: #8e3c3c !important;
  }
  .block.offer[block-emphasis='funder'] > .main {
    border-color: #8e3c3c !important;
  }
  .block.request {
    flex-direction: row;
  }
  .block.request > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.request > .main {
    border-left: 1px solid #776c69;
  }
  .block.paragraph {
    flex-direction: row;
    height: unset;
  }
  .block.paragraph > .top {
    flex: 0 0 105px;
    align-self: start;
    max-height: 100%;
  }
  .block.paragraph > .top ~ .main {
    padding-top: 30px !important;
  }
  .block.paragraph > .main {
    flex: 1 1 auto;
  }
  .block.purchase {
    flex-direction: row;
  }
  .block.purchase > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.purchase > .main {
    border-left: 1px solid #776c69;
  }
  .block.heading {
    flex-direction: row;
  }
  .block.heading > .main {
    margin: 0 1px;
  }
  .block.paragraph-heading {
    flex-direction: row;
  }
  .block.paragraph-heading > .main {
    margin: 0 1px;
  }
  .block.image {
    flex-direction: row;
  }
  .block.image > .top {
    border-left: 4px solid #776c69;
  }
  .block.image > .main {
    border-left: 1px solid #776c69;
  }
  .block.panorama {
    flex-direction: row;
  }
  .block.panorama > .top {
    border-left: 4px solid #776c69;
  }
  .block.panorama > .main {
    border-left: 1px solid #776c69;
  }
  .block.selector {
    flex-direction: row;
  }
  .block.selector > .top {
    border-left: 4px solid #776c69;
  }
  .block.selector > .main {
    border-left: 1px solid #776c69;
  }
  .block.selector > .bottom {
    /*padding-top: 29px;*/
    border-left: 1px solid #776c69;
  }
  .block.selector-contents > .main {
    flex: 1 1 311px;
  }
  .block.selector-contents {
    width: unset;
  }
  .block.embed {
    flex-direction: row;
  }
  .block.embed > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.embed > .main {
    border-left: 1px solid #776c69;
  }
  .block.address--footer {
    /*max-height: 300px;*/
    flex-direction: row;
  }
  .block.address--footer > .top {
    border-right: 1px solid hsla(0, 0%, 100%, 0.84) !important;
    justify-content: center;
  }
}
/* portrait blocks & side buttons, variable width & variable height */
@media (max-width: 569.99px) and (min-height: 345px) and (max-height: 584px) {
  .block {
    width: calc(100vw - 60px);
    height: calc(100vh - 75px);
  }
  .block > .top {
    flex: 0 0 105px;
    overflow-y: auto;
  }
  .block > .main {
    flex: 1 1 405px;
    overflow-y: auto;
  }
  .block.text {
    flex-direction: column;
  }
  .block.text > .top {
    border-top: 4px solid #776c69;
  }
  .block.text > .main {
    border-top: 1px solid #776c69;
  }
  .block.text > .bottom {
    border-top: 1px solid #776c69;
  }
  .block.member {
    flex-direction: column;
  }
  .block.member[block-emphasis] > .top {
    flex: 0 0 100px;
  }
  .block.member:not([block-emphasis]) > .top {
    border-top: 4px solid #776c69;
  }
  .block.member:not([block-emphasis]) > .main {
    border-top: 1px solid #776c69;
  }
  .block.member > .top {
    border-bottom: 1px solid black;
  }
  .block.member > .status {
    margin-top: 4px;
  }
  .block.person {
    flex-direction: column;
  }
  .block.person > .top {
    flex: 0 0 auto;
  }
  .block.person > .status {
    margin-top: 4px;
  }
  .block.offer {
    flex-direction: column;
  }
  .block.offer > .top {
    border-top: 4px solid #776c69;
  }
  .block.offer > .main {
    border-top: 1px solid #776c69;
  }
  .block.offer[block-emphasis='backer'] > .top {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='backer'] > .main {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='partner'] > .top {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='partner'] > .main {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='funder'] > .top {
    border-color: #8e3c3c !important;
  }
  .block.offer[block-emphasis='funder'] > .main {
    border-color: #8e3c3c !important;
  }
  .block.request {
    flex-direction: column;
  }
  .block.request > .top {
    border-top: 4px solid #776c69;
  }
  .block.request > .main {
    border-top: 1px solid #776c69;
  }
  .block.paragraph {
    flex-direction: column;
    height: unset;
  }
  .block.paragraph > .top {
    flex: 0 0 auto;
  }
  .block.paragraph > .main {
    flex: 1 1 auto;
  }
  .block.purchase {
    flex-direction: column;
  }
  .block.purchase > .top {
    border-top: 4px solid #776c69;
  }
  .block.purchase > .main {
    border-top: 1px solid #776c69;
  }
  .block.heading {
    flex-direction: column;
  }
  .block.heading > .main {
    margin: 1px 0;
  }
  .block.paragraph-heading {
    flex-direction: column;
  }
  .block.paragraph-heading > .main {
    margin: 1px 0;
  }
  .block.image {
    flex-direction: column;
  }
  .block.image > .top {
    border-top: 4px solid #776c69;
  }
  .block.image > .main {
    border-top: 1px solid #776c69;
  }
  .block.panorama {
    flex-direction: column;
  }
  .block.panorama > .top {
    border-top: 4px solid #776c69;
  }
  .block.panorama > .main {
    border-top: 1px solid #776c69;
  }
  .block.selector {
    flex-direction: column;
  }
  .block.selector > .top {
    border-top: 4px solid #776c69;
  }
  .block.selector > .main {
    border-top: 1px solid #776c69;
  }
  .block.selector > .bottom {
    /*padding-top: 29px;*/
    border-top: 1px solid #776c69;
  }
  .block.selector-contents > .main {
    flex: 1 1 311px;
  }
  .block.selector-contents {
    height: unset;
  }
  .block.embed {
    flex-direction: column;
  }
  .block.embed > .top {
    border-top: 4px solid #776c69;
  }
  .block.embed > .main {
    border-top: 1px solid #776c69;
  }
  .block.address--footer {
    /*max-height: 405px;*/
    flex-direction: column;
  }
  .block.address--footer > .top {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.84) !important;
  }
}
/* portrait blocks & side buttons, variable width & fixed height */
@media (max-width: 569.99px) and (min-height: 585px) {
  .block {
    width: calc(100vw - 60px);
    height: 510px;
  }
  .block > .top {
    flex: 0 0 105px;
    overflow-y: auto;
  }
  .block > .main {
    flex: 1 1 405px;
    overflow-y: auto;
  }
  .block.text {
    flex-direction: column;
  }
  .block.text > .top {
    border-top: 4px solid #776c69;
  }
  .block.text > .main {
    border-top: 1px solid #776c69;
  }
  .block.text > .bottom {
    border-top: 1px solid #776c69;
  }
  .block.member {
    flex-direction: column;
  }
  .block.member[block-emphasis] > .top {
    flex: 0 0 100px;
  }
  .block.member:not([block-emphasis]) > .top {
    border-top: 4px solid #776c69;
  }
  .block.member:not([block-emphasis]) > .main {
    border-top: 1px solid #776c69;
  }
  .block.member > .top {
    border-bottom: 1px solid black;
  }
  .block.member > .status {
    margin-top: 4px;
  }
  .block.person {
    flex-direction: column;
  }
  .block.person > .top {
    flex: 0 0 auto;
  }
  .block.person > .status {
    margin-top: 4px;
  }
  .block.offer {
    flex-direction: column;
  }
  .block.offer > .top {
    border-top: 4px solid #776c69;
  }
  .block.offer > .main {
    border-top: 1px solid #776c69;
  }
  .block.offer[block-emphasis='backer'] > .top {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='backer'] > .main {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='partner'] > .top {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='partner'] > .main {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='funder'] > .top {
    border-color: #8e3c3c !important;
  }
  .block.offer[block-emphasis='funder'] > .main {
    border-color: #8e3c3c !important;
  }
  .block.request {
    flex-direction: column;
  }
  .block.request > .top {
    border-top: 4px solid #776c69;
  }
  .block.request > .main {
    border-top: 1px solid #776c69;
  }
  .block.paragraph {
    flex-direction: column;
    height: unset;
  }
  .block.paragraph > .top {
    flex: 0 0 auto;
  }
  .block.paragraph > .main {
    flex: 1 1 auto;
  }
  .block.purchase {
    flex-direction: column;
  }
  .block.purchase > .top {
    border-top: 4px solid #776c69;
  }
  .block.purchase > .main {
    border-top: 1px solid #776c69;
  }
  .block.heading {
    flex-direction: column;
  }
  .block.heading > .main {
    margin: 1px 0;
  }
  .block.paragraph-heading {
    flex-direction: column;
  }
  .block.paragraph-heading > .main {
    margin: 1px 0;
  }
  .block.image {
    flex-direction: column;
  }
  .block.image > .top {
    border-top: 4px solid #776c69;
  }
  .block.image > .main {
    border-top: 1px solid #776c69;
  }
  .block.panorama {
    flex-direction: column;
  }
  .block.panorama > .top {
    border-top: 4px solid #776c69;
  }
  .block.panorama > .main {
    border-top: 1px solid #776c69;
  }
  .block.selector {
    flex-direction: column;
  }
  .block.selector > .top {
    border-top: 4px solid #776c69;
  }
  .block.selector > .main {
    border-top: 1px solid #776c69;
  }
  .block.selector > .bottom {
    /*padding-top: 29px;*/
    border-top: 1px solid #776c69;
  }
  .block.selector-contents > .main {
    flex: 1 1 311px;
  }
  .block.selector-contents {
    height: unset;
  }
  .block.embed {
    flex-direction: column;
  }
  .block.embed > .top {
    border-top: 4px solid #776c69;
  }
  .block.embed > .main {
    border-top: 1px solid #776c69;
  }
  .block.address--footer {
    /*max-height: 405px;*/
    flex-direction: column;
  }
  .block.address--footer > .top {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.84) !important;
  }
}
/* landscape blocks & bottom buttons, variable width & variable height */
@media (min-width: 570px) and (max-width: 659.99px) and (max-height: 350px) {
  .block {
    width: calc(100vw - 60px);
    height: calc(100vh - 75px);
  }
  .block > .top {
    flex: 0 0 105px;
  }
  .block > .top > * {
    writing-mode: sideways-lr;
  }
  .block > .main {
    flex: 1 1 405px;
  }
  .block.text {
    flex-direction: row;
  }
  .block.text > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.text > .main {
    border-left: 1px solid #776c69;
  }
  .block.member {
    flex-direction: row;
  }
  .block.member[block-emphasis] > .top {
    flex: 0 0 100px;
  }
  .block.member:not([block-emphasis]) > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.member:not([block-emphasis]) > .main {
    border-left: 1px solid #776c69;
  }
  .block.member > .top {
    border-right: 1px solid black;
  }
  .block.member > .status {
    margin-left: 4px;
  }
  .block.person {
    flex-direction: row;
  }
  .block.person > .top {
    flex: 0 0 105px;
  }
  .block.person > .status {
    margin-left: 4px;
  }
  .block.offer {
    flex-direction: row;
  }
  .block.offer > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.offer > .main {
    border-left: 1px solid #776c69;
  }
  .block.offer[block-emphasis='backer'] > .top {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='backer'] > .main {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='partner'] > .top {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='partner'] > .main {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='funder'] > .top {
    border-color: #8e3c3c !important;
  }
  .block.offer[block-emphasis='funder'] > .main {
    border-color: #8e3c3c !important;
  }
  .block.request {
    flex-direction: row;
  }
  .block.request > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.request > .main {
    border-left: 1px solid #776c69;
  }
  .block.paragraph {
    flex-direction: row;
    height: unset;
  }
  .block.paragraph > .top {
    flex: 0 0 105px;
    align-self: start;
    max-height: 100%;
  }
  .block.paragraph > .top ~ .main {
    padding-top: 30px !important;
  }
  .block.paragraph > .main {
    flex: 1 1 auto;
  }
  .block.purchase {
    flex-direction: row;
  }
  .block.purchase > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.purchase > .main {
    border-left: 1px solid #776c69;
  }
  .block.heading {
    flex-direction: row;
  }
  .block.heading > .main {
    margin: 0 1px;
  }
  .block.paragraph-heading {
    flex-direction: row;
  }
  .block.paragraph-heading > .main {
    margin: 0 1px;
  }
  .block.image {
    flex-direction: row;
  }
  .block.image > .top {
    border-left: 4px solid #776c69;
  }
  .block.image > .main {
    border-left: 1px solid #776c69;
  }
  .block.panorama {
    flex-direction: row;
  }
  .block.panorama > .top {
    border-left: 4px solid #776c69;
  }
  .block.panorama > .main {
    border-left: 1px solid #776c69;
  }
  .block.selector {
    flex-direction: row;
  }
  .block.selector > .top {
    border-left: 4px solid #776c69;
  }
  .block.selector > .main {
    border-left: 1px solid #776c69;
  }
  .block.selector > .bottom {
    /*padding-top: 29px;*/
    border-left: 1px solid #776c69;
  }
  .block.selector-contents > .main {
    flex: 1 1 311px;
  }
  .block.selector-contents {
    width: unset;
  }
  .block.embed {
    flex-direction: row;
  }
  .block.embed > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.embed > .main {
    border-left: 1px solid #776c69;
  }
  .block.address--footer {
    /*max-height: 300px;*/
    flex-direction: row;
  }
  .block.address--footer > .top {
    border-right: 1px solid hsla(0, 0%, 100%, 0.84) !important;
    justify-content: center;
  }
}
/* landscape blocks & bottom buttons, variable width & fixed height */
@media (min-width: 570px) and (max-width: 659.99px) and (min-height: 350px) {
  .block {
    width: calc(100vw - 60px);
    height: 270px;
  }
  .block > .top {
    flex: 0 0 105px;
  }
  .block > .top > * {
    writing-mode: sideways-lr;
  }
  .block > .main {
    flex: 1 1 405px;
  }
  .block.text {
    flex-direction: row;
  }
  .block.text > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.text > .main {
    border-left: 1px solid #776c69;
  }
  .block.member {
    flex-direction: row;
  }
  .block.member[block-emphasis] > .top {
    flex: 0 0 100px;
  }
  .block.member:not([block-emphasis]) > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.member:not([block-emphasis]) > .main {
    border-left: 1px solid #776c69;
  }
  .block.member > .top {
    border-right: 1px solid black;
  }
  .block.member > .status {
    margin-left: 4px;
  }
  .block.person {
    flex-direction: row;
  }
  .block.person > .top {
    flex: 0 0 105px;
  }
  .block.person > .status {
    margin-left: 4px;
  }
  .block.offer {
    flex-direction: row;
  }
  .block.offer > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.offer > .main {
    border-left: 1px solid #776c69;
  }
  .block.offer[block-emphasis='backer'] > .top {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='backer'] > .main {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='partner'] > .top {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='partner'] > .main {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='funder'] > .top {
    border-color: #8e3c3c !important;
  }
  .block.offer[block-emphasis='funder'] > .main {
    border-color: #8e3c3c !important;
  }
  .block.request {
    flex-direction: row;
  }
  .block.request > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.request > .main {
    border-left: 1px solid #776c69;
  }
  .block.paragraph {
    flex-direction: row;
    height: unset;
  }
  .block.paragraph > .top {
    flex: 0 0 105px;
    align-self: start;
    max-height: 100%;
  }
  .block.paragraph > .top ~ .main {
    padding-top: 30px !important;
  }
  .block.paragraph > .main {
    flex: 1 1 auto;
  }
  .block.purchase {
    flex-direction: row;
  }
  .block.purchase > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.purchase > .main {
    border-left: 1px solid #776c69;
  }
  .block.heading {
    flex-direction: row;
  }
  .block.heading > .main {
    margin: 0 1px;
  }
  .block.paragraph-heading {
    flex-direction: row;
  }
  .block.paragraph-heading > .main {
    margin: 0 1px;
  }
  .block.image {
    flex-direction: row;
  }
  .block.image > .top {
    border-left: 4px solid #776c69;
  }
  .block.image > .main {
    border-left: 1px solid #776c69;
  }
  .block.panorama {
    flex-direction: row;
  }
  .block.panorama > .top {
    border-left: 4px solid #776c69;
  }
  .block.panorama > .main {
    border-left: 1px solid #776c69;
  }
  .block.selector {
    flex-direction: row;
  }
  .block.selector > .top {
    border-left: 4px solid #776c69;
  }
  .block.selector > .main {
    border-left: 1px solid #776c69;
  }
  .block.selector > .bottom {
    /*padding-top: 29px;*/
    border-left: 1px solid #776c69;
  }
  .block.selector-contents > .main {
    flex: 1 1 311px;
  }
  .block.selector-contents {
    width: unset;
  }
  .block.embed {
    flex-direction: row;
  }
  .block.embed > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.embed > .main {
    border-left: 1px solid #776c69;
  }
  .block.address--footer {
    /*max-height: 300px;*/
    flex-direction: row;
  }
  .block.address--footer > .top {
    border-right: 1px solid hsla(0, 0%, 100%, 0.84) !important;
    justify-content: center;
  }
}
/* landscape blocks & side buttons, fixed width & variable height */
@media (min-width: 660px) and (max-width: 704px) and (max-height: 300px) {
  .block {
    width: 510px;
    height: calc(100vh - 75px);
  }
  .block.menu,
  .block.submenu {
    width: 585px;
  }
  .block.columns--2 {
    /*width: 1035px*/
  }
  .block > .top {
    flex: 0 0 105px;
  }
  .block > .top > * {
    writing-mode: sideways-lr;
  }
  .block > .main {
    flex: 1 1 405px;
  }
  .block.text {
    flex-direction: row;
  }
  .block.text > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.text > .main {
    border-left: 1px solid #776c69;
  }
  .block.member {
    flex-direction: row;
  }
  .block.member[block-emphasis] > .top {
    flex: 0 0 100px;
  }
  .block.member:not([block-emphasis]) > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.member:not([block-emphasis]) > .main {
    border-left: 1px solid #776c69;
  }
  .block.member > .top {
    border-right: 1px solid black;
  }
  .block.member > .status {
    margin-left: 4px;
  }
  .block.person {
    flex-direction: row;
  }
  .block.person > .top {
    flex: 0 0 105px;
  }
  .block.person > .status {
    margin-left: 4px;
  }
  .block.offer {
    flex-direction: row;
  }
  .block.offer > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.offer > .main {
    border-left: 1px solid #776c69;
  }
  .block.offer[block-emphasis='backer'] > .top {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='backer'] > .main {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='partner'] > .top {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='partner'] > .main {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='funder'] > .top {
    border-color: #8e3c3c !important;
  }
  .block.offer[block-emphasis='funder'] > .main {
    border-color: #8e3c3c !important;
  }
  .block.request {
    flex-direction: row;
  }
  .block.request > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.request > .main {
    border-left: 1px solid #776c69;
  }
  .block.paragraph {
    flex-direction: row;
    height: unset;
  }
  .block.paragraph > .top {
    flex: 0 0 105px;
    align-self: start;
    max-height: 100%;
  }
  .block.paragraph > .top ~ .main {
    padding-top: 30px !important;
  }
  .block.paragraph > .main {
    flex: 1 1 auto;
  }
  .block.purchase {
    flex-direction: row;
  }
  .block.purchase > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.purchase > .main {
    border-left: 1px solid #776c69;
  }
  .block.heading {
    flex-direction: row;
  }
  .block.heading > .main {
    margin: 0 1px;
  }
  .block.paragraph-heading {
    flex-direction: row;
  }
  .block.paragraph-heading > .main {
    margin: 0 1px;
  }
  .block.image {
    flex-direction: row;
  }
  .block.image > .top {
    border-left: 4px solid #776c69;
  }
  .block.image > .main {
    border-left: 1px solid #776c69;
  }
  .block.panorama {
    flex-direction: row;
  }
  .block.panorama > .top {
    border-left: 4px solid #776c69;
  }
  .block.panorama > .main {
    border-left: 1px solid #776c69;
  }
  .block.selector {
    flex-direction: row;
  }
  .block.selector > .top {
    border-left: 4px solid #776c69;
  }
  .block.selector > .main {
    border-left: 1px solid #776c69;
  }
  .block.selector > .bottom {
    /*padding-top: 29px;*/
    border-left: 1px solid #776c69;
  }
  .block.selector-contents > .main {
    flex: 1 1 311px;
  }
  .block.selector-contents {
    width: unset;
  }
  .block.embed {
    flex-direction: row;
  }
  .block.embed > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.embed > .main {
    border-left: 1px solid #776c69;
  }
  .block.address--footer {
    /*max-height: 300px;*/
    flex-direction: row;
  }
  .block.address--footer > .top {
    border-right: 1px solid hsla(0, 0%, 100%, 0.84) !important;
    justify-content: center;
  }
}
/* landscape blocks & side buttons, fixed width & fixed height */
@media (min-width: 660px) and (max-width: 704px) and (min-height: 300px) {
  .block {
    width: 510px;
    height: 270px;
  }
  .block.menu,
  .block.submenu {
    width: 585px;
  }
  .block.columns--2 {
    /*width: 1035px*/
  }
  .block > .top {
    flex: 0 0 105px;
  }
  .block > .top > * {
    writing-mode: sideways-lr;
  }
  .block > .main {
    flex: 1 1 405px;
  }
  .block.text {
    flex-direction: row;
  }
  .block.text > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.text > .main {
    border-left: 1px solid #776c69;
  }
  .block.member {
    flex-direction: row;
  }
  .block.member[block-emphasis] > .top {
    flex: 0 0 100px;
  }
  .block.member:not([block-emphasis]) > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.member:not([block-emphasis]) > .main {
    border-left: 1px solid #776c69;
  }
  .block.member > .top {
    border-right: 1px solid black;
  }
  .block.member > .status {
    margin-left: 4px;
  }
  .block.person {
    flex-direction: row;
  }
  .block.person > .top {
    flex: 0 0 105px;
  }
  .block.person > .status {
    margin-left: 4px;
  }
  .block.offer {
    flex-direction: row;
  }
  .block.offer > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.offer > .main {
    border-left: 1px solid #776c69;
  }
  .block.offer[block-emphasis='backer'] > .top {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='backer'] > .main {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='partner'] > .top {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='partner'] > .main {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='funder'] > .top {
    border-color: #8e3c3c !important;
  }
  .block.offer[block-emphasis='funder'] > .main {
    border-color: #8e3c3c !important;
  }
  .block.request {
    flex-direction: row;
  }
  .block.request > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.request > .main {
    border-left: 1px solid #776c69;
  }
  .block.paragraph {
    flex-direction: row;
    height: unset;
  }
  .block.paragraph > .top {
    flex: 0 0 105px;
    align-self: start;
    max-height: 100%;
  }
  .block.paragraph > .top ~ .main {
    padding-top: 30px !important;
  }
  .block.paragraph > .main {
    flex: 1 1 auto;
  }
  .block.purchase {
    flex-direction: row;
  }
  .block.purchase > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.purchase > .main {
    border-left: 1px solid #776c69;
  }
  .block.heading {
    flex-direction: row;
  }
  .block.heading > .main {
    margin: 0 1px;
  }
  .block.paragraph-heading {
    flex-direction: row;
  }
  .block.paragraph-heading > .main {
    margin: 0 1px;
  }
  .block.image {
    flex-direction: row;
  }
  .block.image > .top {
    border-left: 4px solid #776c69;
  }
  .block.image > .main {
    border-left: 1px solid #776c69;
  }
  .block.panorama {
    flex-direction: row;
  }
  .block.panorama > .top {
    border-left: 4px solid #776c69;
  }
  .block.panorama > .main {
    border-left: 1px solid #776c69;
  }
  .block.selector {
    flex-direction: row;
  }
  .block.selector > .top {
    border-left: 4px solid #776c69;
  }
  .block.selector > .main {
    border-left: 1px solid #776c69;
  }
  .block.selector > .bottom {
    /*padding-top: 29px;*/
    border-left: 1px solid #776c69;
  }
  .block.selector-contents > .main {
    flex: 1 1 311px;
  }
  .block.selector-contents {
    width: unset;
  }
  .block.embed {
    flex-direction: row;
  }
  .block.embed > .top {
    border-left: 4px solid #776c69;
    writing-mode: sideways-lr;
  }
  .block.embed > .main {
    border-left: 1px solid #776c69;
  }
  .block.address--footer {
    /*max-height: 300px;*/
    flex-direction: row;
  }
  .block.address--footer > .top {
    border-right: 1px solid hsla(0, 0%, 100%, 0.84) !important;
    justify-content: center;
  }
}
/* portrait blocks & side buttons, fixed width & fixed height */
@media (min-width: 705px) {
  .block {
    width: 270px;
    height: 510px;
  }
  .block.columns--2 {
    width: 555px;
  }
  .block.member,
  .block.offer {
    /*height: 570px*/
  }
  .block > .top {
    flex: 0 0 105px;
    overflow-y: auto;
  }
  .block > .main {
    flex: 1 1 405px;
    overflow-y: auto;
  }
  .block.text {
    flex-direction: column;
  }
  .block.text > .top {
    border-top: 4px solid #776c69;
  }
  .block.text > .main {
    border-top: 1px solid #776c69;
  }
  .block.text > .bottom {
    border-top: 1px solid #776c69;
  }
  .block.member {
    flex-direction: column;
  }
  .block.member[block-emphasis] > .top {
    flex: 0 0 100px;
  }
  .block.member:not([block-emphasis]) > .top {
    border-top: 4px solid #776c69;
  }
  .block.member:not([block-emphasis]) > .main {
    border-top: 1px solid #776c69;
  }
  .block.member > .top {
    border-bottom: 1px solid black;
  }
  .block.member > .status {
    margin-top: 4px;
  }
  .block.person {
    flex-direction: column;
  }
  .block.person > .top {
    flex: 0 0 auto;
  }
  .block.person > .status {
    margin-top: 4px;
  }
  .block.offer {
    flex-direction: column;
  }
  .block.offer > .top {
    border-top: 4px solid #776c69;
  }
  .block.offer > .main {
    border-top: 1px solid #776c69;
  }
  .block.offer[block-emphasis='backer'] > .top {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='backer'] > .main {
    border-color: #455870 !important;
  }
  .block.offer[block-emphasis='partner'] > .top {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='partner'] > .main {
    border-color: #c0c2c5 !important;
  }
  .block.offer[block-emphasis='funder'] > .top {
    border-color: #8e3c3c !important;
  }
  .block.offer[block-emphasis='funder'] > .main {
    border-color: #8e3c3c !important;
  }
  .block.request {
    flex-direction: column;
  }
  .block.request > .top {
    border-top: 4px solid #776c69;
  }
  .block.request > .main {
    border-top: 1px solid #776c69;
  }
  .block.paragraph {
    flex-direction: column;
    height: unset;
  }
  .block.paragraph > .top {
    flex: 0 0 auto;
  }
  .block.paragraph > .main {
    flex: 1 1 auto;
  }
  .block.purchase {
    flex-direction: column;
  }
  .block.purchase > .top {
    border-top: 4px solid #776c69;
  }
  .block.purchase > .main {
    border-top: 1px solid #776c69;
  }
  .block.heading {
    flex-direction: column;
  }
  .block.heading > .main {
    margin: 1px 0;
  }
  .block.paragraph-heading {
    flex-direction: column;
  }
  .block.paragraph-heading > .main {
    margin: 1px 0;
  }
  .block.image {
    flex-direction: column;
  }
  .block.image > .top {
    border-top: 4px solid #776c69;
  }
  .block.image > .main {
    border-top: 1px solid #776c69;
  }
  .block.panorama {
    flex-direction: column;
  }
  .block.panorama > .top {
    border-top: 4px solid #776c69;
  }
  .block.panorama > .main {
    border-top: 1px solid #776c69;
  }
  .block.selector {
    flex-direction: column;
  }
  .block.selector > .top {
    border-top: 4px solid #776c69;
  }
  .block.selector > .main {
    border-top: 1px solid #776c69;
  }
  .block.selector > .bottom {
    /*padding-top: 29px;*/
    border-top: 1px solid #776c69;
  }
  .block.selector-contents > .main {
    flex: 1 1 311px;
  }
  .block.selector-contents {
    height: unset;
  }
  .block.embed {
    flex-direction: column;
  }
  .block.embed > .top {
    border-top: 4px solid #776c69;
  }
  .block.embed > .main {
    border-top: 1px solid #776c69;
  }
  .block.address--footer {
    /*max-height: 405px;*/
    flex-direction: column;
  }
  .block.address--footer > .top {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.84) !important;
  }
}
/**
 *	main
 */
.block {
  display: flex;
}
/* --- text --- */
.block.text p {
  margin-top: 0;
  margin-bottom: 1em;
  line-height: 1.5;
}
.block.text > .top {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 30px;
  color: #776c69;
  background-color: #f6f6f6;
}
.block.text > .top > * {
  font-size: 1.5em;
  font-weight: 500;
}
.block.text > .top img.logo {
  display: block;
  height: 2.1em;
}
.block.text > .main {
  align-items: flex-start;
  margin: 0;
  padding: 30px;
  color: hsl(0, 0%, 18%);
  background-color: #f6f6f6;
  overflow-y: auto;
}
.block.text > .main h4:first-child {
  margin-top: 0;
}
.block.text > .main a {
  color: #808080;
  text-decoration: none;
}
.block.text > .main a:hover {
  text-decoration: underline;
}
.block.text > .main img {
  max-width: 100%;
  height: auto;
}
.block.text > .main img.logo {
  max-height: 3em;
  max-width: 9em;
}
.block.text > .bottom {
  color: hsl(0, 0%, 18%);
  background-color: #f6f6f6;
}
/* emphasized */
.block.text.em {
  border: 2px solid #776c69;
  padding: 4px;
}
.block.text.em > .top {
  border: none;
  color: #f6f6f6;
  background-color: #776c69;
  flex: 0 0 100px;
}
/* logotype */
.block.text.logotype > .top {
  padding: 12px;
}
.block.text.logotype > .top picture {
  width: 100%;
  height: 100%;
}
.block.text.logotype > .top img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* portrait blocks & variable width */
/* landscape blocks */
/* --- member --- */
.block.member p {
  margin-top: 0;
  margin-bottom: 1em;
  line-height: 1.5;
}
.block.member > .top {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 30px;
  color: black;
  background-color: #f6f6f6;
}
.block.member > .top > * {
  font-size: 1.5em;
  font-weight: 500;
}
.block.member > .top img.logo {
  display: block;
  height: 2.1em;
}
.block.member > .main {
  align-items: flex-start;
  margin: 0;
  padding: 30px;
  color: hsl(0, 0%, 18%);
  background-color: #f6f6f6;
  overflow-y: auto;
}
.block.member > .main a {
  color: #808080;
  text-decoration: none;
}
.block.member > .main a:hover {
  text-decoration: underline;
}
.block.member > .main img {
  max-width: 100%;
  height: auto;
}
.block.member > .main img.logo {
  max-height: 3em;
  max-width: 9em;
}
.block.member > .call-to-action {
  padding: 30px;
  font-family: Roboto;
  font-size: 12pt;
  font-weight: 600;
  color: #f6f6f6;
  background-color: #776c69;
}
.block.member > .status {
  padding: 15px 30px;
  color: hsl(0, 0%, 18%);
  background-color: #f6f6f6;
  text-align: center;
  font-weight: 400;
}
/* emphasized */
.block.member[block-emphasis='member'] {
  border: 2px solid #776c69;
  padding: 4px;
}
.block.member[block-emphasis='member'] > .main button.call-to-action {
  background-color: #776c69;
}
.block.member[block-emphasis='member'] > .status {
  color: white;
  background-color: #776c69;
}
.block.member[block-emphasis='backer'] {
  border: 2px solid #455870;
  padding: 4px;
}
.block.member[block-emphasis='backer'] > .main button.call-to-action {
  background-color: #455870;
  color: white;
}
.block.member[block-emphasis='backer'] > .status {
  background-color: #455870;
  color: white;
}
.block.member[block-emphasis='partner'] {
  border: 2px solid #c0c2c5;
  padding: 4px;
}
.block.member[block-emphasis='partner'] > .main button.call-to-action {
  background-color: #c0c2c5;
  color: white;
}
.block.member[block-emphasis='partner'] > .status {
  background-color: #c0c2c5;
  color: white;
}
.block.member[block-emphasis='funder'] {
  border: 2px solid #8e3c3c;
  padding: 4px;
}
.block.member[block-emphasis='funder'] > .main button.call-to-action {
  background-color: #8e3c3c;
  color: white;
}
.block.member[block-emphasis='funder'] > .status {
  background-color: #8e3c3c;
  color: white;
}
.block.member.em > .top {
  border: none;
  color: #f6f6f6;
  background-color: #776c69;
  flex: 0 0 100px;
}
/* portrait blocks & variable width */
/* landscape blocks */
/* --- person --- */
.block.person p {
  margin-top: 0;
  margin-bottom: 1em;
  line-height: 1.5;
}
.block.person > .top {
  display: flex;
  margin: 0;
  padding: 0;
  writing-mode: unset;
  background-color: #f6f6f6;
}
.block.person > .top img {
  display: block;
  width: 240px;
  height: 240px;
  object-fit: cover;
  border-radius: 120px;
  border: 4px solid #776c69;
  margin: 12px auto;
}
.block.person > .main {
  align-items: flex-start;
  margin: 0;
  padding: 30px;
  color: hsl(0, 0%, 18%);
  background-color: #f6f6f6;
  overflow-y: auto;
}
.block.person > .main > hcms-field[name='name'] {
  display: block;
  margin-bottom: 15px;
  font-size: 13.5pt;
  text-decoration: underline;
}
.block.person > .main a {
  color: #808080;
  text-decoration: none;
}
.block.person > .main a:hover {
  text-decoration: underline;
}
.block.person > .call-to-action {
  padding: 30px;
  font-family: Roboto;
  font-size: 12pt;
  font-weight: 600;
  color: #f6f6f6;
  background-color: #776c69;
}
.block.person > .status {
  padding: 15px 30px;
  color: hsl(0, 0%, 18%);
  background-color: #f6f6f6;
  text-align: center;
  font-weight: 400;
}
.block.person.em > .top {
  border: none;
  color: #f6f6f6;
  background-color: #776c69;
  flex: 0 0 100px;
}
/* portrait blocks & variable width */
/* landscape blocks */
/* --- forms --- */
/* various inputs */
.block > .main input:not([type=radio]):not([type=checkbox]),
.block > .main select {
  width: 100%;
  height: 40px;
}
.block > .main input.default {
  color: #776c69;
}
.block > .main fieldset:disabled input,
.block > .main fieldset:disabled select {
  background: #f6f6f6;
  color: #776c69;
}
.block > .main input.short {
  width: 120px !important;
}
.block > .main select {
  -webkit-appearance: none;
  -moz-appearance: none;
}
.block > .main select::after {
  content: '';
}
/* should be reworked \ 2020.11.12 K.Br. */
/* specific fields */
.block.form > .main [name^='text'] {
  padding: 30px;
}
.block.form > .main [name^='fields'] {
  padding: 0;
}
.block.form > .main [name^='fields'] fieldset {
  border: unset;
  padding: unset;
}
.block.form > .main [name^='fields'] fieldset + fieldset {
  border-top: 1px solid white;
}
.block.form > .main [name^='fields'] .field {
  display: block;
  padding: 15px 30px;
}
.block.form > .main [name^='fields'] .field + .field {
  border-top: 1px solid white;
}
.block.form > .main [name^='fields'] .field.blank {
  /*display: none*/
}
.block.form > .main [name^='fields'] .field.checkbox {
  display: flex;
}
.block.form > .main [name^='fields'] .field.checkbox input[type='checkbox'] {
  width: unset;
  height: unset;
  margin: unset;
  margin-right: 15px;
}
.block.form > .main span.radio {
  display: block;
  margin: 8px 0;
}
.block.form > .main span.radio:first-of-type {
  margin: 15px 0 8px;
}
.block.form > .main span.radio:last-of-type {
  margin: 0;
}
.block.form > .main span.radio > * {
  display: inline;
  margin: unset;
}
.block.form > .main span.radio label {
  margin-left: 12px;
  position: relative;
  top: -1px;
}
.block.form > .main hr.full-width {
  margin: unset;
}
/* Selectize (dynamic select) */
.block.form > .main .selectize-control {
  position: relative;
  margin-top: 15px;
}
.block.form > .main .selectize-control .items {
  height: 36px;
  padding: 8px 15px;
  border: 1px solid #776c69;
  border-radius: 8px;
  color: #2e2e2e;
  background: white;
  font-family: Roboto;
  font-size: 12pt;
  font-weight: 300;
}
.block.form > .main .selectize-control .items.disabled {
  opacity: 1;
  border: 1px solid #776c69;
  color: #776c69;
  background: #f6f6f6;
}
/* --- offer --- */
.block.offer p {
  margin: 0;
  line-height: 1.5;
}
.block.offer p + p {
  margin-top: 6px;
}
.block.offer em.small {
  font-size: 12pt;
}
.block.offer > .top {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 30px;
  color: #776c69;
  background-color: #f6f6f6;
}
.block.offer > .top > * {
  font-size: 1.5em;
  font-weight: 500;
}
.block.offer > .top img.logo {
  display: block;
  height: 2.1em;
  filter: invert();
}
.block.offer > .main {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  color: hsl(0, 0%, 18%);
  background-color: #f6f6f6;
  overflow-y: auto;
}
.block.offer > .main > * {
  padding: 15px 30px;
  display: block;
  flex: 0 0 auto;
}
.block.offer > .main > *:not(:first-child) {
  border-top: 1px solid white;
}
.block.offer > .main > *:empty {
  display: none;
}
.block.offer > .main > [name='text'] {
  padding: 30px;
}
.block.offer > .main > [name='text'] > * + * {
  display: block;
  margin-top: 15px;
}
.block.offer > .main > [name='price'] {
  font-size: 15pt;
  font-family: Roboto, sans-serif;
}
.block.offer > .main > [name='price'] span.or {
  font-size: 10.5pt;
  font-style: italic;
}
.block.offer > .main a {
  color: #808080;
  text-decoration: none;
}
.block.offer > .main a:hover {
  text-decoration: underline;
}
.block.offer > .main img {
  max-width: 100%;
  height: auto;
}
.block.offer > .main img.logo {
  max-height: 3em;
  max-width: 9em;
}
.block.offer > .main ul {
  margin: 0;
  padding: 0 0 0 15px;
}
.block.offer > .main span.price {
  display: block;
  margin: 15px -30px;
  padding: 15px 30px;
  border: 1px solid #776c69;
}
.block.offer > .main button.call-to-action {
  margin: 0;
}
.block.offer > .main button.call-to-action + button.call-to-action {
  margin-top: 15px;
}
.block.offer > .main label {
  /*font-size: 12pt; display: block*/
}
.block.offer > .main table {
  border-collapse: collapse;
  width: 100%;
}
.block.offer > .main table th,
.block.offer > .main table td {
  text-align: left;
}
.block.offer > .main table th + th,
.block.offer > .main table td + td {
  padding-left: 12px;
}
/* emphasized */
.block.offer.em {
  border: 2px solid #776c69;
  padding: 4px;
}
.block.offer.em > .top {
  border: none;
  color: #f6f6f6;
  background-color: #776c69;
  flex: 0 0 100px;
}
.block.offer[block-emphasis='backer'] {
  border-color: #455870 !important;
}
.block.offer[block-emphasis='backer'] > .main button.call-to-action {
  background-color: #455870 !important;
  color: white !important;
}
.block.offer[block-emphasis='backer'] > .top {
  background-color: #455870 !important;
  color: white !important;
}
.block.offer[block-emphasis='partner'] {
  border-color: #c0c2c5 !important;
}
.block.offer[block-emphasis='partner'] > .main button.call-to-action {
  background-color: #c0c2c5 !important;
  color: white !important;
}
.block.offer[block-emphasis='partner'] > .top {
  background-color: #c0c2c5 !important;
  color: white !important;
}
.block.offer[block-emphasis='funder'] {
  border-color: #8e3c3c !important;
}
.block.offer[block-emphasis='funder'] > .main button.call-to-action {
  background-color: #8e3c3c !important;
  color: white !important;
}
.block.offer[block-emphasis='funder'] > .top {
  background-color: #8e3c3c !important;
  color: white !important;
}
/* portrait blocks & variable width */
/* landscape blocks */
/* --- purchase --- */
/* basic */
.block.purchase p {
  margin: 0;
  line-height: 1.5;
}
.block.purchase p + p {
  margin-top: 6px;
}
.block.purchase span.em {
  display: block;
  margin: 0;
  font-size: 15pt;
  line-height: 1.2;
  font-style: normal;
}
/* top */
.block.purchase > .top {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 30px;
  color: #776c69;
  background-color: #f6f6f6;
}
.block.purchase > .top > * {
  font-size: 1.5em;
  font-weight: 500;
}
.block.purchase > .top img.logo {
  display: block;
  height: 2.1em;
  filter: invert();
}
/* main */
.block.purchase > .main {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  color: hsl(0, 0%, 18%);
  background-color: #f6f6f6;
  overflow-y: auto;
}
.block.purchase > .main hcms-field {
  padding: 15px 30px;
  display: block;
  flex: 0 0 auto;
}
.block.purchase > .main hcms-field:not(:first-child) {
  border-top: 1px solid white;
}
.block.purchase > .main hcms-field:empty {
  display: none;
}
/* data */
.block.purchase > .main span.data_display {
  font-size: 12pt;
  float: right;
}
.block.purchase > .main a {
  color: #808080;
  text-decoration: none;
}
.block.purchase > .main a:hover {
  text-decoration: underline;
}
.block.purchase > .main img {
  max-width: 100%;
  height: auto;
}
.block.purchase > .main img.logo {
  max-height: 3em;
  max-width: 9em;
}
.block.purchase > .main ul {
  margin: 0;
  padding: 0 0 0 15px;
}
/* tables */
.block.purchase > .main table {
  border-collapse: collapse;
  width: 100%;
}
.block.purchase > .main table th,
.block.purchase > .main table td {
  text-align: left;
}
.block.purchase > .main table th + th,
.block.purchase > .main table td + td {
  padding-left: 12px;
}
/* call-to-action */
.block.purchase > .main button.call-to-action {
  margin: 0;
}
.block.purchase > .main button.call-to-action + button.call-to-action {
  margin-top: 15px;
}
/* Stripe */
.block.purchase > .main [name='card-element'] iframe {
  height: 18px !important;
}
/* emphasized */
.block.purchase.em {
  border: 2px solid #776c69;
  padding: 4px;
}
.block.purchase.em > .top {
  border: none;
  color: #f6f6f6;
  background-color: #776c69;
  flex: 0 0 100px;
}
/* portrait blocks & variable width */
/* landscape blocks */
/* --- request --- */
.block.request p {
  margin: 0;
  line-height: 1.5;
}
.block.request > .top {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 30px;
  color: #776c69;
  background-color: #f6f6f6;
}
.block.request > .top > * {
  font-size: 1.5em;
  font-weight: 500;
}
.block.request > .top img.logo {
  display: block;
  height: 2.1em;
}
.block.request > .main {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  color: hsl(0, 0%, 18%);
  background-color: #f6f6f6;
  overflow-y: auto;
}
.block.request > .main > hcms-field {
  padding: 15px 30px;
  display: block;
  flex: 0 0 auto;
}
.block.request > .main > hcms-field:not(:first-child) {
  border-top: 1px solid white;
}
.block.request > .main > hcms-field:empty {
  display: none;
}
.block.request > .main > hcms-field[name='text'] {
  padding: 30px;
}
.block.request > .main > hcms-field[name='text'] > * + * {
  margin-top: 15px;
}
.block.request > .main > hcms-field[name='price'] {
  font-size: 15pt;
  font-family: Roboto, sans-serif;
}
.block.request > .main > hcms-field[name='price'] span.or {
  font-size: 10.5pt;
  font-style: italic;
}
.block.request > .main a {
  color: #808080;
  text-decoration: none;
}
.block.request > .main a:hover {
  text-decoration: underline;
}
.block.request > .main img {
  max-width: 100%;
  height: auto;
}
.block.request > .main img.logo {
  max-height: 3em;
  max-width: 9em;
}
.block.request > .main ul {
  margin: 0;
  padding: 0 0 0 15px;
}
.block.request > .main span.price {
  display: block;
  margin: 15px -30px;
  padding: 15px 30px;
  border: 1px solid #776c69;
}
.block.request > .main button.call-to-action {
  margin: 0;
}
.block.request > .main button.call-to-action + button.call-to-action {
  margin-top: 15px;
}
/* emphasized */
.block.request.em {
  border: 2px solid #776c69;
  padding: 4px;
}
.block.request.em > .top {
  border: none;
  color: #f6f6f6;
  background-color: #776c69;
  flex: 0 0 100px;
}
/* portrait blocks & variable width */
/* landscape blocks */
/* --- paragraph --- */
.block.paragraph p,
.block.paragraph q {
  margin-top: 0;
  margin-bottom: 1em;
  line-height: 1.8;
}
.block.paragraph p.cite {
  margin-top: 6px;
  margin-left: 15px;
  font-style: italic;
}
.block.paragraph p.cite::before {
  content: '—';
}
.block.paragraph p em {
  display: inline;
  font-style: normal;
  color: #776c69;
}
.block.paragraph > .top {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 30px;
  border-top: 2px solid;
  color: #776c69;
}
.block.paragraph > .top > * {
  font-size: 1.5em;
  font-weight: 500;
}
.block.paragraph > .top img.logo {
  display: block;
  height: 2.1em;
}
.block.paragraph > .top ~ .main {
  padding-top: 0;
}
.block.paragraph > .main {
  align-items: flex-start;
  margin: 0;
  padding: 30px;
  color: hsl(0, 0%, 18%);
  overflow-y: auto;
}
.block.paragraph > .main a {
  color: #808080;
  text-decoration: none;
}
.block.paragraph > .main a:hover {
  text-decoration: underline;
}
.block.paragraph > .main p.announce {
  font-family: Roboto;
  line-height: 1.35;
  font-size: 12pt;
  font-weight: 600;
  color: #776c69;
  border: 2px solid;
  padding: 15px;
}
.block.paragraph > .main img {
  max-width: 100%;
  height: auto;
}
.block.paragraph > .main img.logo {
  max-height: 3em;
  max-width: 9em;
}
.block.paragraph > .main em {
  color: #776c69;
}
.block.paragraph.columns--2 > .main {
  display: flex;
  flex-direction: column;
}
.block.paragraph.em > .top {
  border-top: 4px solid;
  padding-top: 28px;
}
.block.paragraph.em > .top > * {
  font-weight: 500;
}
.block.paragraph.em > .main p {
  font-weight: 600;
  color: #776c69;
}
/* portrait blocks & variable width */
/* landscape blocks */
/* standard format */
@media (min-width: 705px) {
  .block.paragraph.columns--2 > .main > .left {
    flex: 0 0 180px;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid;
  }
  .block.paragraph.columns--2 > .main > .right {
    flex: 1 1;
  }
}
/* mobile format */
@media (max-width: 704px) {
  .block.paragraph.columns--2 > .main {
    display: flex;
    flex-direction: column;
  }
  .block.paragraph.columns--2 > .main > .left {
    flex: 0 0 120px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid;
  }
  .block.paragraph.columns--2 > .main > .right {
    flex: 1 1;
  }
}
/* --- heading --- */
.block.heading p {
  margin-top: 0;
  margin-bottom: 1.2em;
}
.block.heading > .top {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 30px;
  color: #f6f6f6;
  background-color: #776c69;
}
.block.heading > .top > * {
  font-size: 1.5em;
  font-weight: 500;
}
.block.heading > .top img.logo {
  display: block;
  height: 2.1em;
}
.block.heading > .main {
  position: relative;
  align-items: flex-start;
  padding: 30px;
  color: #f6f6f6;
  background-color: #776c69;
  font-size: 1.2em;
  line-height: 1.2;
  overflow-y: auto;
}
.block.heading > .main {
  font-family: Roboto, Arial, sans-serif;
  font-size: 12pt;
  line-height: 1.2;
}
.block.heading > .main a {
  color: #f6f6f6;
  /*text-decoration: dotted underline*/
}
.block.heading > .main a:hover {
  text-decoration: none;
}
.block.heading > .main img {
  max-width: 100%;
  height: auto;
}
.block.heading > .main img.logo {
  max-height: 3em;
  max-width: 9em;
}
.block.heading > .main button.call-to-action {
  border: 1px solid;
}
.block.heading > .main button.call-to-action + button.call-to-action {
  margin-top: 15px;
}
.block.heading > .bottom {
  display: flex;
  justify-content: end;
  color: #f6f6f6;
  background-color: #776c69;
}
.block.heading > .bottom button.call-to-action {
  border: 1px solid;
  margin: 0 30px 0 0;
}
.block.heading > .bottom button.call-to-action + button.call-to-action {
  margin-top: 15px;
}
.block.heading > .bottom button.call-to-action.blank {
  display: none;
}
/* portrait blocks & variable width */
/* landscape blocks */
/* --- paragraph heading --- */
/* (should inherit from .block.heading) */
.block.paragraph-heading {
  height: unset;
  border-left: 8px solid #776c69;
}
.block.paragraph-heading > .top {
  background-color: unset;
  color: #776c69;
  align-items: unset;
}
.block.paragraph-heading > .main {
  flex-basis: unset;
  background-color: unset;
  color: #776c69;
}
.block.paragraph-heading > .main button.call-to-action {
  background-color: unset;
  color: #776c69;
  border: 1px solid;
  font-weight: 400;
}
.block.paragraph-heading > .bottom {
  background-color: unset;
  color: #776c69;
}
.block.paragraph-heading > .bottom button.call-to-action {
  background-color: unset;
  color: #776c69;
  border: 1px solid;
  margin: 0 30px 0 0;
}
/* portrait blocks & variable width */
/* landscape blocks */
/* --- image --- */
.block.image > .top {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 30px;
  color: #776c69;
  background-color: #f6f6f6;
}
.block.image > .top > * {
  font-size: 1.5em;
  font-weight: 500;
}
.block.image > .main.image {
  margin: 0;
  padding: 0;
  color: hsl(0, 0%, 18%);
  background-color: #f6f6f6;
  overflow-y: hidden;
}
.block.image > .main.image:hover {
  opacity: 0.72;
}
.block.image > .main.image img {
  width: 100%;
  height: 100%;
}
.block.image > .main.image img {
  object-fit: cover;
  cursor: pointer;
}
.block.image > .main.image .icon {
  position: absolute;
  right: 30px;
  bottom: 30px;
  color: white;
  opacity: 0.72;
}
.block.image > .main.text {
  /*display: flex; flex-direction: column;*/
  margin: 0;
  padding: 30px;
  color: hsl(0, 0%, 18%);
  background-color: #f6f6f6;
  overflow-x: hidden;
}
.block.image > .main.text a {
  color: #808080;
  text-decoration: none;
}
.block.image > .main.text a:hover {
  text-decoration: underline;
}
.block.image > .main.text a.image-full-size {
  /*padding: 15px 0 30px*/
}
.block.image > .main > .blank:not(x-button) + hr.full-width {
  display: none;
}
.block.image > .main button.call-to-action {
  margin: 15px 0;
}
/* full-size image (no title) */
.block.image.full > .main {
  border: none;
}
/* paragraph-based image (insert with paragraph blocks) */
.block.image.paragraph > .top {
  background: none;
  border-top: none;
  border-left: none;
}
.block.image.paragraph > .main {
  border: none;
}
.block.image.paragraph > .main [name='title'] {
  position: absolute;
  z-index: 100;
  width: inherit;
  padding: 30px;
  color: white;
  opacity: 0.72;
  font-size: 1.5em;
  font-weight: 500;
}
/* portrait blocks & variable width */
/* landscape blocks */
/* --- video --- */
/* based on image */
.block.video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* --- panorama --- */
.block.panorama > .top {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 30px;
  color: #776c69;
  background-color: #f6f6f6;
}
.block.panorama > .top > * {
  font-size: 1.5em;
  font-weight: 500;
}
.block.panorama > .main.panorama {
  margin: 0;
  padding: 0;
  color: hsl(0, 0%, 18%);
  background-color: #f6f6f6;
  overflow-y: hidden;
}
.block.panorama > .main.panorama img {
  width: 100%;
  height: 100%;
}
.block.panorama > .main.panorama img {
  object-fit: cover;
  cursor: pointer;
}
.block.panorama > .main.panorama .viewer {
  width: 100%;
  height: 100%;
}
.block.panorama > .main.panorama .icon {
  position: absolute;
  right: 30px;
  bottom: 30px;
  color: white;
  opacity: 0.72;
  z-index: 200;
}
.block.panorama > .main.text {
  /*display: flex; flex-direction: column;*/
  margin: 0;
  padding: 30px;
  color: hsl(0, 0%, 18%);
  background-color: #f6f6f6;
  overflow-x: hidden;
}
.block.panorama > .main.text a {
  color: #808080;
  text-decoration: none;
}
.block.panorama > .main.text a:hover {
  text-decoration: underline;
}
.block.panorama > .main.text a.panorama-full-size {
  /*padding: 15px 0 30px*/
}
.block.panorama > .main > .blank:not(x-button) + hr.full-width {
  display: none;
}
.block.panorama > .main button.call-to-action {
  margin: 15px 0;
}
/* full-size image (no title) */
.block.panorama.full > .main {
  border: none;
}
/* paragraph-based image (insert with paragraph blocks) */
.block.panorama.paragraph > .top {
  background: none;
  border-top: none;
  border-left: none;
}
.block.panorama.paragraph > .main {
  border: none;
}
.block.panorama.paragraph > .main [name='title'] {
  position: absolute;
  z-index: 100;
  width: inherit;
  padding: 30px;
  color: white;
  opacity: 0.72;
  font-size: 1.5em;
  font-weight: 500;
}
/* portrait blocks & variable width */
/* landscape blocks */
/* --- embed --- */
.block.embed > .top {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 30px;
  color: #776c69;
  background-color: #f6f6f6;
}
.block.embed > .top > * {
  font-size: 1.5em;
  font-weight: 500;
}
.block.embed > .main > hcms-field > * {
  width: 100%;
  height: 100%;
}
.block.embed > .main {
  align-items: flex-start;
  margin: 0;
  padding: 0;
  color: hsl(0, 0%, 18%);
  background-color: #f6f6f6;
  overflow-y: hidden;
}
.block.embed > .main img {
  object-fit: cover;
}
.block {
  display: flex;
}
/* portrait blocks & variable width */
/* landscape blocks */
/**
 *	special blocks
 */
/* --- header --- */
.block.text--header {
  height: 270px;
  display: flex;
  flex-direction: column;
}
.block.text--header > .top {
  flex-basis: 30px;
}
.block.text--header > .top hcms-field[name="icon"] {
  font-size: 14pt;
  vertical-align: -1pt;
}
.block.text--header > .top hcms-field[name="title"] {
  font-size: 14pt;
}
.block.text--header > .main {
  flex: 1 0;
  position: relative;
  margin: 0;
  padding: 0;
  color: hsla(0, 0%, 100%, 0.84);
  align-items: top;
  /*font-style: italic;*/
  overflow: auto;
}
.block.text--header > .main p {
  margin: 6px 0;
}
.block.text--header > .main p.quote {
  font-style: italic;
  font-size: 1.05em;
  margin: 0 auto !important;
}
.block.text--header > .main p.quote::before {
  display: block;
  content: '«';
  font-size: 2em;
}
.block.text--header > .main p.quote::after {
  display: block;
  content: '»';
  font-size: 2em;
}
.block.text--header > .main q {
  margin: 6px 0;
  display: block;
}
.block.text--header > .main ul {
  margin: 6px 0;
  padding: 0 0 0 18px;
}
.block.text--header > .main ul li {
  /*font-family: Roboto, Arial, sans-serif*/
}
/* --- footer --- */
.block.address--footer {
  display: flex;
}
.block.address--footer > .top {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 9px 30px;
  color: hsla(0, 0%, 100%, 0.84);
}
.block.address--footer > .top > * {
  height: unset;
  font-size: 1.5em;
  font-weight: 500;
}
.block.address--footer > .top img.logo {
  display: block;
  height: 2.1em;
}
.block.address--footer > .main {
  flex: 1 0;
  color: hsla(0, 0%, 100%, 0.84);
  align-items: top;
  overflow: auto;
  position: relative;
  margin: 0;
  padding: 30px;
  line-height: 1.2;
}
.block.address--footer > .main h5:first-of-type,
.block.address--footer > .main h6:first-of-type {
  margin-top: 0;
}
.block.address--footer > .main p {
  margin: 12px auto;
}
.block.address--footer > .main img.logo {
  max-height: 3em;
  max-width: 9em;
}
.block.address--footer > .main ul {
  margin: 0;
  padding: 0 0 0 13px;
}
.block.address--footer > .main ul.icons {
  margin: 0;
  padding: 0;
  list-style: none;
}
.block.address--footer > .main ul.icons li > i:first-child {
  margin-right: 3px;
  font-size: 15pt;
  vertical-align: bottom;
}
/* portrait blocks & variable width */
/* landscape blocks */
/* --- selector --- */
.block.selector {
  display: flex;
}
.block.selector > .top {
  align-items: center;
  margin: 0;
  padding: 30px;
  color: #776c69;
  background-color: #f6f6f6;
}
.block.selector > .top * {
  font-size: 1.5em;
  font-weight: 500;
}
.block.selector .navigation {
  width: 100%;
  right: 0;
  text-align: center;
}
.block.selector .navigation i {
  cursor: pointer;
}
.block.selector.image .navigation j {
  display: inline-block;
  position: relative;
  top: 1px;
  padding: 0;
  width: 27px;
  height: 27px;
  border: 2px solid;
  border-radius: 15px;
  overflow: hidden;
  font-size: 9pt;
  line-height: 18pt;
  color: #776c69;
  cursor: pointer;
}
.block.selector.image .navigation j + j {
  margin-left: 6px;
}
.block.selector.image .navigation j {
  color: white;
  opacity: 0.72;
}
.block.selector .selector-contents > .main {
  border: none;
}
.block.selector .selector-contents > .main > h5 {
  margin: 0;
  color: #776c69;
  text-transform: uppercase;
}
/* portrait blocks & variable width */
/* landscape blocks */
/**
 *	navigation
 */
/* --- menu --- */
/* folded / unfolded */
#header-menu-unfolded .block.menu {
  display: none;
}
/* block */
.block.menu {
  height: unset;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
}
.block.menu x-button {
  min-width: 30px;
  font-size: 1.65em;
  text-align: right;
  cursor: pointer;
}
.block.menu > .top {
  color: white;
  /*border-bottom: 1px solid;*/
  display: flex;
  flex: 0 0 48px;
  margin: 0;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
.block.menu > .top h3 {
  font-weight: normal;
  font-size: 15pt;
  text-decoration: none;
  writing-mode: unset;
}
.block.menu > .top p {
  margin: 0;
}
.block.menu > .top p:not(:last-child) {
  margin-bottom: 15px;
}
.block.menu.logotype > .top {
  justify-content: space-between;
}
@media (max-width: 659.99px) {
  .block.menu {
    padding: 0;
  }
  .block.menu > .top {
    flex: 0 0 30px;
  }
}
@media (max-width: 705px) {
  .block.menu.logotype > .top {
    flex: 0 0 60px;
  }
}
/* --- submenu --- */
/* folded / unfolded */
#header-menu-folded .block.submenu {
  display: none;
}
/* block */
.block.submenu {
  height: unset;
  display: flex;
  flex-direction: column;
}
.block.submenu x-button {
  font-size: 1.65em;
  /*cursor: pointer*/
}
.block.submenu p {
  margin: 0;
}
.block.submenu ul,
.block.submenu ol {
  margin: 0 15px 0;
  padding: 0;
  list-style-position: outside;
}
.block.submenu li {
  /*height: 18px*/
}
.block.submenu ul + p {
  margin-top: 6px;
}
.block.submenu p + ul {
  margin-top: 6px;
}
.block.submenu > .top {
  display: flex;
  flex: 0 0 45px;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 15px 0;
  padding: 15px;
  color: white;
  border-bottom: 1px dashed;
  overflow: hidden;
}
.block.submenu > .top h4 {
  display: inline-block;
  width: 100%;
  font-weight: normal;
  font-size: 13.5pt;
}
.block.submenu > .main {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  color: white;
  overflow-y: auto;
}
.block.submenu > .main p:not(:last-child) {
  margin-bottom: 15px;
}
.block.submenu > .main > hcms-field {
  display: block;
  padding: 15px;
}
.block.submenu > .main > hcms-field:empty {
  display: none;
}
.block.submenu > .submenu {
  flex: 0 0 auto;
  padding: 0 15px 15px;
  color: white;
  overflow-y: auto;
}
.block.submenu > .submenu li {
  /*display: flex; justify-content: space-between; align-items: center*/
}
.block.submenu > .submenu li:hover::after {
  float: right;
  content: '\f121';
  font-family: 'LineAwesome';
  text-rendering: auto;
}
.block.submenu > .footnotes span {
  display: block;
  margin: 0;
  padding: 0 15px;
  font-size: 9pt;
}