/* Installations-Hinweis (A-20261003-36) - im Design der Seite: helles, sehr subtiles Neumorphism. */
.hh-inst{--inst-flaeche:#FFFFFF;--inst-text:#2F2A2A;--inst-leise:#6F6A6A;--inst-linie:#E9E6E2;--inst-knopf:#9E3A49;
  display:flex;align-items:center;gap:12px;margin:18px 16px 0;padding:10px 8px 10px 10px;border-radius:20px;background:var(--inst-flaeche);color:var(--inst-text);
  border:1px solid var(--inst-linie);box-shadow:4px 4px 12px rgba(47,42,42,.08),-4px -4px 12px rgba(255,255,255,.9);
  font-family:"Manrope",-apple-system,"Segoe UI",system-ui,sans-serif;animation:hh-inst-rein .45s cubic-bezier(.2,.9,.3,1) both;touch-action:pan-x;position:relative;z-index:5}
:root[data-theme="dark"] .hh-inst{--inst-flaeche:#2E3035;--inst-text:#F1ECE6;--inst-leise:#B5AEAA;--inst-linie:#3B3E44;--inst-knopf:#A84452;box-shadow:4px 4px 12px rgba(0,0,0,.35)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hh-inst{--inst-flaeche:#2E3035;--inst-text:#F1ECE6;--inst-leise:#B5AEAA;--inst-linie:#3B3E44;--inst-knopf:#A84452;box-shadow:4px 4px 12px rgba(0,0,0,.35)}}
.hh-inst.weg{animation:hh-inst-raus .25s ease-in both}
@keyframes hh-inst-rein{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes hh-inst-raus{to{opacity:0;transform:translateY(-14px)}}
.hh-inst-icon{width:40px;height:40px;border-radius:11px;object-fit:cover;flex:none;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.hh-inst-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.hh-inst-text b{font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hh-inst-text span{font-size:12.5px;color:var(--inst-leise)}
.hh-inst-knopf{flex:none;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--inst-knopf);color:#fff;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.hh-inst-zu{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--inst-leise);display:grid;place-items:center;cursor:pointer}
.hh-inst-zu svg{width:16px;height:16px}
/* Anleitung fuer iPhone/iPad: faehrt von unten herein */
.hh-inst-blatt{position:fixed;inset:0;z-index:1200;--inst-flaeche:#FFFFFF;--inst-text:#2F2A2A;--inst-leise:#6F6A6A;--inst-linie:#E9E6E2;--inst-knopf:#9E3A49;font-family:"Manrope",-apple-system,system-ui,sans-serif}
:root[data-theme="dark"] .hh-inst-blatt{--inst-flaeche:#2E3035;--inst-text:#F1ECE6;--inst-leise:#B5AEAA;--inst-linie:#3B3E44;--inst-knopf:#A84452}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hh-inst-blatt{--inst-flaeche:#2E3035;--inst-text:#F1ECE6;--inst-leise:#B5AEAA;--inst-linie:#3B3E44;--inst-knopf:#A84452}}
.hh-inst-dunkel{position:absolute;inset:0;background:rgba(30,20,25,.38);opacity:0;transition:opacity .3s}
.hh-inst-karte{position:absolute;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;padding:12px 20px calc(env(safe-area-inset-bottom,0px) + 20px);border-radius:26px 26px 0 0;
  background:var(--inst-flaeche);color:var(--inst-text);box-shadow:0 -10px 30px rgba(0,0,0,.18);transform:translateY(105%);transition:transform .45s cubic-bezier(.2,.9,.3,1)}
.hh-inst-blatt.an .hh-inst-dunkel{opacity:1}.hh-inst-blatt.an .hh-inst-karte{transform:none}
.hh-inst-blatt.weg .hh-inst-dunkel{opacity:0}.hh-inst-blatt.weg .hh-inst-karte{transform:translateY(105%)}
.hh-inst-griff{display:block;width:40px;height:4px;margin:0 auto 14px;border-radius:2px;background:var(--inst-linie)}
.hh-inst-karte h3{margin:0 0 14px;font-size:19px;font-weight:800;letter-spacing:-.01em}
.hh-inst-karte ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:s}
.hh-inst-karte li{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.35;counter-increment:s}
.hh-inst-karte li::before{content:counter(s);flex:none;width:22px;font-weight:800;color:var(--inst-knopf);text-align:center}
.hh-inst-sym{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#0A84FF;background:color-mix(in srgb,var(--inst-text) 6%,var(--inst-flaeche));border:1px solid var(--inst-linie)}
.hh-inst-sym svg{width:22px;height:22px}
.hh-inst-fein{margin:14px 0 14px;font-size:13px;color:var(--inst-leise)}
.hh-inst-ok{width:100%;min-height:50px;border:0;border-radius:999px;background:var(--inst-knopf);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
@media (prefers-reduced-motion:reduce){.hh-inst,.hh-inst.weg{animation:none}.hh-inst-karte,.hh-inst-dunkel{transition:none}}
/* Installierte Fassung: Abstaende fuer Kerbe und Home-Leiste */
@media (display-mode:standalone){#conv .conv-header{padding-top:env(safe-area-inset-top,0px)}#conv .composer{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important}}