.single-article-top {
  position: relative;
}
.single-article-top .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.single-article-top .background:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.single-article-top .background > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  z-index: -1;
}
.single-article-top .container-fluid {
  position: relative;
  z-index: 2;
}
.single-article-top .single-breadcrumbs {
  margin: clamp(25px, 25 * (100vw - 375px) / 905 + 25px, 50px) auto clamp(70px, 90px - (20) * (100vw - 375px) / 905, 90px);
  text-align: center;
  width: 1136px;
  max-width: 100%;
}
.single-article-top .single-title {
  font-size: clamp(20px, 16 * (100vw - 375px) / 905 + 20px, 36px);
  text-transform: uppercase;
  line-height: 130%;
  letter-spacing: 4%;
  font-weight: 500;
  width: 1136px;
  max-width: 100%;
  margin: 0 auto clamp(95px, 22 * (100vw - 375px) / 905 + 95px, 117px);
  text-align: center;
  color: white;
}
.single-article-top .single-date {
  margin-bottom: clamp(62px, 13 * (100vw - 375px) / 905 + 62px, 75px);
  text-align: center;
  font-size: 18px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 4%;
  color: white;
}
.single-article-top .single-date svg {
  position: relative;
  top: 8px;
  margin-right: 12px;
}

.single-article-content {
  margin-top: clamp(50px, 25 * (100vw - 375px) / 905 + 50px, 75px);
  margin-bottom: clamp(70px, 120px - (50) * (100vw - 375px) / 905, 120px);
}
.single-article-content .single-article-content-wrap {
  width: 1136px;
  max-width: 100%;
  margin: 0 auto;
}
.single-article-content .single-article-content-wrap h2 {
  font-weight: 500;
  font-size: clamp(20px, 12 * (100vw - 375px) / 905 + 20px, 32px);
  line-height: 130%;
  margin-bottom: clamp(27px, 26 * (100vw - 375px) / 905 + 27px, 53px);
  margin-top: 80px;
  text-transform: uppercase;
}
.single-article-content .single-article-content-wrap > h2:first-child {
  margin-top: 0;
}
.single-article-content .single-article-content-wrap p {
  margin-bottom: 15px;
  font-size: clamp(14px, 6 * (100vw - 375px) / 905 + 14px, 20px);
  line-height: 130%;
  font-weight: 300;
}
.single-article-content .single-article-content-wrap p strong {
  font-weight: 500;
}
.single-article-content .single-article-content-wrap ul {
  list-style-type: disc;
  padding-left: 30px;
}
.single-article-content .single-article-content-wrap ul li {
  font-size: clamp(14px, 6 * (100vw - 375px) / 905 + 14px, 20px);
  line-height: 130%;
  font-weight: 300;
  margin-bottom: clamp(14px, 6 * (100vw - 375px) / 905 + 14px, 20px);
}
.single-article-content .single-article-content-wrap ol {
  margin: clamp(40px, 50px - (10) * (100vw - 375px) / 905, 50px) 0 clamp(25px, 15 * (100vw - 375px) / 905 + 25px, 40px);
  padding-left: clamp(0px, 56 * (100vw - 375px) / 905 + 0px, 56px);
  list-style: none;
}
.single-article-content .single-article-content-wrap ol li {
  font-size: clamp(14px, 6 * (100vw - 375px) / 905 + 14px, 20px);
  line-height: 130%;
  font-weight: 300;
  margin-bottom: clamp(14px, 6 * (100vw - 375px) / 905 + 14px, 20px);
  counter-increment: item;
  padding-left: clamp(63px, 10 * (100vw - 375px) / 905 + 63px, 73px);
  position: relative;
}
.single-article-content .single-article-content-wrap ol li:before {
  content: counter(item, decimal-leading-zero);
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-block;
  color: var(--color-red);
  font-size: 28px;
  font-weight: 500;
  line-height: 28px;
}
.single-article-content .single-article-content-wrap ol li strong {
  font-weight: 500;
}
.single-article-content .single-article-content-wrap a {
  text-decoration: underline;
  color: var(--color-black);
}
.single-article-content .single-article-content-wrap blockquote {
  margin: 40px 0 26px 0;
  padding-left: clamp(40px, 50 * (100vw - 375px) / 905 + 40px, 90px);
  font-weight: 500;
  position: relative;
}
.single-article-content .single-article-content-wrap blockquote:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 100%;
  top: 0;
  left: clamp(30px, 20 * (100vw - 375px) / 905 + 30px, 50px);
  background-color: var(--color-red);
}
.single-article-content .single-article-content-wrap blockquote p {
  margin-bottom: 0;
  font-weight: 500;
}

.single-article-bottom .single-related-title {
  font-size: clamp(24px, 24 * (100vw - 375px) / 905 + 24px, 48px);
  line-height: 130%;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: clamp(28px, 17 * (100vw - 375px) / 905 + 28px, 45px);
  text-align: center;
}
.single-article-bottom .blog-archive-wrap {
  padding-bottom: clamp(15px, 15 * (100vw - 375px) / 905 + 15px, 30px);
}

.kapitel-content-swiper-wrap {
  margin: clamp(50px, 30 * (100vw - 375px) / 905 + 50px, 80px) 0 clamp(40px, 50px - (10) * (100vw - 375px) / 905, 50px);
}
.kapitel-content-swiper-wrap .kapitel-content-swiper .swiper-wrapper .swiper-slide {
  width: auto;
}
.kapitel-content-swiper-wrap .kapitel-content-swiper .swiper-pagination:not(.swiper-pagination-lock) {
  position: static;
  margin-top: 16px;
}
.kapitel-content-swiper-wrap .kapitel-content-swiper .swiper-pagination:not(.swiper-pagination-lock) .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  margin: 0 8px;
  opacity: 1;
  background-color: rgb(217, 217, 217);
  transition: background-color var(--transition);
}
.kapitel-content-swiper-wrap .kapitel-content-swiper .swiper-pagination:not(.swiper-pagination-lock) .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--color-red);
}
/*# sourceMappingURL=single.css.map */