/* BVH Design 2: Suche als weisse Tafel (2026-10-07). Aufbau und Bewegung wie der Merkzettel. */
.v2-such{position:fixed;inset:0;z-index:220;}
.v2-such[hidden]{display:none!important;}
.v2-such__schleier{position:absolute;inset:0;background:rgba(0,26,28,.55);opacity:0;transition:opacity .42s ease;}
.v2-such.is-offen .v2-such__schleier{opacity:1;}
.v2-such__fenster{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(560px,100vw);background:#fff;color:var(--v2-tinte,#07262D);box-shadow:-12px 0 40px rgba(0,0,0,.18);transform:translateX(104%);transition:transform .5s cubic-bezier(.19,1,.22,1);outline:0;}
.v2-such.is-offen .v2-such__fenster{transform:none;}
.v2-such__kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 32px 20px;}
html body .v2-such__titelzeile{margin:0;color:var(--v2-tinte,#07262D);font-size:26px;font-weight:700;line-height:1.2;letter-spacing:0;}
.v2-such__zu{display:inline-flex;align-items:center;gap:8px;margin:4px 0 0;padding:0;border:0;background:none;color:var(--v2-tinte,#07262D);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;}
.v2-such__zu .v2-ic{color:var(--v2-blau,#0019FF);}
.v2-such__zu:hover span{text-decoration:underline;text-underline-offset:3px;}
.v2-such__koerper{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 32px 32px;scrollbar-width:thin;}
.v2-such__form{margin:0 0 28px;padding-top:4px;}
.v2-such__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.v2-such__leiste{position:relative;border:1px solid #C9D3D2;border-radius:10px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;}
.v2-such__leiste:focus-within{border-color:var(--v2-blau,#0019FF);box-shadow:inset 0 0 0 1px var(--v2-blau,#0019FF);}
html body .v2-such__leiste input{display:block;box-sizing:border-box;width:100%;height:57px;margin:0;padding:14px 56px 14px 18px;border:0;border-radius:10px;background:transparent;color:var(--v2-tinte,#07262D);caret-color:var(--v2-tinte,#07262D);font-size:18px;outline:none;box-shadow:none;}
html body .v2-such__leiste input::placeholder{color:#5B6A6B;opacity:1;}
html body .v2-such__leiste input::-webkit-search-cancel-button{filter:none;}
.v2-such__leiste button{position:absolute;right:0;top:0;width:56px;height:100%;display:grid;place-items:center;border:0;background:none;color:var(--v2-blau,#0019FF);cursor:pointer;}
.v2-such__leiste button:focus-visible{outline:2px solid var(--v2-blau,#0019FF);outline-offset:-4px;border-radius:8px;}

/* Ergebnisbereich auf Weiss */
html body .v2-such .v2-suchpanel{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:auto;display:flex!important;flex-direction:column;padding:0!important;background:none!important;border:0!important;color:var(--v2-tinte,#07262D);overflow:visible;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;}
.v2-such .v2-suchpanel__kopf{border-bottom-color:#DDE3E3;}
.v2-such .v2-suchpanel__zeile{color:var(--v2-blau,#0019FF);}
.v2-such .v2-suchpanel__label{color:#5B6A6B;}
.v2-such :is(.v2-suchpanel__mehr,.v2-suchpanel__alle){color:var(--v2-tinte,#07262D);}
.v2-such :is(.v2-suchpanel__mehr,.v2-suchpanel__alle) .v2-ic{color:var(--v2-blau,#0019FF);}
.v2-such :is(.v2-suchpanel__mehr,.v2-suchpanel__alle):hover{color:var(--v2-blau,#0019FF);}
.v2-such .v2-suchpanel__alle{border-bottom-color:var(--v2-blau,#0019FF);}
.v2-such :is(.v2-suchpanel__begriffe,.v2-suchpanel__vorschlaege,.v2-suchpanel__bereiche,.v2-suchpanel__filter) button{border-color:#C9D3D2;background:#fff;color:var(--v2-tinte,#07262D);}
.v2-such :is(.v2-suchpanel__begriffe,.v2-suchpanel__vorschlaege,.v2-suchpanel__bereiche,.v2-suchpanel__filter) button:is(:hover,:focus-visible){border-color:var(--v2-tinte,#07262D);background:#EEF5F3;color:var(--v2-tinte,#07262D);outline:none;}
.v2-such :is(.v2-suchpanel__bereiche,.v2-suchpanel__filter) button.is-aktiv,.v2-such :is(.v2-suchpanel__bereiche,.v2-suchpanel__filter) button.is-aktiv:hover{border-color:var(--v2-blau,#0019FF);background:var(--v2-blau,#0019FF);color:#fff;}
.v2-such .v2-suchpanel__filter button span{background:rgba(0,35,37,.08);}
.v2-such .v2-suchpanel__filter button.is-aktiv span{background:rgba(255,255,255,.24);}
.v2-such :is(.v2-suchpanel__bereiche,.v2-suchpanel__filter) button:focus-visible{outline:2px solid var(--v2-blau,#0019FF);outline-offset:2px;}
.v2-such .v2-suchpanel__seiten{grid-template-columns:repeat(2,minmax(0,1fr));}
.v2-such .v2-suchpanel__seiten li,.v2-such .v2-suchpanel__liste li{border-top-color:#DDE3E3;}
.v2-such .v2-suchpanel__seiten a{color:var(--v2-tinte,#07262D);}
.v2-such .v2-suchpanel__seiten a .v2-ic{color:var(--v2-blau,#0019FF);}
.v2-such .v2-suchpanel__seiten a:hover{color:var(--v2-blau,#0019FF);}
.v2-such .v2-suchpanel__titel{color:var(--v2-tinte,#07262D);}
.v2-such .v2-suchpanel__titel span{color:var(--v2-blau,#0019FF);}
html body .v2-such .v2-suchpanel__liste{grid-template-columns:minmax(0,1fr);}
.v2-such .v2-treffer{margin:0 -16px;padding-left:16px;padding-right:16px;border-radius:10px;color:var(--v2-tinte,#07262D);}
.v2-such .v2-treffer:is(:hover,.is-gewaehlt,:focus-visible){background:#EEF5F3;}
.v2-such .v2-treffer:is(:hover,.is-gewaehlt) .v2-treffer__titel{color:var(--v2-blau,#0019FF);}
.v2-such .v2-treffer__tag{color:var(--v2-blau,#0019FF);}
.v2-such .v2-treffer__tag--erster{background:var(--v2-blau,#0019FF);color:#fff;}
.v2-such .v2-treffer__datum{color:#5B6A6B;}
.v2-such .v2-treffer__text{color:#4C5D5E;}
.v2-such .v2-treffer mark{background:rgba(0,25,255,.1);}
.v2-such .v2-suchpanel__leer p{color:var(--v2-tinte,#07262D);}
.v2-such .v2-suchpanel__leer strong{color:var(--v2-tinte,#07262D);}
.v2-such .v2-suchpanel__laden{top:-14px;}
.v2-such .v2-suchpanel__laden::before{background:linear-gradient(90deg,transparent,var(--v2-blau,#0019FF),transparent);}
@media (max-width:575px){
  .v2-such__kopf{padding:20px 20px 16px;}
  .v2-such__koerper{padding:0 20px 24px;}
  .v2-such .v2-suchpanel__seiten{grid-template-columns:minmax(0,1fr);}
}

/* Kopfknopf: Suche starten wird zu Schliessen (wie Menue und Merkzettel) */
html body.bvh-v2 .v2-kopf__link--suche .v2-such-text{display:inline-grid;overflow:hidden;vertical-align:top;transition:width .4s cubic-bezier(.65,0,.35,1);}
html body.bvh-v2 .v2-such-text i{grid-area:1/1;justify-self:start;font-style:normal;white-space:nowrap;transition:transform .4s cubic-bezier(.65,0,.35,1),opacity .25s ease;}
html body.bvh-v2 .v2-such-text__zu{opacity:0;transform:translateY(100%);}
html.v2-such-auf body.bvh-v2 .v2-such-text__auf{opacity:0;transform:translateY(-100%);}
html.v2-such-auf body.bvh-v2 .v2-such-text__zu{opacity:1;transform:none;}

/* Im geoeffneten Menue bleibt die Suche als Posten neben Mitgliederbereich und Schliessen */
html.v2-menue-auf body.bvh-v2 .v2-kopf .v2-kopf__link--suche{max-width:340px;margin-right:0;overflow:visible;opacity:1;visibility:visible;pointer-events:auto;transition:max-width .45s cubic-bezier(.65,0,.35,1),margin .45s cubic-bezier(.65,0,.35,1),opacity .25s ease .3s,visibility 0s;}

/* Schliessen sitzt rechts in der Suchleiste; die Leiste drueckt sich von rechts nach links auf */
.v2-such__zu{display:none!important;}
.v2-such__leiste{display:flex;align-items:stretch;}
html body .v2-such__leiste input{flex:1 1 auto;min-width:0;order:0;width:auto;padding-right:12px;}
.v2-such__leiste button[type=submit]{position:static;flex:none;width:56px;height:auto;}
.v2-such .v2-such__leiste .v2-such__leistezu{position:static;width:auto;height:auto;place-items:initial;flex:none;display:inline-flex;align-items:center;gap:8px;margin:10px 0;padding:0 20px;border:0;border-left:1px solid #DDE3E3;background:none;color:var(--v2-tinte,#07262D);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;white-space:nowrap;}
.v2-such__leistezu .v2-ic{color:var(--v2-blau,#0019FF);}
.v2-such__leistezu:hover span{text-decoration:underline;text-underline-offset:3px;}
.v2-such__leistezu:focus-visible{outline:2px solid var(--v2-blau,#0019FF);outline-offset:-2px;border-radius:8px;}
.v2-such .v2-such__leiste{width:calc(100% - 96px);max-width:100%;margin-left:auto;overflow:hidden;opacity:0;transition:width .7s cubic-bezier(.19,1,.22,1) .12s,opacity .35s ease .12s,border-color .15s ease,box-shadow .15s ease;}
.v2-such.is-offen .v2-such__leiste{width:100%;opacity:1;}
@media (max-width:575px){.v2-such__leistezu span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}.v2-such__leistezu{padding:0 16px;}}

/* Desktop: Tafel mittig auf Containerbreite, klappt von oben herunter */
@media (min-width:1024px){
  .v2-such .v2-such__fenster{top:16px;bottom:auto;left:var(--v2-such-rand,16px);right:var(--v2-such-rand,16px);margin-inline:0;width:auto;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);border-radius:10px;overflow:hidden;box-shadow:9px 10px 21px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06);transform:none;clip-path:inset(-48px -48px 100% -48px);transition:clip-path .55s cubic-bezier(.65,0,.35,1);}
  .v2-such.is-offen .v2-such__fenster{transform:none;clip-path:inset(-48px -48px -48px -48px);}
  .v2-such .v2-such__kopf{display:none;}
  .v2-such .v2-such__koerper{padding:32px 40px 36px;opacity:0;transition:opacity .3s ease .15s;}
  .v2-such.is-offen .v2-such__koerper{opacity:1;}
  .v2-such .v2-such__form{margin-bottom:32px;}
  .v2-such .v2-suchpanel__seiten{grid-template-columns:repeat(3,minmax(0,1fr));}
  html body .v2-such .v2-suchpanel__liste{grid-template-columns:repeat(2,minmax(0,1fr));}
}
/* Desktop: der Kopfknopf bleibt an seiner Stelle und wird zu Schliessen (wie Merkzettel) */
@media (min-width:1024px){
  html.v2-such-kopfzu .v2-such .v2-such__koerper{padding-top:76px;}
  html.v2-such-kopfzu .v2-such .v2-such__leistezu{display:none!important;}
  html.v2-such-offen.v2-such-kopfzu body.bvh-v2 .v2-kopf{z-index:230;background:transparent!important;box-shadow:none!important;border-color:transparent!important;pointer-events:none;}
  html.v2-such-offen.v2-such-kopfzu body.bvh-v2 .v2-kopf .v2-kopf__link:not(.v2-kopf__link--suche){visibility:hidden;}
  html.v2-such-offen.v2-such-kopfzu body.bvh-v2 .v2-kopf .v2-kopf__logo{opacity:.35;transition:opacity .3s ease;}
  html.v2-such-offen.v2-such-kopfzu body.bvh-v2 .v2-kopf .v2-kopf__link--suche{pointer-events:auto;color:var(--v2-tinte,#07262D)!important;}
  html.v2-such-offen.v2-such-kopfzu body.bvh-v2 header.v2-kopf .v2-kopf__link--suche :is(span,i,.v2-ic){color:var(--v2-tinte,#07262D)!important;}
}

@media (prefers-reduced-motion:reduce){
  html body.bvh-v2 :is(.v2-such-text,.v2-such-text i,.v2-such__fenster,.v2-such__schleier,.v2-such__koerper,.v2-such__leiste){transition:none!important;}
}
@media print{.v2-such{display:none!important;}}

/* Schliessen weicher: Tafel blendet beim Hochklappen aus, die Schnittkante wirkt nicht hart (2026-10-07) */
@media (min-width:1024px){
  html body .v2-such .v2-such__fenster{opacity:0;transition:clip-path .5s cubic-bezier(.65,0,.35,1),opacity .32s ease .12s;}
  html body .v2-such.is-offen .v2-such__fenster{opacity:1;transition:clip-path .55s cubic-bezier(.65,0,.35,1),opacity .18s ease;}
}
@media (prefers-reduced-motion:reduce){html body .v2-such .v2-such__fenster{transition:none!important;}}
