/*
html.html{
	font-size: 1vw;
}

#main h1,
#main h2 {
	 font-family: 'Univers LT Std 93 Extra Black Extended', sans-serif;
	 font-size: 6.8rem;
	 line-height: 1;
	 letter-spacing: 0.01em;
	 font-weight: 900;
}

 #main h3 {
	 font-family: 'Univers LT Pro 55 Roman', sans-serif;
	 font-size: 4.8rem;
	 line-height: 1.0;
	 letter-spacing: 0.01em;
	 font-weight: 400;
}

 #main h4 {
	 font-family: 'Univers LT Pro 65 Bold', sans-serif;
	 font-size: 2.4rem;
	 line-height: 1.0;
	 letter-spacing: 0.035em;
}

 .h4-caps {
	 font-family: 'Univers LT Pro 65 Bold', sans-serif;
	 font-size: 2.4rem;
	 line-height: 1.0;
	 letter-spacing: 0.035em;
	 text-transform: uppercase;
}

body.page,
.page p {
	 font-family: 'Univers LT Pro 55 Roman', sans-serif;
	 font-size: 1.2rem;
	 line-height: 1.42;
	 letter-spacing: 0.035em;
}
 @media (max-width: 920px) {
	 body.page, .page p {
		 font-size: 1.68rem;
	}
}
 @media (max-width: 768px) {
	 body.page, .page p {
		 font-size: 2.16rem;
	}
}

 .text-small {
	 font-family: 'Univers LT Pro 55 Roman', sans-serif;
	 font-size: 1.2rem;
	 line-height: 1.42;
	 letter-spacing: 0.03em;
	 text-transform: uppercase;
}
 @media (max-width: 920px) {
	 .text-small {
		 font-size: 1.68rem;
	}
}
 @media (max-width: 768px) {
	 .text-small {
		 font-size: 2.16rem;
	}
}
 .text-small—wide {
	 letter-spacing: 0.075em;
}
 .text-small—bold {
	 font-family: 'Univers LT Pro 65 Bold', sans-serif;
}

 .button {
	 font-family: 'Univers LT Pro 93 Extra Black Extended', sans-serif;
	 font-size: 1.2rem;
	 line-height: 1.0;
	 letter-spacing: 0.035em;
}
*/

/*
 .info-number,
#main .kennzahl span{
	 font-family: 'Univers LT Pro 55 Roman', sans-serif;
	 font-size: 6.75rem;
	 line-height: 1.0;
	 letter-spacing: 0.01em;
}
*/


.swiper--hero {
  position: relative;
}

.swiper--hero .swiper-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
}

.swiper--hero .swiper-bar__left {
  display: flex;
  align-items: center;
	gap: 1.75vw;
}

#main .swiper--hero .swiper-nav {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
	margin-top: 0;
	margin-bottom: 0;
  color: #000;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
	position: relative;
}

/* Swiper default arrow pseudo-elements ausschalten */
.swiper--hero .swiper-button-prev::after,
.swiper--hero .swiper-button-next::after {
  display: none;
  content: "";
}

.swiper--hero .swiper-toggle {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.swiper--hero .swiper-toggle img {
  display: block;
  width: 18px;  /* anpassen */
  height: 18px; /* anpassen */
}

.swiper--hero .swiper-bar__right {
  display: flex;
  align-items: center;
  gap: 0.8vw;
  color: #000;
  font-variant-numeric: tabular-nums;
}

.swiper--hero .swiper-count {
  min-width: 28px;
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
}

.swiper--hero .swiper-line {
  width: 8.8vw;          /* Länge der Progress-Bar */
  height: 2px;
  background: rgba(0,0,0,0.25);
  position: relative;
  overflow: hidden;
}

.swiper--hero .swiper-line__fill {
  position: absolute;
  inset: 0;
  background: #000;
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 80ms linear;
}


.autoplay-progress {
      position: absolute;
      right: 16px;
      bottom: 16px;
      z-index: 10;
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: var(--swiper-theme-color);
    }

    .autoplay-progress svg {
      --progress: 0;
      position: absolute;
      left: 0;
      top: 0px;
      z-index: 10;
      width: 100%;
      height: 100%;
      stroke-width: 4px;
      stroke: var(--swiper-theme-color);
      fill: none;
      stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
      stroke-dasharray: 125.6;
      transform: rotate(-90deg);
    }

#main button.swiper-toggle img,
#main button.swiper-nav img{
	height: 1.7vw;
	width: auto;
	position: relative;
	z-index: 999;
}

.swipper-toggle.is-paused img{
  content: url("/wp-content/uploads/2026/01/icon-play.svg");
}

#main .swiper-button-prev, 
#main .swiper-rtl .swiper-button-next,
#main .swiper-button-next, 
#main .swiper-rtl .swiper-button-prev{
	left: unset;
	right: unset;
}