#nho-root{
  position:fixed !important;
  bottom:22px !important;
  z-index:999999 !important;
  font-family:var(--nho-font,inherit) !important;
  font-size:var(--nho-base-size,14px) !important;
  line-height:1.45 !important;
  color:var(--nho-bot-text,#203650) !important;
  pointer-events:none !important;
  box-sizing:border-box !important;
}
#nho-root *,#nho-root *::before,#nho-root *::after{box-sizing:border-box !important}
#nho-root.nho-right{right:var(--nho-edge-offset,28px) !important}
#nho-root.nho-left{left:var(--nho-edge-offset,28px) !important}

#nho-root .nho-launcher{
  appearance:none !important;
  pointer-events:auto !important;
  min-height:52px !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  border:0 !important;
  border-radius:999px !important;
  background:var(--nho-launcher-bg,#204d84) !important;
  color:var(--nho-launcher-text,#fff) !important;
  box-shadow:0 10px 26px rgba(32,77,132,.27) !important;
  font:700 var(--nho-base-size,14px)/1.2 var(--nho-font,inherit) !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease !important;
}
#nho-root .nho-launcher:hover{transform:translateY(-1px) !important;filter:brightness(.96) !important;box-shadow:0 12px 30px rgba(32,77,132,.32) !important}
#nho-root .nho-launcher-icon{font-size:20px !important}
#nho-root.nho-launcher-circle .nho-launcher-text{display:none !important}
#nho-root.nho-launcher-circle .nho-launcher{width:54px !important;height:54px !important;padding:0 !important}

#nho-root .nho-panel{
  pointer-events:auto !important;
  width:min(var(--nho-panel-width,420px),calc(100vw - 28px)) !important;
  height:auto !important;
  max-height:min(760px,calc(100vh - 100px)) !important;
  margin:0 0 12px 0 !important;
  background:#fff !important;
  border:1px solid rgba(32,77,132,.10) !important;
  border-radius:var(--nho-radius,18px) !important;
  box-shadow:0 18px 52px rgba(18,48,82,.21) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  animation:nhoIn .2s ease-out !important;
}
#nho-root .nho-panel[hidden]{display:none !important}
@keyframes nhoIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

#nho-root .nho-header{
  position:relative !important;
  min-height:108px !important;
  padding:14px 48px 13px !important;
  background:var(--nho-header-bg,#204d84) !important;
  color:var(--nho-header-text,#fff) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
#nho-root .nho-brand{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
}
#nho-root .nho-logo{
  display:block !important;
  width:var(--nho-logo-width,210px) !important;
  max-width:250px !important;
  max-height:62px !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 auto !important;
  border:0 !important;
  background:transparent !important;
}
#nho-root .nho-title{
  color:#fff !important;
  font:700 var(--nho-title-size,15px)/1.2 var(--nho-font,inherit) !important;
}
#nho-root .nho-brand-subtitle{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  color:rgba(255,255,255,.88) !important;
  font:500 12px/1.25 var(--nho-font,inherit) !important;
  letter-spacing:.2px !important;
}
#nho-root .nho-close{
  position:absolute !important;
  top:9px !important;
  right:10px !important;
  width:36px !important;
  height:36px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  color:#fff !important;
  font:400 28px/1 Arial,sans-serif !important;
  cursor:pointer !important;
}
#nho-root .nho-close:hover{background:rgba(255,255,255,.10) !important}

#nho-root .nho-messages{
  flex:0 1 auto !important;
  max-height:185px !important;
  min-height:0 !important;
  overflow-y:auto !important;
  padding:16px 16px 8px !important;
  background:linear-gradient(#fbfcfe,#fff 46%) !important;
}
#nho-root .nho-msg{
  max-width:88% !important;
  margin:0 0 10px 0 !important;
  padding:11px 13px !important;
  border-radius:14px !important;
  font:400 var(--nho-base-size,14px)/1.45 var(--nho-font,inherit) !important;
  white-space:pre-wrap !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}
#nho-root .nho-bot{
  background:var(--nho-bot-bg,#f2f6fa) !important;
  color:var(--nho-bot-text,#203650) !important;
  border:1px solid rgba(32,77,132,.08) !important;
  border-bottom-left-radius:5px !important;
}
#nho-root .nho-user{
  margin-left:auto !important;
  background:var(--nho-user-bg,#204d84) !important;
  color:var(--nho-user-text,#fff) !important;
  border-bottom-right-radius:5px !important;
}
#nho-root .nho-action{
  display:inline-flex !important;
  margin:0 0 12px 0 !important;
  padding:9px 12px !important;
  border-radius:10px !important;
  border:1px solid rgba(32,77,132,.18) !important;
  background:#fff !important;
  color:var(--nho-header-bg,#204d84) !important;
  text-decoration:none !important;
  font:700 12.5px/1.2 var(--nho-font,inherit) !important;
}
#nho-root .nho-action:hover{background:#f4f8fc !important;border-color:#b7cde2 !important}

#nho-root .nho-quick{
  padding:9px 12px 12px !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:9px !important;
  background:#fff !important;
  border-top:1px solid #f0f3f6 !important;
}
#nho-root .nho-card-button{
  appearance:none !important;
  width:100% !important;
  min-height:72px !important;
  margin:0 !important;
  padding:10px 9px !important;
  border:1px solid var(--nho-quick-border,#d6e1ed) !important;
  border-radius:13px !important;
  background:var(--nho-quick-bg,#fff) !important;
  color:var(--nho-quick-text,#183b67) !important;
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) 14px !important;
  align-items:center !important;
  gap:8px !important;
  text-align:left !important;
  box-shadow:0 3px 12px rgba(18,48,82,.035) !important;
  cursor:pointer !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease !important;
}
#nho-root .nho-card-button:hover,
#nho-root .nho-card-button:focus-visible{
  transform:translateY(-1px) !important;
  background:var(--nho-quick-hover-bg,#edf4fb) !important;
  border-color:#b8ccdf !important;
  box-shadow:0 8px 20px rgba(24,59,103,.10) !important;
}
#nho-root .nho-card-icon{
  width:32px !important;height:32px !important;
  display:grid !important;place-items:center !important;
  color:var(--nho-accent,#d94a57) !important;
  transition:transform .16s ease !important;
}
#nho-root .nho-card-button:hover .nho-card-icon{transform:scale(1.05) !important}
#nho-root .nho-card-icon svg,
#nho-root .nho-more-icon svg,
#nho-root .nho-more-link-icon svg{
  width:28px !important;height:28px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
#nho-root .nho-card-copy{display:flex !important;flex-direction:column !important;gap:2px !important;min-width:0 !important}
#nho-root .nho-card-copy strong{font:700 12.8px/1.18 var(--nho-font,inherit) !important;color:var(--nho-quick-text,#183b67) !important}
#nho-root .nho-card-copy span{font:400 10.6px/1.24 var(--nho-font,inherit) !important;color:#6a7f98 !important}
#nho-root .nho-card-arrow{font:400 24px/1 Arial,sans-serif !important;color:var(--nho-quick-text,#183b67) !important;transition:transform .16s ease !important}
#nho-root .nho-card-button:hover .nho-card-arrow{transform:translateX(2px) !important}

#nho-root .nho-more-card{
  appearance:none !important;
  width:calc(100% - 24px) !important;
  min-height:64px !important;
  margin:0 12px 10px !important;
  padding:10px 12px !important;
  border:1px solid #d9e3ed !important;
  border-radius:13px !important;
  background:#fff !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) 18px !important;
  gap:10px !important;
  align-items:center !important;
  text-align:left !important;
  cursor:pointer !important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease !important;
}
#nho-root .nho-more-card:hover{
  background:#f5f9fc !important;
  border-color:#c4d6e5 !important;
  box-shadow:0 7px 18px rgba(24,59,103,.07) !important;
  transform:translateY(-1px) !important;
}
#nho-root .nho-more-icon{
  width:36px !important;height:36px !important;
  display:grid !important;place-items:center !important;
  border-radius:9px !important;
  color:var(--nho-accent,#d94a57) !important;
  background:#fff7f8 !important;
}
#nho-root .nho-more-copy{display:flex !important;flex-direction:column !important;gap:3px !important;min-width:0 !important}
#nho-root .nho-more-copy strong{font:700 12.6px/1.24 var(--nho-font,inherit) !important;color:var(--nho-quick-text,#183b67) !important}
#nho-root .nho-more-copy span{font:400 10.7px/1.28 var(--nho-font,inherit) !important;color:#6a7f98 !important;white-space:normal !important}
#nho-root .nho-more-arrow{font:400 24px/1 Arial,sans-serif !important;color:var(--nho-quick-text,#183b67) !important;transition:transform .18s ease !important}
#nho-root .nho-more-card.is-open{
  min-height:72px !important;
  margin-bottom:0 !important;
  background:var(--nho-header-bg,#204d84) !important;
  border-color:var(--nho-header-bg,#204d84) !important;
  border-radius:13px 13px 0 0 !important;
  box-shadow:0 8px 20px rgba(32,77,132,.18) !important;
}
#nho-root .nho-more-card.is-open .nho-more-copy strong,
#nho-root .nho-more-card.is-open .nho-more-copy span{color:#fff !important}
#nho-root .nho-more-card.is-open .nho-more-copy span{opacity:.88 !important}
#nho-root .nho-more-card.is-open .nho-more-icon{
  color:#fff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.16) !important;
}
#nho-root .nho-more-card.is-open .nho-more-arrow{
  color:#fff !important;
  transform:rotate(90deg) !important;
}

#nho-root .nho-more-panel[hidden],
#nho-root .nho-form[hidden]{display:none !important}
#nho-root .nho-more-panel{
  margin:-1px 12px 10px !important;
  padding:11px !important;
  border:1px solid #c7d6e4 !important;
  border-top:1px solid #dfe8f0 !important;
  border-radius:0 0 13px 13px !important;
  background:#fbfdff !important;
  animation:nhoMoreIn .16s ease-out !important;
}
@keyframes nhoMoreIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
#nho-root .nho-more-links{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
}
#nho-root .nho-more-link{
  min-height:48px !important;
  padding:7px 8px !important;
  border:1px solid #e0e8ef !important;
  border-radius:10px !important;
  background:#fff !important;
  color:var(--nho-quick-text,#183b67) !important;
  text-decoration:none !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  font:600 10.5px/1.22 var(--nho-font,inherit) !important;
  transition:background .15s ease,border-color .15s ease,transform .15s ease !important;
}
#nho-root .nho-more-link:hover{
  background:#eef5fb !important;
  border-color:#bfd2e3 !important;
  transform:translateY(-1px) !important;
}
#nho-root .nho-more-link-icon{width:24px !important;height:24px !important;display:grid !important;place-items:center !important;color:var(--nho-accent,#d94a57) !important}
#nho-root .nho-more-link-icon svg{width:22px !important;height:22px !important}

#nho-root .nho-form{
  border-top:1px solid #e5ebf0 !important;
  padding:10px !important;
  display:flex !important;
  gap:8px !important;
  background:#fff !important;
}
#nho-root .nho-form input{
  min-width:0 !important;
  flex:1 !important;
  height:44px !important;
  margin:0 !important;
  padding:0 13px !important;
  border:1px solid #cbd6df !important;
  border-radius:12px !important;
  background:var(--nho-input-bg,#fff) !important;
  color:var(--nho-input-text,#203650) !important;
  box-shadow:none !important;
  font:400 var(--nho-base-size,14px)/1.2 var(--nho-font,inherit) !important;
}
#nho-root .nho-form input:focus{
  outline:none !important;
  border-color:var(--nho-accent,#d94a57) !important;
  box-shadow:0 0 0 3px rgba(217,74,87,.12) !important;
}
#nho-root .nho-send{
  width:44px !important;height:44px !important;min-width:44px !important;
  padding:0 !important;margin:0 !important;
  border:0 !important;border-radius:12px !important;
  background:var(--nho-accent,#d94a57) !important;
  color:#fff !important;
  font:400 18px/1 Arial,sans-serif !important;
  cursor:pointer !important;
}
#nho-root .nho-send:hover{filter:brightness(.95) !important}

#nho-root .nho-launcher:focus-visible,
#nho-root .nho-close:focus-visible,
#nho-root .nho-card-button:focus-visible,
#nho-root .nho-more-card:focus-visible,
#nho-root .nho-send:focus-visible,
#nho-root .nho-more-link:focus-visible,
#nho-root .nho-action:focus-visible{
  outline:3px solid rgba(217,74,87,.28) !important;
  outline-offset:2px !important;
}

@media (min-width:601px) and (max-width:1024px){
  #nho-root{bottom:var(--nho-tablet-bottom,100px) !important}
  #nho-root.nho-tablet-left{left:18px !important;right:auto !important;transform:none !important}
  #nho-root.nho-tablet-right{right:18px !important;left:auto !important;transform:none !important}
  #nho-root.nho-tablet-center{left:50% !important;right:auto !important;transform:translateX(-50%) !important}
  #nho-root .nho-logo{width:min(var(--nho-logo-width,210px),190px) !important}
}

@media (max-width:600px){
  #nho-root{bottom:var(--nho-phone-bottom,100px) !important}
  #nho-root.nho-phone-left{left:14px !important;right:auto !important;transform:none !important}
  #nho-root.nho-phone-right{right:14px !important;left:auto !important;transform:none !important}
  #nho-root.nho-phone-center{left:50% !important;right:auto !important;transform:translateX(-50%) !important}

  #nho-root .nho-panel{width:calc(100vw - 28px) !important;max-height:calc(100vh - 130px) !important}
  #nho-root .nho-header{min-height:96px !important;padding:12px 42px 11px !important}
  #nho-root .nho-logo{width:min(var(--nho-logo-width,210px),168px) !important;max-height:54px !important}
  #nho-root .nho-brand-subtitle{font-size:11.5px !important}
  #nho-root .nho-quick{grid-template-columns:1fr !important}
  #nho-root .nho-card-button{min-height:62px !important}
  #nho-root .nho-more-links{grid-template-columns:1fr !important}
  #nho-root.nho-launcher-pill .nho-launcher{height:50px !important;min-height:50px !important;padding:0 16px !important}
}


/* Version 0.2.0 – ruhigeres, besser lesbares Hauptmenü */
#nho-root .nho-panel{
  width:min(var(--nho-panel-width,440px),calc(100vw - 28px)) !important;
}

#nho-root .nho-quick{
  gap:10px !important;
  padding:10px 12px 12px !important;
}

#nho-root .nho-card-button{
  min-height:68px !important;
  padding:10px 11px !important;
  grid-template-columns:32px minmax(0,1fr) 14px !important;
  gap:9px !important;
}

#nho-root .nho-card-copy{
  overflow:visible !important;
}

#nho-root .nho-card-copy strong{
  font-size:13.2px !important;
  line-height:1.2 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

#nho-root .nho-card-copy span{
  font-size:10.7px !important;
  line-height:1.25 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

#nho-root .nho-card-icon{
  width:30px !important;
  height:30px !important;
}

#nho-root .nho-card-icon svg{
  width:26px !important;
  height:26px !important;
}

#nho-root .nho-more-card{
  min-height:62px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

#nho-root .nho-more-copy strong{
  font-size:12.8px !important;
  line-height:1.2 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  white-space:normal !important;
}

#nho-root .nho-more-copy span{
  font-size:10.6px !important;
  line-height:1.25 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

#nho-root .nho-form input{
  font-size:13px !important;
}

@media (max-width:420px){
  #nho-root .nho-quick{
    grid-template-columns:1fr !important;
  }
  #nho-root .nho-card-button{
    min-height:58px !important;
  }
}


/* Version 0.2.1 – kompakte Darstellung wie beim Art-Unikate-Bot */
#nho-root .nho-panel{
  width:min(var(--nho-panel-width,390px),calc(100vw - 28px)) !important;
  max-height:min(650px,calc(100vh - 90px)) !important;
}

#nho-root .nho-header{
  min-height:88px !important;
  padding:10px 42px 9px !important;
}

#nho-root .nho-logo{
  max-height:48px !important;
  width:min(var(--nho-logo-width,210px),185px) !important;
}

#nho-root .nho-brand-subtitle{
  font-size:10.5px !important;
  line-height:1.15 !important;
}

#nho-root .nho-messages{
  max-height:125px !important;
  padding:10px 12px 5px !important;
}

#nho-root .nho-msg{
  margin-bottom:7px !important;
  padding:8px 10px !important;
  border-radius:11px !important;
  font-size:12px !important;
  line-height:1.32 !important;
}

#nho-root .nho-quick{
  padding:7px 9px 8px !important;
  gap:7px !important;
}

#nho-root .nho-card-button{
  min-height:54px !important;
  padding:7px 7px !important;
  border-radius:10px !important;
  grid-template-columns:25px minmax(0,1fr) 11px !important;
  gap:6px !important;
}

#nho-root .nho-card-icon{
  width:24px !important;
  height:24px !important;
}

#nho-root .nho-card-icon svg{
  width:21px !important;
  height:21px !important;
  stroke-width:1.8 !important;
}

#nho-root .nho-card-copy{
  gap:1px !important;
}

#nho-root .nho-card-copy strong{
  font-size:11.4px !important;
  line-height:1.13 !important;
  white-space:normal !important;
}

#nho-root .nho-card-copy span{
  font-size:9.2px !important;
  line-height:1.15 !important;
  white-space:normal !important;
}

#nho-root .nho-card-arrow{
  font-size:19px !important;
}

#nho-root .nho-more-card{
  width:calc(100% - 18px) !important;
  min-height:50px !important;
  margin:0 9px 7px !important;
  padding:7px 8px !important;
  border-radius:10px !important;
  grid-template-columns:28px minmax(0,1fr) 13px !important;
  gap:7px !important;
}

#nho-root .nho-more-icon{
  width:25px !important;
  height:25px !important;
  border-radius:7px !important;
}

#nho-root .nho-more-icon svg{
  width:20px !important;
  height:20px !important;
}

#nho-root .nho-more-copy{
  gap:1px !important;
}

#nho-root .nho-more-copy strong{
  font-size:11.2px !important;
  line-height:1.15 !important;
}

#nho-root .nho-more-copy span{
  font-size:9.1px !important;
  line-height:1.15 !important;
}

#nho-root .nho-more-card.is-open{
  min-height:54px !important;
  border-radius:10px 10px 0 0 !important;
}

#nho-root .nho-more-panel{
  margin:-1px 9px 7px !important;
  padding:8px !important;
  border-radius:0 0 10px 10px !important;
}

#nho-root .nho-more-links{
  gap:6px !important;
}

#nho-root .nho-more-link{
  min-height:40px !important;
  padding:5px 6px !important;
  border-radius:8px !important;
  font-size:9.4px !important;
}

#nho-root .nho-more-link-icon{
  width:20px !important;
  height:20px !important;
}

#nho-root .nho-more-link-icon svg{
  width:18px !important;
  height:18px !important;
}

#nho-root .nho-form{
  padding:7px 8px !important;
  gap:6px !important;
}

#nho-root .nho-form input{
  height:36px !important;
  padding:0 10px !important;
  border-radius:9px !important;
  font-size:11.5px !important;
}

#nho-root .nho-send{
  width:36px !important;
  min-width:36px !important;
  height:36px !important;
  border-radius:9px !important;
  font-size:15px !important;
}

@media (max-width:600px){
  #nho-root .nho-panel{
    width:calc(100vw - 20px) !important;
    max-height:calc(100vh - 115px) !important;
  }
  #nho-root .nho-header{
    min-height:78px !important;
  }
  #nho-root .nho-logo{
    width:min(var(--nho-logo-width,210px),158px) !important;
    max-height:43px !important;
  }
  #nho-root .nho-quick{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #nho-root .nho-card-button{
    min-height:52px !important;
  }
}


/* Version 0.2.2 – ausgewogene Lesbarkeit: kompakt, aber nicht zu klein */
#nho-root .nho-panel{
  width:min(var(--nho-panel-width,410px),calc(100vw - 28px)) !important;
  max-height:min(700px,calc(100vh - 92px)) !important;
}

#nho-root .nho-header{
  min-height:98px !important;
  padding:12px 44px 10px !important;
}

#nho-root .nho-logo{
  width:min(var(--nho-logo-width,210px),198px) !important;
  max-height:54px !important;
}

#nho-root .nho-brand-subtitle{
  font-size:11.3px !important;
  line-height:1.2 !important;
}

#nho-root .nho-messages{
  max-height:150px !important;
  padding:12px 13px 6px !important;
}

#nho-root .nho-msg{
  margin-bottom:8px !important;
  padding:9px 11px !important;
  border-radius:12px !important;
  font-size:13px !important;
  line-height:1.38 !important;
}

#nho-root .nho-quick{
  padding:8px 10px 10px !important;
  gap:8px !important;
}

#nho-root .nho-card-button{
  min-height:63px !important;
  padding:8px 9px !important;
  border-radius:11px !important;
  grid-template-columns:29px minmax(0,1fr) 13px !important;
  gap:7px !important;
}

#nho-root .nho-card-icon{
  width:28px !important;
  height:28px !important;
}

#nho-root .nho-card-icon svg{
  width:24px !important;
  height:24px !important;
}

#nho-root .nho-card-copy strong{
  font-size:12.6px !important;
  line-height:1.18 !important;
  font-weight:700 !important;
}

#nho-root .nho-card-copy span{
  font-size:10.2px !important;
  line-height:1.22 !important;
}

#nho-root .nho-card-arrow{
  font-size:21px !important;
}

#nho-root .nho-more-card{
  width:calc(100% - 20px) !important;
  min-height:58px !important;
  margin:0 10px 8px !important;
  padding:8px 10px !important;
  border-radius:11px !important;
  grid-template-columns:32px minmax(0,1fr) 15px !important;
  gap:8px !important;
}

#nho-root .nho-more-icon{
  width:30px !important;
  height:30px !important;
  border-radius:8px !important;
}

#nho-root .nho-more-icon svg{
  width:22px !important;
  height:22px !important;
}

#nho-root .nho-more-copy strong{
  font-size:12px !important;
  line-height:1.18 !important;
}

#nho-root .nho-more-copy span{
  font-size:9.8px !important;
  line-height:1.2 !important;
}

#nho-root .nho-more-card.is-open{
  min-height:62px !important;
  border-radius:11px 11px 0 0 !important;
}

#nho-root .nho-more-panel{
  margin:-1px 10px 8px !important;
  padding:9px !important;
  border-radius:0 0 11px 11px !important;
}

#nho-root .nho-more-link{
  min-height:44px !important;
  padding:6px 7px !important;
  border-radius:9px !important;
  font-size:10px !important;
}

#nho-root .nho-form{
  padding:8px 9px !important;
  gap:7px !important;
}

#nho-root .nho-form input{
  height:40px !important;
  padding:0 11px !important;
  border-radius:10px !important;
  font-size:12.5px !important;
}

#nho-root .nho-send{
  width:40px !important;
  min-width:40px !important;
  height:40px !important;
  border-radius:10px !important;
  font-size:16px !important;
}

@media (max-width:600px){
  #nho-root .nho-panel{
    width:calc(100vw - 22px) !important;
    max-height:calc(100vh - 118px) !important;
  }
  #nho-root .nho-header{
    min-height:88px !important;
  }
  #nho-root .nho-logo{
    width:min(var(--nho-logo-width,210px),170px) !important;
    max-height:48px !important;
  }
  #nho-root .nho-card-button{
    min-height:58px !important;
  }
}


/* Version 0.2.3 – bessere Lesbarkeit auf Laptop/PC, weiterhin mobil sauber */
#nho-root .nho-panel{
  width:min(var(--nho-panel-width,430px),calc(100vw - 28px)) !important;
  max-height:min(720px,calc(100vh - 90px)) !important;
}

#nho-root .nho-header{
  min-height:102px !important;
  padding:12px 46px 11px !important;
}

#nho-root .nho-logo{
  width:min(var(--nho-logo-width,210px),205px) !important;
  max-height:56px !important;
}

#nho-root .nho-brand-subtitle{
  font-size:11.8px !important;
  line-height:1.25 !important;
}

#nho-root .nho-messages{
  max-height:160px !important;
  padding:13px 14px 7px !important;
}

#nho-root .nho-msg{
  max-width:91% !important;
  padding:10px 12px !important;
  font-size:13.4px !important;
  line-height:1.42 !important;
  margin-bottom:9px !important;
}

#nho-root .nho-quick{
  padding:9px 11px 11px !important;
  gap:9px !important;
}

#nho-root .nho-card-button{
  min-height:68px !important;
  padding:9px 10px !important;
  border-radius:12px !important;
  grid-template-columns:31px minmax(0,1fr) 13px !important;
  gap:8px !important;
}

#nho-root .nho-card-icon{
  width:30px !important;
  height:30px !important;
}

#nho-root .nho-card-icon svg{
  width:25px !important;
  height:25px !important;
}

#nho-root .nho-card-copy strong{
  font-size:13.4px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}

#nho-root .nho-card-copy span{
  font-size:11px !important;
  line-height:1.25 !important;
  color:#61758e !important;
}

#nho-root .nho-card-arrow{
  font-size:22px !important;
}

/* Aufklappbarer Bereich klarer und hochwertiger */
#nho-root .nho-more-card{
  width:calc(100% - 22px) !important;
  min-height:64px !important;
  margin:0 11px 9px !important;
  padding:9px 10px !important;
  border-radius:12px !important;
  grid-template-columns:34px minmax(0,1fr) 15px !important;
  gap:8px !important;
}

#nho-root .nho-more-icon{
  width:32px !important;
  height:32px !important;
}

#nho-root .nho-more-icon svg{
  width:23px !important;
  height:23px !important;
}

#nho-root .nho-more-copy strong{
  font-size:12.8px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}

#nho-root .nho-more-copy span{
  font-size:10.7px !important;
  line-height:1.24 !important;
}

#nho-root .nho-more-card.is-open{
  min-height:68px !important;
}

/* Die regionalen Links werden jetzt bewusst größer dargestellt */
#nho-root .nho-more-panel{
  margin:-1px 11px 9px !important;
  padding:10px !important;
}

#nho-root .nho-more-links{
  gap:8px !important;
}

#nho-root .nho-more-link{
  min-height:48px !important;
  padding:8px 9px !important;
  gap:8px !important;
  border-radius:10px !important;
  font-size:11.2px !important;
  line-height:1.25 !important;
  font-weight:650 !important;
}

#nho-root .nho-more-link-icon{
  width:24px !important;
  height:24px !important;
  flex:0 0 24px !important;
}

#nho-root .nho-more-link-icon svg{
  width:21px !important;
  height:21px !important;
}

/* Eingabe ebenfalls besser lesbar */
#nho-root .nho-form{
  padding:9px 10px !important;
}

#nho-root .nho-form input{
  height:42px !important;
  font-size:13px !important;
  padding:0 12px !important;
}

#nho-root .nho-send{
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
}

/* Tablet: groß genug zum Lesen, aber nicht zu dominant */
@media (min-width:601px) and (max-width:1024px){
  #nho-root .nho-panel{
    width:min(420px,calc(100vw - 34px)) !important;
  }
  #nho-root .nho-card-copy strong{font-size:13px !important}
  #nho-root .nho-card-copy span{font-size:10.7px !important}
  #nho-root .nho-more-link{font-size:10.9px !important}
}

/* Smartphone: Lesbarkeit priorisieren */
@media (max-width:600px){
  #nho-root .nho-panel{
    width:calc(100vw - 18px) !important;
    max-height:calc(100vh - 112px) !important;
  }

  #nho-root .nho-header{
    min-height:90px !important;
    padding:11px 42px 10px !important;
  }

  #nho-root .nho-logo{
    width:min(var(--nho-logo-width,210px),178px) !important;
    max-height:50px !important;
  }

  #nho-root .nho-brand-subtitle{
    font-size:11.2px !important;
  }

  #nho-root .nho-msg{
    font-size:13px !important;
  }

  #nho-root .nho-card-button{
    min-height:62px !important;
  }

  #nho-root .nho-card-copy strong{
    font-size:12.6px !important;
  }

  #nho-root .nho-card-copy span{
    font-size:10.4px !important;
  }

  #nho-root .nho-more-link{
    min-height:46px !important;
    font-size:10.7px !important;
  }
}

/* Sehr schmale Handys: eine Spalte statt gequetschter 2-Spalten-Karten */
@media (max-width:380px){
  #nho-root .nho-quick,
  #nho-root .nho-more-links{
    grid-template-columns:1fr !important;
  }
}


/* Version 0.2.4 – Themenantwort beginnt immer oben im Lesebereich */
#nho-root .nho-topic-answer{
  max-width:100% !important;
  width:100% !important;
  margin-bottom:9px !important;
  padding:12px 13px !important;
}

#nho-root .nho-topic-heading{
  display:block !important;
  margin:0 0 6px !important;
  color:var(--nho-header-bg,#204d84) !important;
  font:700 13.8px/1.22 var(--nho-font,inherit) !important;
}

#nho-root .nho-topic-body{
  display:block !important;
  color:var(--nho-bot-text,#203650) !important;
  font:400 13.2px/1.48 var(--nho-font,inherit) !important;
  white-space:pre-wrap !important;
}

#nho-root .nho-messages{
  scroll-behavior:smooth !important;
  scrollbar-width:thin !important;
  scrollbar-color:#a9bcd0 #eef3f8 !important;
}

#nho-root .nho-messages::-webkit-scrollbar{
  width:7px !important;
}

#nho-root .nho-messages::-webkit-scrollbar-track{
  background:#eef3f8 !important;
  border-radius:10px !important;
}

#nho-root .nho-messages::-webkit-scrollbar-thumb{
  background:#a9bcd0 !important;
  border-radius:10px !important;
}

@media (max-width:600px){
  #nho-root .nho-topic-heading{
    font-size:13.3px !important;
  }
  #nho-root .nho-topic-body{
    font-size:12.8px !important;
    line-height:1.44 !important;
  }
}


/* Version 0.2.5 – runder Markenbereich + Telefon + soziale Netzwerke */
#nho-root .nho-header{
  min-height:108px !important;
  padding:12px 44px 11px 18px !important;
}

#nho-root .nho-brand{
  flex-direction:row !important;
  justify-content:flex-start !important;
  align-items:center !important;
  text-align:left !important;
  gap:12px !important;
}

#nho-root .nho-logo-round{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  max-width:58px !important;
  max-height:58px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  background:#fff !important;
  border:2px solid rgba(255,255,255,.92) !important;
  box-shadow:0 3px 12px rgba(7,30,58,.20) !important;
}

#nho-root .nho-brand-text{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}

#nho-root .nho-title{
  display:block !important;
  color:#fff !important;
  font:700 14.5px/1.16 var(--nho-font,inherit) !important;
  letter-spacing:.05px !important;
}

#nho-root .nho-brand-subtitle{
  width:auto !important;
  text-align:left !important;
  font-size:11.4px !important;
  line-height:1.2 !important;
}

#nho-root .nho-contact-bar{
  min-height:40px !important;
  padding:7px 10px !important;
  border-top:1px solid #e5ebf0 !important;
  background:#f8fbfe !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}

#nho-root .nho-phone-link{
  min-width:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  color:var(--nho-header-bg,#204d84) !important;
  text-decoration:none !important;
  font:500 10.8px/1.2 var(--nho-font,inherit) !important;
}

#nho-root .nho-phone-link strong{
  font-weight:700 !important;
}

#nho-root .nho-phone-icon{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:var(--nho-header-bg,#204d84) !important;
  color:#fff !important;
  font-size:12px !important;
}

#nho-root .nho-social-links{
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  flex-wrap:nowrap !important;
}

#nho-root .nho-social-link{
  width:27px !important;
  height:27px !important;
  min-width:27px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  border:1px solid #cfdbe7 !important;
  background:#fff !important;
  color:var(--nho-header-bg,#204d84) !important;
  text-decoration:none !important;
  transition:transform .15s ease,background .15s ease,border-color .15s ease !important;
}

#nho-root .nho-social-link:hover{
  transform:translateY(-1px) !important;
  background:#eef5fb !important;
  border-color:#abc2d8 !important;
}

#nho-root .nho-social-link svg{
  width:14px !important;
  height:14px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

#nho-root .nho-social-link .nho-social-fill{
  fill:currentColor !important;
  stroke:none !important;
}

@media (max-width:600px){
  #nho-root .nho-header{
    min-height:100px !important;
    padding:11px 40px 10px 14px !important;
  }
  #nho-root .nho-logo-round{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    max-width:52px !important;
  }
  #nho-root .nho-title{
    font-size:13.4px !important;
  }
  #nho-root .nho-brand-subtitle{
    font-size:10.6px !important;
  }
  #nho-root .nho-contact-bar{
    padding:7px 8px !important;
  }
  #nho-root .nho-phone-link{
    font-size:10px !important;
  }
  #nho-root .nho-social-link{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
  }
}

@media (max-width:380px){
  #nho-root .nho-contact-bar{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
}


/* Version 0.2.6 – nur Social Media, ohne Telefonnummer */
#nho-root .nho-contact-bar,
#nho-root .nho-phone-link,
#nho-root .nho-phone-icon{
  display:none !important;
}

#nho-root .nho-social-bar{
  padding:8px 10px 9px !important;
  border-top:1px solid #e5ebf0 !important;
  background:#fbfdff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}

#nho-root .nho-social-caption{
  color:#61758e !important;
  font:600 10.8px/1.2 var(--nho-font,inherit) !important;
}

#nho-root .nho-social-links{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  flex-wrap:nowrap !important;
}

#nho-root .nho-social-link{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:50% !important;
  border:1px solid #cfdbe7 !important;
  background:#fff !important;
  color:var(--nho-header-bg,#204d84) !important;
  display:grid !important;
  place-items:center !important;
  text-decoration:none !important;
  box-shadow:0 2px 7px rgba(32,77,132,.05) !important;
  transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease !important;
}

#nho-root .nho-social-link:hover,
#nho-root .nho-social-link:focus-visible{
  transform:translateY(-1px) !important;
  background:#eef5fb !important;
  border-color:#aebfd1 !important;
  box-shadow:0 4px 10px rgba(32,77,132,.10) !important;
}

#nho-root .nho-social-link svg{
  width:15px !important;
  height:15px !important;
}

@media (max-width:600px){
  #nho-root .nho-social-bar{
    padding:7px 8px 8px !important;
    gap:8px !important;
  }
  #nho-root .nho-social-caption{
    font-size:10.2px !important;
  }
  #nho-root .nho-social-link{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
  }
}


/* Version 0.2.7 – frei erweiterbare Hilfen & Kontakte */
#nho-root .nho-more-link{
  align-items:center !important;
}

#nho-root .nho-more-link-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}

#nho-root .nho-more-link-copy strong{
  color:var(--nho-quick-text,#183b67) !important;
  font:700 11.2px/1.2 var(--nho-font,inherit) !important;
  white-space:normal !important;
}

#nho-root .nho-more-link-copy small{
  color:#6a7f98 !important;
  font:400 9.7px/1.2 var(--nho-font,inherit) !important;
  white-space:normal !important;
}

@media (max-width:600px){
  #nho-root .nho-more-link-copy strong{
    font-size:10.9px !important;
  }
  #nho-root .nho-more-link-copy small{
    font-size:9.4px !important;
  }
}


/* Version 0.2.8 – Kopfbereich: Schließen-Button immer klar sichtbar */
#nho-root .nho-header{
  position:relative !important;
  padding:12px 58px 11px 16px !important;
}

#nho-root .nho-brand{
  width:100% !important;
  max-width:calc(100% - 4px) !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) !important;
  align-items:center !important;
  justify-content:start !important;
  column-gap:11px !important;
}

#nho-root .nho-logo-round{
  grid-column:1 !important;
  justify-self:start !important;
}

#nho-root .nho-brand-text{
  grid-column:2 !important;
  min-width:0 !important;
  width:100% !important;
  padding-right:2px !important;
}

#nho-root .nho-title{
  display:block !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
  font-size:13.6px !important;
  line-height:1.16 !important;
}

#nho-root .nho-brand-subtitle{
  display:block !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  font-size:10.7px !important;
  line-height:1.18 !important;
}

#nho-root .nho-close{
  position:absolute !important;
  top:50% !important;
  right:10px !important;
  transform:translateY(-50%) !important;
  z-index:20 !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.32) !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.12) !important;
  color:#ffffff !important;
  font:400 24px/1 Arial,sans-serif !important;
  box-shadow:0 2px 8px rgba(5,25,50,.12) !important;
  cursor:pointer !important;
}

#nho-root .nho-close:hover,
#nho-root .nho-close:focus-visible{
  background:rgba(255,255,255,.22) !important;
  border-color:rgba(255,255,255,.58) !important;
}

@media (max-width:600px){
  #nho-root .nho-header{
    padding:10px 52px 10px 13px !important;
  }

  #nho-root .nho-brand{
    grid-template-columns:52px minmax(0,1fr) !important;
    column-gap:9px !important;
  }

  #nho-root .nho-title{
    font-size:12.7px !important;
  }

  #nho-root .nho-brand-subtitle{
    font-size:10.1px !important;
  }

  #nho-root .nho-close{
    right:8px !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    font-size:22px !important;
  }
}


/* Version 0.2.9 – direkte Kontakt-Hilfe bei unbekannten Fragen */
#nho-root .nho-fallback-card{
  width:100% !important;
  margin:0 0 10px !important;
  padding:11px 12px 12px !important;
  border:1px solid rgba(32,77,132,.12) !important;
  border-radius:13px !important;
  background:var(--nho-bot-bg,#f2f6fa) !important;
  box-shadow:0 3px 12px rgba(32,77,132,.05) !important;
}

#nho-root .nho-fallback-text{
  color:var(--nho-bot-text,#203650) !important;
  font:400 13px/1.42 var(--nho-font,inherit) !important;
}

#nho-root .nho-contact-cta{
  width:100% !important;
  min-height:38px !important;
  margin-top:9px !important;
  padding:8px 11px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  border-radius:10px !important;
  background:var(--nho-header-bg,#204d84) !important;
  color:#ffffff !important;
  text-decoration:none !important;
  font:700 12.4px/1.2 var(--nho-font,inherit) !important;
  box-shadow:0 5px 13px rgba(32,77,132,.14) !important;
  transition:transform .15s ease,filter .15s ease,box-shadow .15s ease !important;
}

#nho-root .nho-contact-cta:hover,
#nho-root .nho-contact-cta:focus-visible{
  transform:translateY(-1px) !important;
  filter:brightness(.96) !important;
  box-shadow:0 7px 16px rgba(32,77,132,.19) !important;
}

#nho-root .nho-contact-cta-arrow{
  font:400 20px/1 Arial,sans-serif !important;
}

@media (max-width:600px){
  #nho-root .nho-fallback-text{
    font-size:12.7px !important;
  }
  #nho-root .nho-contact-cta{
    min-height:40px !important;
    font-size:12.2px !important;
  }
}


/* Version 0.3.0 – Fokusmodus für „Weitere Hilfen & Kontakte“ */
#nho-root.nho-more-focus .nho-panel{
  max-height:min(760px,calc(100vh - 90px)) !important;
}

#nho-root.nho-more-focus .nho-messages,
#nho-root.nho-more-focus .nho-quick,
#nho-root.nho-more-focus .nho-form,
#nho-root.nho-more-focus .nho-social-bar{
  display:none !important;
}

#nho-root.nho-more-focus .nho-more-card{
  margin:12px 12px 0 !important;
  width:calc(100% - 24px) !important;
  min-height:72px !important;
  border-radius:13px 13px 0 0 !important;
  background:var(--nho-header-bg,#204d84) !important;
  border-color:var(--nho-header-bg,#204d84) !important;
  box-shadow:none !important;
  transform:none !important;
}

#nho-root.nho-more-focus .nho-more-card .nho-more-copy strong,
#nho-root.nho-more-focus .nho-more-card .nho-more-copy span,
#nho-root.nho-more-focus .nho-more-card .nho-more-arrow{
  color:#ffffff !important;
}

#nho-root.nho-more-focus .nho-more-card .nho-more-icon{
  color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

#nho-root.nho-more-focus .nho-more-panel{
  display:block !important;
  margin:-1px 12px 12px !important;
  padding:12px !important;
  max-height:430px !important;
  overflow-y:auto !important;
  border:1px solid #c7d6e4 !important;
  border-top:0 !important;
  border-radius:0 0 13px 13px !important;
  background:#f8fbfe !important;
  scrollbar-width:thin !important;
  scrollbar-color:#a9bcd0 #eef3f8 !important;
}

#nho-root.nho-more-focus .nho-more-panel::-webkit-scrollbar{
  width:7px !important;
}
#nho-root.nho-more-focus .nho-more-panel::-webkit-scrollbar-track{
  background:#eef3f8 !important;
  border-radius:10px !important;
}
#nho-root.nho-more-focus .nho-more-panel::-webkit-scrollbar-thumb{
  background:#a9bcd0 !important;
  border-radius:10px !important;
}

/* Im Fokusmodus bekommen die Hilfsangebote mehr Raum und bessere Lesbarkeit */
#nho-root.nho-more-focus .nho-more-links{
  grid-template-columns:1fr !important;
  gap:9px !important;
}

#nho-root.nho-more-focus .nho-more-link{
  min-height:58px !important;
  padding:9px 10px !important;
  border-radius:11px !important;
  background:#ffffff !important;
  border:1px solid #d8e4ef !important;
  box-shadow:0 3px 10px rgba(32,77,132,.04) !important;
}

#nho-root.nho-more-focus .nho-more-link:hover,
#nho-root.nho-more-focus .nho-more-link:focus-visible{
  background:#eef5fb !important;
  border-color:#b7cce0 !important;
  box-shadow:0 6px 14px rgba(32,77,132,.08) !important;
}

#nho-root.nho-more-focus .nho-more-link-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  color:var(--nho-accent,#d94a57) !important;
}

#nho-root.nho-more-focus .nho-more-link-icon svg{
  width:24px !important;
  height:24px !important;
}

#nho-root.nho-more-focus .nho-more-link-copy strong{
  font-size:12.6px !important;
  line-height:1.22 !important;
}

#nho-root.nho-more-focus .nho-more-link-copy small{
  font-size:10.6px !important;
  line-height:1.26 !important;
  color:#667b93 !important;
}

/* Pfeil zeigt im geöffneten Fokusmodus nach unten/oben deutlich an */
#nho-root.nho-more-focus .nho-more-arrow{
  transform:rotate(90deg) !important;
}

@media (max-width:600px){
  #nho-root.nho-more-focus .nho-more-card{
    margin:10px 9px 0 !important;
    width:calc(100% - 18px) !important;
    min-height:68px !important;
  }

  #nho-root.nho-more-focus .nho-more-panel{
    margin:-1px 9px 10px !important;
    max-height:calc(100vh - 245px) !important;
    padding:10px !important;
  }

  #nho-root.nho-more-focus .nho-more-link{
    min-height:56px !important;
  }

  #nho-root.nho-more-focus .nho-more-link-copy strong{
    font-size:12.2px !important;
  }

  #nho-root.nho-more-focus .nho-more-link-copy small{
    font-size:10.3px !important;
  }
}


/* Version 0.3.1 – Tooltip/Sprechblase für Hilfs-Einträge */
#nho-root .nho-more-link{
  position:relative !important;
  overflow:visible !important;
}

#nho-root .nho-more-link-copy{
  position:relative !important;
}

#nho-root .nho-more-tooltip{
  position:absolute !important;
  left:50% !important;
  bottom:calc(100% + 8px) !important;
  transform:translate(-50%, 8px) !important;
  min-width:160px !important;
  max-width:228px !important;
  padding:9px 11px !important;
  border-radius:12px !important;
  background:var(--nho-header-bg,#204d84) !important;
  color:#ffffff !important;
  font:500 11px/1.34 var(--nho-font,inherit) !important;
  text-align:left !important;
  white-space:normal !important;
  box-shadow:0 10px 26px rgba(18,41,74,.24) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:40 !important;
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease !important;
}

#nho-root .nho-more-tooltip::after{
  content:'' !important;
  position:absolute !important;
  left:50% !important;
  top:100% !important;
  transform:translateX(-50%) !important;
  border-width:7px 7px 0 7px !important;
  border-style:solid !important;
  border-color:var(--nho-header-bg,#204d84) transparent transparent transparent !important;
}

#nho-root .nho-more-link:hover .nho-more-tooltip,
#nho-root .nho-more-link:focus-visible .nho-more-tooltip,
#nho-root .nho-more-link:focus-within .nho-more-tooltip{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate(-50%, 0) !important;
}

/* Desktop/Laptop: Beschreibung als Sprechblase statt unter dem Titel */
@media (hover:hover) and (pointer:fine){
  #nho-root .nho-more-subtitle{
    display:none !important;
  }

  #nho-root.nho-more-focus .nho-more-link{
    min-height:52px !important;
    align-items:center !important;
  }
}

/* Touch-Geräte: Die Kurzinfo bleibt sichtbar, weil Hover dort nicht verlässlich ist */
@media (hover:none), (pointer:coarse){
  #nho-root .nho-more-tooltip{
    display:none !important;
  }

  #nho-root .nho-more-subtitle{
    display:block !important;
  }
}


/* Version 0.3.2 – dunkler Premium-Hover für „Weitere Hilfen & Kontakte“ */
#nho-root .nho-more-card:not(.is-open):hover,
#nho-root .nho-more-card:not(.is-open):focus-visible{
  background:var(--nho-header-bg,#204d84) !important;
  border-color:var(--nho-header-bg,#204d84) !important;
  box-shadow:0 9px 22px rgba(24,59,103,.20) !important;
  transform:translateY(-1px) !important;
}

#nho-root .nho-more-card:not(.is-open):hover .nho-more-copy strong,
#nho-root .nho-more-card:not(.is-open):hover .nho-more-copy span,
#nho-root .nho-more-card:not(.is-open):hover .nho-more-arrow,
#nho-root .nho-more-card:not(.is-open):focus-visible .nho-more-copy strong,
#nho-root .nho-more-card:not(.is-open):focus-visible .nho-more-copy span,
#nho-root .nho-more-card:not(.is-open):focus-visible .nho-more-arrow{
  color:#ffffff !important;
}

#nho-root .nho-more-card:not(.is-open):hover .nho-more-icon,
#nho-root .nho-more-card:not(.is-open):focus-visible .nho-more-icon{
  color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

#nho-root .nho-more-card:not(.is-open):hover .nho-more-arrow,
#nho-root .nho-more-card:not(.is-open):focus-visible .nho-more-arrow{
  transform:translateX(2px) !important;
}


/* Version 0.3.3 – Themenantwort mit sichtbarem Teaser und Weiterlesen-Hinweis */
#nho-root.nho-topic-selected .nho-messages{
  flex:0 0 154px !important;
  height:154px !important;
  min-height:154px !important;
  max-height:154px !important;
  overflow-y:auto !important;
  padding:10px 12px 12px !important;
  background:linear-gradient(180deg,#fbfdff 0%,#ffffff 100%) !important;
}

#nho-root.nho-topic-selected .nho-topic-answer{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:11px 12px !important;
  border-radius:12px !important;
}

#nho-root.nho-topic-selected .nho-topic-heading{
  margin-bottom:7px !important;
  font-size:13.8px !important;
  line-height:1.22 !important;
}

#nho-root.nho-topic-selected .nho-topic-body{
  font-size:12.7px !important;
  line-height:1.42 !important;
}

#nho-root .nho-topic-scroll-hint{
  appearance:none !important;
  width:100% !important;
  min-height:27px !important;
  margin:0 !important;
  padding:4px 12px !important;
  border:0 !important;
  border-top:1px solid #dce6ef !important;
  border-bottom:1px solid #e7edf3 !important;
  background:linear-gradient(180deg,#ffffff,#eef5fb) !important;
  color:var(--nho-header-bg,#204d84) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  font:700 10.7px/1.2 var(--nho-font,inherit) !important;
  letter-spacing:.1px !important;
  cursor:pointer !important;
  transition:background .15s ease,color .15s ease !important;
}

#nho-root .nho-topic-scroll-hint[hidden]{
  display:none !important;
}

#nho-root .nho-topic-scroll-hint:hover,
#nho-root .nho-topic-scroll-hint:focus-visible{
  background:var(--nho-header-bg,#204d84) !important;
  color:#ffffff !important;
}

@media (max-width:600px){
  #nho-root.nho-topic-selected .nho-messages{
    flex-basis:160px !important;
    height:160px !important;
    min-height:160px !important;
    max-height:160px !important;
  }

  #nho-root.nho-topic-selected .nho-topic-heading{
    font-size:13.3px !important;
  }

  #nho-root.nho-topic-selected .nho-topic-body{
    font-size:12.5px !important;
    line-height:1.4 !important;
  }

  #nho-root .nho-topic-scroll-hint{
    min-height:30px !important;
    font-size:10.8px !important;
  }
}


/* Version 0.3.4 – Header bleibt sichtbar + Begrüßung wird nicht mehr gequetscht */

/* Der blaue Marken-Header darf im Flex-Layout niemals zusammenschrumpfen. */
#nho-root .nho-header{
  flex:0 0 auto !important;
  flex-shrink:0 !important;
  z-index:60 !important;
}

/* Logo/Marke bleiben auch nach Klick auf ein Hauptthema vollständig sichtbar. */
#nho-root .nho-brand,
#nho-root .nho-logo-round,
#nho-root .nho-brand-text{
  flex-shrink:0 !important;
}

/* Startansicht: genügend fester Platz für den Einleitungstext. */
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-messages{
  flex:0 0 76px !important;
  height:76px !important;
  min-height:76px !important;
  max-height:76px !important;
  overflow-y:auto !important;
  padding:10px 12px 8px !important;
}

/* Die Begrüßungsblase selbst darf ebenfalls nicht vertikal zusammengedrückt werden. */
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-messages .nho-msg{
  min-height:auto !important;
  margin-bottom:4px !important;
}

/* Themenansicht: Header bleibt separat, darunter der Teaserbereich aus 0.3.3. */
#nho-root.nho-topic-selected .nho-header{
  flex:0 0 auto !important;
  min-height:108px !important;
}

#nho-root.nho-topic-selected .nho-messages{
  flex-shrink:0 !important;
}

/* Auch die übrigen Hauptbausteine sollen sich nicht gegenseitig "wegdrücken". */
#nho-root .nho-quick,
#nho-root .nho-more-card,
#nho-root .nho-form,
#nho-root .nho-social-bar{
  flex-shrink:0 !important;
}

/* Auf kleineren Geräten bleibt der Header sichtbar; die Maße werden nur moderat reduziert. */
@media (max-width:600px){
  #nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-messages{
    flex-basis:78px !important;
    height:78px !important;
    min-height:78px !important;
    max-height:78px !important;
  }

  #nho-root.nho-topic-selected .nho-header{
    min-height:100px !important;
  }
}


/* Version 0.3.5 – offener Bot bleibt vollständig im sichtbaren Browserfenster */

/* Der kleine „Hilfe finden“-Launcher ist bei geöffnetem Bot überflüssig.
   Er nimmt sonst genau den Platz weg, der dem Kopfbereich oben fehlt. */
#nho-root .nho-launcher[aria-expanded="true"]{
  display:none !important;
}

/* Da der Launcher im geöffneten Zustand wegfällt, darf das eigentliche
   Bot-Fenster mehr Höhe nutzen, ohne oben aus dem Viewport zu rutschen. */
#nho-root:has(.nho-launcher[aria-expanded="true"]) .nho-panel{
  max-height:calc(100vh - 44px) !important;
}

/* Der Marken-Header bleibt immer der erste sichtbare Bereich. */
#nho-root:has(.nho-launcher[aria-expanded="true"]) .nho-header{
  flex:0 0 auto !important;
  flex-shrink:0 !important;
  position:relative !important;
  z-index:100 !important;
}

/* Desktop/Laptop: unten genügend Sicherheitsabstand lassen. */
@media (min-width:1025px){
  #nho-root:has(.nho-launcher[aria-expanded="true"]){
    bottom:22px !important;
  }
}

/* Tablet: der vorhandene Abstand zur mobilen Navigation bleibt erhalten. */
@media (min-width:601px) and (max-width:1024px){
  #nho-root:has(.nho-launcher[aria-expanded="true"]) .nho-panel{
    max-height:calc(100vh - var(--nho-tablet-bottom,100px) - 18px) !important;
  }
}

/* Smartphone: ebenfalls komplette Sichtbarkeit des Headers sicherstellen. */
@media (max-width:600px){
  #nho-root:has(.nho-launcher[aria-expanded="true"]) .nho-panel{
    max-height:calc(100vh - var(--nho-phone-bottom,100px) - 16px) !important;
  }
}



/* Version 0.3.6 – größere, besser lesbare Sprechblasen / Tooltips */
#nho-root .nho-more-tooltip{
  min-width: 210px !important;
  max-width: 260px !important;
  padding: 11px 13px !important;
  border-radius: 12px !important;
  font-size: 13.6px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  letter-spacing: .1px !important;
  box-shadow: 0 14px 34px rgba(26,47,86,.20) !important;
}

#nho-root .nho-more-tooltip strong{
  font-size: 13.8px !important;
  line-height: 1.35 !important;
}

#nho-root .nho-more-tooltip small,
#nho-root .nho-more-tooltip span{
  font-size: 13.2px !important;
  line-height: 1.45 !important;
}

#nho-root .nho-more-tooltip::after{
  border-width: 8px !important;
}

@media (max-width: 1024px){
  #nho-root .nho-more-tooltip{
    min-width: 200px !important;
    max-width: 240px !important;
    font-size: 13.2px !important;
  }
}

@media (max-width: 600px){
  #nho-root .nho-more-tooltip{
    min-width: 190px !important;
    max-width: 225px !important;
    padding: 10px 12px !important;
    font-size: 12.8px !important;
  }
}


/* Version 0.4.1 – einheitliche Tooltip-Logik für „Weitere Hilfen & Kontakte“ */

/* 1. Erster Eintrag: keine Sprechblase, Kurzinfo fest unter dem Titel. */
#nho-root .nho-more-link-first{
  min-height:68px !important;
  align-items:center !important;
}

#nho-root .nho-more-link-first .nho-more-link-copy{
  gap:3px !important;
}

#nho-root .nho-more-link-first .nho-more-subtitle-inline{
  display:block !important;
  margin-top:2px !important;
  color:#657b94 !important;
  font:500 11.2px/1.30 var(--nho-font,inherit) !important;
  white-space:normal !important;
}

#nho-root .nho-more-link-first .nho-more-tooltip{
  display:none !important;
}

/* 2. Ab dem zweiten Eintrag: Tooltip grundsätzlich OBERHALB des jeweiligen Eintrags. */
@media (hover:hover) and (pointer:fine){
  #nho-root .nho-more-links{
    position:relative !important;
  }

  #nho-root .nho-more-link{
    position:relative !important;
    z-index:1 !important;
    overflow:visible !important;
  }

  #nho-root .nho-more-link:nth-child(n+2):hover,
  #nho-root .nho-more-link:nth-child(n+2):focus-visible,
  #nho-root .nho-more-link:nth-child(n+2):focus-within{
    z-index:200 !important;
  }

  #nho-root .nho-more-link:nth-child(n+2) .nho-more-tooltip{
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:calc(100% + 8px) !important;
    transform:translate(-50%, 8px) !important;
    z-index:300 !important;
  }

  #nho-root .nho-more-link:nth-child(n+2) .nho-more-tooltip::after{
    left:50% !important;
    top:100% !important;
    bottom:auto !important;
    transform:translateX(-50%) !important;
    border-width:8px 8px 0 8px !important;
    border-style:solid !important;
    border-color:var(--nho-header-bg,#204d84) transparent transparent transparent !important;
  }

  #nho-root .nho-more-link:nth-child(n+2):hover .nho-more-tooltip,
  #nho-root .nho-more-link:nth-child(n+2):focus-visible .nho-more-tooltip,
  #nho-root .nho-more-link:nth-child(n+2):focus-within .nho-more-tooltip{
    opacity:1 !important;
    visibility:visible !important;
    transform:translate(-50%, 0) !important;
  }

  /* Desktop: die Kurzinfo der übrigen Einträge bleibt nur im Tooltip. */
  #nho-root .nho-more-link:nth-child(n+2) .nho-more-subtitle{
    display:none !important;
  }
}

/* Touch-Geräte: keine Hover-Abhängigkeit; Kurzinfo bleibt sichtbar. */
@media (hover:none), (pointer:coarse){
  #nho-root .nho-more-link .nho-more-tooltip{
    display:none !important;
  }

  #nho-root .nho-more-link .nho-more-subtitle{
    display:block !important;
  }
}


/* Version 0.4.2 – Firefox-sichere schwebende Sprechblasen
   Die eigentliche Sprechblase liegt nun außerhalb des scrollbaren Bot-Bereichs.
   Dadurch kann sie nicht mehr vom oberen Listen-/Buttonbereich abgeschnitten werden. */
@media (hover:hover) and (pointer:fine){
  /* Die alten internen Tooltips bleiben nur als Textquelle im DOM und werden nicht gerendert. */
  #nho-root .nho-more-link:nth-child(n+2) .nho-more-tooltip{
    display:none !important;
  }
}

/* Globale Floating-Sprechblase – absichtlich außerhalb von #nho-root. */
.nho-floating-tooltip{
  position:fixed !important;
  left:0;
  top:0;
  width:max-content;
  min-width:210px;
  max-width:260px;
  padding:11px 13px;
  border-radius:12px;
  background:#204d84;
  color:#fff;
  font:500 13.6px/1.45 Arial,sans-serif;
  letter-spacing:.1px;
  text-align:left;
  white-space:normal;
  overflow-wrap:anywhere;
  box-sizing:border-box;
  box-shadow:0 14px 34px rgba(26,47,86,.25);
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  pointer-events:none;
  z-index:2147483000;
  transition:opacity .14s ease, transform .14s ease, visibility .14s ease;
}

.nho-floating-tooltip.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.nho-floating-tooltip::after{
  content:'';
  position:absolute;
  left:var(--nho-tooltip-arrow-x,50%);
  top:100%;
  transform:translateX(-50%);
  border-width:8px 8px 0 8px;
  border-style:solid;
  border-color:var(--nho-floating-bg,#204d84) transparent transparent transparent;
}

.nho-floating-tooltip[hidden]{
  display:none !important;
}


/* Version 0.4.3 – erster Kontakt: Kurzbeschreibung größer und besser lesbar */
#nho-root .nho-more-link-first .nho-more-subtitle-inline{
  font-size:13.4px !important;
  line-height:1.42 !important;
  font-weight:600 !important;
  margin-top:4px !important;
  color:#536b86 !important;
}


/* Version 0.4.4 – transparenter Hinweis zum kostenlosen Hilfsdienstleister-Verzeichnis */
#nho-root .nho-more-notice{
  display:none !important;
}

#nho-root.nho-more-focus .nho-more-notice{
  display:block !important;
  margin:0 12px !important;
  padding:10px 12px 11px !important;
  border-left:1px solid #c7d6e4 !important;
  border-right:1px solid #c7d6e4 !important;
  background:#eef5fb !important;
  color:#38536f !important;
  font:500 12.3px/1.46 var(--nho-font,inherit) !important;
  text-align:left !important;
  overflow-wrap:anywhere !important;
  flex-shrink:0 !important;
}

/* Der Listenbereich schließt direkt an den Hinweis an. */
#nho-root.nho-more-focus .nho-more-notice + .nho-form{
  display:none !important;
}

@media (max-width:600px){
  #nho-root.nho-more-focus .nho-more-notice{
    margin:0 9px !important;
    padding:9px 10px 10px !important;
    font-size:12px !important;
    line-height:1.44 !important;
  }
}


/* Version 0.4.5 – größere Schrift im Marken-Header, ohne Überlagerung des Schließen-X */
#nho-root .nho-header{
  padding-right:66px !important;
}

#nho-root .nho-brand-text{
  padding-right:6px !important;
}

#nho-root .nho-title{
  font-size:15.2px !important;
  line-height:1.18 !important;
  font-weight:700 !important;
  letter-spacing:.05px !important;
}

#nho-root .nho-brand-subtitle{
  margin-top:2px !important;
  font-size:12.2px !important;
  line-height:1.28 !important;
  font-weight:500 !important;
  letter-spacing:.1px !important;
}

/* Das Schließen-X behält einen eigenen, freien Bereich rechts. */
#nho-root .nho-close{
  right:10px !important;
}

/* Smartphone: ebenfalls etwas größer, aber weiterhin mit Platz für das X. */
@media (max-width:600px){
  #nho-root .nho-header{
    padding-right:58px !important;
  }

  #nho-root .nho-title{
    font-size:14px !important;
    line-height:1.18 !important;
  }

  #nho-root .nho-brand-subtitle{
    font-size:11.4px !important;
    line-height:1.24 !important;
  }
}


/* Version 0.4.6 – Hintergrundseite scrollt nicht, solange der Cursor im Bot steht */
#nho-root .nho-panel,
#nho-root .nho-messages,
#nho-root .nho-more-panel{
  overscroll-behavior:contain !important;
}



/* Version 0.4.8 – Social-Media-Bereich zentriert und hochwertiger */
#nho-root .nho-social-bar{
  padding:10px 12px 12px !important;
  border-top:1px solid #e5ebf0 !important;
  background:#fbfdff !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  text-align:center !important;
}

#nho-root .nho-social-caption{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  color:#5a6f89 !important;
  font:700 11.6px/1.2 var(--nho-font,inherit) !important;
  letter-spacing:.01em !important;
}

#nho-root .nho-social-links{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

#nho-root .nho-social-link{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  border-radius:999px !important;
  border:1px solid #d5e0eb !important;
  background:linear-gradient(180deg,#ffffff 0%,#f4f8fc 100%) !important;
  color:#2c5f9d !important;
  display:grid !important;
  place-items:center !important;
  text-decoration:none !important;
  box-shadow:0 5px 14px rgba(32,77,132,.10), inset 0 1px 0 rgba(255,255,255,.85) !important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

#nho-root .nho-social-link:hover,
#nho-root .nho-social-link:focus-visible{
  transform:translateY(-1px) scale(1.03) !important;
  border-color:#bdd0e2 !important;
  background:linear-gradient(180deg,#ffffff 0%,#eef5fb 100%) !important;
  box-shadow:0 8px 18px rgba(32,77,132,.14), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

#nho-root .nho-social-link svg{
  width:19px !important;
  height:19px !important;
}

#nho-root .nho-social-link--facebook{
  color:#1877f2 !important;
}

#nho-root .nho-social-link--instagram{
  color:#d22e7b !important;
  background:linear-gradient(180deg,#ffffff 0%,#fff5fa 100%) !important;
}

#nho-root .nho-social-link--instagram:hover,
#nho-root .nho-social-link--instagram:focus-visible{
  background:linear-gradient(180deg,#ffffff 0%,#ffeef6 100%) !important;
  border-color:#efc0d7 !important;
}

@media (max-width:600px){
  #nho-root .nho-social-bar{
    padding:9px 10px 11px !important;
    gap:7px !important;
  }
  #nho-root .nho-social-caption{
    font-size:11.2px !important;
  }
  #nho-root .nho-social-links{
    gap:9px !important;
  }
  #nho-root .nho-social-link{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }
  #nho-root .nho-social-link svg{
    width:18px !important;
    height:18px !important;
  }
}


/* Version 0.4.9 – größere, hochwertigere Social-Media-Icons */
#nho-root .nho-social-bar{
  padding:11px 12px 13px !important;
  gap:9px !important;
}

#nho-root .nho-social-caption{
  font:700 12.4px/1.2 var(--nho-font,inherit) !important;
  color:#48617d !important;
}

#nho-root .nho-social-links{
  gap:12px !important;
}

#nho-root .nho-social-link{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border:1px solid #cfdae6 !important;
  background:linear-gradient(180deg,#ffffff 0%,#edf4fb 100%) !important;
  box-shadow:0 7px 18px rgba(32,77,132,.14), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

#nho-root .nho-social-link:hover,
#nho-root .nho-social-link:focus-visible{
  transform:translateY(-1px) scale(1.04) !important;
  border-color:#b6c8d9 !important;
  background:linear-gradient(180deg,#ffffff 0%,#e7f0fa 100%) !important;
  box-shadow:0 10px 20px rgba(32,77,132,.18), inset 0 1px 0 rgba(255,255,255,1) !important;
}

#nho-root .nho-social-link svg{
  width:22px !important;
  height:22px !important;
}

#nho-root .nho-social-link--facebook{
  color:#1877f2 !important;
}

#nho-root .nho-social-link--instagram{
  color:#c92e78 !important;
  background:linear-gradient(180deg,#ffffff 0%,#fff1f7 100%) !important;
}

#nho-root .nho-social-link--instagram:hover,
#nho-root .nho-social-link--instagram:focus-visible{
  background:linear-gradient(180deg,#ffffff 0%,#ffe8f2 100%) !important;
  border-color:#ebb7d0 !important;
}

@media (max-width:600px){
  #nho-root .nho-social-bar{
    padding:10px 10px 12px !important;
    gap:8px !important;
  }
  #nho-root .nho-social-caption{
    font-size:12px !important;
  }
  #nho-root .nho-social-links{
    gap:10px !important;
  }
  #nho-root .nho-social-link{
    width:43px !important;
    height:43px !important;
    min-width:43px !important;
  }
  #nho-root .nho-social-link svg{
    width:20px !important;
    height:20px !important;
  }
}


/* Version 0.5.0 – Social Media deutlich größer und logohafter */
#nho-root .nho-social-bar{
  padding:12px 12px 14px !important;
  gap:10px !important;
}

#nho-root .nho-social-caption{
  font:700 13px/1.2 var(--nho-font,inherit) !important;
  color:#425c78 !important;
}

#nho-root .nho-social-links{
  gap:14px !important;
}

#nho-root .nho-social-link{
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  border-radius:50% !important;
  border:none !important;
  color:#ffffff !important;
  box-shadow:0 10px 22px rgba(32,77,132,.18), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

#nho-root .nho-social-link svg{
  width:26px !important;
  height:26px !important;
  stroke-width:2.1 !important;
}

#nho-root .nho-social-link--facebook{
  background:linear-gradient(180deg,#2d88ff 0%,#1663db 100%) !important;
  color:#ffffff !important;
}

#nho-root .nho-social-link--instagram{
  background:linear-gradient(135deg,#feda75 0%,#fa7e1e 25%,#d62976 58%,#962fbf 82%,#4f5bd5 100%) !important;
  color:#ffffff !important;
}

#nho-root .nho-social-link--facebook:hover,
#nho-root .nho-social-link--facebook:focus-visible{
  background:linear-gradient(180deg,#4395ff 0%,#175fcc 100%) !important;
}

#nho-root .nho-social-link--instagram:hover,
#nho-root .nho-social-link--instagram:focus-visible{
  filter:saturate(1.08) brightness(1.02) !important;
}

@media (max-width:600px){
  #nho-root .nho-social-caption{
    font-size:12.4px !important;
  }
  #nho-root .nho-social-links{
    gap:12px !important;
  }
  #nho-root .nho-social-link{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
  }
  #nho-root .nho-social-link svg{
    width:24px !important;
    height:24px !important;
  }
}


/* Version 0.5.1 – Social Icons etwas höher positionieren */
#nho-root .nho-social-bar{
  padding-top:10px !important;
  padding-bottom:18px !important;
  gap:8px !important;
}

#nho-root .nho-social-caption{
  margin-bottom:0 !important;
}

#nho-root .nho-social-links{
  position:relative !important;
  top:-4px !important;
  margin-bottom:2px !important;
}

@media (max-width:600px){
  #nho-root .nho-social-bar{
    padding-top:9px !important;
    padding-bottom:16px !important;
  }
  #nho-root .nho-social-links{
    top:-3px !important;
  }
}


/* Version 0.5.2 – professionellere, kompaktere Social-Buttons ohne Abschneiden */
#nho-root .nho-social-bar{
  padding:8px 12px 12px !important;
  gap:7px !important;
  background:#fbfdff !important;
}

#nho-root .nho-social-caption{
  font:700 12.2px/1.2 var(--nho-font,inherit) !important;
  color:#45607d !important;
}

#nho-root .nho-social-links{
  position:static !important;
  top:auto !important;
  margin:0 !important;
  gap:10px !important;
}

#nho-root .nho-social-link{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:999px !important;
  box-shadow:0 7px 16px rgba(32,77,132,.15), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

#nho-root .nho-social-link svg{
  width:20px !important;
  height:20px !important;
  stroke-width:1.95 !important;
}

#nho-root .nho-social-link--facebook{
  background:linear-gradient(180deg,#2b84ff 0%,#1764da 100%) !important;
}

#nho-root .nho-social-link--instagram{
  background:linear-gradient(135deg,#f9cf6b 0%,#f88c2a 24%,#dd2a7b 58%,#8134af 82%,#515bd4 100%) !important;
}

@media (max-width:600px){
  #nho-root .nho-social-bar{
    padding:8px 10px 11px !important;
    gap:6px !important;
  }
  #nho-root .nho-social-caption{
    font-size:11.8px !important;
  }
  #nho-root .nho-social-links{
    gap:9px !important;
  }
  #nho-root .nho-social-link{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
  }
  #nho-root .nho-social-link svg{
    width:19px !important;
    height:19px !important;
  }
}


/* Version 0.5.3 – Social-Buttons beim Hover dauerhaft sichtbar */
#nho-root .nho-social-link,
#nho-root .nho-social-link:hover,
#nho-root .nho-social-link:focus-visible,
#nho-root .nho-social-link:active {
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  color:#fff !important;
  filter:none !important;
  box-shadow:0 5px 12px rgba(32,77,132,.15) !important;
}
#nho-root .nho-social-link--facebook,
#nho-root .nho-social-link--facebook:hover,
#nho-root .nho-social-link--facebook:focus-visible,
#nho-root .nho-social-link--facebook:active {
  background:linear-gradient(180deg,#2b84ff 0%,#1764da 100%) !important;
}
#nho-root .nho-social-link--instagram,
#nho-root .nho-social-link--instagram:hover,
#nho-root .nho-social-link--instagram:focus-visible,
#nho-root .nho-social-link--instagram:active {
  background:linear-gradient(135deg,#f9cf6b 0%,#f88c2a 24%,#dd2a7b 58%,#8134af 82%,#515bd4 100%) !important;
}
#nho-root .nho-social-link:hover,
#nho-root .nho-social-link:focus-visible {
  box-shadow:0 0 0 2px #fff,0 0 0 3px #b9cadb,0 5px 12px rgba(32,77,132,.2) !important;
}
#nho-root .nho-social-link svg {
  display:block !important;
  color:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
}
#nho-root .nho-social-link svg .nho-social-fill {
  fill:#fff !important;
  stroke:none !important;
}
#nho-root .nho-social-link--instagram svg {
  fill:none !important;
  stroke:#fff !important;
  stroke-width:2 !important;
}
#nho-root .nho-social-bar {
  overflow:visible !important;
}


/* 0.5.6 – sichtbarer YouTube-Button; alle übrigen Social-Buttons unverändert */
#nho-root .nho-social-link--youtube,
#nho-root .nho-social-link--youtube:hover,
#nho-root .nho-social-link--youtube:focus-visible,
#nho-root .nho-social-link--youtube:active {
  background:linear-gradient(180deg,#ff3434 0%,#d90918 100%) !important;
  color:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
}
#nho-root .nho-social-link--youtube svg {
  fill:none !important;
  stroke:#fff !important;
  stroke-width:1.9 !important;
}
#nho-root .nho-social-link--youtube svg .nho-social-fill {
  fill:#fff !important;
  stroke:none !important;
}

/* Version 0.5.7: eigenständige FAQ-Auswahl im Bot */
#nho-root .nho-enhanced-topics, #nho-root .nho-enhanced-faqs{display:grid;gap:8px;margin:10px 0;width:100%;}
#nho-root .nho-enhanced-topic,#nho-root .nho-enhanced-back{display:block;width:100%;min-height:42px;padding:11px 13px;border:1px solid #b9cee2;border-radius:9px;background:#eef5fc;color:#173b57;text-align:left;font-size:13px;font-weight:700;cursor:pointer;}
#nho-root .nho-enhanced-topic:hover,#nho-root .nho-enhanced-back:hover{background:#dcebf7;}
#nho-root .nho-enhanced-faq{border:1px solid #b9cee2;border-radius:9px;background:#fff;overflow:hidden;color:#173b57;}
#nho-root .nho-enhanced-faq summary{list-style:none;cursor:pointer;padding:12px 14px;font-size:13px;font-weight:700;line-height:1.5;text-align:left;}
#nho-root .nho-enhanced-faq summary::-webkit-details-marker{display:none;}
#nho-root .nho-enhanced-faq summary::after{content:'+';float:right;font-size:17px;margin-left:8px;}
#nho-root .nho-enhanced-faq[open] summary{background:#315f91;color:white;}
#nho-root .nho-enhanced-faq[open] summary::after{content:'-';}
#nho-root .nho-enhanced-faq p{padding:12px 14px!important;margin:0!important;line-height:1.65!important;font-size:13px!important;max-width:none!important;text-align:left!important;color:#34485b!important;}
#nho-root .nho-enhanced-back{margin:10px 0;}
#nho-root .nho-enhanced-topic:focus-visible,#nho-root .nho-enhanced-back:focus-visible,#nho-root .nho-enhanced-faq summary:focus-visible{outline:3px solid #e5a132;outline-offset:2px;}


/* Version 0.5.8 – Korrektur: Marken-Header stets beim ersten Öffnen sichtbar.
   Das Fenster wird bei geöffnetem Zustand auf die sichtbare Viewporthöhe
   beschränkt; bei langen Startmenüs scrollt der Fensterinhalt statt
   den Header über den oberen Bildschirmrand hinauszuschieben. */
#nho-root:has(.nho-launcher[aria-expanded="true"]) {
  top: 12px !important;
  bottom: 12px !important;
  height: auto !important;
  max-height: calc(100dvh - 24px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  min-height: 0 !important;
}
#nho-root:has(.nho-launcher[aria-expanded="true"]) .nho-panel {
  margin: 0 !important;
  max-height: 100% !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}
#nho-root:has(.nho-launcher[aria-expanded="true"]) .nho-header {
  position: sticky !important;
  top: 0 !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  z-index: 120 !important;
}
@media (max-width:600px) {
  #nho-root:has(.nho-launcher[aria-expanded="true"]) {
    top: 8px !important;
    bottom: 8px !important;
    max-height: calc(100dvh - 16px) !important;
  }
}


/* Version 0.5.9 – Eine gewählte Kategorie wird zur eigenen, sofort lesbaren Ansicht.
   Die Themenkacheln bleiben für den Zurück-Button erhalten, sind jedoch im
   Antwortmodus ausgeblendet. Nur der Nachrichtenbereich scrollt. */
#nho-root.nho-topic-selected .nho-quick,
#nho-root.nho-topic-selected .nho-more-card,
#nho-root.nho-topic-selected .nho-more-panel,
#nho-root.nho-topic-selected .nho-social-bar,
#nho-root.nho-topic-selected .nho-form {
  display:none !important;
}
#nho-root.nho-topic-selected .nho-panel {
  height:min(570px,calc(100dvh - 24px)) !important;
  max-height:calc(100dvh - 24px) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
#nho-root.nho-topic-selected .nho-header {
  flex:0 0 auto !important;
  position:relative !important;
  top:auto !important;
}
#nho-root.nho-topic-selected .nho-messages {
  display:block !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow-y:auto !important;
  padding:16px !important;
  overscroll-behavior:contain !important;
}
#nho-root.nho-topic-selected .nho-topic-answer {
  max-width:100% !important;
  width:100% !important;
}
#nho-root.nho-topic-selected .nho-topic-heading,
#nho-root.nho-topic-selected .nho-topic-body {
  text-align:left !important;
}
#nho-root.nho-topic-selected .nho-return-overview {
  margin:16px 0 8px !important;
  min-height:44px !important;
}
#nho-root.nho-topic-selected .nho-topic-scroll-hint {
  flex:0 0 auto !important;
}
@media(max-width:600px){
  #nho-root.nho-topic-selected .nho-panel {
    height:calc(100dvh - 16px) !important;
    max-height:calc(100dvh - 16px) !important;
  }
}

/* 0.6.0: Kontrastreiche, gut erkennbare Navigation für ältere Besucher. */
#nho-root.nho-topic-selected .nho-messages {
  font-size:15px !important;
  line-height:1.65 !important;
}
#nho-root.nho-topic-selected .nho-topic-heading {
  font-size:16px !important;
  line-height:1.45 !important;
}
#nho-root.nho-topic-selected .nho-topic-body,
#nho-root.nho-topic-selected .nho-enhanced-faq p {
  font-size:15px !important;
  line-height:1.65 !important;
}
#nho-root .nho-survey-primary.nho-action {
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  min-height:48px !important;
  width:100% !important;
  padding:12px 15px !important;
  margin:12px 0 !important;
  color:#fff !important;
  background:#4e8536 !important;
  border:2px solid #39712a !important;
  border-radius:9px !important;
  font-size:15px !important;
  font-weight:750 !important;
  text-align:center !important;
  text-decoration:none !important;
  box-shadow:0 3px 9px rgba(30,74,26,.15) !important;
}
#nho-root .nho-survey-primary.nho-action:hover {
  background:#75a84e !important;
  border-color:#4e8536 !important;
}
#nho-root .nho-survey-primary.nho-action:focus-visible,
#nho-root .nho-enhanced-back:focus-visible {
  outline:3px solid #e6aa32 !important;
  outline-offset:3px !important;
}
#nho-root .nho-enhanced-back,
#nho-root.nho-topic-selected .nho-return-overview {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  padding:12px 14px !important;
  background:#315f91 !important;
  border:2px solid #244f7c !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.5 !important;
  font-weight:750 !important;
  text-align:center !important;
  border-radius:9px !important;
  cursor:pointer !important;
  box-shadow:0 3px 8px rgba(23,59,87,.14) !important;
}
#nho-root .nho-enhanced-back:hover,
#nho-root.nho-topic-selected .nho-return-overview:hover {
  background:#477eaf !important;
  border-color:#315f91 !important;
}
@media(max-width:600px){
  #nho-root .nho-enhanced-back,
  #nho-root.nho-topic-selected .nho-return-overview,
  #nho-root .nho-survey-primary.nho-action {min-height:50px !important;}
}


/* 0.6.1: Platzsparende Startansicht mit dauerhaft sichtbarer Social-Leiste.
   Alle Regeln gelten nur im Startmenü, nicht in FAQ-/Antwort- oder Kontakte-Ansichten. */
#nho-root:not(.nho-topic-selected):not(.nho-more-focus):has(.nho-launcher[aria-expanded="true"]) .nho-panel {
  display:flex !important;
  flex-direction:column !important;
  height:min(555px,calc(100dvh - 24px)) !important;
  max-height:calc(100dvh - 24px) !important;
  overflow:hidden !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-header {
  min-height:66px !important;
  padding:9px 38px 9px 12px !important;
  flex:0 0 auto !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-brand {
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:9px !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-logo {
  width:44px !important;
  height:44px !important;
  max-height:44px !important;
  margin:0 !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-brand-text {
  min-width:0 !important;
  text-align:left !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-brand-subtitle {
  text-align:left !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-messages {
  height:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  flex:0 0 54px !important;
  padding:7px 10px !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-messages .nho-msg {
  margin:0 !important;
  padding:7px 10px !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-quick {
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  gap:6px !important;
  padding:6px 10px 7px !important;
  align-content:start !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-card-button {
  min-height:54px !important;
  padding:7px 8px !important;
  border-radius:9px !important;
  grid-template-columns:26px minmax(0,1fr) 12px !important;
  gap:6px !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-card-copy strong {
  font-size:12.5px !important;
  line-height:1.23 !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-card-copy span {
  font-size:10.5px !important;
  line-height:1.2 !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-card-icon,
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-card-icon svg {
  width:24px !important;
  height:24px !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-more-card {
  flex:0 0 auto !important;
  min-height:48px !important;
  padding:7px 11px !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-form {
  flex:0 0 auto !important;
  min-height:44px !important;
  padding-top:5px !important;
  padding-bottom:5px !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-social-bar {
  flex:0 0 auto !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:13px !important;
  min-height:48px !important;
  padding:6px 9px !important;
  border-top:1px solid #dfebf5 !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-social-caption {
  margin:0 !important;
  font-size:11.5px !important;
  white-space:nowrap !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-social-links {
  margin:0 !important;
  gap:7px !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-social-link {
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
}
#nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-social-link svg {
  width:18px !important;
  height:18px !important;
}
/* Auch wenn auf schmalen Displays die Themen untereinander stehen,
   wird nur dieser mittlere Themenbereich gescrollt. */
@media(max-width:600px) {
  #nho-root:not(.nho-topic-selected):not(.nho-more-focus):has(.nho-launcher[aria-expanded="true"]) .nho-panel {
    height:calc(100dvh - 16px) !important;
    max-height:calc(100dvh - 16px) !important;
  }
  #nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-quick {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:360px) {
  #nho-root:not(.nho-topic-selected):not(.nho-more-focus) .nho-quick {
    grid-template-columns:1fr !important;
  }
}

/* Version 0.6.2: Das Schließen-Kreuz muss aus JEDER Ansicht wirken.
   Das hidden-Attribut hat Vorrang vor allen Topic-/Start-Layoutregeln. */
#nho-root #nho-panel[hidden],
#nho-root.nho-topic-selected #nho-panel[hidden],
#nho-root.nho-more-focus #nho-panel[hidden] {
  display: none !important;
}


/* Version 0.6.3 – kompakte, barrierearme Anbieterauswahl */
#nho-root .nho-provider-categories{display:grid !important;gap:8px !important;margin:3px 0 12px !important;width:100% !important;}
#nho-root .nho-provider-category{display:flex !important;align-items:center !important;gap:10px !important;min-height:53px !important;box-sizing:border-box !important;padding:9px 11px !important;border:1px solid #d6e1ed !important;border-radius:11px !important;background:#fff !important;color:#183b67 !important;text-decoration:none !important;}
#nho-root .nho-provider-category:hover{background:#edf4fb !important;border-color:#93b5d7 !important;}
#nho-root .nho-provider-category:focus-visible{outline:3px solid #245f9e !important;outline-offset:2px !important;}
#nho-root .nho-provider-icon{flex:0 0 28px !important;width:28px !important;height:28px !important;display:grid !important;place-items:center !important;color:#204d84 !important;}
#nho-root .nho-provider-icon svg{width:25px !important;height:25px !important;fill:none !important;stroke:currentColor !important;stroke-width:1.8 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}
#nho-root .nho-provider-copy{display:flex !important;flex-direction:column !important;flex:1 1 auto !important;min-width:0 !important;gap:2px !important;}
#nho-root .nho-provider-copy strong{font:700 13px/1.3 var(--nho-font,inherit) !important;color:#183b67 !important;}
#nho-root .nho-provider-copy span{font:400 11.5px/1.3 var(--nho-font,inherit) !important;color:#415d79 !important;}
#nho-root .nho-provider-arrow{font:400 24px/1 Arial,sans-serif !important;color:#204d84 !important;}

/* 0.6.5: Compact Downloadcenter cards inside the assistant */
#nho-root .nho-dc-category{display:flex;align-items:center;justify-content:space-between;gap:8px;}
#nho-root .nho-dc-count{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:27px;padding:0 7px;border-radius:16px;background:#174b82;color:#fff;font-weight:700;flex-shrink:0;}
#nho-root .nho-dc-bot-docs{display:grid;gap:9px;margin:10px 0;}
#nho-root .nho-dc-bot-doc{display:flex;align-items:flex-start;gap:10px;padding:10px;background:#f1f7fc;border:1px solid #bfd6eb;border-radius:9px;}
#nho-root .nho-dc-bot-doc img{width:52px;height:70px;object-fit:contain;background:#fff;border:1px solid #dbe5ed;border-radius:4px;flex-shrink:0;}
#nho-root .nho-dc-bot-doc-content{flex:1;min-width:0;display:grid;gap:5px;color:#17436c;font-size:12px;overflow-wrap:anywhere;}
#nho-root .nho-dc-bot-doc-content small{color:#596b7c;font-size:11px;}
#nho-root .nho-dc-bot-actions{display:flex;flex-wrap:wrap;gap:5px;}
#nho-root .nho-dc-bot-actions a{display:inline-block;padding:7px 8px;background:#174b82;color:#fff;border-radius:5px;text-decoration:none;font-size:11px;font-weight:700;}
#nho-root .nho-dc-bot-actions a:first-child{background:#fff;color:#174b82;border:1px solid #174b82;}
#nho-root .nho-dc-bot-actions a:focus-visible{outline:3px solid #e5a132;outline-offset:2px;}


/* 0.6.7 – Downloadcenter: responsive, accessible scrolling on desktop,
   tablets and phones. Only the Downloadcenter view is affected. */
#nho-root.nho-download-view .nho-panel{
  height:min(650px,calc(100dvh - 24px)) !important;
  max-height:calc(100dvh - 24px) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
#nho-root.nho-download-view .nho-header{
  flex:0 0 auto !important;
}
#nho-root.nho-download-view .nho-messages{
  flex:1 1 auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:thin !important;
  scrollbar-color:#7397ba #edf4fb !important;
  padding:12px 14px 20px !important;
}
#nho-root.nho-download-view .nho-messages::-webkit-scrollbar{width:9px !important;}
#nho-root.nho-download-view .nho-messages::-webkit-scrollbar-thumb{background:#7397ba !important;border-radius:10px !important;}
#nho-root.nho-download-view .nho-topic-scroll-hint:not([hidden]){
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  background:#e9f3fb !important;
  color:#174b82 !important;
  border-top:1px solid #bdd4e9 !important;
  font-weight:700 !important;
  cursor:pointer !important;
}
#nho-root.nho-download-view .nho-enhanced-topic{
  min-height:48px !important;
  width:100% !important;
  text-align:left !important;
  overflow-wrap:anywhere !important;
}
#nho-root.nho-download-view .nho-dc-count{min-width:30px;height:30px;}
#nho-root.nho-download-view .nho-dc-bot-actions a{
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:12px !important;
}
@media (min-width:601px) and (max-width:1024px){
  #nho-root.nho-download-view .nho-panel{
    height:min(660px,calc(100dvh - 30px)) !important;
    max-height:calc(100dvh - 30px) !important;
  }
}
@media (max-width:600px){
  #nho-root.nho-download-view .nho-panel{
    width:calc(100vw - 16px) !important;
    height:calc(100dvh - 16px) !important;
    max-height:calc(100dvh - 16px) !important;
  }
  #nho-root.nho-download-view .nho-messages{padding:12px 12px 22px !important;}
  #nho-root.nho-download-view .nho-dc-bot-doc{gap:8px;padding:9px !important;}
  #nho-root.nho-download-view .nho-dc-bot-doc img{width:46px;height:64px;}
}
@media (max-width:360px){
  #nho-root.nho-download-view .nho-dc-bot-actions{flex-direction:column !important;align-items:stretch !important;}
}