.node--view-mode-teaser .node__content > h3,
.node--view-mode-teaser .node__content > h3 a,
.node--view-mode-sticky-teaser .node__content h3 a,
.node--type-article.node--view-mode-full .field--name-body h2,
h2 > .field--name-title,
h2.page-title{
  color: var(--hpd-dark);
}
/* .region-header, */
#header--page,
.node--type-author.node--view-mode-teaser,
.node--type-author.node--view-mode-full > header,
.node--view-mode-sticky-teaser .node__content,
section.has-sidebar aside .view-spott-sei-dank,
.views-block--support .views-row,
.view-support .views-row,
.has-sidebar aside .block-block-content .block-content{
  background-color: var(--light);
  color: var(--max-dark);
}

#footer--page{
  background-color: var(--hpd-dark);
  color: var(--x-light);
}

#footer--page a {
  color: var(--x-light);
  background-color: transparent;
}

#footer--page a:hover {
  color: var(--max-light);
}

.region-header a,
.node--type-author.node--view-mode-teaser h3 a,
.node--type-author.node--view-mode-full > header h2 {
  color: var(--hpd-dark);
  background-color: transparent;
}
.node--type-author.node--view-mode-teaser .field--name-body,
.node--type-author.node--view-mode-full>header .field--name-body {
  color: var(--hpd-dark);
}
.node__supheadline,
.node__content h3.node__tags-title,
.styled-headline > h2,
#block-hpd2026-site-branding h1 .site-slogan {
  color: var(--bright-primary);
}
.styled-headline > h2::after,
.styled-headline > h2::before,
.paragraph--type--embed .field--name-field-link::before {
  background-color: var(--bright-primary);
}
.preset--hpd-dark-maxlight.styled-headline > h2::after,
.preset--hpd-dark-maxlight.styled-headline > h2::before,
.preset--light-positive{
  background-color: var(--light);
}

.region-header .site-slogan {
  color: var(--max-dark);
}

.region-primary-menu,
aside .block-views > h2,
.has-sidebar aside .block > h2,
.node--view-mode-review .node__content,
.node--view-mode-review::before {
  background-color: var(--hpd-dark);
  color: var(--max-light);
}

.menu--main a,
.menu--main button,
.node--view-mode-review h3 a {
  color: var(--max-light);
}
a,
.coloured-icon::before{
  color: var(--bright-primary);
  background-color: transparent;
}
.preset--light,
.node__content ul.field--name-field-tags a {
  background-color: var(--light);
  color: var(--hpd-dark);
}

.preset--light:hover {
  background-color: var(--x-light);
}

.preset--bright-primary {
  background-color: var(--bright-primary);
  color: var(--max-light);
}
.preset--gbs-dark {
  background-color: var(--hpd-dark);
  color: var(--x-light);
}
.preset--gbs-dark-maxlight {
  background-color: var(--hpd-dark);
  color: var(--max-light);
}
.preset--gbs-dark-maxlight *,
.preset--gbs-dark-maxlight a,
.preset--gbs-dark-maxlight.styled-headline > h2 {
  color: var(--max-light);
}
.preset--bright-primary:hover {
  background-color: var(--bright-primary-hover);
}
.has-preset--x-light input.form-type-email,
.has-preset--x-light input.form-type-text {
  background-color: var(--x-light);
  color: var(--hpd-dark);
}
.page-node-type-article{
  background-color: var(--x-light);
  color: var(--max-dark)
}
.node--type-article.node--view-mode-full{
  background-color: var(--max-light);
  color: var(--max-dark);
}
.node--type-article .field--name-field-themen li a{
  background-color: var(--bright-primary);
  color: var(--x-light);
}
.colorbox {
  background-color: var(--x-light);
  color: var(--max-dark);
}
.view-support .view-content{
  background-color: var(--shadow);
}
h2.block-title--review,
.node--view-mode-review footer.article__meta * {
  color: var(--light);
  background-color: transparent;
}
.klaro--hpd .context-notice > p:first-child{
  display: none;
}
.klaro--hpd.klaro.cm-as-context-notice{
  padding-bottom: 0;
  padding-top: 0;
}
.klaro--hpd.klaro .context-notice{
  padding: 0 12px;
}
.media--type-remote-video div[data-type="placeholder"]{
  /* max-width: max-content !important; */
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
}
.klaro--hpd .cm-buttons .cm-btn.cm-btn-success,
.klaro--hpd .cm-buttons .cm-btn.cm-btn-success-var {
  background-color: var(--bright-primary);
  color: var(--max-light);
  border: none;
  border-radius: 0;

}
.klaro--hpd .cm-buttons .cm-btn.cm-btn-success:hover,
.klaro--hpd .cm-buttons .cm-btn.cm-btn-success-var:hover {
  background-color: var(--bright-primary-hover) !important;
  color: var(--max-light) !important;
  border: none !important;
  border-radius: 0 !important;
}
.klaro--hpd .cm-buttons .cm-btn.cm-btn-success:focus,
.klaro--hpd .cm-buttons .cm-btn.cm-btn-success-var:focus {
  outline: none !important;
}