/* chrishob.de semantic portal UI 10.8.7 */
:root{--cp86-accent:var(--accent,var(--primary,#2563eb));--cp86-line:rgba(127,127,127,.22);--cp86-soft:rgba(127,127,127,.065);--cp86-accent-soft:rgba(37,99,235,.08);--cp86-muted:.68}
.cp86-mainnav{position:relative;display:flex;align-items:center;gap:.08rem;width:100%;min-width:0}.cp86-navlink,.cp86-navcta{display:inline-flex;align-items:center;min-height:42px;padding:.56rem .67rem;border-radius:8px;color:inherit;text-decoration:none;font-size:.88rem;font-weight:720;white-space:nowrap}.cp86-navlink:hover,.cp86-navlink.is-current,.cp86-navgroup.is-current>.cp86-navgroup-head>.cp86-navlink{background:var(--cp86-soft)}.cp86-navgroup{position:static}.cp86-navgroup-head{display:flex;align-items:center}.cp86-subtoggle{appearance:none;border:0;background:transparent;color:inherit;padding:.4rem .25rem .4rem 0;font:inherit;cursor:pointer;opacity:.62}.cp86-mega{display:none;position:absolute;z-index:1200;left:0;right:0;top:calc(100% + 6px);padding:.65rem;border:1px solid var(--cp86-line);border-radius:14px;background:var(--surface,var(--bg,#fff));color:var(--text,inherit);box-shadow:0 18px 46px rgba(0,0,0,.15)}.cp86-navgroup:hover .cp86-mega,.cp86-navgroup:focus-within .cp86-mega,.cp86-navgroup.is-open .cp86-mega{display:block}.cp86-megaoverview{padding:.2rem .2rem .55rem;border-bottom:1px solid var(--cp86-line);margin-bottom:.5rem}.cp86-megaoverview a,.cp86-megagrid a{display:flex;flex-direction:column;gap:.1rem;padding:.55rem .62rem;border-radius:9px;color:inherit;text-decoration:none}.cp86-megaoverview a:hover,.cp86-megagrid a:hover{background:var(--cp86-soft)}.cp86-megaoverview span,.cp86-megagrid span{font-size:.72rem;opacity:.62;font-weight:500}.cp86-megagrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.cp86-megagrid section{min-width:0}.cp86-megatitle{padding:.4rem .62rem .25rem;font-size:.7rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;opacity:.55}.cp86-navcta{margin-left:auto;background:var(--cp86-accent);color:#fff!important;padding-inline:.82rem}.cp86-page{width:min(1140px,calc(100% - 2rem));margin:0 auto;padding:clamp(1.45rem,3vw,2.6rem) 0 4rem;box-sizing:border-box}.cp86-page *{box-sizing:border-box}.cp86-kicker{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:850;opacity:.58}.cp86-pagehead{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.2rem;margin:.25rem 0 1rem;padding-bottom:1.2rem;border-bottom:1px solid var(--cp86-line)}.cp86-pagehead h1{font-size:clamp(1.9rem,4.1vw,3rem);letter-spacing:-.035em;line-height:1.05;margin:.18rem 0 .58rem;max-width:830px}.cp86-pagehead p{font-size:1rem;line-height:1.65;max-width:790px;margin:0;opacity:.74}.cp86-actions{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.cp86-btn{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:.55rem .72rem;border:1px solid var(--cp86-line);border-radius:9px;background:transparent;color:inherit;text-decoration:none;font:inherit;font-size:.8rem;font-weight:760;cursor:pointer}.cp86-btn:hover{background:var(--cp86-soft)}.cp86-btn--primary{background:var(--cp86-accent);border-color:var(--cp86-accent);color:#fff!important}.cp86-topicnav{display:flex;gap:.28rem;flex-wrap:wrap;margin:0 0 1.2rem;padding:.28rem;width:max-content;max-width:100%;border:1px solid var(--cp86-line);border-radius:10px;background:var(--cp86-soft)}.cp86-topicnav a{padding:.45rem .68rem;border-radius:7px;color:inherit;text-decoration:none;font-size:.78rem;font-weight:760}.cp86-topicnav a[aria-current="page"]{background:var(--cp86-accent);color:#fff}.cp86-section{margin-top:1.85rem}.cp86-sectionhead{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.78rem}.cp86-sectionhead h2{font-size:clamp(1.3rem,2.5vw,1.75rem);margin:.12rem 0 0;letter-spacing:-.02em}.cp86-sectionhead p{margin:0;max-width:590px;opacity:.65;line-height:1.5}.cp86-cardgrid,.cp86-productgrid,.cp86-knowledgegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem}.cp86-hubcard,.cp86-product,.cp86-knowledge{border:1px solid var(--cp86-line);border-radius:12px;padding:.95rem;background:var(--surface,var(--bg,#fff))}.cp86-hubcard{min-height:205px;display:flex;flex-direction:column}.cp86-hubcard h3,.cp86-product h3,.cp86-knowledge h3{margin:.24rem 0 .42rem;font-size:1.03rem;letter-spacing:-.01em}.cp86-hubcard p,.cp86-knowledge p{margin:.12rem 0 .75rem;opacity:.71;line-height:1.55}.cp86-hubactions{display:flex;gap:.42rem;flex-wrap:wrap;margin-top:auto}.cp86-meta,.cp86-small{font-size:.75rem;opacity:.65;line-height:1.45}.cp86-status{display:inline-flex;padding:.26rem .47rem;border-radius:999px;border:1px solid var(--cp86-line);background:var(--cp86-soft);font-size:.66rem;font-weight:760}.cp86-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.62rem;padding:.85rem;border:1px solid var(--cp86-line);border-radius:12px;background:var(--cp86-soft);margin:1rem 0}.cp86-filter label{display:flex;flex-direction:column;gap:.24rem;font-size:.73rem;font-weight:720}.cp86-filter input,.cp86-filter select{min-height:39px;width:100%;border:1px solid var(--cp86-line);border-radius:8px;background:var(--surface,var(--bg,#fff));color:inherit;padding:.53rem .6rem;font:inherit}.cp86-filterchecks{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;grid-column:span 3}.cp86-filterchecks label{flex-direction:row;align-items:center}.cp86-producttop,.cp86-productfoot{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.cp86-productfoot{margin-top:.75rem;padding-top:.65rem;border-top:1px solid var(--cp86-line);font-size:.74rem}.cp86-productfoot a{color:inherit}.cp86-comparecheck{font-size:.7rem;font-weight:720}.cp86-kpis{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin:.66rem 0}.cp86-kpis div{padding:.52rem;border-radius:8px;background:var(--cp86-soft)}.cp86-kpis span{display:block;font-size:.64rem;opacity:.56}.cp86-kpis strong{display:block;font-size:.77rem;margin-top:.1rem}.cp86-sticky{position:sticky;bottom:.65rem;display:flex;align-items:center;justify-content:center;gap:.65rem;width:max-content;max-width:100%;margin:1rem auto 0;padding:.38rem;border:1px solid var(--cp86-line);border-radius:10px;background:var(--surface,var(--bg,#fff));box-shadow:0 8px 24px rgba(0,0,0,.08);font-size:.72rem}.cp86-tablewrap{overflow:auto;border:1px solid var(--cp86-line);border-radius:11px}.cp86-table{width:100%;border-collapse:collapse;min-width:760px}.cp86-table th,.cp86-table td{padding:.62rem;border-bottom:1px solid var(--cp86-line);text-align:left;vertical-align:top;font-size:.77rem}.cp86-table thead th{background:var(--cp86-soft)}.cp86-note,.cp86-callout,.cp86-directory{border:1px solid var(--cp86-line);border-radius:12px;padding:.95rem;background:var(--cp86-soft);line-height:1.55}.cp86-callout{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.85rem}.cp86-callout h2{margin:.12rem 0 .32rem;font-size:1.22rem}.cp86-callout p{margin:0;opacity:.7}.cp86-directory{width:min(1140px,calc(100% - 2rem));margin:1.2rem auto}.cp86-directory h2{margin:.15rem 0 .45rem}.cp86-directory p{margin:0 0 .8rem;opacity:.7}.cp86-directorygrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.cp86-directorygroup{border-top:1px solid var(--cp86-line);padding-top:.6rem}.cp86-directorygroup strong{font-size:.78rem}.cp86-directorylinks{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.cp86-directorylinks a{padding:.35rem .5rem;border:1px solid var(--cp86-line);border-radius:999px;color:inherit;text-decoration:none;font-size:.7rem}.cp86-toolhost{margin-top:.85rem}
@media(max-width:1050px){.cp86-mainnav{flex-wrap:wrap}.cp86-navcta{margin-left:0}.cp86-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.cp86-filterchecks{grid-column:span 2}}
@media(max-width:900px){.cp86-mainnav{display:grid;grid-template-columns:1fr 1fr;gap:.18rem}.cp86-navlink,.cp86-navcta{width:100%;justify-content:flex-start}.cp86-navgroup{position:static}.cp86-navgroup-head{display:grid;grid-template-columns:1fr auto}.cp86-mega{position:static;box-shadow:none;margin:.2rem 0 .35rem;grid-column:1/-1}.cp86-navgroup:hover .cp86-mega:not([data-mobile-open]){display:none}.cp86-navgroup.is-open .cp86-mega{display:block}.cp86-navcta{grid-column:1/-1}.cp86-megagrid,.cp86-cardgrid,.cp86-productgrid,.cp86-knowledgegrid,.cp86-directorygrid{grid-template-columns:1fr 1fr}.cp86-pagehead{grid-template-columns:1fr;align-items:start}.cp86-actions{justify-content:flex-start}}
@media(max-width:640px){.cp86-mainnav,.cp86-megagrid,.cp86-cardgrid,.cp86-productgrid,.cp86-knowledgegrid,.cp86-directorygrid,.cp86-filter{grid-template-columns:1fr}.cp86-filterchecks{grid-column:span 1}.cp86-page{width:min(100% - 1.1rem,1140px);padding-top:1rem}.cp86-pagehead h1{font-size:1.95rem}.cp86-sectionhead,.cp86-callout{display:block}.cp86-sectionhead p{margin-top:.32rem}.cp86-callout .cp86-actions{margin-top:.7rem}.cp86-topicnav{width:100%;overflow:auto;flex-wrap:nowrap}.cp86-topicnav a{flex:1;text-align:center}.cp86-sticky{width:100%;justify-content:space-between}.cp86-directory{width:min(100% - 1.1rem,1140px)}}

/* Current portal component UI */
[hidden]{display:none!important}
:root{--cp87-accent:var(--accent,var(--primary,#2563eb));--cp87-line:color-mix(in srgb,currentColor 18%,transparent);--cp87-soft:color-mix(in srgb,currentColor 6%,transparent);--cp87-panel:var(--surface,var(--card,var(--bg,#fff)));--cp87-radius:12px;--cp87-shadow:0 16px 40px rgba(2,18,38,.12)}
.cp87-nav{position:relative;width:100%;font:inherit}.cp87-navlinks{display:flex;align-items:center;gap:.08rem;min-width:0}.cp87-navlink{display:inline-flex;align-items:center;min-height:42px;padding:.56rem .68rem;border-radius:8px;color:inherit;text-decoration:none;font-size:.88rem;font-weight:720;white-space:nowrap}.cp87-navlink:hover,.cp87-navlink.is-current,.cp87-navgroup.is-current .cp87-navlink{background:var(--cp87-soft)}.cp87-navgroup{position:static}.cp87-navhead{display:flex;align-items:center}.cp87-subtoggle,.cp87-mobile-toggle{appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.cp87-subtoggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:36px;margin-left:-5px;border-radius:7px}.cp87-subtoggle:hover{background:var(--cp87-soft)}.cp87-subtoggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cp87-mega{position:absolute;z-index:1400;left:0;right:0;top:calc(100% + 7px);padding:.8rem;border:1px solid var(--cp87-line);border-radius:14px;background:var(--cp87-panel);box-shadow:var(--cp87-shadow);color:inherit}.cp87-megahead{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.15rem .25rem .65rem;border-bottom:1px solid var(--cp87-line);margin-bottom:.65rem}.cp87-megahead a{font-weight:800;color:inherit;text-decoration:none}.cp87-megahead span{font-size:.75rem;opacity:.62}.cp87-megagrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.cp87-megagroup{min-width:0}.cp87-megatitle{display:block;padding:.3rem .45rem;font-size:.69rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;opacity:.56}.cp87-megalinks{display:grid;gap:.1rem}.cp87-megalinks a{display:block;padding:.48rem .45rem;border-radius:8px;color:inherit;text-decoration:none;font-size:.84rem;font-weight:680}.cp87-megalinks a:hover{background:var(--cp87-soft)}.cp87-mobile-toggle{display:none;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:.5rem .7rem;border:1px solid var(--cp87-line);border-radius:9px;font-weight:760}.cp87-mobile-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.cp87-page{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:clamp(1.25rem,3vw,2.35rem) 0 4rem;box-sizing:border-box}.cp87-page *{box-sizing:border-box}.cp87-breadcrumbs{margin:0 0 1rem;font-size:.76rem;opacity:.68}.cp87-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.38rem;list-style:none;padding:0;margin:0}.cp87-breadcrumbs li:not(:last-child)::after{content:"/";margin-left:.38rem;opacity:.55}.cp87-breadcrumbs a{color:inherit;text-decoration:none}.cp87-breadcrumbs a:hover{text-decoration:underline}.cp87-pagehead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:end;padding:0 0 1.15rem;margin:0 0 1rem;border-bottom:1px solid var(--cp87-line)}.cp87-kicker{display:block;font-size:.7rem;line-height:1.2;font-weight:850;letter-spacing:.085em;text-transform:uppercase;opacity:.56}.cp87-pagehead h1{font-size:clamp(1.85rem,4vw,2.85rem);line-height:1.06;letter-spacing:-.035em;margin:.2rem 0 .55rem;max-width:800px}.cp87-pagehead p{max-width:780px;margin:0;line-height:1.65;font-size:.98rem;opacity:.74}.cp87-actions,.cp87-card-actions{display:flex;gap:.45rem;flex-wrap:wrap}.cp87-actions{justify-content:flex-end}.cp87-btn{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:.54rem .72rem;border:1px solid var(--cp87-line);border-radius:9px;background:transparent;color:inherit!important;text-decoration:none;font:inherit;font-size:.8rem;font-weight:760;cursor:pointer}.cp87-btn:hover{background:var(--cp87-soft)}.cp87-btn--primary{background:var(--cp87-accent);border-color:var(--cp87-accent);color:#fff!important}.cp87-tabs{display:flex;align-items:center;gap:.22rem;flex-wrap:wrap;width:max-content;max-width:100%;margin:0 0 1.2rem;padding:.28rem;border:1px solid var(--cp87-line);border-radius:10px;background:var(--cp87-soft)}.cp87-tabs-label{padding:.42rem .55rem;font-size:.72rem;font-weight:850;opacity:.62}.cp87-tabs a{padding:.44rem .68rem;border-radius:7px;color:inherit;text-decoration:none;font-size:.78rem;font-weight:760}.cp87-tabs a:hover{background:var(--cp87-panel)}.cp87-tabs a[aria-current="page"]{background:var(--cp87-accent);color:#fff}.cp87-section{margin-top:1.7rem}.cp87-sectionhead{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:.72rem}.cp87-sectionhead h2{margin:.1rem 0 0;font-size:clamp(1.25rem,2.3vw,1.65rem);letter-spacing:-.02em}.cp87-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.cp87-card{display:flex;flex-direction:column;min-height:190px;padding:.92rem;border:1px solid var(--cp87-line);border-radius:var(--cp87-radius);background:var(--cp87-panel)}.cp87-card h3{font-size:1.03rem;margin:.22rem 0 .42rem}.cp87-card p{margin:0 0 .85rem;line-height:1.55;font-size:.88rem;opacity:.72}.cp87-card-actions{margin-top:auto}.cp87-meta{font-size:.68rem;font-weight:820;letter-spacing:.06em;text-transform:uppercase;opacity:.54}.cp87-notice{display:flex;gap:.75rem;align-items:flex-start;padding:.78rem .88rem;margin:1rem 0;border:1px solid var(--cp87-line);border-radius:10px;background:var(--cp87-soft);font-size:.84rem}.cp87-notice strong{white-space:nowrap}.cp87-footer{margin-top:2rem;border-top:1px solid var(--cp87-line)}.cp87-footer-inner{width:min(1120px,calc(100% - 2rem));margin:auto;padding:2rem 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem}.cp87-footer-brand{font-weight:850;color:inherit;text-decoration:none}.cp87-footer p{margin:.35rem 0 0;font-size:.8rem;opacity:.62}.cp87-footer nav{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end;align-items:center}.cp87-footer nav a{color:inherit;text-decoration:none;font-size:.78rem;font-weight:680}.cp87-footer nav a:hover{text-decoration:underline}
@media(max-width:900px){.cp87-mobile-toggle{display:flex}.cp87-navlinks{display:none;margin-top:.42rem;padding:.42rem;border:1px solid var(--cp87-line);border-radius:11px;background:var(--cp87-panel);box-shadow:var(--cp87-shadow)}.cp87-nav.is-mobile-open .cp87-navlinks{display:grid}.cp87-navlink,.cp87-navhead{width:100%}.cp87-navhead{justify-content:space-between}.cp87-navgroup{width:100%;position:relative}.cp87-subtoggle{margin-left:auto}.cp87-mega{position:static;margin:.15rem 0 .45rem;padding:.55rem;box-shadow:none}.cp87-megahead{display:none}.cp87-megagrid{grid-template-columns:1fr}.cp87-megatitle{padding-top:.55rem}.cp87-pagehead{grid-template-columns:1fr}.cp87-actions{justify-content:flex-start}.cp87-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp87-footer-inner{grid-template-columns:1fr}.cp87-footer nav{justify-content:flex-start}}
@media(max-width:620px){.cp87-page{width:min(100% - 1.1rem,1120px);padding-top:1rem}.cp87-grid{grid-template-columns:1fr}.cp87-tabs{width:100%}.cp87-tabs-label{width:100%;padding-bottom:.15rem}.cp87-pagehead h1{font-size:1.85rem}.cp87-card{min-height:0}.cp87-footer-inner{width:min(100% - 1.1rem,1120px)}}