h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] {
  scroll-margin-top: 70px;
}
.cleaner-xl[id], .cleaner-2xl[id], .cleaner-3xl[id], .cleaner-4xl[id] {
 scroll-margin-top: 50px;
}

section[id]{
  scroll-margin-top: 80px;
}

@media (max-width: 1199.98px) {
  h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] {
    scroll-margin-top: 70px;
  }
	.cleaner-xl[id], .cleaner-2xl[id], .cleaner-3xl[id], .cleaner-4xl[id] {
 scroll-margin-top: 50px;
}
	section[id]{
  scroll-margin-top: 80px;
}
}
  .searchLabel {
  font-size: 1.25rem;
  font-weight: 600;
 }
 .tagsuche::before {
  font: var(--fa-font-solid);
  font-size: 1.25rem;
  content: "\f002";
  color: var(--gray-4);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
 }
.tag-link a{
  color: var(--pink-4);
  text-decoration: none;
 }
.tag-link a::before {
	content: "<";
}
.tag-link a::after {
	content: ">"
}
 .tag-link code {
  font: var(--body-font-family);
 }
code.tag-link a {
 text-decoration: underline var(--pink-4);
}
	.att-link a{
  color: var(--teal-5);
  text-decoration: none;
 }
	.att-link code {
  font: var(--body-font-family);
 }
#html-tags-nav a.nav-link {
  color: var(--pink-5);
 }
#first-step a.nav-link:hover,
#table-sites a.nav-link:hover,
#html-tags-nav a.nav-link:hover {
 background-color: #eff5ef;
	border-radius: 7px;
 }
#html-tags-nav a.nav-link::before {
 content: "<";
}
#html-tags-nav a.nav-link::after {
 content: ">";
}
#first-step a.active,
#table-sites a.active,
#html-tags-nav a.active {
	background-color: #dfecdf;
	border-radius: 7px;
	}
#first-step a.active:hover,
#table-sites a.active:hover,
#html-tags-nav a.active:hover {
	background-color: #dfecdf;
	border-radius: 7px;
	}
 caption[id] {
  font-size: 1.75rem;
  font-weight: 600;
  padding-top: 8px;
  padding-bottom: 8px;
 }
 table[id] {
  margin-bottom: 5rem;
 }
 .text-still {
 display: none;
}

	#seitenInhaltNav {
		max-height: 800px;
		overflow: auto;
		padding-bottom: 200px;
	}
#first-step {
	margin-bottom: 2rem;
}
.nav-tags {
		margin-top: 2rem;
	}
	.nav-tags > .nav-link{
		color: var(--pink-4);
		text-decoration: none;
	}
.tag-link code::before {
		content: "<"
	}
	.tag-link code::after {
	 content: ">"
	}
	a.link-tag {
		color: var(--pink-4);
		text-decoration: none;
	}
	a.link-tag > code::before{
		content: "<";
	}
a.link-tag > code::after{
		content: ">";
	}

.form-controls{
display:flex;
flex-wrap:wrap;
gap:0.75rem;
margin:1rem 0 1.5rem 0;
align-items:center;
}

.form-controls input[type="search"],
.form-controls select{
font:inherit;
padding:0.5rem 0.6rem;
border:1px solid #bbb;
border-radius:4px;
background:#fff;
color:#222;
}

.form-controls input[type="search"]{
min-width:220px;
flex:1 1 220px;
}

.form-controls select{
cursor:pointer;
}

.form-controls input[type="search"]:focus,
.form-controls select:focus{
outline:none;
border-color:#4a7cff;
box-shadow:0 0 0 2px rgba(74,124,255,0.15);
}

.form-controls input[type="search"]::placeholder{
color:#888;
}

@media (max-width:480px){
.form-controls{
flex-direction:column;
align-items:stretch;
}
}