html {
  scroll-behavior: smooth;
}

div {
  scroll-margin-top: 100px;
}

input {
  accent-color: var(--primary);
}
textarea {
  width: 100%;
  min-height: 7rem;
  field-sizing: content;
}
a {
  transition: 250ms;
}

a[href^="tel:"] {
  cursor: default;
}
.main a:hover:not(.btn):not(.btn-primary) {
  opacity: 0.8;
  text-decoration: none;
}

.btn-primary {
  font-size: 18px;
}
.btn-primary.btn-inverse {
  background: #fff;
}
p,
div {
  line-height: 1.5;
}
p:last-child {
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--primary);
  margin-bottom: 1.25rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0;
  font-family: "Merriweather", sans-serif;
}

.custom-font-primary {
  font-family: "Source Sans 3", Arial, sans-serif;
}
.custom-font-secondary {
  font-family: "Merriweather", sans-serif;
}

:is(#post-10, #post-3) :is(h2, h3, h4, h5, h6) {
  margin-bottom: 0.6rem;
  padding-top: 1rem;
}

.gesundheit-verbindet-bglight {
  background-color: var(--bg-light) !important;
  padding: 6rem 0;
}
.gesundheit-verbindet-bgsecondarylight {
  background-color: var(--secondary-100) !important;
  padding: 6rem 0;
}
.gesundheit-verbindet-bgprimary100 {
  background-color: var(--primary-100) !important;
  padding: 6rem 0;
}
.bg-color-secondary-100 {
  background-color: var(--secondary-100) !important;
}
.vc_row {
  margin-bottom: 0;
}

.row-mb-standard {
  margin-bottom: 96px !important;
}
.row-mb-half {
  margin-bottom: 48px !important;
}

ol,
ul {
  padding-left: 1rem;
}
.lh-18 {
  line-height: 1.8;
}
.bg-primary100 {
  background-color: var(--primary-100);
}

#header .header-nav-main nav > ul > li > a {
  font-size: 1.1rem;
}

/* Mask Image */
.custom-mask-img {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
}
/* --------------------------------------------------- */
/* Maske 1: Aussparung unten rechts                    */
/* --------------------------------------------------- */
.custom-mask-img-1 {
  --mask-svg-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M6 0 H94 A6 6 0 0 1 100 6 V44 A6 6 0 0 1 94 50 H56 A6 6 0 0 0 50 56 V94 A6 6 0 0 1 44 100 H6 A6 6 0 0 1 0 94 V6 A6 6 0 0 1 6 0 Z'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--mask-svg-1);
  mask-image: var(--mask-svg-1);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/* --------------------------------------------------- */
/* Maske 2: Aussparung unten links (Hochkant-Variante) */
/* --------------------------------------------------- */
.custom-mask-img-2 {
  --mask-svg-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M6 0 H94 A6 6 0 0 1 100 6 V94 A6 6 0 0 1 94 100 H56 A6 6 0 0 1 50 94 V56 A6 6 0 0 0 44 50 H6 A6 6 0 0 1 0 44 V6 A6 6 0 0 1 6 0 Z'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--mask-svg-2);
  mask-image: var(--mask-svg-2);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/* --------------------------------------------------- */
/* Maske 3: Aussparung oben rechts                     */
/* --------------------------------------------------- */
.custom-mask-img-3 {
  --mask-svg-3: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M6 0 H44 A6 6 0 0 1 50 6 V44 A6 6 0 0 0 56 50 H94 A6 6 0 0 1 100 56 V94 A6 6 0 0 1 94 100 H6 A6 6 0 0 1 0 94 V6 A6 6 0 0 1 6 0 Z'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--mask-svg-3);
  mask-image: var(--mask-svg-3);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.custom-mask-img-4 {
  --mask-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 55' preserveAspectRatio='none'%3E%3Cpath d='M4 0H76A4 4 0 0 1 80 4V51A4 4 0 0 1 76 55H44A4 4 0 0 1 40 51V44A4 4 0 0 0 36 40H4A4 4 0 0 1 0 36V4A4 4 0 0 1 4 0Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--mask-svg);
  mask-image: var(--mask-svg);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.custom-el-7 {
  width: 80px;
  height: 80px;
  display: block;
  border-radius: 100%;
  position: absolute;
  margin-top: -15px;
  margin-left: -15px;
  z-index: 1000;
}
.custom-el-7 i {
  font-size: 40px;
  position: relative;
  top: 17px;
}
.header-logo img {
  max-height: 72px;
  width: auto !important;
}
.wpcf7-list-item {
  margin: 0 16px 0 0;
}

.wpcf7-list-item label {
  display: flex;
  gap: 10px;
  align-items: start;
}
.wpcf7-list-item label input {
  margin-top: 6px;
}
.form-control {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}
.wpcf7 textarea {
  max-height: 100px;
}

.wpcf7-radio.form-control {
  border: none;
  padding-left: 0;
  padding-right: 0;
}

.modul-headline .headlinesmall {
  font-size: 1.2rem;
  font-weight: 400;
  font-family: "Source Sans 3", Arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
  line-height: 1.8;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0;
  width: max-content;
  position: relative;
  z-index: 1;
  padding: 0 1rem 0 0.5rem;
  margin-bottom: 0.25rem;

  border-image-source: url('data:image/svg+xml,  <svg xmlns="http://www.w3.org/2000/svg" fill="%233e97bf" width="420" height="60"> <path d="M257 59a31537 31537 0 0 0-171-3l-29-4-21-2  C16 50 7 47 3 36S6 8 16 3c8-4 137-3 210 2 20 2 90 1   143-1 32-1 33-1 37 1 16 8 16 38 0 46-3 2-12 3-24 4l   -53 3c-8 1-37 2-72 1z"/></svg>');
  border-image-repeat: stretch;
  border-image-slice: 0 40 0 40 fill;
  border-image-width: 0 1ch 0 1ch;
  --o: var(--outset, 0.5ch);
  border-image-outset: 0 var(--o) 0 var(--o);
  background-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.modul-headline.text-center .headlinesmall {
  justify-content: center;
}
.modul-headline.text-end .headlinesmall {
  justify-content: end;
}

.modul-headline h2 {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.1;
  color: var(--primary);
}
.modul-headline h3 {
  font-size: 2.3rem;
  font-weight: 600;
  line-height: 1.1;
  color: var(--primary);
}
.modul-headline h4 {
  font-size: 2.125rem;
  font-weight: 600;
  line-height: 1.1;
  color: var(--primary);
}
.modul-headline h5 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
  color: var(--primary);
}
.modul-headline h6 {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.1;
  color: var(--primary);
}

footer {
  background-color: var(--primary);
  font-size: 1.1rem;
}

footer :is(h1, h2, h3, h4, h5, h6, p, a, div) {
  color: #fff;
}
.footer-copyright .row {
  border-top: 1px solid rgba(255, 255, 255, 0.8);
}
footer .nav-link {
  color: #fff;
  text-decoration: none;
  padding: 0;
  transition: 250ms;
  line-height: 1.5;
}
footer .nav-link:hover {
  opacity: 0.8;
}
.footersocials {
  font-size: 1.6rem;
}
.custom-el-9 {
  position: relative;
  display: block;
  padding: 30px 0;
}

.custom-el-9 strong:nth-child(1) {
  opacity: 0.07;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  text-align: center;
  font-size: clamp(28px, -53.3333333333px + 0.1694444444 * 100vw, 150px);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.custom-el-9 strong:nth-child(2) {
  font-size: clamp(28px, 4px + 0.05 * 100vw, 64px);
  padding-top: 20px;
  display: block;
  color: #3e97bf !important;
}
.custom-heading-1 {
  opacity: 0.07;
  position: absolute;
  width: 100%;
  top: 15%;
  text-align: center;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
}

.custom-heading-1 strong {
  text-transform: uppercase;
  font-size: 10cqw;
  line-height: 10cqw;
}
.custom-pos-12 {
  top: auto !important;
  left: 0;
}

/* GSAP Content Module */
.gsap-content-container {
  position: relative;
}
.gsap-content-images {
  position: relative;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.gsap-content-images img {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
}
.gsap-content-img-item {
  position: absolute !important;
  opacity: 0;
  visibility: hidden;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  max-width: 80% !important;
  width: 100% !important;
}
.gsap-content-img-item img {
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  left: auto !important;
  transform: none !important;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
.gsap-content-marker {
  margin-bottom: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem 0;
}
.gsap-content-marker:last-child {
  min-height: 50vh;
}
/* Mark */
.mark.mark-gradient,
.mark.mark-color {
  position: relative;
  z-index: 0;
  display: inline-flex;
  background-color: transparent;
}

.mark.mark-gradient:before,
.mark.mark-color:before {
  content: "";
  height: 30%;
  width: 104%;
  bottom: 15%;
  position: absolute;
  left: -2%;
  z-index: -1;
  background-color: var(--secondary-100);
}

.mark.mark-pos-2:before {
  width: 110%;
  bottom: 0%;
  left: -5%;
}

.mark-height-10:before {
  height: 10% !important;
}

.mark-height-20:before {
  height: 20% !important;
}

.mark-height-30:before {
  height: 30% !important;
}

.mark-height-40:before {
  height: 40% !important;
}

.mark-height-50:before {
  height: 50% !important;
}

.mark-height-60:before {
  height: 60% !important;
}

.mark-height-70:before {
  height: 70% !important;
}

.mark-height-80:before {
  height: 80% !important;
}

.mark-height-90:before {
  height: 90% !important;
}

.mark-height-100:before {
  height: 100% !important;
}

.mark.mark-color-primary:before {
  background: var(--primary);
}

.mark.mark-color-secondary:before {
  background: var(--secondary);
}

.mark.mark-color-tertiary:before {
  background: var(--tertiary);
}

.mark.mark-color-quaternary:before {
  background: var(--quaternary);
}

.mark.mark-color-dark:before {
  background: var(--dark);
}

.mark.mark-color-light:before {
  background: var(--light);
}

.mark.mark-gradient.mark-gradient-primary:before {
  background: var(--primary);
  background: linear-gradient(90deg, var(--primary) 0%, rgba(255, 255, 255, 0) 100%);
}

.mark.mark-gradient.mark-gradient-secondary:before {
  background: var(--secondary);
  background: linear-gradient(90deg, var(--secondary) 0%, rgba(255, 255, 255, 0) 100%);
}

.mark.mark-gradient.mark-gradient-tertiary:before {
  background: var(--tertiary);
  background: linear-gradient(90deg, var(--tertiary) 0%, rgba(255, 255, 255, 0) 100%);
}

.mark.mark-gradient.mark-gradient-quaternary:before {
  background: var(--quaternary);
  background: linear-gradient(90deg, var(--quaternary) 0%, rgba(255, 255, 255, 0) 100%);
}

.mark.mark-gradient.mark-gradient-dark:before {
  background: var(--dark);
  background: linear-gradient(90deg, var(--dark) 0%, rgba(255, 255, 255, 0) 100%);
}

.mark.mark-gradient.mark-gradient-light:before {
  background: var(--light);
  background: linear-gradient(90deg, var(--light) 0%, rgba(255, 255, 255, 0) 100%);
}

.mark.appear-animation:before {
  transition: width 1s cubic-bezier(0.55, 0, 0.1, 1);
  width: 0;
}

.mark.appear-animation.appear-animation-visible:before {
  transition: width 1s cubic-bezier(0.55, 0, 0.1, 1);
  width: 104%;
}

.mark.appear-animation.mark-pos-2.appear-animation-visible:before {
  width: 100%;
}
.counters span {
  font-family: "Merriweather", sans-serif;
}
.mark.text-default {
  color: var(--default);
}
.owl-carousel .owl-nav button.owl-next::before,
.owl-carousel .owl-nav button.owl-prev::before {
  font-size: 1.2rem;
}
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
  transition: 300ms;
}
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover {
  opacity: 0.7;
  background: var(--primary);
}
.md--innercontent {
  position: relative;
  z-index: 99;
}
#factsfigures .thumb-info-wrapper img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}
#factsfigures .wpb_wrapper,
#factsfigures .card {
  height: 100%;
}
#factsfigures .thumb-info .thumb-info-title,
#factsfigures h4 {
  font-size: 32px !important;
}
#factsfigures .thumb-info .thumb-info-type,
#factsfigures p.card-text {
  font-size: 20px !important;
}
#factsfigures .teasermodorange .card-body {
  background: var(--primary);
  overflow: hidden;
  border-radius: var(--border-radius);
}
#factsfigures .teasermodblue .card-body {
  background: var(--secondary);
  overflow: hidden;
  border-radius: var(--border-radius);
}
.accordion.accordion-modern-status > .card {
  border: 1px solid transparent !important;
  transition: ease border-color 300ms;
}
.box-shadow-8:not(.box-shadow-hover) {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
}
.accordion.accordion-modern-status.accordion-modern-status-borders > .card .card-header a {
  background: transparent !important;
}

.accordion.accordion-modern-status.accordion-modern-status-arrow > .card .card-header a:after {
  transform: translate3d(0, -50%, 0) rotate(180deg);
  font-family: "Font Awesome 6 Pro";
  content: "\f107";
  font-weight: 900;
  font-size: inherit;
}

.accordion.accordion-modern-status.accordion-modern-status-arrow > .card .card-header a.collapsed:after {
  transform: translate3d(0, -50%, 0) rotate(0deg);
}

.accordion.accordion-modern-status.accordion-modern-status-arrow-dark > .card .card-header a:after {
  border-radius: 50%;
  background: var(--primary);
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  color: #fff;
}
.gsap-scale-gesverbindet {
  margin-bottom: 4rem;
}
.gsap-scale-gesverbindet h3 {
  font-family: "Merriweather", sans-serif;
  color: var(--default);
  max-width: 840px;
}
.gsap-scale-gesverbindet h3 strong {
  color: var(--primary);
}
.gsap-scale-gesverbindet .custom-el-1 {
  animation-duration: 30s;
  top: -17%;
}
.gsapsub {
  margin-bottom: 4rem;
  z-index: 999;
  position: relative;
}
.custom-box-1 {
  will-change: transform;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}

/* Custom Section */
.custom-section-1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.custom-section-1 .custom-section-1-box {
  position: relative;
  margin-bottom: -80px;
  min-height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.custom-section-1 .custom-section-1-box:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-radius: var(--border-radius);
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  position: absolute;
  z-index: -1;
}
/* Timeline */
section.timeline {
  width: 100%;
  margin: 50px 0 0;
  position: relative;
  float: left;
  padding-bottom: 120px;
}

section.timeline:before {
  background: #505050;
  background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  top: -60px;
  width: 3px;
  z-index: 0;
  filter: alpha(opacity=35);
  opacity: 0.35;
}

section.timeline .timeline-body {
  position: relative;
  z-index: 1 !important;
}

section.timeline .timeline-date {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
  position: relative;
  display: block;
  clear: both;
  width: 200px;
  height: 45px;
  padding: 5px;
  border: 1px solid #e5e5e5;
  margin: 0 auto 10px;
  text-shadow: 0 1px 1px #fff;
  border-radius: var(--border-radius);
  background: var(--light);
  z-index: 1;
}

section.timeline .timeline-date h3 {
  display: block;
  text-align: center;
  color: #757575;
  font-size: 0.9em;
  line-height: 32px;
}

section.timeline .timeline-number {
  position: relative;
  display: block;
  clear: both;
  width: 55px;
  height: 55px;
  line-height: 55px;
  margin: 0 auto 10px;
  border-radius: 100%;
  background: var(--primary);
  z-index: 1;
}

section.timeline .timeline-number h3 {
  line-height: 55px;
  font-weight: bold;
  text-align: center;
}

section.timeline .timeline-title {
  background: var(--grey-100);
  padding: 12px;
}

section.timeline .timeline-title h4 {
  padding: 0;
  margin: 0;
  color: #151719;
  font-size: 1.4em;
}

section.timeline .timeline-title a {
  color: #151719;
}

section.timeline .timeline-title .timeline-title-tags {
  color: #b1b1b1;
  font-size: 0.9em;
}

section.timeline .timeline-title .timeline-title-tags a {
  color: #b1b1b1;
  font-size: 0.9em;
}

section.timeline .timeline-box {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
  border: 1px solid #e5e5e5;
  border-radius: var(--border-radius);
  margin: 20px 10px 10px 10px;
  padding: 10px;
  width: 45.7%;
  float: left;
  z-index: 1;
  margin-bottom: 30px;
  background: var(--light);
}

section.timeline .timeline-box.left {
  clear: both;
}

section.timeline .timeline-box.left:before {
  background: none repeat scroll 0 0 #e5e5e5;
  border-radius: 50%;
  box-shadow:
    0 0 0 3px #fff,
    0 0 0 6px #e5e5e5;
  content: "";
  display: block;
  height: 7px;
  margin-right: -5px;
  position: absolute;
  left: 50%;
  margin-top: 22px;
  width: 8px;
  transform: translate3d(-50%, 0, 0);
  z-index: 1;
}

section.timeline .timeline-box.left .timeline-box-arrow {
  transform: rotate(45deg);
  content: "";
  display: block;
  background: var(--light);
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  float: right;
  height: 14px;
  margin-top: 17px;
  margin-right: -18px;
  width: 14px;
  z-index: 0;
}

section.timeline .timeline-box.right {
  clear: right;
  float: right;
  right: -1px;
  margin-top: 40px;
}

section.timeline .timeline-box.right:before {
  background: none repeat scroll 0 0 #e5e5e5;
  border-radius: 50%;
  box-shadow:
    0 0 0 3px #fff,
    0 0 0 6px #e5e5e5;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  left: 50%;
  margin-top: 32px;
  width: 8px;
  transform: translate3d(-50%, 0, 0);
  z-index: 1;
}

section.timeline .timeline-box.right .timeline-box-arrow {
  transform: rotate(45deg);
  content: "";
  display: block;
  background: var(--light);
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  float: left;
  height: 14px;
  margin-top: 28px;
  margin-left: -18px;
  width: 14px;
  z-index: 0;
}

section.timeline .timeline-box .owl-carousel {
  border-radius: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
}

@media (max-width: 991px) {
  section.timeline .timeline-box {
    float: none;
    clear: both;
    right: auto;
    left: auto;
    margin: 25px auto;
    max-width: 70%;
    width: auto;
  }

  section.timeline .timeline-box.right {
    float: none;
    clear: both;
    right: auto;
    left: auto;
    margin: 25px auto;
    max-width: 70%;
    width: auto;
  }

  section.timeline .timeline-box.left:after,
  section.timeline .timeline-box.right:after,
  section.timeline .timeline-box.left:before,
  section.timeline .timeline-box.right:before {
    display: none;
  }
}

@media (max-width: 767px) {
  section.timeline {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 575px) {
  section.timeline {
    width: auto;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }

  section.timeline .timeline-box {
    margin: 15px auto;
    max-width: 90%;
  }

  section.timeline .timeline-box.right {
    margin: 15px auto;
    max-width: 90%;
  }

  article.post-large {
    margin-left: 0;
  }

  article.post-large .post-image,
  article.post-large .post-date {
    margin-left: 0;
  }
}

/* Timeline - Skin */
section.timeline .timeline-box.left:before,
section.timeline .timeline-box.right:before {
  background: var(--primary);
  box-shadow:
    0 0 0 3px #fff,
    0 0 0 6px var(--primary);
}

.timeline-body img {
  max-width: 560px;
  max-height: 373px;
  object-fit: cover;
}

.paginavigation {
  margin-top: 2rem;
}

.paginavigation ul {
  padding-left: 0;
}

.paginavigation li a,
.paginavigation li a:hover,
.paginavigation li.active a,
.paginavigation li.disabled {
  color: #fff;
  text-decoration: none;
}

.paginavigation li a.btn {
  font-size: 16px;
  line-height: 1;
}

.paginavigation li.btnseite {
  position: relative;
  top: -3px;
}

.paginavigation li.btnseite .btn {
  border: 0;
}

.paginavigation li {
  display: inline;
}

.paginavigation li a,
.paginavigation li a:hover,
.paginavigation li.active a,
.paginavigation li.disabled {
  background-color: #fff;
  color: var(--primary);
  border: 2px solid var(--primary);

  border-radius: 3px;
  cursor: pointer;
  padding: 12px;
  padding: 0.75rem;
  transition: 300ms;
}

.paginavigation li a:hover,
.paginavigation li.active a {
  color: #fff;
  background-color: var(--primary);
}

.newsteaserimg {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.newsteaserbox {
  border: 1px solid var(--secondary-100);
  border-radius: var(--border-radius);
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  transition: 250ms;
}
.newsteaserbox__image {
  position: relative;
}
.newsteaserbox__image img {
  height: 200px;
  object-fit: cover;
  width: 100%;
  object-position: center;
  border-radius: var(--border-radius);
}
.ai-generated-badge {
  position: absolute !important;
  bottom: 10px !important;
  right: 10px !important;
  left: auto !important;
  top: auto !important;
  background: rgba(80, 80, 80, 0.23) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  padding: 3px 9px !important;
  border-radius: 20px !important;
  z-index: 3 !important;
  pointer-events: none !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
  display: inline-block !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
  margin: 0 !important;
}

.custom-el-4 .ai-generated-badge {
  bottom: 8px !important;
  right: 32px !important;
  left: auto !important;
  top: auto !important;
  z-index: 3 !important;
}

/* Cascading Wrapper */
.custom-cascading-images-wrapper-1 {
  padding: 40% 0% 0 30%;
}
.fwteaserimg {
  height: 130px;
  width: 310px;
  object-fit: cover;
}
.custom-el-4 {
  display: inline-block;
  margin: -24px 50px -24px -32px;
  position: relative;
}

.custom-el-4:after {
  content: " ";
  display: block;
  width: 390px;
  height: 280px;
  position: absolute;
  top: -75px;
  left: -55px;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  border: 30px solid #fff;
  z-index: 11;
}
.fffho:hover {
  background-color: var(--primary);
}
/* Arrow */
.btn-with-arrow,
.btn-with-arrow-solid {
  position: relative;
  padding-right: 40px;
  font-weight: 600;
}

.btn-with-arrow:not(.btn-with-arrow-solid),
.btn-with-arrow-solid:not(.btn-with-arrow-solid) {
  background-color: transparent;
}

.btn-with-arrow span:not(.ai-generated-badge),
.btn-with-arrow-solid span:not(.ai-generated-badge) {
  background-color: var(--grey-500);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  transform: translateY(-50%);
  right: 8px;
  top: 50%;
  transition: all 0.1s linear;
}

.btn-with-arrow i,
.btn-with-arrow-solid i {
  color: var(--light);
  font-size: 0.8em;
}

.btn-with-arrow.btn-lg,
.btn-with-arrow-solid.btn-lg {
  padding-right: 50px;
}

.btn-with-arrow.btn-lg span:not(.ai-generated-badge),
.btn-with-arrow-solid.btn-lg span:not(.ai-generated-badge) {
  height: 35px;
  width: 35px;
  right: 8px;
}

.btn-with-arrow.btn-lg i,
.btn-with-arrow-solid.btn-lg i {
  font-size: 0.9em;
}

.btn-with-arrow.btn-xl,
.btn-with-arrow-solid.btn-xl {
  padding-right: 70px;
}

.btn-with-arrow.btn-xl span:not(.ai-generated-badge),
.btn-with-arrow-solid.btn-xl span:not(.ai-generated-badge) {
  height: 50px;
  width: 50px;
  right: 10px;
}

.btn-with-arrow.btn-xl.btn-with-arrow-sm span:not(.ai-generated-badge),
.btn-with-arrow-solid.btn-xl.btn-with-arrow-sm span:not(.ai-generated-badge) {
  height: 35px;
  width: 35px;
  right: 15px;
}

.btn-with-arrow.btn-xl i,
.btn-with-arrow-solid.btn-xl i {
  font-size: 1em;
}
.content-grid-item img {
  filter: grayscale(100%);
  transition: 250ms;
  max-width: 280px;
}
.content-grid-item img:hover {
  filter: grayscale(0%);
}

/* Custom Gallery */
.custom-gallery-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
}

.custom-gallery-1 > div {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  flex: 1;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  transition: flex 0.5s;
  height: 415px;
  position: relative;
}

.custom-gallery-1 > div img {
  height: 414px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.custom-gallery-1 > div:hover {
  flex: 3;
}
.box-shadow-7:not(.box-shadow-hover) {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.thumb-info.thumb-info-show-hidden-content-hover {
  display: block;
}
.carousel-half-full-width-wrapper img {
  height: 260px;
  object-fit: cover;
}
.thumb-info.thumb-info-show-hidden-content-hover .thumb-info-content-inner .thumb-info-content-inner-hidden {
  transition: all 0.3s ease-out;
  opacity: 0;
}
.thumb-info.thumb-info-show-hidden-content-hover .thumb-info-content-inner {
  display: block;
  transform: perspective(500px) translate3d(0, 0, 0px);
  transition: transform 0.3s ease-out;
}
.thumb-info.thumb-info-show-hidden-content-hover:hover .thumb-info-content-inner {
  transform: translate3d(0, -50px, 0);
}
.thumb-info.thumb-info-show-hidden-content-hover:hover .thumb-info-content-inner .thumb-info-content-inner-hidden {
  opacity: 1;
}
.carousel-half-full-width-wrapper .btn-with-arrow-solid span {
  margin-left: 0;
}
.sr7-arrows.sr7-rightarrow::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f061" !important;
}
.sr7-arrows.sr7-leftarrow::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f060" !important;
}
.pin-wrapper img,
.single-post .post-content img,
.blog-posts .post-content img {
  border-radius: var(--border-radius);
}
.thumb-info .thumb-info-title {
  font-size: 26px;
}
.fquote {
  top: -40px;
  left: -10px;
  font-size: 220px;
  color: var(--primary);
  opacity: 0.35;
  line-height: 1;
  z-index: -1;
}
.border-radius-primary {
  border-radius: var(--border-radius);
}
.single-post .post-content img {
  width: 100%;
  height: auto;
}
#partnerslide img {
  max-height: 100px;
  object-fit: contain;
  filter: grayscale(100%);
  transition: 250ms;
}

#partnerslide .owl-carousel.carousel-center-active-item .owl-item.current img {
  filter: grayscale(0%);
}
#partnerslide .owl-carousel .owl-stage {
  display: flex;
  align-items: center;
  gap: 32px;
}