.suche-element{--suche-radius: 0.25rem}.suche-element .suche-label{display:block;margin-bottom:.4rem;font-weight:600}.suche-element .suche-zeile{display:flex;flex-wrap:wrap;gap:.5rem;align-items:stretch}.suche-element .suche-feld{flex:1 1 12rem;min-width:0;padding:.55rem .75rem;border:1px solid var(--border-color, #c9c9c9);border-radius:var(--suche-radius);background:var(--body-bg, #fff);color:var(--text-color, #2d2d2d);font:inherit}.suche-element .suche-feld::placeholder{color:var(--text-color-light, #767676);opacity:1}.suche-element .suche-feld:focus-visible{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}.suche-element .suche-feld[type=search]{appearance:none;-webkit-appearance:none}.suche-element .suche-start{flex:0 0 auto}.suche-element .suche-status{margin:.5rem 0 0;font-size:.85em;color:var(--text-color-light, #767676)}.suche-overlay{background-color:rgba(0,0,0,.45);align-items:stretch;justify-content:flex-start;height:auto}.suche-overlay .suche-panel{display:flex;flex-direction:column;margin-left:auto;width:min(400px,100vw);height:100%;background:var(--body-bg, #fff);color:var(--text-color, #2d2d2d);box-shadow:-0.5rem 0 2rem rgba(0,0,0,.18);overflow:hidden}.suche-overlay .moving-overlay-header{display:flex;flex-grow:0;flex-shrink:0;gap:.75rem;align-items:center;justify-content:flex-end;padding:0 1rem;border-bottom:1px solid var(--border-color, #e8e8e8);background-color:var(--bg-header, var(--body-bg, #fff))}.suche-overlay .moving-overlay-close{flex:0 0 auto}.suche-overlay .moving-overlay-close span{background-color:rgba(0,0,0,0)}.suche-overlay .moving-overlay-close span:before,.suche-overlay .moving-overlay-close span:after{background-color:var(--burger-button-color, var(--black, #2d2d2d))}.suche-overlay .moving-overlay-close span:before{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}.suche-overlay .moving-overlay-close span:after{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}.suche-overlay .moving-overlay-close:hover span:before,.suche-overlay .moving-overlay-close:hover span:after{opacity:.65}.suche-overlay .moving-overlay-close:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:2px}.suche-overlay .suche-eingabe{flex-grow:0;padding:.9rem 1rem .4rem;border-bottom:1px solid var(--border-color, #e2e2e2)}.suche-overlay .suche-eingabe .suche-label{display:block;margin-bottom:.35rem;font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-color-light, #767676)}.suche-overlay .suche-eingabe .suche-feld{width:100%;padding:.5rem .65rem;border:1px solid var(--border-color, #c9c9c9);border-radius:.25rem;background:var(--body-bg, #fff);color:var(--text-color, #2d2d2d);font:inherit}.suche-overlay .suche-eingabe .suche-feld:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.suche-overlay .moving-overlay-body{flex-grow:1;max-width:none;margin:0;padding:.5rem 1rem 2rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.suche-overlay .suche-leerstand,.suche-overlay .suche-hinweis{padding:1rem 0;color:var(--text-color-light, #767676);font-style:italic}.suche-overlay .suche-zaehler{padding:.5rem 0 .75rem;font-size:.85em;color:var(--text-color-light, #767676)}.suche-overlay .suche-treffer{padding:.75rem 0;border-top:1px solid var(--border-color, #e8e8e8)}.suche-overlay .suche-treffer:first-of-type{border-top:0}.suche-overlay .suche-badge{display:inline-block;margin-bottom:.25rem;padding:.1rem .45rem;border-radius:.7rem;background:var(--bg-third, #f0f0f0);color:var(--text-color, #2d2d2d);font-size:.7em;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.suche-overlay .suche-titel{margin:0 0 .3rem;font-size:1.05em;line-height:1.3}.suche-overlay .suche-titel a{color:var(--link-color, var(--primary));text-decoration:none}.suche-overlay .suche-titel a:hover,.suche-overlay .suche-titel a:focus-visible{text-decoration:underline}.suche-overlay .suche-snippet{margin:0;font-size:.9em;line-height:1.45;color:var(--text-color, #2d2d2d)}.suche-overlay .suche-snippet mark{padding:0 .1em;border-radius:.15em;background:var(--bg-highlight, #ffefc2);color:inherit;font-weight:600}.suche-overlay .suche-semantik{margin:.75rem 0 0;padding-top:.6rem;border-top:1px dashed var(--border-color, #ddd);font-size:.8em;color:var(--text-color-light, #767676)}@media screen and (max-width: 768px){.suche-overlay .suche-panel{width:100vw}}body.suche-offen{overflow:hidden}.kopf-suche{display:none;flex:0 0 auto;align-items:center;justify-content:center;gap:.4rem;width:44px;height:44px;padding:0;border:1px solid var(--border-color, #c9c9c9);border-radius:999px;background:var(--bg-third, #f2f2f2);color:var(--black, #2d2d2d);font-size:.95rem;text-decoration:none;white-space:nowrap}.kopf-suche .kopf-suche-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.kopf-suche i{font-size:1rem;color:inherit}.kopf-suche:hover{background:var(--primary);border-color:var(--primary);color:var(--body-bg, #fff)}.kopf-suche:focus-visible{outline:2px solid var(--primary);outline-offset:2px}header.desktop .kopf-suche{margin-left:.6rem}@media(min-width: 1100px){header.desktop .kopf-suche{display:flex}}header.mobile .kopf-suche{display:flex;width:34px;height:45px;padding:0;border:0;background:rgba(0,0,0,0)}.suche-trefferseite .suche-seiten-titel{margin:0 0 1rem}.suche-trefferseite .suche-form{max-width:30rem}.suche-trefferseite .suche-treffer{padding:1rem 0;border-bottom:1px solid var(--border-color, #e2e2e2)}.suche-trefferseite .suche-titel{margin:0 0 .3rem;font-size:1.15rem}.suche-trefferseite .suche-zaehler,.suche-trefferseite .suche-hinweis,.suche-trefferseite .suche-leerstand{color:var(--text-color-light, #767676)}
