@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);
}

:root{
  --fm-green:#86bc42;
  --fm-green-dark:#6a9a33;
  --fm-ink:#1a1a1a;
  --fm-gray:#f4f5f6;
  --fm-line:#e4e4e4;
  --fm-muted:#5c6470;
}

.kurzantwort{
  border-left:4px solid var(--fm-green);
  background:var(--fm-gray);
  padding:18px 22px;
  border-radius:0 8px 8px 0;
  margin:24px 0 8px;
}
.kurzantwort .kurzantwort_title {display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px;font-size:13px;color:var(--fm-green-dark)}
.kurzantwort p{margin:0}


/* Persona-Karten */
.persona-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:18px 0 8px}
.persona{border:1px solid var(--fm-line);border-radius:10px;padding:20px;transition:box-shadow .15s ease,border-color .15s ease}
.persona:hover{border-color:var(--fm-green);box-shadow:0 4px 18px rgba(0,0,0,.06)}
.persona .who{font-size:15px;color:var(--fm-muted);margin:0 0 10px}
.persona .pick{font-weight:700;font-size:18px;margin:0 0 6px}
.persona .why{font-size:14px;color:#444;margin:0 0 14px}
.persona a.butn{display:inline-block}

/* Buttons (an euer .butn theme angelehnt) */
.butn.theme,.butn{
  display:inline-block;background:var(--fm-green);color:#fff;text-decoration:none;
  font-weight:600;font-size:14px;padding:10px 20px;border-radius:5px;border:1px solid var(--fm-green);
  transition:background .15s ease
}
.butn.theme:hover,.butn:hover{background:var(--fm-green-dark);border-color:var(--fm-green-dark);color:#ffffff;}
.butn.ghost{background:transparent;color:var(--fm-green-dark)}
.butn.ghost:hover{background:var(--fm-gray)}



/* FAQ */
.faq details{border:1px solid var(--fm-line);border-radius:8px;padding:0;margin:0 0 10px;overflow:hidden}
.faq summary{cursor:pointer;padding:16px 18px;font-weight:600;font-size:16px;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;color:var(--fm-green-dark);font-weight:700;font-size:20px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details[open] summary{border-bottom:1px solid var(--fm-line)}
.faq .answer{padding:14px 18px 4px}
.faq .answer p{margin:0 0 12px}


/* Vergleichstabelle */
.table-scroll{overflow-x:auto;margin:8px 0 4px;-webkit-overflow-scrolling:touch}
table.compare{border-collapse:collapse;width:100%;min-width:640px;font-size:15px}
table.compare caption{text-align:left;font-size:13px;color:var(--fm-muted);padding:0 0 10px}
table.compare th,table.compare td{padding:12px 14px;border-bottom:1px solid var(--fm-line);text-align:left;vertical-align:top}
table.compare thead th{border-bottom:2px solid var(--fm-ink);font-size:15px}
table.compare tbody th[scope="row"]{font-weight:600;color:#333;background:#fafbfb}
table.compare .col-highlight{background:rgba(134,188,66,.10)}
table.compare thead .col-highlight{background:rgba(134,188,66,.18)}
.pkg-name{font-weight:700;font-size:16px;display:block}
.pkg-price{display:block;font-size:15px;color:var(--fm-green-dark);font-weight:700;margin-top:2px}
.pkg-price small{color:var(--fm-muted);font-weight:400}
.badge{display:inline-block;font-size:11px;font-weight:700;color:#fff;background:var(--fm-green);border-radius:4px;padding:2px 7px;margin-top:6px;text-transform:uppercase;letter-spacing:.4px}
.check{color:var(--fm-green-dark);font-weight:700}
.dash{color:#b8bec6}