/**
 * @file
 * Visual styles for nodes.
 */
hr {
  border-top: 1px solid var(--border-color);
}

.node--unpublished {
  background-color: #fff4f4;
}

.field--name-body a {
  text-decoration: underline;
}

.field--name-body a:hover {
  text-decoration: none;
}


.node--type-article.node--view-mode-full>h2 {
  font: var(--font-headline-xxxl);
  margin: 1.4rem 0;
}

.node__supheadline {
  font: var(--font-menu-main);
}

.region-after-content .node__supheadline,
.view.view-related .node__supheadline {
  display: none;
}

.block-system-main-block .node--type-article.node--view-mode-teaser .node__supheadline {
  font-size: var(--font-size-base);
  font-weight: normal;
  margin: 1em 0 0;
}

.view.preset--teaser-row .node--type-article.node--view-mode-teaser .node__supheadline+h3 {
  margin-top: 0.4em;
}

.node__intro,
.node__intro strong {
  font: var(--font-intro);
  margin: 0 0 1.4rem;
}

.content-quote {
  font-size: 1.2em;
  max-width: 75%;
  font-weight: bold;
  margin: 0 -3% 1.4rem auto;
  text-align: right;
}

footer.article__meta {
  font: 1.125rem/1.4 var(--font-sans);
  margin: 0 0 1.4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  align-items: end;
}

footer.article__meta .fa-solid.fa-clock::before {
  margin-right: 0.3em;
}

.node--view-mode-teaser footer.article__meta,
.node--view-mode-review footer.article__meta {
  font-size: var(--font-size-xs);
  padding: 1rem 0 0;
  margin: 0;
}

footer.article__meta .wrapper--author-date>p {
  margin: 0;
}

.node--view-mode-full .field--name-body {
  font: var(--font-content);
}

.node--type-article.node--view-mode-full>.node__content>.field--name-body {
  margin: calc(0.5 * var(--box-gap)) 0;
}

.node--type-article.node--view-mode-full .field--name-body h2 {
  font: var(--font-headline-l);
}

p {
  margin: 1.5rem 0;
}

p.node__summary {
  margin: 0;
}

.node--type-article.node--view-mode-full>.node__content>figure img {
  max-width: 100% !important;
  height: auto !important;
}


.node--type-author.node--view-mode-teaser .node__content .field--name-body,
.node--type-author.node--view-mode-full>header .field--name-body {
  font: 500 var(--font-size-menu)/1.4 var(--font-sans);
}

.node--type-author.node--view-mode-teaser .node__content {
  padding: var(--container-padding) 0;
}

.node--type-author.node--view-mode-full>header {
  padding: var(--box-gap) 0;
}

.node--type-author.node--view-mode-teaser .node__content h3,
.node--type-author.node--view-mode-full header h2 {
  font: bold var(--font-size-l) var(--font-sans);
}

.node--type-author.node--view-mode-teaser .node__content h3 {
  margin: 0 0 0.6rem;
}

.node--type-author.node--view-mode-full header h2 {
  margin: 1rem 0 0.6rem;
}

.node__content figure.node--type-button {
  margin: var(--box-gap) 0;
  text-align: center;
}

.node__content h3.node__tags-title {
  font: var(--font-headline-xl);
  margin: var(--box-gap) 0 1rem;
}

.node__content ul.field--name-field-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.node__content ul.field--name-field-tags a {
  font: var(--font-blocktitle-bold);
  padding: 0.25rem 0.75rem;
  font: 400 clamp(.9rem, .5185vw + .7963rem, 1.25rem)/normal var(--font-sans);
  /* border-radius: 0.5rem; */
  text-decoration: none;
}

.block-views-blockrelated-block-1>h2 {
  display: flex;
  align-items: center;
  font: var(--font-headline-xxl);
  gap: 0.5em;
}

.block-views-blockrelated-block-1>h2::after {
  content: "";
  flex: 1;
  height: 2px;
}

.view__teaser.view-related .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: var(--box-gap);
}

ul.field--name-field-themen {
  margin: 0;
  padding: 0;
  list-style: none;
}

.node--view-mode-full .field--name-field-themen {
  margin: 0 0 2.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.node--view-mode-teaser .field--name-field-themen {
  position: relative;
  bottom: -0.75em;
}

.node--view-mode-teaser.node--no-media .field--name-field-themen {
  padding-bottom: 0.75em;
}

figure.popup-trigger {
  cursor: pointer;
}

.node--type-article .field--name-field-themen li a {
  font: var(--font-button-m);
  padding: 0.5em 1em;
  text-transform: uppercase;
  text-decoration: none;
}

.node--view-mode-teaser .node__content>h3 {
  margin: calc(var(--box-gap) / 2) 0 1rem;
  font: var(--font-headline-l);
}

.view.preset--teaser-row .node--view-mode-teaser .node__content>h3 {
  margin: 1rem 0 1rem;
}

article.node--view-mode-full .field--name-body figure img {
  max-width: 100% !important;
  height: auto !important;
}

.field--name-body [class*="aligned"],
.field--name-body .aside {
  margin: 1.5rem 0;
}

.field--name-body [class*="align"],
.field--name-body .aside {
  max-width: 100%;
}

.field--name-body .left-aligned,
.field--name-body .align-left,
.field--name-body .aside {
  float: none;
}

.field--name-body .right-aligned,
.field--name-body .align-right {
  float: none;
}

.colorbox {
  padding: 1rem 1.3rem;
  margin: 1.5rem 0;
  font-size: 0.875em;
}

.view.preset--teaser-row .field--name-body {
  font-size: var(--font-size-base);
}

.view.preset--teaser-row .field--name-field-themen {
  display: none;
}

.view.preset--teaser-row .views-row {
  padding: calc(0.5 * var(--box-gap)) 0;
  border-bottom: 1px solid var(--border-color);
}

.region-content .view.view-mode--sticky-teaser .views-row {
  padding: 0 0 calc(0.5 * var(--box-gap));
  margin-bottom: calc(0.5 * var(--box-gap));
  border-bottom: 1px solid var(--border-color);
}

#block-hpd2026-mehrausdenrubriken .field--type-entity-reference-revisions>.field__item {
  border-bottom: 1px solid var(--border-color);
}

.view.preset--teaser-row.view-frontpage .views-row:last-child,
#block-hpd2026-mehrausdenrubriken .field--type-entity-reference-revisions>.field__item:last-child {
  border-bottom: none;
}

.view.preset--teaser-row .views-row:first-child {
  padding-top: 0;
}

.node--type-author.node--view-mode-teaser {
  padding: 1rem 1.3rem;
}

.node__authors .views-row {
  margin: var(--box-gap) 0;
}

.node--view-mode-single-popup {
  display: flex;
  align-items: center;
}

.node--view-mode-sticky-teaser .article__meta {
  font-size: 0.875rem;
  margin-top: 0.8rem;
}

.node--view-mode-sticky-teaser .node__content h3 {
  font: var(--font-headline-promoted);
  margin: 0.4rem 0 0.8rem;
}

.node--view-mode-sticky-teaser .node__content .node__supheadline {
  font: var(--font-menu-main);
  margin: 0;
}

.node--view-mode-sticky-teaser figure img {
  width: 100%;
  height: auto;
}

.view.display--teaser--review {
  padding: var(--box-gap) 0 0;
}

.view-more-from-categories {
  padding: calc(0.5 * var(--box-gap)) 0;
}

.view-more-from-categories.view-display-id-block_1 {
  display: flex;
  flex-direction: column;
}

.view-more-from-categories.view-display-id-block_1>.attachment-after {
  margin-top: auto;
}

.view-more-from-categories .views-row {
  padding: 0.4rem 0;
}

.view-more-from-categories .view-footer .read-more {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font: var(--font-button-l);
  text-decoration: none;
}

.node--view-mode-short-teaser h3 {
  font: var(--font-button-l);
  margin: 0;
}

.node--view-mode-short-teaser h3 a {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 1rem;
  text-decoration: none;
  color: var(--max-dark);
  flex-direction: row-reverse;
}

.node--view-mode-short-teaser h3 a::after {
  font-size: 1.2rem;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  border-radius: 50%;
  background-color: var(--bright-primary);
  color: var(--max-light);
  flex-shrink: 0;
  display: block;
  text-align: center;
}

.node--view-mode-review {
  --figure-ratio: 0.25;
  display: grid;
  grid-template-columns: 1fr;
  padding: calc(0.5 * var(--box-gap)) var(--box-gap);
  position: relative;
  gap: calc(0.5 * var(--box-gap));
}

.node--view-mode-review::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}

.node--view-mode-review figure.preset--style--book {
  margin: 0;
  width: 30%;
  min-width: 12rem;
}

.node--view-mode-review figure.preset--style--book img {
  width: 100%;
  height: auto;
  display: block;
}

h2.block-title--review {
  font: var(--font-button-m);
  text-transform: uppercase;
  margin: 0 0 0.5rem;
}

.node--view-mode-review h3 {
  font: var(--font-headline-promoted-light);
  margin: 0 0 0.5rem;
}

.node--view-mode-review .node__summary {
  margin: 0;
}

/* Layout fixes */
.node__content .field--name-body a[href*="steadyhq.com"] {
  display: none;
}

img[src*="unterstuetzen_sie_uns_auf_steady.png"] {
  width: 764px;
  height: auto;
}

/* End of Layout fixes */

@media screen and (min-width: 768px) {

  .field--name-body [class*="align"],
  .field--name-body .aside {
    /* max-width: 35%; */
    width: 35%;
  }

  .field--name-body .left-aligned,
  .field--name-body .align-left,
  .field--name-body .aside {
    float: left;
    margin: 0 1.4rem 1.4rem -3%;
  }

  .field--name-body .right-aligned,
  .field--name-body .align-right {
    float: right;
    margin: 0 0 1.4rem 1.4rem;
  }

  .node--view-mode-review {
    --figure-ratio: 0.25;
    display: grid;
    grid-template-columns:
      calc(var(--figure-ratio) * 100% / 2) calc(var(--figure-ratio) * 100% / 2) 1fr;
    gap: 0;
    align-items: start;
    padding: calc(0.5 * var(--box-gap)) var(--box-gap) calc(0.5 * var(--box-gap)) 0;
    position: relative;
  }

  .node--view-mode-review::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    grid-column: 2 / 5;
    z-index: -1;
  }

  .node--view-mode-review .button--content-l {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
  }

  .node--view-mode-review figure.preset--style--book {
    grid-column: 1 / 3;
    margin: 0;
    width: 100%;
    min-width: auto;
    box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, 0.6);
    z-index: 1;
  }

  .node--view-mode-review figure.preset--style--book img {
    width: 100%;
    height: auto;
    display: block;
  }

  .node--view-mode-review .node__content {
    grid-column: 3;
    padding-left: var(--box-gap);
  }

  h2.block-title--review {
    font: var(--font-button-m);
    text-transform: uppercase;
    margin: 0 0 0.5rem;
  }

  .node--view-mode-review h3 {
    font: var(--font-headline-promoted-light);
    margin: 0 0 0.5rem;
  }

  .node--view-mode-review .node__summary {
    margin: 0;
  }


  .node--type-article.node--view-mode-full {
    /* margin: 2rem clamp(0rem, 5.9259vw + -1.1852rem, 4rem); */
    padding: var(--box-gap) var(--content-narrow-padding);
  }

}

@media screen and (min-width: 1024px) {
  .block-system-main-block .node--type-article.node--view-mode-teaser .node__supheadline {
    margin: 0;
  }

  .node--type-author.node--view-mode-full>header {
    display: flex;
  }

  .node--type-author.node--view-mode-full header h2 {
    margin: 0 0 0.6rem;
  }

  .node--type-author.node--view-mode-teaser {
    display: flex;
    /* margin: 0 calc(var(--reset-content-narrow-padding) - 2rem) 0 var(--reset-content-narrow-padding);
    padding: 0 calc(var(--content-narrow-padding) + 2rem) 0 0;
    position: relative; */
    margin: 0 calc(var(--reset-content-narrow-padding)) 0 var(--reset-content-narrow-padding);
    padding: 0 calc(var(--content-narrow-padding)) 0 0;
  }

  .node--type-author .node__figure-wrapper {
    flex: 0 0 var(--content-narrow-padding);
    box-sizing: border-box;
    padding: 0 calc(0.75 * var(--box-gap));
  }

  .node--type-author.node--view-mode-teaser .node__figure-wrapper figure {
    position: relative;
    top: -1rem;
  }

  .node--type-author.node--view-mode-full>header {
    padding: var(--box-gap) 25% var(--box-gap) 0;
  }

  .node--type-article.node--view-mode-full {
    margin: 2rem clamp(0rem, 5.9259vw + -1.1852rem, 4rem);
    /* padding: var(--box-gap) var(--content-narrow-padding); */
  }

  .view.preset--teaser-row .node--view-mode-teaser {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--box-gap);
  }

  .view.preset--teaser-row .node--view-mode-teaser>* {
    flex: 1 1 50%;
  }

  .view.preset--teaser-row .node--view-mode-teaser .node__content {
    padding: 0 0 0 calc(0.5 * var(--box-gap));
  }

}