/* Claude navigation, using shared tokens and editable content. */
.theme-header-001{position:fixed;top:12px;left:clamp(8px,1.2vw,20px);right:clamp(8px,1.2vw,20px);z-index:100;display:flex;flex-direction:column;gap:8px;font-family:var(--font-sans);pointer-events:none}
.theme-header-002{display:flex;gap:8px;pointer-events:auto}
.theme-header-003{flex:1;min-width:0;display:flex;align-items:center;gap:clamp(8px,2vw,36px);padding:0 clamp(6px,1.6vw,26px) 0 clamp(14px,1.6vw,26px);border-radius:12px;background:rgba(16,18,22,0.30);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,0.09);box-shadow:0 8px 32px rgba(0,0,0,0.18)}
.theme-header-004{display:flex;align-items:center;flex-shrink:0}
.theme-header-005{width:auto;display:block}
.theme-header-006{width:1px;height:30px;background:rgba(255,255,255,0.14);flex-shrink:0}
.theme-header-007{height:36px;width:auto;display:block;flex-shrink:0}
.theme-header-008{margin-left:auto;display:flex;justify-content:flex-end;gap:clamp(18px,2.2vw,40px);flex-wrap:wrap;row-gap:60px;height:22px;line-height:22px;overflow:hidden;min-width:0;flex:1;font-size:14px;font-weight:500;letter-spacing:0.005em}
.theme-header-009{position:relative;color:#E4E3DD;white-space:nowrap}
.theme-header-009:hover{color:#FFFFFF}
.theme-header-010{position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--color-accent)}
.theme-header-009[data-active="true"]{color:var(--color-accent-light)}
.theme-header-011{display:flex;align-items:center;gap:clamp(4px,1vw,18px);flex-shrink:0;color:#E4E3DD;margin-left:auto}
.theme-header-012{display:flex;padding:6px}
.theme-header-012:hover{color:#FFFFFF}
.theme-header-013{display:flex;align-items:center;gap:6px;font-size:13px}
.theme-header-014{display:flex;align-items:center;padding:0 22px;border-radius:12px;background:var(--color-accent);color:#FFFFFF;font-weight:700;font-size:14px;white-space:nowrap}
.theme-header-014:hover{background:var(--color-accent-hover);color:#FFFFFF}
.theme-header-015{flex-shrink:0;border-radius:12px;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,0.09);color:#F4F3EE;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.theme-header-016{pointer-events:auto;max-height:calc(100vh - 115px);overflow:auto;border-radius:12px;background:rgba(16,18,22,0.82);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid rgba(255,255,255,0.09);padding:clamp(24px,3vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}
.theme-header-017{display:flex;flex-direction:column;gap:10px}
.theme-header-018{font-size:12px;font-family:var(--font-mono);letter-spacing:0.08em;text-transform:uppercase;color:#B9BAB4;margin-bottom:6px}
.theme-header-018:hover{color:#FFFFFF}
.theme-header-019{font-size:15px;color:#F4F3EE;line-height:1.35}
.theme-header-019:hover{color:#FFFFFF;text-decoration:underline}
.theme-header-020{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 20px;display:flex;flex-direction:column}
.theme-header-021{display:flex;align-items:center;gap:10px;height:52px;padding:0 6px 0 16px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12)}
.theme-header-022{flex:1;min-width:0;height:100%;background:transparent;border:none;outline:none;color:#F4F3EE;font-size:16px;font-family:inherit}
.theme-header-023{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.theme-header-024{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border-radius:12px;background:rgba(255,255,255,0.06);font-size:15px;font-weight:600}
.theme-header-025{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border-radius:12px;background:rgba(255,255,255,0.06);font-size:15px;font-weight:600}
.theme-header-026{display:flex;flex-direction:column;margin-top:14px}
.theme-header-027{border-bottom:1px solid rgba(255,255,255,0.12)}
.theme-header-028{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 2px}
.theme-header-029{flex:1;font-size:21px;font-weight:600;font-stretch:94%;letter-spacing:-0.01em}
.theme-header-030{font-family:var(--font-mono);font-size:12px;color:#9C9D97}
.theme-header-031{width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#F4F3EE;font-size:20px;font-weight:300;line-height:1}
.theme-header-032{display:flex;flex-direction:column;padding:0 2px 16px}
.theme-header-033{display:flex;flex-direction:column;padding-top:8px}
.theme-header-034{font-family:var(--font-mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:#B9BAB4;padding:6px 0 2px}
.theme-header-035{display:flex;align-items:center;min-height:44px;font-size:16px;color:#E4E3DD}
.theme-header-036{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:6px;font-size:16px;font-weight:700;color:#FFFFFF}
.theme-header-037{color:var(--color-accent-light)}
.theme-header-040{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.12)}
.theme-header-041{height:40px;width:auto;display:block}
.theme-header-042{font-size:13px;color:#B9BAB4;line-height:1.35}
.theme-header-043{display:flex;gap:8px;padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,0.1);background:rgba(12,14,17,0.92)}
.theme-header-044{flex:1;display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:12px;background:var(--color-accent);color:#FFFFFF;font-weight:700;font-size:16px}
.theme-header-045{width:54px;min-height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(255,255,255,0.18);color:#F4F3EE}

.tr-bar-row{height:79px}
.tr-logo{height:48px}
.tr-toggle{width:64px;background:rgba(16,18,22,0.30)}
.tr-toggle[aria-expanded="true"]{background:rgba(var(--color-accent-rgb),0.92)}
.tr-cart{position:relative;width:44px;height:44px;justify-content:center;border-radius:10px;color:#E4E3DD;margin-left:0}
.tr-cart svg{width:22px;height:22px}
.tr-cart>span{position:absolute;top:5px;right:3px;display:flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--color-accent);color:#FFFFFF;font-size:11px;font-weight:700;line-height:1}
.tr-cart>span:empty,.tr-cart>span[data-count="0"]{display:none}
.tr-backdrop{position:fixed;inset:0;z-index:-1;background:rgba(5,6,8,0.55);pointer-events:auto}
.tr-panel-mobile{display:none}
.tr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tr-group[data-active="true"] .tr-group-title{color:var(--color-accent-light)}
.tr-sign{background:rgba(255,255,255,0.08)}
.tr-group button[aria-expanded="true"] .tr-sign{background:var(--color-accent)}
.tr-scroll::-webkit-scrollbar{width:0;height:0}
.tr-header a:focus-visible,.tr-header button:focus-visible,.tr-header input:focus-visible{outline:2px solid var(--color-accent-light);outline-offset:2px}
.site-navigation-open{overflow:hidden;overscroll-behavior:none}
@media (max-width:1023px){
  .tr-desk{display:none!important}
  .tr-bar-row{height:75px}
  /* 36px, wenn Platz; sonst proportional kleiner (Logo 223:40, feste Teile der Leiste ca. 172px) */
  .tr-logo{height:min(36px,calc((100vw - 172px) / 5.575))}
  .tr-toggle{width:60px}
  .tr-panel-mobile{pointer-events:auto;position:fixed;top:95px;left:8px;right:8px;bottom:8px;display:flex;flex-direction:column;border-radius:12px;background:rgba(16,18,22,0.9);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid rgba(255,255,255,0.09);overflow:hidden}
}
/* Header blendet beim Runterscrollen nach oben aus und erscheint beim Hochscrollen wieder (SiteHeader.js) */
.tr-header{transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.site-header-hidden .tr-header{transform:translateY(calc(-100% - 24px))}
@media(prefers-reduced-motion:reduce){.tr-header{transition:none}}
/* Klebende Leisten rutschen nach oben, solange der Header ausgeblendet ist, und kommen mit ihm zurück */
.content-anchors,.content-filter-bar,.theme-products-div-019,.theme-matrice4-nav-023,.content-page-branchen .content-kind-criteria .content-head,.theme-publicsafety-div-033,.shop-category-sidebar,.shop-product-experience .shop-gallery-wrap,.shop-cart-aside{transition:top .45s cubic-bezier(.22,.61,.36,1)}
.site-header-hidden .content-anchors,.site-header-hidden .content-filter-bar,.site-header-hidden .theme-products-div-019,.site-header-hidden .theme-matrice4-nav-023{top:12px}
.site-header-hidden .content-page-branchen .content-kind-criteria .content-head,.site-header-hidden .theme-publicsafety-div-033,.site-header-hidden .shop-category-sidebar,.site-header-hidden .shop-product-experience .shop-gallery-wrap,.site-header-hidden .shop-cart-aside{top:24px}
@media(prefers-reduced-motion:reduce){.content-anchors,.content-filter-bar,.theme-products-div-019,.theme-matrice4-nav-023,.content-page-branchen .content-kind-criteria .content-head,.theme-publicsafety-div-033,.shop-category-sidebar,.shop-product-experience .shop-gallery-wrap,.shop-cart-aside{transition:none}}
/* Sprachwähler (Daten: languageVersions aus PageLanguages) */
.tr-lang{display:flex;align-items:center;gap:2px;font-size:13px;color:#E4E3DD}
.tr-lang svg{margin-right:4px;flex-shrink:0}
.tr-lang-link{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;padding:0 6px;border-radius:7px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#B9BAB4}
.tr-lang-link:hover{color:#FFFFFF;background:rgba(255,255,255,0.08)}
.tr-lang-link[data-active="true"]{color:#FFFFFF;background:rgba(255,255,255,0.12)}
.tr-lang-link:focus-visible,.tr-lang-mobile a:focus-visible{outline:2px solid var(--color-accent-light);outline-offset:2px}
.tr-lang-mobile{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;margin-top:16px;padding:4px;border-radius:12px;background:rgba(255,255,255,0.06)}
.tr-lang-mobile a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:9px;font-size:15px;font-weight:600;color:#D2D2CC}
.tr-lang-mobile a[data-active="true"]{background:var(--color-accent);color:#FFFFFF}
.tr-lang-mobile:not(:has(a:nth-child(2))),.tr-lang:not(:has(.tr-lang-link:nth-of-type(2))){display:none}
/* Unternavigation: aktuelle Seite markieren, Dienstleistungen in Unterbereiche gegliedert */
.theme-header-018[data-active="true"]{color:var(--color-accent-light)}
.tr-subsection{display:flex;flex-direction:column;gap:10px}
.tr-subsection+.tr-subsection{margin-top:14px}
.tr-sublabel{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--color-white)}
.tr-sublabel:hover,.tr-sublabel:focus-visible{color:var(--color-accent-light)}
.tr-badge{display:inline-block;padding:2px 7px;border-radius:5px;background:var(--color-accent);color:var(--color-white);font-family:var(--font-sans,inherit);font-size:10px;font-weight:700;letter-spacing:0;text-transform:none;line-height:1.4;margin-left:8px;vertical-align:1px}
.tr-sublabel .tr-badge{margin-left:0}
.theme-header-019[data-active="true"],.theme-header-035[data-active="true"]{color:var(--color-accent-light);font-weight:600}
.theme-header-019[data-active="true"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

/* Bewegung (motion.js): Vorhang-Footer und Einblenden beim Scrollen */
.footer-curtain{position:relative;height:var(--footer-curtain-h);clip-path:inset(0)}
.footer-curtain>:first-child{position:fixed;left:0;right:0;bottom:0;background:var(--color-ink);transform:translate3d(0,calc((1 - var(--curtain-p,1)) * 14%),0) scale(calc(.97 + var(--curtain-p,1) * .03));opacity:calc(.4 + var(--curtain-p,1) * .6);transform-origin:50% 100%}
.footer-curtain::before{content:"";position:absolute;inset:0 0 auto;height:90px;z-index:1;pointer-events:none;background:linear-gradient(rgba(0,0,0,.55),transparent)}
html .motion-reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform 1.1s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0s)}
html :is(img,figure,video).motion-reveal{transform:translate3d(0,20px,0) scale(1.03)}
html .motion-reveal.is-in{opacity:1;transform:none}
@media print{html .motion-reveal{opacity:1;transform:none}.footer-curtain{height:auto;clip-path:none}.footer-curtain>:first-child{position:static;transform:none;opacity:1}.footer-curtain::before{content:none}}
@media(prefers-reduced-motion:reduce){html .motion-reveal{opacity:1;transform:none;transition:none}.footer-curtain>:first-child{transform:none;opacity:1}}
