@media screen and (max-width: 991px) {
  .navbar-nav .submenu-button {
    width: 45px;
  }
 .navbar ul li a {
    width: calc(100% - 50px);
   }
}


.btn-formality {background-color: rgba(134, 188, 66, 0.2);}

.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap; /* verhindert Umbrüche */
    border: 0;
}


dl, ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 1.3rem;
}

ul {
  margin-top: 1rem;

}

.tld-description .tld-policy-hinweis {
  border-left-color: orange;
  border-left-width: 5px;
  border-left-style: solid;
  padding-left: 15px;
}

pre {
  background: hsla(0,0%,78%,.3);
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  color: #353535;
  direction: ltr;
  font-style: normal;
  min-width: 200px;
  padding: 1em;
  tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
}

pre code {
  background: unset;
  border-radius: 0;
  padding: 0;
}

#blog h2 {font-size: 30px;margin-top: 22px;margin-bottom: 11px;}
#blog h3 {font-size: 18px;font-weight: 700;margin-top: 22px;margin-bottom: 11px;}
#blog h4 {font-size: 17px;font-weight: 500;margin-top: 22px;margin-bottom: 11px;}
#blog table {
  border: 1px double #b3b3b3;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
#blog .table table th {
  background: rgba(0,0,0,.05);
  font-weight: 700;
}

#blog ul li {
  list-style-type: disc;
  margin-left: 20px;
}

#blog .widget ul li {
  list-style-type: none;
  margin-left: 10px;
}



/* Alle Elemente mit ID-Attribut bekommen automatisch den richtigen Offset */
[id] {
    scroll-margin-top: calc(var(--header-height, 80px) + 40px);
}