/* =====================================================================
   Community-Q&A · metalldetektoren.de · mobile first
   Wichtige Eigenschaften mit !important, weil das Shop-Template
   Links, Überschriften und Listen global gestaltet.
   ===================================================================== */
.qa-seite,.qa-widget{--qa-blau:#163e7c;--qa-blau-dunkel:#0f2d5c;--qa-blau-hell:#eaf0f9;--qa-rot:#dc143c;--qa-gruen:#1d6b2f;--qa-gruen-hell:#e5f3e8;--qa-gelb:#fff6dd;--qa-text:#1f2430;--qa-grau:#5d6573;--qa-linie:#e1e5ec;--qa-hell:#f5f7fb;--qa-radius:10px;
  width:100%;box-sizing:border-box;color:var(--qa-text);line-height:1.6;font-size:16px}
.qa-seite *,.qa-widget *{box-sizing:border-box}
.qa-seite a{color:var(--qa-blau)}
.qa-seite p{margin:0 0 .8em}

/* ---- Überschriften ---- */
.qa-seite .qa-h1,.qa-seite .qa-hero h1{font-size:1.65rem!important;line-height:1.25!important;font-weight:700!important;color:var(--qa-blau)!important;margin:0 0 .4rem!important;letter-spacing:-.01em;text-transform:none!important}
.qa-seite .qa-h2{font-size:1.25rem!important;line-height:1.3!important;font-weight:700!important;color:var(--qa-blau)!important;margin:0 0 1rem!important;text-transform:none!important}
.qa-seite .qa-h3{font-size:1rem!important;font-weight:700!important;color:var(--qa-text)!important;margin:0 0 .6rem!important;text-transform:none!important}
.qa-unterzeile{color:var(--qa-grau);font-size:1.02rem;margin:0!important}
.qa-typ{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--qa-rot);font-weight:700;margin-bottom:.2rem}

/* ---- Navigation ---- */
.qa-bereiche-nav{display:flex;gap:.45rem;overflow-x:auto;padding:.2rem 0 .6rem;margin:0 0 1.4rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.qa-seite a.qa-pill{flex:0 0 auto;display:inline-block!important;padding:.5rem 1rem!important;border-radius:999px!important;background:var(--qa-hell)!important;color:var(--qa-blau)!important;text-decoration:none!important;font-size:.9rem!important;font-weight:600!important;white-space:nowrap;border:1px solid var(--qa-linie)!important;line-height:1.2!important;transition:background .15s,border-color .15s}
.qa-seite a.qa-pill:hover{border-color:var(--qa-blau)!important;background:#fff!important}
.qa-seite a.qa-pill.qa-an{background:var(--qa-blau)!important;border-color:var(--qa-blau)!important;color:#fff!important}
.qa-seite a.qa-pill-cta{background:#fff!important;border-color:var(--qa-rot)!important;color:var(--qa-rot)!important}
.qa-seite a.qa-pill-cta:hover{background:var(--qa-rot)!important;color:#fff!important}

/* ---- Buttons ---- */
.qa-seite .qa-btn,.qa-widget .qa-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1.4rem!important;border-radius:8px!important;background:var(--qa-rot)!important;color:#fff!important;text-decoration:none!important;font-weight:700!important;font-size:1rem!important;line-height:1.2!important;border:2px solid var(--qa-rot)!important;cursor:pointer;white-space:nowrap;transition:filter .15s,transform .15s;font-family:inherit}
.qa-seite .qa-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.qa-seite .qa-btn-hell{background:#fff!important;color:var(--qa-blau)!important;border-color:var(--qa-blau)!important}
.qa-seite .qa-btn-rand{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.7)!important}
.qa-seite .qa-btn-rand-hell{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.6)!important}
.qa-seite .qa-btn-voll{width:100%}
.qa-seite .qa-textlink{font-weight:700;text-decoration:none!important}

/* ---- Meldungen ---- */
.qa-meldung{padding:.9rem 1.1rem;border-radius:var(--qa-radius);margin:0 0 1.2rem;font-size:.95rem;border:1px solid}
.qa-meldung ul{margin:.4rem 0 0 1.1rem!important;padding:0!important;list-style:disc!important}
.qa-meldung-ok{background:var(--qa-gruen-hell);border-color:#a9d6b3;color:#144d22}
.qa-meldung-info{background:var(--qa-blau-hell);border-color:#bfd0ea;color:var(--qa-blau-dunkel)}
.qa-meldung-fehler{background:#fdecef;border-color:#f1b1bd;color:#8a1027}

/* ---- Hero (Übersicht) ---- */
.qa-hero{display:grid;gap:1.4rem;padding:1.6rem 1.3rem;border-radius:14px;background:linear-gradient(135deg,var(--qa-blau) 0%,var(--qa-blau-dunkel) 100%);color:#fff;margin:0 0 1.6rem;position:relative;overflow:hidden}
.qa-hero::after{content:'';position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:28px solid rgba(255,255,255,.06);pointer-events:none}
.qa-seite .qa-hero h1{color:#fff!important;font-size:1.75rem!important}
.qa-hero p{color:rgba(255,255,255,.88);margin:0 0 1.1rem}
.qa-hero-kicker{display:inline-block;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#ffb3c1;margin-bottom:.3rem}
.qa-hero-badge{display:inline-block;background:rgba(255,255,255,.15);padding:.05rem .5rem;border-radius:999px;font-weight:700;font-size:.85rem;white-space:nowrap}
.qa-hero-knoepfe{display:flex;flex-wrap:wrap;gap:.6rem}
.qa-kennzahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:0!important}
.qa-kennzahlen div{background:rgba(255,255,255,.1);border-radius:10px;padding:.7rem .6rem;text-align:center}
.qa-kennzahlen dt{font-size:.72rem;color:rgba(255,255,255,.8);order:2;margin:0;line-height:1.25}
.qa-kennzahlen dd{font-size:1.6rem;font-weight:800;margin:0 0 .1rem;line-height:1.1}
.qa-kennzahlen div{display:flex;flex-direction:column-reverse}

/* ---- Kopfzeile Bereich/Tag ---- */
.qa-kopfzeile{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;margin:0 0 1.4rem;padding:0 0 1.2rem;border-bottom:1px solid var(--qa-linie)}

/* ---- Kacheln ---- */
.qa-kacheln{display:grid;grid-template-columns:1fr;gap:.8rem;margin:0 0 2.2rem}
.qa-seite a.qa-kachel{display:flex!important;flex-direction:column;gap:.3rem;padding:1.1rem 1.2rem!important;border:1px solid var(--qa-linie)!important;border-top:4px solid var(--qa-blau)!important;border-radius:var(--qa-radius)!important;background:#fff!important;text-decoration:none!important;color:var(--qa-text)!important;transition:box-shadow .15s,transform .15s}
.qa-seite a.qa-kachel:hover{box-shadow:0 8px 24px rgba(22,62,124,.12);transform:translateY(-2px)}
.qa-kachel strong{font-size:1.08rem;color:var(--qa-blau)}
.qa-kachel span{font-size:.9rem;color:var(--qa-grau)}
.qa-kachel em{font-style:normal;font-size:.85rem;font-weight:700;color:var(--qa-rot);margin-top:auto;padding-top:.3rem}
.qa-seite a.qa-kachel-fundbestimmung{border-top-color:#b8860b!important}
.qa-seite a.qa-kachel-recht-genehmigung{border-top-color:var(--qa-rot)!important}
.qa-seite a.qa-kachel-schwarzes-brett{border-top-color:#5d6573!important}

/* ---- Listen ---- */
.qa-block{margin:0 0 2.2rem}
.qa-seite .qa-liste{list-style:none!important;margin:0!important;padding:0!important;border:1px solid var(--qa-linie);border-radius:var(--qa-radius);overflow:hidden;background:#fff}
.qa-seite .qa-eintrag{display:flex;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--qa-linie);margin:0!important;list-style:none!important;transition:background .15s}
.qa-seite .qa-eintrag::before{display:none!important}
.qa-seite .qa-eintrag:last-child{border-bottom:0}
.qa-seite .qa-eintrag:hover{background:var(--qa-hell)}
.qa-eintrag-zahl{flex:0 0 4.2rem;height:3.9rem;border-radius:8px;border:1px solid var(--qa-linie);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--qa-grau);font-size:.68rem;line-height:1.1;background:#fff}
.qa-eintrag-zahl strong{font-size:1.25rem;color:var(--qa-text)}
.qa-eintrag-zahl.qa-geloest{background:var(--qa-gruen);border-color:var(--qa-gruen);color:#fff}
.qa-eintrag-zahl.qa-geloest strong{color:#fff}
.qa-eintrag-text{flex:1 1 auto;min-width:0}
.qa-seite a.qa-eintrag-titel{font-weight:700!important;font-size:1.03rem;text-decoration:none!important;line-height:1.35;display:block;color:var(--qa-blau)!important}
.qa-seite a.qa-eintrag-titel:hover{text-decoration:underline!important}
.qa-eintrag-auszug{margin:.25rem 0 .5rem!important;color:var(--qa-grau);font-size:.92rem;overflow-wrap:anywhere}
.qa-eintrag-meta,.qa-frage-meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;font-size:.8rem}
.qa-datum{color:#8a92a0;margin-left:auto}

/* ---- Tags & Badges ---- */
.qa-seite a.qa-tag,.qa-widget a.qa-tag{display:inline-block!important;padding:.2rem .6rem!important;border-radius:6px!important;background:var(--qa-blau-hell)!important;color:var(--qa-blau)!important;text-decoration:none!important;font-size:.8rem!important;font-weight:600!important;white-space:nowrap;line-height:1.4!important;border:0!important}
.qa-seite a.qa-tag:hover{background:var(--qa-blau)!important;color:#fff!important}
.qa-tag small{opacity:.7;font-weight:400}
.qa-seite a.qa-tag-region{background:#fdeef1!important;color:#a1122f!important}
.qa-seite a.qa-tag-region:hover{background:#a1122f!important;color:#fff!important}
.qa-seite a.qa-tag-leer{opacity:.55}
.qa-seite a.qa-bereich-link{font-size:.8rem;font-weight:700;text-decoration:none!important;color:var(--qa-grau)!important;text-transform:uppercase;letter-spacing:.04em}
.qa-tagwolke{display:flex;flex-wrap:wrap;gap:.4rem}
.qa-untertags{margin-bottom:1.2rem}
.qa-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap;vertical-align:middle;line-height:1.4}
.qa-badge-verif{background:var(--qa-gruen-hell);color:var(--qa-gruen)}
.qa-badge-beste{background:var(--qa-gruen);color:#fff}
.qa-badge-team{background:var(--qa-blau);color:#fff}
.qa-badge-experte{background:#6b4fa1;color:#fff}
.qa-badge-wartend{background:var(--qa-gelb);color:#7a5a00}

/* ---- Seiten ---- */
.qa-seiten{display:flex;flex-wrap:wrap;gap:.35rem;margin:1.2rem 0}
.qa-seite .qa-seiten a,.qa-seiten span{min-width:2.5rem;padding:.5rem .75rem!important;text-align:center;border-radius:8px;border:1px solid var(--qa-linie);text-decoration:none!important}
.qa-seiten .qa-seiten-an{background:var(--qa-blau);border-color:var(--qa-blau);color:#fff}
.qa-seiten .qa-seiten-luecke{border-color:transparent}

/* ---- Layout mit Seitenleiste ---- */
.qa-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem}
.qa-haupt{min-width:0}
.qa-seitenleiste{display:flex;flex-direction:column;gap:1rem}
.qa-box{background:#fff;border:1px solid var(--qa-linie);border-radius:var(--qa-radius);padding:1.1rem 1.2rem}
.qa-box > strong,.qa-box-titel{display:block;font-size:1rem;color:var(--qa-blau);margin-bottom:.4rem}
.qa-box p{font-size:.92rem;color:var(--qa-grau);margin:0 0 .9rem}
.qa-box-cta{background:var(--qa-blau-hell);border-color:#cfdcf0}
.qa-box-warn{background:var(--qa-gelb);border-color:#f0dc9c}
.qa-box-warn p{margin:0}
.qa-seite .qa-kompakt,.qa-seite .qa-tipps{list-style:none!important;margin:0!important;padding:0!important}
.qa-seite .qa-kompakt li{padding:.6rem 0!important;border-bottom:1px solid var(--qa-linie);margin:0!important}
.qa-seite .qa-kompakt li::before,.qa-seite .qa-tipps li::before{display:none!important}
.qa-seite .qa-kompakt li:last-child{border-bottom:0;padding-bottom:0!important}
.qa-seite .qa-kompakt a{display:block;font-weight:600;font-size:.92rem;line-height:1.35;text-decoration:none!important}
.qa-seite .qa-kompakt a:hover{text-decoration:underline!important}
.qa-kompakt small{color:#8a92a0;font-size:.78rem}
.qa-seite .qa-tipps li{position:relative;padding:0 0 .45rem 1.4rem!important;font-size:.92rem;color:var(--qa-grau)}
.qa-seite .qa-tipps li::after{content:'✓';position:absolute;left:0;top:0;color:var(--qa-gruen);font-weight:700}

/* ---- Frage & Antworten ---- */
.qa-frage{background:#fff;border:1px solid var(--qa-linie);border-radius:14px;padding:1.3rem 1.3rem 1.1rem;margin:0 0 1.4rem;box-shadow:0 2px 10px rgba(22,62,124,.05)}
.qa-frage-kopf{margin-bottom:.9rem}
.qa-frage-meta{margin-bottom:.6rem}
.qa-text{font-size:1.02rem;overflow-wrap:anywhere}
.qa-text p{margin:0 0 .8em!important}
.qa-seite .qa-text ul,.qa-seite .qa-text ol{margin:0 0 .9em!important;padding-left:1.4em!important}
.qa-seite .qa-text ul{list-style:disc!important}
.qa-seite .qa-text ol{list-style:decimal!important}
.qa-seite .qa-text li{margin:.25em 0!important;display:list-item!important;padding-left:0!important}
.qa-seite .qa-text ul > li{list-style:disc outside!important}
.qa-seite .qa-text ol > li{list-style:decimal outside!important}
.qa-seite .qa-text li::before{display:none!important}
.qa-seite .qa-text h2,.qa-seite .qa-text h3{font-size:1.08rem!important;font-weight:700!important;margin:1.1em 0 .4em!important;color:var(--qa-blau)!important;text-transform:none!important;letter-spacing:0!important}
.qa-text blockquote{margin:0 0 .8em;padding:.5em 1em;border-left:3px solid var(--qa-linie);color:var(--qa-grau)}
.qa-text > :last-child{margin-bottom:0!important}
.qa-text a{overflow-wrap:anywhere}
.qa-person{display:flex;align-items:center;gap:.65rem;margin-top:1rem;padding-top:.9rem;border-top:1px dashed var(--qa-linie);font-size:.9rem;line-height:1.3}
.qa-person small{color:#8a92a0}
.qa-avatar{flex:0 0 2.3rem;width:2.3rem;height:2.3rem;border-radius:50%;background:#dfe6f1;color:var(--qa-blau);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem}
.qa-avatar-team{background:var(--qa-blau);color:#fff}
.qa-avatar-experte{background:#6b4fa1;color:#fff}
.qa-antworten{margin-bottom:1.8rem}
.qa-antworten-titel{padding-bottom:.6rem;border-bottom:2px solid var(--qa-blau)}
.qa-antwort{padding:1.2rem 1.3rem;border:1px solid var(--qa-linie);border-radius:var(--qa-radius);margin:0 0 1rem;background:#fff}
.qa-antwort.qa-akzeptiert{border:2px solid var(--qa-gruen);background:#fbfefb;box-shadow:0 2px 12px rgba(29,107,47,.08)}
.qa-antwort.qa-wartend{background:#fffcf2;border-style:dashed;border-color:#e6cf8a}
.qa-antwort-marken{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}
.qa-bilder{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;margin-top:.9rem}
.qa-bilder img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--qa-linie);display:block}
.qa-hinweis{background:var(--qa-gelb);border-left:4px solid #e0a800;padding:.85rem 1.1rem;border-radius:0 8px 8px 0;margin:0 0 1.4rem;font-size:.92rem}
.qa-hinweis p{margin:0!important}
.qa-regionen{margin-bottom:1.6rem}
.qa-leer{padding:1.6rem;text-align:center;color:var(--qa-grau);background:var(--qa-hell);border-radius:var(--qa-radius)}

/* ---- Formulare ---- */
.qa-formular{background:var(--qa-hell);border:1px solid var(--qa-linie);border-radius:14px;padding:1.3rem;margin:0 0 1.8rem}
.qa-neu .qa-formular{margin-top:1.2rem}
.qa-form{display:flex;flex-direction:column}
.qa-label{display:block;font-weight:700;font-size:.95rem;margin:1rem 0 .35rem;color:var(--qa-text)}
.qa-form > .qa-label:first-of-type{margin-top:0}
.qa-optional{font-weight:400;color:var(--qa-grau)}
.qa-seite .qa-input{width:100%!important;max-width:none!important;padding:.75rem .85rem!important;border:1px solid #c5ccd8!important;border-radius:8px!important;background:#fff!important;font:inherit!important;font-size:1rem!important;color:var(--qa-text)!important;box-shadow:none!important;height:auto!important;line-height:1.45!important}
.qa-seite .qa-input:focus{outline:none!important;border-color:var(--qa-blau)!important;box-shadow:0 0 0 3px rgba(22,62,124,.15)!important}
.qa-textarea{resize:vertical;min-height:9rem}
.qa-feld-hinweis{font-size:.82rem;color:var(--qa-grau);margin:.35rem 0 0!important}
.qa-bereich-hinweis{background:#fff;border-radius:6px;padding:.5rem .7rem;border:1px solid var(--qa-linie)}
.qa-profil{border:1px solid #cfdcf0;background:#fff;border-radius:var(--qa-radius);padding:1rem 1.1rem;margin:1.2rem 0 0}
.qa-profil legend{font-weight:700;color:var(--qa-blau);padding:0 .3rem}
.qa-check{display:flex;gap:.6rem;align-items:flex-start;margin-top:.9rem;font-size:.9rem;line-height:1.45;cursor:pointer}
.qa-check input{margin-top:.25rem;flex:0 0 auto;width:1.1rem;height:1.1rem}
.qa-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.cf-turnstile{margin-top:1rem}
.qa-form-fuss{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;margin-top:1.2rem}
.qa-login{display:flex;flex-direction:column;gap:1rem;background:#fff;border:1px solid var(--qa-linie);border-radius:var(--qa-radius);padding:1.1rem 1.2rem}
.qa-login p{margin:.3rem 0 0!important;color:var(--qa-grau);font-size:.92rem}
.qa-login-knoepfe{display:flex;flex-wrap:wrap;gap:.6rem}

/* ---- Hilfe-Box ---- */
.qa-hilfe{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;padding:1.4rem;border-radius:14px;background:linear-gradient(135deg,var(--qa-blau),var(--qa-blau-dunkel));color:#fff;margin:0 0 2rem}
.qa-hilfe strong{font-size:1.12rem}
.qa-hilfe p{margin:.3rem 0 0!important;opacity:.9}
.qa-hilfe-knoepfe{display:flex;flex-wrap:wrap;gap:.6rem;flex:0 0 auto}

/* ---- Produkt-Widget ---- */
.qa-widget{margin:2rem 0}
.qa-widget h2{font-size:1.2rem;font-weight:700;margin:0 0 .8rem;color:var(--qa-blau)}
.qa-widget-liste{border:1px solid var(--qa-linie);border-radius:var(--qa-radius);overflow:hidden;background:#fff}
.qa-widget-frage{border-bottom:1px solid var(--qa-linie)}
.qa-widget-frage:last-child{border-bottom:0}
.qa-widget-frage summary{cursor:pointer;list-style:none;display:flex;gap:.6rem;align-items:center;justify-content:space-between;padding:1rem 2.6rem 1rem 1.1rem;font-weight:700;position:relative}
.qa-widget-frage summary::-webkit-details-marker{display:none}
.qa-widget-frage summary::after{content:'';position:absolute;right:1.1rem;top:50%;width:.55rem;height:.55rem;border-right:2px solid var(--qa-blau);border-bottom:2px solid var(--qa-blau);transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.qa-widget-frage[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.qa-widget-antwort{padding:0 1.1rem 1rem;color:var(--qa-grau)}
.qa-widget-antwort p{margin:0 0 .5rem}
.qa-widget a{color:var(--qa-blau)!important;font-weight:700}
.qa-widget-mehr{margin:.8rem 0 0}

/* ---- Größere Bildschirme ---- */
@media (min-width:640px){
  .qa-kacheln{grid-template-columns:repeat(2,1fr)}
  .qa-hilfe{flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}
  .qa-hilfe-knoepfe{flex-wrap:nowrap}
  .qa-seite .qa-h1{font-size:1.95rem!important}
  .qa-kopfzeile{flex-direction:row;align-items:flex-end;justify-content:space-between}
  .qa-form-fuss{flex-direction:row;align-items:center}
  .qa-login{flex-direction:row;align-items:center;justify-content:space-between}
  .qa-hero{padding:2.2rem 2rem}
  .qa-seite .qa-hero h1{font-size:2.2rem!important}
}
@media (min-width:1000px){
  .qa-kacheln{grid-template-columns:repeat(3,1fr)}
  .qa-layout{grid-template-columns:minmax(0,1fr) 320px;gap:2.2rem;align-items:start}
  .qa-seitenleiste{position:sticky;top:1rem}
  .qa-hero{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:center;padding:2.6rem 2.4rem}
  .qa-frage{padding:1.8rem 1.9rem 1.4rem}
  .qa-antwort{padding:1.4rem 1.6rem}
}
@media (prefers-reduced-motion:reduce){.qa-seite *{transition:none!important}}