/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Node specific styles.
 */

/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

/* Navigation related breakpoints */

/* Grid related breakpoints */

/* Grid shifts from 6 to 14 columns. */

/* Width of the entire grid maxes out. */

.node__meta {
  display: flex;
  align-items: center;
  margin-block-end: var(--sp1);
  color: var(--color-text-neutral-soft);
  font-size: 0.875rem;
  line-height: var(--sp);
}

.node__meta a {
  font-weight: bold;
}

@media (min-width: 31.25rem) {

  .node__meta {
    margin-block-end: var(--sp2);
  }
}

.node__author-image img {
  width: var(--sp2-5);
  height: var(--sp2-5);
  margin-inline-end: var(--sp0-5);
  object-fit: cover;
  border-radius: 50%;
}

.node .headline {
  max-width: 50rem;
  margin: var(--container-padding) auto;
  padding: 0;
}

.node--type-bio-p .headline,
.node--type-bio-v .headline {
  max-width: 42.5rem;
}

.node__title a {
  padding-block-end: 0.1875rem;
  transition: background-size 0.2s, color 0.2s;
  text-decoration: none;
  color: var(--color-text-neutral-loud);
  background-color: transparent;
  background-image: linear-gradient(var(--color--primary-50), var(--color--primary-50)); /* Two values are needed for IE11 support. */
  background-repeat: no-repeat;
  background-position: bottom left; /* LTR */
  background-size: 0 0.1875rem;
}

.node__title a:hover,
.node__title a:focus {
  color: var(--color-text-primary-medium);
}

[dir="rtl"] .node__title {
  background-position: bottom right;
}

.node--type-page.node--view-mode-full,
node--type-blog.node--view-mode-full {
  padding: 0 var(--sp);
}

@media (min-width: 62.5rem) {

  .node--type-page.node--view-mode-full,
  node--type-blog.node--view-mode-full {
    padding: 0;
  }
}

.node__content {
  padding-block-end: var(--sp1-5);
}

@media (min-width: 62.5rem) {

  .node__content {
    padding-block-end: var(--sp3);
  }
}

.front .node__content {
  padding-block-end: 0;
}

.node--unpublished {
  /* There is no variable for the color - #fff4f4. */
  background-color: #fff4f4;
}

.node--type-blog.node--view-mode-full .blog-share-links {
  text-align: center;
}

.node--type-blog.node--view-mode-full .blog-share-links a {
  color: var(--color-text-neutral-loud);
}

.node--type-blog.node--view-mode-full .blog-meta {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 0;
  border-top: 2px solid var(--color--primary-50);
  border-bottom: 2px solid var(--color--primary-50);
}

.node--type-blog.node--view-mode-full .blog-category {
  max-width: 50rem;
  margin: 0 auto;
  border-top: 2px solid var(--color--primary-50);
  border-bottom: 2px solid var(--color--primary-50);
}

.node--type-blog.node--view-mode-full .blog-category table {
  margin: 0;
}

.node--type-blog .blog-share-links,
.node--type-blog .places-related {
  padding-block: var(--sp1-5);
}

@media (min-width: 62.5rem) {

  .node--type-blog .blog-share-links,
  .node--type-blog .places-related {
    padding-block: var(--sp3);
  }
}

.node--type-blog.node--view-mode-teaser {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.node--type-place.node--view-mode-full .place-title {
  padding-bottom: var(--sp2);
}

.node--type-place.node--view-mode-full .place-header {
  margin-bottom: 3.75rem;
  padding: var(--sp);
}

@media (min-width: 43.75rem) {

  .node--type-place.node--view-mode-full .place-header {
    padding: var(--sp2);
  }
}

.node--type-place.node--view-mode-full .place-header {
  border: 8px solid #f48680;
}

.node--type-place.node--view-mode-full .place-header table {
  margin-block-start: 0;
  margin-block-end: 0;
}

.node--type-place.node--view-mode-full .place-header td {
  display: inline-block;
}

@media (min-width: 43.75rem) {

  .node--type-place.node--view-mode-full .place-header td {
    display: table-cell;
  }
}

.node--type-place.node--view-mode-full .place-header .table-links a {
  display: block;
}

.node--type-place.node--view-mode-teaser {
  margin-block-end: 0;
}

.node--type-place.node--view-mode-teaser > .layout {
  margin-bottom: 0;
}

.node--type-place.node--view-mode-teaser .layout {
  flex-direction: column-reverse;
  align-items: start;
}

@media (min-width: 43.75rem) {

  .node--type-place.node--view-mode-teaser .layout {
    flex-direction: row;
  }
}

.node--type-place.node--view-mode-teaser h3 {
  margin-block-end: var(--sp);
}

.node--type-place.node--view-mode-teaser a {
  font-size: 1.375rem;
  font-weight: 600;
}

.node--type-bio-p.node--view-mode-full .bio-header,
.node--type-bio-v.node--view-mode-full .bio-header {
  align-items: top;
  padding-bottom: 3.75rem;
  background-image: linear-gradient(0deg, #35efc6 48%, rgba(248, 243, 231, 0) 29%);
  padding-inline: var(--container-padding);
}

@media (min-width: 43.75rem) {

  .node--type-bio-p.node--view-mode-full .bio-header,
  .node--type-bio-v.node--view-mode-full .bio-header {
    flex-wrap: nowrap;
  }
}

@media (min-width: 62.5rem) {

  .node--type-bio-p.node--view-mode-full .bio-header,
  .node--type-bio-v.node--view-mode-full .bio-header {
    flex-wrap: auto;
    align-items: center;
  }
}

.node--type-bio-p.node--view-mode-full .bio-header img,
.node--type-bio-v.node--view-mode-full .bio-header img {
  min-width: 100%;
  height: auto;
  padding-right: 0;
  background-color: #fff;
  box-shadow: -8px 8px 0 0 #fff;
}

.node--type-bio-p.node--view-mode-full .bio-header h1,
.node--type-bio-v.node--view-mode-full .bio-header h1 {
  margin: 0;
  margin-block: 0;
  padding-left: 0 var(--sp2);
  color: var(--color--darkgreen);
}

:is(.node--type-bio-p.node--view-mode-full .bio-header h1) + p,
:is(.node--type-bio-v.node--view-mode-full .bio-header h1) + p {
  color: var(--color--darkgreen);
}

.node--type-bio-p.node--view-mode-full .bio-header p,
.node--type-bio-v.node--view-mode-full .bio-header p {
  margin-block-start: 0.625rem;
}

.node--type-bio-p.node--view-mode-full .bio-main,
.node--type-bio-v.node--view-mode-full .bio-main {
  margin-top: -4.0625rem;
  background: var(--color--primary-50);
}

.node--type-bio-p.node--view-mode-full .bio-main > .headline,
.node--type-bio-v.node--view-mode-full .bio-main > .headline {
  padding-top: var(--sp3);
}

.node--type-bio-p.node--view-mode-full .bio-map,
.node--type-bio-v.node--view-mode-full .bio-map {
  margin: 0 auto;
  padding-inline: 0;
}

.node--type-bio-p.node--view-mode-full .bio-related,
.node--type-bio-v.node--view-mode-full .bio-related {
  margin: 0 var(--sp);
}

.node--type-bio-p.node--view-mode-full .bio-related .layout,
.node--type-bio-v.node--view-mode-full .bio-related .layout {
  margin-block-end: 0;
}

@media (min-width: 43.75rem) {
  .node--type-bio-p.node--view-mode-full .dates,
  .node--type-bio-v.node--view-mode-full .dates {
    margin-top: 7.5rem;
  }
  .node--type-bio-p.node--view-mode-full .bio-related,
  .node--type-bio-v.node--view-mode-full .bio-related {
    margin: 0 var(--sp2);
  }
}

.views-view-responsive-grid__item .bio-card-teaser {
  display: block;
  margin-block-end: 0;
}

.bio-related .wrapper {
  --views-responsive-grid--column-count: 4;
  --views-responsive-grid--cell-min-width: 25rem;
  --views-responsive-grid--layout-gap: 2.5rem;
  --views-responsive-grid--gap-count: calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--total-gap-width: calc(var(--views-responsive-grid--gap-count) * var(--views-responsive-grid--layout-gap));
  --views-responsive-grid-item--max-width: calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--calculated-min-width: min(100%, var(--views-responsive-grid--cell-min-width));

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid-item--calculated-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
  gap: var(--views-responsive-grid--layout-gap);
}

.bio-related .wrapper > article {
  width: 100%;
  margin-block-end: 0;
  padding: 0 var(--sp);
}

@media (min-width: 43.75rem) {

  .bio-related .wrapper > article {
    padding: 0;
  }
}

.bio-related .wrapper > article > .layout {
  width: 100%;
}

.bio-card-teaser {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  column-gap: 0;
  background-color: #fff;
  box-shadow: 8px 8px 0 0 var(--color--primary-50);
}

.bio-card-teaser > .layout {
  margin-block-end: 0;
}

.bio-card-teaser h3 {
  margin-bottom: 1rem;
  margin-block: var(--sp1);
}

.bio-card-teaser img {
  width: 100%;
  max-width: 10rem;
  margin-top: -0.75rem;
  margin-left: 1.5rem;
  padding-bottom: 0;
  transform: rotateZ(1deg);
  filter: saturate(0%) contrast(100%) brightness(85%);
}

@media (min-width: 43.75rem) {

  .bio-card-teaser img {
    padding-bottom: var(--sp2);
  }
}

.bio-card-teaser .text-content {
  padding: 0 0.75rem;
  font-size: 1.25rem;
}

.bio-card-teaser .text-content p:last-child {
  margin-block-end: var(--sp1);
}

.bio-card-teaser .layout--twocol-section > .layout__region {
  flex-grow: 1;
}

@media (min-width: 43.75rem) {

  .bio-card-teaser {
  }
}