/* TONIS zentrale Info-Hilfe - POD-A3.3
   Hilfetexte bleiben erreichbar, ohne die Arbeitsoberflaeche dauerhaft zu belasten. */
.tonis-info{position:relative;display:inline-flex;align-items:center;margin-left:6px;vertical-align:middle;line-height:1}
.tonis-info-button{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;min-height:24px;padding:0;border:1px solid #9cabb7;border-radius:50%;background:#fff;color:#526675;font:900 14px/1 Arial,Helvetica,sans-serif;cursor:pointer;vertical-align:middle;box-shadow:none;touch-action:manipulation}
.tonis-info-button:hover,.tonis-info-button:focus-visible,.tonis-info.is-open .tonis-info-button{border-color:var(--treml-area,var(--treml-accent,#0b63b6));color:var(--treml-area-dark,var(--treml-accent-dark,#084b88));background:var(--treml-area-soft,var(--treml-accent-soft,#eaf4ff));outline:none}
.tonis-info-button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--treml-area,var(--treml-accent,#0b63b6)) 18%,transparent)}
.tonis-info-popup{position:absolute;z-index:3500;top:calc(100% + 8px);left:50%;width:max-content;max-width:min(360px,calc(100vw - 28px));padding:10px 12px;border:1px solid #cbd6df;border-radius:11px;background:#fff;color:#263744;font:600 14px/1.42 Arial,Helvetica,sans-serif;text-align:left;letter-spacing:normal;text-transform:none;white-space:normal;box-shadow:0 12px 32px rgba(24,48,67,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-3px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease}
.tonis-info-popup:before{content:'';position:absolute;top:-6px;left:50%;width:10px;height:10px;background:#fff;border-left:1px solid #cbd6df;border-top:1px solid #cbd6df;transform:translateX(-50%) rotate(45deg)}
.tonis-info.is-open .tonis-info-popup{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.tonis-info.align-left .tonis-info-popup{left:0;transform:translate(0,-3px)}
.tonis-info.align-left.is-open .tonis-info-popup{transform:translate(0,0)}
.tonis-info.align-left .tonis-info-popup:before{left:12px;transform:rotate(45deg)}
.tonis-info.align-right .tonis-info-popup{left:auto;right:0;transform:translate(0,-3px)}
.tonis-info.align-right.is-open .tonis-info-popup{transform:translate(0,0)}
.tonis-info.align-right .tonis-info-popup:before{left:auto;right:7px;transform:rotate(45deg)}
@media (hover:hover) and (pointer:fine){
  .tonis-info:hover .tonis-info-popup,.tonis-info:focus-within .tonis-info-popup{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
  .tonis-info.align-left:hover .tonis-info-popup,.tonis-info.align-left:focus-within .tonis-info-popup,.tonis-info.align-right:hover .tonis-info-popup,.tonis-info.align-right:focus-within .tonis-info-popup{transform:translate(0,0)}
}
@media(max-width:520px){
  .tonis-info{margin-left:5px}
  .tonis-info-button{width:28px;height:28px;min-width:28px;min-height:28px;font-size:15px}
  .tonis-info-popup{position:fixed;left:14px!important;right:14px!important;top:auto!important;bottom:14px;width:auto;max-width:none;transform:translateY(4px)!important;font-size:15px;line-height:1.45;padding:13px 14px;border-radius:13px}
  .tonis-info.is-open .tonis-info-popup{transform:translateY(0)!important}
  .tonis-info-popup:before{display:none}
}
@media (prefers-reduced-motion:reduce){.tonis-info-popup{transition:none}}