@charset "UTF-8";
:root {
  --color--grey--border: #eaeaea;
  --color--grey: #757575;
  --color--grey--darker: #787878;
  --color--grey--filter: brightness(0) saturate(100%) invert(54%) sepia(6%)
    saturate(18%) hue-rotate(315deg) brightness(84%) contrast(94%);
  --color--beige: #fbf8e0;
  --color--blue--light: #dfefed;
  --color--violet--light: #eeeaf3;
  --color--line: #d9d9d9;
  --height--header: 80px;
}

:root {
  --headline-size--xl: 4.5rem;
  --copy-size--default: 1.8rem;
}
@media (max-width: 1024px) {
  :root {
    --headline-size--xl: 2.6rem;
    --copy-size--default: 1.4rem;
  }
}

.headline-style--xl,
.section__headline {
  font-size: var(--headline-size--xl);
  line-height: 1.2222222222;
  font-weight: 700;
}

.is-underline {
  position: relative;
  padding-block-end: 2rem;
  margin-block-start: 12rem;
  margin-block-end: 5rem;
}
.is-underline::after {
  content: "";
  margin-inline: calc(-50vw + 50%);
  max-width: 100vw;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  height: 1px;
  background-color: var(--color--grey--border);
}

.section__headline {
  width: 60%;
  margin-block-end: 6rem;
}
@media (max-width: 768px) {
  .section__headline {
    width: 75%;
  }
}
@media (max-width: 500px) {
  .section__headline {
    width: 100%;
  }
}

.main .arrow-link img,
.arrow-link img {
  transition: 0.3s ease;
  margin-inline-start: 1rem !important;
}
@media (max-width: 767.98px) {
  .main .arrow-link img,
  .arrow-link img {
    width: inherit !important;
  }
}
.main .arrow-link:hover img,
.arrow-link:hover img {
  transition: 0.3s ease;
  transform: translateX(0.5rem);
}

/*
* sub-nav desktop
*/
.site-sub-nav {
  position: sticky;
  top: calc(var(--height--header) + 10px);
  -webkit-clip-path: inset(0 -100vmax);
  clip-path: inset(0 -100vmax);
  box-shadow: 0 0 0 100vmax #fff;
  background-color: #fff;
  z-index: 9;
  margin-block-end: 5rem;
}
.site-sub-nav::after {
  content: "";
  display: block;
  position: absolute;
  width: 200%;
  left: -50%;
  bottom: 0;
  height: 2px;
  background: var(--color--grey--border);
}
.site-sub-nav .site-sub-nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  width: 100%;
  overflow: auto;
}
.site-sub-nav .site-sub-nav__list li {
  font-weight: 500;
  border-inline-start: 2px solid var(--color--grey--border);
  white-space: nowrap;
}
.site-sub-nav .site-sub-nav__list li:last-child {
  border-inline-end: 2px solid var(--color--grey--border);
}
.site-sub-nav .site-sub-nav__list li a {
  display: block;
  padding: 2rem 3.2rem 2rem 2.4rem;
  color: var(--color--grey);
  transition: color 0.5s ease;
}
.site-sub-nav .site-sub-nav__list li a::before {
  content: "";
  width: 11px;
  height: 11px;
  border: 1px solid var(--color--grey);
  border-radius: 50%;
  display: inline-block;
  margin-inline-end: 1.2rem;
  transition: background-color 0.5s ease;
  background-color: transparent;
}
.site-sub-nav .site-sub-nav__list li.current-item a {
  color: #000;
}
.site-sub-nav .site-sub-nav__list li.current-item a::before {
  background-color: #000;
}

/*
* sub-nav mobile
*/
@media (min-width: 992px) {
  .agenda__sub-nav--mobile {
    display: none;
  }
}
@media (max-width: 991px) {
  .site-sub-nav {
    display: none;
  }
  .agenda__sub-nav--mobile {
    position: relative;
    position: sticky;
    top: calc(var(--height--header) + 10px);
    z-index: 99;
    margin-block-end: 4rem;
  }
  .agenda__sub-nav--mobile__toggle {
    width: 100%;
    padding: 1.3rem 1.8rem;
    font-size: 1rem;
    text-align: left;
    background: #fff;
    border: 1px solid var(--color--grey--border);
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 500;
    transition: border-color 0.3s ease;
    -webkit-clip-path: inset(0 -100vmax);
    clip-path: inset(0 -100vmax);
    box-shadow: 0 0 0 100vmax #fff;
    background-color: #fff;
  }
  .agenda__sub-nav--mobile__toggle::after {
    content: "▼";
    float: right;
    margin-left: 0.5rem;
    transition: transform 0.3s ease;
  }
  .agenda__sub-nav--mobile__toggle[aria-expanded="true"] {
    border-color: var(--color--grey--darker);
    border-bottom: 1px solid transparent;
  }
  .agenda__sub-nav--mobile__toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
  }
  .agenda__sub-nav--mobile__list {
    position: absolute;
    top: calc(100% - 0px);
    left: 0;
    right: 0;
    border: 1px solid var(--color--grey--border);
    border-top: 0;
    list-style: none;
    padding: 0 1.8rem;
    margin: 0;
    z-index: 10;
    overflow: hidden;
    max-height: 0;
    transition:
      max-height 0.4s ease,
      border-color 0.3s ease;
    background-color: var(--color--violet--light);
  }
  .agenda__sub-nav--mobile__list.is-open {
    border-color: var(--color--grey--darker);
  }
  .agenda__sub-nav--mobile__item {
    border-bottom: 1px solid #ccc;
    padding: 1.3rem 0;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .agenda__sub-nav--mobile__item:last-child {
    border-bottom: none;
  }
  .agenda__sub-nav--mobile__item a {
    display: block;
    color: #000;
    text-decoration: none;
  }
}
.has-background-color,
.has-background-color--white,
.has-background-color--violet,
.has-background-color--blue,
.has-background-color--beige {
  position: relative;
  -webkit-clip-path: inset(0 -100vmax);
  clip-path: inset(0 -100vmax);
}
.has-background-color--beige {
  box-shadow: 0 0 0 100vmax var(--color--beige);
  background-color: var(--color--beige);
}
.has-background-color--blue {
  box-shadow: 0 0 0 100vmax var(--color--blue--light);
  background-color: var(--color--blue--light);
}
.has-background-color--violet {
  box-shadow: 0 0 0 100vmax var(--color--violet--light);
  background-color: var(--color--violet--light);
}
.has-background-color--white {
  box-shadow: 0 0 0 100vmax #fff;
  background-color: #fff;
}

.btn-style,
.event-table__btn {
  font-size: 1.6rem;
  font-weight: 700;
  padding: 2.2rem 6rem;
  color: #000;
  border: 1px solid #000;
}

@media (max-width: 768px) {
  .btn-style,
  .event-table__btn {
    font-size: 1.4rem;
    padding: 1.8rem 3rem;
  }
}
@media (max-width: 767.98px) {
  .home .aktuell .archive-section .title-col {
    margin-left: 2.2rem;
  }
}

@media (min-width: 1025px) {
  .home .content .top-section .dropdown {
    width: 28rem;
    margin-inline-start: 0;
  }
}
@media (max-width: 991px) {
  html.termine-lp {
    overflow-x: hidden;
  }
}

.page-template-termine .overflow-wrap {
  overflow: visible;
}

.page-template-agenda,
.page-template-journal,
.page-template-termine,
.home {
  overflow-x: hidden;
  /*
  * Event-Teaser
  */
}
.page-template-agenda .archive-section,
.page-template-journal .archive-section,
.page-template-termine .archive-section,
.home .archive-section {
  gap: 6px;
}
.page-template-agenda .archive-section .filter-post,
.page-template-journal .archive-section .filter-post,
.page-template-termine .archive-section .filter-post,
.home .archive-section .filter-post {
  margin-block-end: 0;
}
.page-template-agenda .zitat-row,
.page-template-journal .zitat-row,
.page-template-termine .zitat-row,
.home .zitat-row {
  z-index: 1;
  margin-block-end: 0;
}
.page-template-agenda .zitat-row .cta-journal__text,
.page-template-journal .zitat-row .cta-journal__text,
.page-template-termine .zitat-row .cta-journal__text,
.home .zitat-row .cta-journal__text {
  display: block;
}
.page-template-agenda .zitat-row .cta-journal__text b,
.page-template-journal .zitat-row .cta-journal__text b,
.page-template-termine .zitat-row .cta-journal__text b,
.home .zitat-row .cta-journal__text b {
  margin-block-end: 0.8rem;
  display: inline-block;
}
.page-template-agenda .zitat-row .cta-journal__img,
.page-template-journal .zitat-row .cta-journal__img,
.page-template-termine .zitat-row .cta-journal__img,
.home .zitat-row .cta-journal__img {
  margin-block-end: 2.3rem;
}
@media (max-width: 990px) {
  .page-template-agenda .zitat-wrap .col-md-3,
  .page-template-journal .zitat-wrap .col-md-3,
  .page-template-termine .zitat-wrap .col-md-3,
  .home .zitat-wrap .col-md-3 {
    display: block !important;
    width: 100% !important;
    padding-top: 2.5rem;
  }
}
.page-template-agenda .event-teaser.filter-post .subtitle,
.page-template-journal .event-teaser.filter-post .subtitle,
.page-template-termine .event-teaser.filter-post .subtitle,
.home .event-teaser.filter-post .subtitle {
  display: flex;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
.page-template-agenda .event-teaser.filter-post .subtitle p,
.page-template-journal .event-teaser.filter-post .subtitle p,
.page-template-termine .event-teaser.filter-post .subtitle p,
.home .event-teaser.filter-post .subtitle p {
  font-size: 1.2rem;
  margin: 0;
  color: #000;
}

.agenda__sub-nav {
  position: relative;
  padding-block: 2.5rem;
  margin-block-end: 12rem;
}
body.page-template-termine .agenda__sub-nav {
  margin-block-end: 0;
}
.agenda__sub-nav::after {
  content: "";
  display: block;
  position: absolute;
  width: 200%;
  left: -50%;
  bottom: 0;
  height: 2px;
  background: var(--color--grey--border);
}
.agenda__sub-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.agenda__sub-nav ul li {
  font-size: 2rem;
  line-height: 3.375rem;
  font-weight: 500;
  letter-spacing: 0.0313rem;
}
.agenda__sub-nav ul li:not(:last-of-type) {
  padding-inline-end: 3rem;
  margin-inline-end: 3rem;
  border-inline-end: 1px solid var(--color--grey--border);
}
.agenda__sub-nav ul li:not(.current-item) a {
  color: #757575;
}
.agenda__sub-nav ul li:not(.current-item) a::before {
  filter: var(--color--grey--filter);
}
.agenda__sub-nav ul li a {
  display: flex;
  align-items: center;
}
.agenda__sub-nav ul li a:hover::before {
  filter: var(--color--grey--filter);
}
.agenda__sub-nav ul li:first-of-type a::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 26px;
  background-image: url("../../assets/img/icon-agenda.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-inline-end: 1.2rem;
}
.agenda__sub-nav ul li:last-of-type a::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("../../assets/img/icon-dates.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-inline-end: 1.2rem;
}
@media (max-width: 991px) {
  body.page-template-termine .agenda__sub-nav::after {
    display: none;
  }
  .agenda__sub-nav ul li {
    font-size: 1.4rem;
  }
  .agenda__sub-nav ul li:not(:last-of-type) {
    padding-inline-end: 2.4rem;
    margin-inline-end: 2.4rem;
  }
  .agenda__sub-nav ul li:first-of-type a::before {
    width: 20px;
    height: 20px;
    margin-inline-end: 0.5rem;
  }
  .agenda__sub-nav ul li:last-of-type a::before {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 768px) {
  .agenda__sub-nav {
    padding-block: 1rem;
    margin-block-end: 6rem;
  }
}

.event-table {
  --element--margin--bottom: 7rem;
  width: min(820px, 100%);
}
body.page-template-termine .event-table {
  padding-block: 9rem;
  scroll-margin-top: 9rem;
}
.event-table__header {
  margin-block-end: var(--element--margin--bottom);
}
.event-table__headline {
  font-size: var(--headline-size--xl);
}
.event-table__intro p {
  font-size: var(--copy-size--default);
}
.event-table__table-headline {
  font-size: 1.8rem;
  line-height: 1.3888888889;
  font-weight: normal;
  margin-block-end: 2.4rem;
  font-family: HelveticaNeueLTStd-Bd;
}

.event-table__items {
  margin-block-end: 8rem;
}
.event-table__items:last-of-type {
  margin-block-end: 0;
}
.event-table__items .event,
.event-table__items .event--3col {
  display: grid;
  grid-template-columns: 220px auto auto 270px 24px;
  -moz-column-gap: 4rem;
  column-gap: 4rem;
  position: relative;
  padding-block: 1.8rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #000;
}
.event-table__items .event:nth-of-type(1)::after,
.event-table__items .event--3col:nth-of-type(1)::after {
  content: "";
  width: 100vw;
  margin-inline-start: calc(-50vw + 50%);
  height: 2px;
  background-color: var(--color--grey--darker);
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.event-table__items .event:not(:nth-of-type(1)),
.event-table__items .event--3col:not(:nth-of-type(1)) {
  border-block-start: 1px solid var(--color--grey--darker);
}
.event-table__items .event img,
.event-table__items .event--3col img {
  width: auto;
  max-width: 100%;
}
.event-table__items .event__date {
  font-weight: 700;
  color: #787878;
}
.event-table__items .event--3col {
  grid-template-columns: 200px 230px auto 24px;
}
.event-table__items .event--3col .event__date {
  font-weight: 400;
  color: #000;
}

#vorkurse-dates {
  margin-block-end: 0;
}

.event-table__btn {
  margin-block-start: var(--element--margin--bottom);
  display: inline-block;
}

/*
* Journal
*/
body.page-template-journal .journal__intro {
  margin-block-end: 10rem;
}

/*
* MISC
*/
a.add-calendar {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
a.add-calendar::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #222;
  color: #fff;
  padding: 6px 8px;
  border-radius: 3px;
  white-space: nowrap;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 10;
}
a.add-calendar:hover::after {
  opacity: 1;
}
a.add-calendar img {
  margin-block-end: 0 !important;
}

li.current-page-ancestor a {
  position: relative;
}
li.current-page-ancestor a::before {
  content: "";
  width: calc(100% - 1.3rem);
  height: 2px;
  background-color: #000;
  position: absolute;
  top: -0.5rem;
  left: 0.4rem;
  display: block;
  animation: fadein 0.6s;
}

@media (max-width: 991.98px) {
  .home .archive-section article:nth-of-type(4) {
    flex-direction: column;
  }
}
.row.information-section {
  margin-inline: 0;
}

/*
* ajax load more styling
*/
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Nur nachgeladene Beiträge starten unsichtbar */
.event-teaser.animate-in {
  opacity: 0;
}

/* Animation wird nur ausgelöst, wenn auch .is-visible gesetzt ist */
.event-teaser.animate-in.is-visible {
  animation: fadeInUp 0.6s ease forwards;
}

#load-more {
  transition: opacity 0.4s ease;
  font-family: HelveticaNeueLTStd-Bd;
  font-weight: normal;
  margin: 0 0 8rem 0;
  padding-inline: 2rem !important;
  min-width: 15rem;
  text-align: center;
}

#load-more.is-loading {
  pointer-events: none;
  opacity: 0.6;
  cursor: wait;
  transition: opacity 0.2s ease;
}

/*
* tables responsive styles
*/
@media (max-width: 920px) {
  .event-table__items {
    margin-block-end: 6.5rem;
  }
  .event-table__items .event,
  .event-table__items .event--3col {
    grid-template-columns: 1fr 24px;
    grid-template-areas: "date date" "note note" "location location" "time calendar";
    row-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }
  .event-table__items .event__date {
    grid-area: date;
  }
  .event-table__items .event__note {
    grid-area: note;
  }
  .event-table__items .event__location {
    grid-area: location;
  }
  .event-table__items .event__time {
    grid-area: time;
    align-self: center;
  }
  .event-table__items .event__calendar {
    grid-area: calendar;
    justify-self: end;
    align-self: center;
    width: 24px;
    margin-inline-end: 1rem;
  }
  .event-table__items .event__calendar img {
    width: 20px !important;
  }
  .event-table__items
    .event--3col:not(:has(.event__3rd.event__3rd--enddate)):not(
      :has(.event__3rd.event__3rd--note)
    ) {
    grid-template-areas: "title title" "date calendar";
  }
  .event-table__items .event--3col:has(.event__3rd.event__3rd--enddate) {
    grid-template-areas: "title title" "date date" "enddate calendar";
  }
  .event-table__items .event--3col:has(.event__3rd.event__3rd--note) {
    grid-template-areas: "note note" "title title" "date calendar";
  }
  .event-table__items .event--3col__title {
    grid-area: title;
  }
  .event-table__items .event--3col__date {
    grid-area: date;
  }
  .event-table__items .event--3col .event__3rd.event__3rd--enddate {
    grid-area: enddate;
  }
  .event-table__items .event--3col .event__3rd.event__3rd--note {
    grid-area: note;
  }
  .event-table__items .event--3col__location {
    grid-area: location;
  }
  .event-table__items .event--3col__time {
    grid-area: time;
    align-self: center;
  }
  .event-table__items .event--3col__calendar {
    grid-area: calendar;
    justify-self: end;
    align-self: center;
    width: 24px;
    margin-inline-end: 1rem;
  }
  .event-table__items .event--3col__calendar img {
    width: 20px !important;
  }
}
@media (max-width: 768px) {
  .event-table__header {
    margin-block-end: 3rem;
  }
  .event-table__table-headline {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    margin-block-end: 1.5rem;
  }
}
/*
* template custimizations
*/
body.single-veranstaltung .event-table {
  padding-inline: 10px;
}

body.home .top-section {
  padding-block-end: 0;
}

body.home .aktuell .archive-section,
body.home .archive-section.journal-section {
  margin-block-end: 0;
}

body.home .end-section {
  padding-block-start: 12rem;
}

@media (max-width: 767px) {
  .home .information-section article.color {
    margin-block-end: 4rem;
  }
  .home .information-section article:not(.color) .lower {
    padding-block-end: 5rem !important;
  }
  .is-underline {
    margin-block-start: 7rem;
  }
  body.home .end-section {
    padding-block-start: 7rem;
  }
}
.home .archive-section.journal-section article:nth-of-type(4) {
  display: block !important;
}

.journal-slider.aktuell {
  margin-inline-end: calc(-50vw + 50%);
  overflow: visible;
}
.journal-slider.aktuell .event-teaser.filter-post {
  width: 386px;
  max-width: none !important;
  border: 2px solid #eaeaea;
}
.journal-slider.aktuell .event-teaser.filter-post .preview-img {
  padding: 0;
}
@media (max-width: 767.98px) {
  .journal-slider.aktuell .event-teaser.filter-post .preview-img img {
    width: 100% !important;
    margin-left: 0 !important;
  }
}
@media (max-width: 768px) {
  .journal-slider.aktuell .event-teaser.filter-post {
    width: 320px;
    min-height: 450px !important;
  }
}

.journal-slider-navigation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
  margin-block-start: 4rem;
}

.journal-slider-pagination {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.journal-slider-prev,
.journal-slider-next {
  cursor: pointer;
}
.journal-slider-prev img,
.journal-slider-next img {
  width: 5rem;
  filter: brightness(0) saturate(100%) invert(84%) sepia(0%) saturate(1556%)
    hue-rotate(191deg) brightness(75%) contrast(81%);
  transition: filter 0.3s ease-in-out;
}
.journal-slider-prev:hover img,
.journal-slider-next:hover img {
  filter: brightness(0) saturate(100%) invert(46%) sepia(0%) saturate(2800%)
    hue-rotate(316deg) brightness(90%) contrast(95%);
}

@media (max-width: 767px) {
  .journal-slider-navigation {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    margin-block-start: 1.5rem;
  }
  .main .journal-slider-prev img,
  .main .journal-slider-next img {
    margin-left: 0 !important;
    width: 3.5rem !important;
  }
}
footer .call-to-footer {
  padding: 0 calc((100% - 1400px) / 2) !important;
}

footer .call-to-footer div[class*="col"] {
  display: flex;
  align-items: stretch;
  padding: 3rem;
}
footer .call-to-footer div[class*="col"] img {
  width: auto;
  height: auto;
}
footer .call-to-footer div[class*="col"] a.footer__icon,
footer .call-to-footer div[class*="col"] a.footer__icon--questions,
footer .call-to-footer div[class*="col"] a.footer__icon--info,
footer .call-to-footer div[class*="col"] a.footer__icon--form {
  position: relative;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
footer .call-to-footer div[class*="col"] a.footer__icon::before,
footer .call-to-footer div[class*="col"] a.footer__icon--questions::before,
footer .call-to-footer div[class*="col"] a.footer__icon--info::before,
footer .call-to-footer div[class*="col"] a.footer__icon--form::before {
  content: "";
  background: none !important;
  height: auto !important;
  width: auto !important;
  top: inherit !important;
}
footer .call-to-footer div[class*="col"] a.footer__icon span,
footer .call-to-footer div[class*="col"] a.footer__icon--questions span,
footer .call-to-footer div[class*="col"] a.footer__icon--info span,
footer .call-to-footer div[class*="col"] a.footer__icon--form span {
  display: block;
  position: relative;
  font-size: 2.8rem;
  font-size: clamp(1rem, 1vw + 1rem, 2.8rem);
  font-family: HelveticaNeueLTStd-Bd;
  line-height: 1.2;
  padding-block-start: 10px;
  margin-block-start: 5rem;
}
footer .call-to-footer div[class*="col"] a.footer__icon span::before,
footer .call-to-footer div[class*="col"] a.footer__icon--questions span::before,
footer .call-to-footer div[class*="col"] a.footer__icon--info span::before,
footer .call-to-footer div[class*="col"] a.footer__icon--form span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 3px;
  width: 40px;
  background-color: #000;
}
footer .call-to-footer div[class*="col"] a.footer__icon--form img {
  width: 47px;
}
footer .call-to-footer div[class*="col"] a.footer__icon--info img {
  width: 72px;
}
footer .call-to-footer div[class*="col"] a.footer__icon--questions img {
  width: 72px;
}

@media (max-width: 992px) {
  footer .call-to-footer div[class*="col"]:last-child {
    justify-content: center;
  }
  footer .call-to-footer div[class*="col"]:last-child a {
    width: auto;
  }
  footer .call-to-footer div[class*="col"] a.footer__icon span,
  footer .call-to-footer div[class*="col"] a.footer__icon--form span,
  footer .call-to-footer div[class*="col"] a.footer__icon--info span,
  footer .call-to-footer div[class*="col"] a.footer__icon--questions span {
    font-size: clamp(1rem, 1.5vw + 1rem, 2.8rem);
  }
}
@media (max-width: 768px) {
  footer .call-to-footer div[class*="col"]:last-child {
    justify-content: flex-start;
  }
  footer .call-to-footer div[class*="col"] a.footer__icon span,
  footer .call-to-footer div[class*="col"] a.footer__icon--form span,
  footer .call-to-footer div[class*="col"] a.footer__icon--info span,
  footer .call-to-footer div[class*="col"] a.footer__icon--questions span {
    margin-block-start: 3rem;
  }
}
header.banner .search-overlay .search-form {
  height: 42px;
}
header.banner .search-overlay .search-form label {
  height: 100%;
}
header.banner .search-overlay .search-form input {
  height: 100%;
}
header.banner .search-overlay .search-form input.search-submit {
  height: 100%;
}

/* Use the X SVG for every Twitter share icon, including tooltips. */
.btn-media .fa-twitter::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: url("../assets/img/x-icon.svg") center / contain no-repeat;
  mask: url("../assets/img/x-icon.svg") center / contain no-repeat;
}
