/* Patrick Krisch Website · Glossar & Fachbegriffe · Stand 2026-09-10 */

.glossary-term-wrap{position:relative;display:inline}
.glossary-term{position:relative;color:inherit;font-weight:700;text-decoration:none;border-bottom:1px dotted #0a8794;cursor:help;outline:none}
.glossary-term::after{content:"?";display:inline-grid;place-items:center;width:14px;height:14px;margin-left:3px;border:1px solid #82bec5;border-radius:50%;color:#087d89;font-size:9px;font-weight:850;line-height:1;vertical-align:2px}
.glossary-term:hover,.glossary-term:focus-visible,.glossary-term.is-open{color:#007d8d;border-bottom-color:#007d8d}
.glossary-tooltip{position:absolute;z-index:80;left:50%;bottom:calc(100% + 11px);width:min(310px,calc(100vw - 32px));padding:12px 14px;border:1px solid #d2e5ec;border-radius:10px;background:#fff;color:#29466d;box-shadow:0 13px 32px rgba(7,49,92,.16);font-size:12px;font-weight:500;line-height:1.55;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.glossary-tooltip::after{content:"";position:absolute;left:50%;top:100%;width:10px;height:10px;border-right:1px solid #d2e5ec;border-bottom:1px solid #d2e5ec;background:#fff;transform:translate(-50%,-5px) rotate(45deg)}
.glossary-tooltip-hint{display:block;margin-top:7px;color:#007d8d;font-size:10px;font-weight:800;letter-spacing:.02em}
.glossary-term-wrap:hover .glossary-tooltip,.glossary-term:focus-visible+.glossary-tooltip,.glossary-term.is-open+.glossary-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}

.glossary-page main{background:linear-gradient(180deg,var(--surface) 0,var(--surface) 38px,#f8fcff 250px,var(--page-bg) 560px)}
.glossary-hero{padding-bottom:34px}
.glossary-hero .subservice-hero-copy h1{max-width:760px}
.glossary-intro{max-width:760px}
.glossary-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;align-items:start;padding-top:12px;padding-bottom:56px}
.glossary-index{position:sticky;top:86px;padding:18px;border:1px solid var(--card-border);border-radius:var(--radius);background:#fff;box-shadow:var(--card-shadow)}
.glossary-index h2{margin:0 0 10px;color:var(--navy);font-size:14px}
.glossary-index p{margin:0 0 13px;color:#66758d;font-size:11px;line-height:1.55}
.glossary-index .glossary-count{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:9px 10px;border:1px solid #dcecef;border-radius:8px;background:#f7fbfc;color:#536b83;line-height:1.25}
.glossary-count strong{color:#087986;font-size:18px;line-height:1;font-weight:850}
.glossary-count span{font-size:10px;font-weight:700}
.glossary-index-nav{display:flex;flex-wrap:wrap;gap:7px}
.glossary-index-nav a{display:grid;place-items:center;min-width:31px;height:31px;padding:0 7px;border:1px solid #dce7ef;border-radius:8px;background:#f8fbfd;color:#31506f;font-size:11px;font-weight:800;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.glossary-index-nav a:hover,.glossary-index-nav a:focus-visible{border-color:#98d3d8;background:#eef9fa;color:#007d8d;transform:translateY(-1px)}
.glossary-main{display:grid;gap:18px;min-width:0}
.glossary-group{scroll-margin-top:94px;padding:26px 31px;border:1px solid var(--card-border);border-radius:var(--radius);background:#fff;box-shadow:var(--card-shadow)}
.glossary-group>h2{margin:0 0 18px;color:var(--navy);font-size:28px;letter-spacing:-.025em}
.glossary-entry{scroll-margin-top:94px;padding:18px 0;border-top:1px solid #e8eef4}
.glossary-entry:first-of-type{padding-top:0;border-top:0}
.glossary-entry:last-child{padding-bottom:0}
.glossary-entry-head{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:7px}
.glossary-entry h3{margin:0;color:var(--navy);font-size:18px;line-height:1.3}
.glossary-categories{display:inline-flex;flex-wrap:wrap;gap:5px}
.glossary-category{padding:4px 7px;border-radius:999px;background:#edf8f9;color:#087f8a;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;text-decoration:none}
.glossary-category-link{transition:background-color .18s ease,color .18s ease,transform .18s ease}
.glossary-category-link:hover,.glossary-category-link:focus-visible{background:#dff3f5;color:#006b77;transform:translateY(-1px)}
.glossary-entry p{margin:0;color:#304b70;font-size:14px;line-height:1.75}
.glossary-entry .glossary-short{margin-top:11px;padding:12px 14px;border:1px solid #dcecef;border-left:3px solid #8acdd2;border-radius:9px;background:#f7fbfc;color:#536b83;font-size:12px;line-height:1.65}
.glossary-entry .glossary-short strong{margin-right:8px;color:#087986;font-size:10px;font-weight:850;letter-spacing:.015em}

@media (max-width:820px){
  .glossary-layout{grid-template-columns:1fr;gap:16px;padding-bottom:38px}
  .glossary-index{position:static}
  .glossary-group{padding:22px 20px}
  .glossary-tooltip{position:fixed;left:16px;right:16px;bottom:18px;width:auto;transform:translateY(8px)}
  .glossary-tooltip::after{display:none}
  .glossary-term-wrap:hover .glossary-tooltip,.glossary-term:focus-visible+.glossary-tooltip,.glossary-term.is-open+.glossary-tooltip{transform:translateY(0)}
}

@media (prefers-reduced-motion:reduce){
  .glossary-tooltip,.glossary-index-nav a,.glossary-category-link{transition:none}
}