html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

.bg-index {
    background-image: url(/images/index-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

h1, h2, h3, h4, h5 {
	word-wrap: break-word;
}

.fs08 {
	font-size: 0.8rem;
}

.cursor-pointer {
	cursor: pointer;
}
	

.btn:focus{
    box-shadow: none;
}

.step ol li {
  counter-increment: step-counter;
  cursor: pointer;
  transition: all 0.1s;
}

.step ol li:before {
  content: counter(step-counter);
  margin-right: 15px;
  font-size: 80%;
  background-color: #f0f0f0;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 3px;
  float: left;
}

.step ol li.text-primary:before {
  background-color: #FF5757;
  color: #fff;
}

.inhaltsverzeichnis {
	font-size: 1rem;
	padding: 1rem 0 1rem 0rem;
}

.inhaltsverzeichnis li {
	counter-increment: step-counter;
	cursor: pointer;
	transition: all 0.1s;
	list-style: none;
	padding: 5px 0px;
  }

.inhaltsverzeichnis li:before {
	content: counter(step-counter);
	margin-right: 15px;
	font-size: 80%;
	background-color: #f0f0f0;
	font-weight: bold;
	padding: 3px 10px;
	border-radius: 3px;
	float: left;
  }