/* global custom CSS */
/* overrides the theme settings > typography > link-value which was set to the same as page global > font size.
this makes it possible to have links in other areas with different font size and makes the link be the same. if
the value was set to nothing in theme settings, an erroneous value was set in the css. hence this solution. */
:where(a:not(.btn-link)) {
  font-size: inherit;
}

/* general link styling */
:where(a:not(.btn-link)) {
  vertical-align: unset;
}

/* line-height adjustment - bodytext */
main p,
main .image-card-module__richtext,
main .card-module__richtext {
  line-height: 160%;
}

/* line-height adjustment - ingress */
main p[style*='font-size: 22px'],
main span[style*='font-size: 22px'] {
  line-height: 160%;
}

h1,
.h1 {
  line-height: 110% !important;
}

h2,
.h2 {
  line-height: 120% !important;
}

h3,
.h3 {
  line-height: 120% !important;
}

h4,
.h4 {
  line-height: 130% !important;
}

h5,
.h5 {
  line-height: 120% !important;
}

h6,
.h6 {
  line-height: 110% !important;
}

.header-content--sticky-background-color {
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
}

hr {
  border-top-color: #C6C6C6 !important;
}

/*
.header-content--sticky-background-color .siteheader-module_wrp:before {
  content: '';
  position: absolute;
  display: block;
  background: white;
  top: -30px;
  width: 100%;
  height: 75px;
}

.siteheader-module:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 50px;
  height: 50px;
  background: radial-gradient(circle at bottom right, transparent 70%, #fff 71%);
}

.siteheader-module:after {
  content: '';
  position: absolute;
  top: -1px;
  right: -1px;
  width: 50px;
  height: 50px;
  background: radial-gradient(circle at bottom left, rgba(238,0,0,0) 70%, #fff 71%);
}
*/

.btn-secondary2 {
  background: linear-gradient(90deg, #527BAA 0%, #699B8C 100%);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
}

.btn-secondary2:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), linear-gradient(90deg, #527BAA 0%, #699B8C 100%);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
}

.btn-secondary2:focus {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #527BAA 0%, #699B8C 100%);
}

.btn-secondary1:hover {
  color: #fff;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), linear-gradient(90deg, #527BAA 0%, #699B8C 100%);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
  border: 2px solid transparent !important;
}

.btn-secondary1:focus {
  color:  #fff;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #527BAA 0%, #699B8C 100%);-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #527BAA 0%, #699B8C 100%);
}


.hs-submit input {
  margin-top: 20px;
}

.btn-secondary2, .form--btn-secondary2 input[type=file]::file-selector-button, .form--btn-secondary2 input[type=submit] {
  background: linear-gradient(90deg, #527BAA 0%, #699B8C 100%);
}

.form-default :where(.form-columns-2,.form-columns-3) {
  gap: 30px;
}

.form-default fieldset.form-columns-1 .input input[type=checkbox] {
  align-self: flex-start;
  margin-top: 3px;
}

.unicard-fake-class .video {
  border-radius: 32px;
  overflow: hidden;
}

.main-nav__title {
  color: #1f1f1f;
}