html body .ki-glossar-scope[data-ki-glossar-scope], html body .ki-glossar-scope[data-ki-glossar-scope] *, html body .ki-glossar-scope[data-ki-glossar-scope] *::before, html body .ki-glossar-scope[data-ki-glossar-scope] *::after{ box-sizing: border-box; font-family: inherit; letter-spacing: normal; } html body .ki-glossar-scope[data-ki-glossar-scope]{ font-family: inherit; } html body.single-glossar main.ki-glossar-template-main{ display: block; width: 100%; max-width: none; margin: 0; padding: 0; } html body.single-glossar main.ki-glossar-template-main .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-container, html body.single-glossar main.ki-glossar-template-main .ki-glossar-scope[data-ki-glossar-scope] .glossar-related{ width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] h1, html body .ki-glossar-scope[data-ki-glossar-scope] h2, html body .ki-glossar-scope[data-ki-glossar-scope] h3, html body .ki-glossar-scope[data-ki-glossar-scope] h4, html body .ki-glossar-scope[data-ki-glossar-scope] h5, html body .ki-glossar-scope[data-ki-glossar-scope] h6, html body .ki-glossar-scope[data-ki-glossar-scope] p, html body .ki-glossar-scope[data-ki-glossar-scope] li, html body .ki-glossar-scope[data-ki-glossar-scope] a, html body .ki-glossar-scope[data-ki-glossar-scope] button, html body .ki-glossar-scope[data-ki-glossar-scope] input{ font-style: normal; text-transform: none; } html body .ki-glossar-scope[data-ki-glossar-scope] button, html body .ki-glossar-scope[data-ki-glossar-scope] input, html body .ki-glossar-scope[data-ki-glossar-scope] select, html body .ki-glossar-scope[data-ki-glossar-scope] textarea{ font: inherit; } /* --- Post Container --- */ html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-container{ max-width: 100%; } /* --- Breadcrumb --- */ html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb{ display: flex; align-items: center; gap: 6px; padding: 16px 24px; font-size: 13px; color: #6B6D72; max-width: 1200px; margin: 0 auto; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb a{ color: #6B6D72; text-decoration: none; transition: color 0.2s; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb a:hover{ color: #2271B1; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb-sep{ color: #B0B3BA; font-size: 14px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb-current{ color: #1D2327; font-weight: 500; } /* --- Hero --- */ html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-hero{ text-align: center; padding: 32px 24px 48px; background: #F3F8FB; max-width: 100%; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-meta{ display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 13px; color: #6B6D72; margin-bottom: 16px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-dot{ color: #B0B3BA; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-title{ font-size: 56px; font-weight: 500; color: #1D2327; line-height: 1.1; margin: 0 auto 24px; max-width: 900px; letter-spacing: -0.5px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-intro{ max-width: 760px; margin: 0 auto; font-size: 16px; line-height: 1.7; color: #1D2327; text-align: center; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-intro strong{ font-weight: 700; } /* --- Layout (main + sidebar) --- */ html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-layout{ display: flex; gap: 40px; max-width: 1200px; margin: 48px auto 0; padding: 0 24px 64px; align-items: flex-start; } /* --- Main content column --- */ html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-main{ flex: 1; min-width: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-container .glossar-main-title{ display: none !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-main.glossar-full-width{ max-width: 100%; } /* --- Sections --- */ html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section{ display: flex; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-title{ font-size: 28px; font-weight: 600; color: #1D2327; line-height: 1.25; margin: 0 0 20px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-content p{ font-size: 16px; line-height: 1.75; color: #3C3F44; margin-bottom: 16px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-content p:last-child{ margin-bottom: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-content ul, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-content ol{ margin: 0 0 16px; padding-inline-start: 24px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-content ul{ list-style: disc outside; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-content ol{ list-style: decimal outside; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-content li{ color: var(--poosch-glossar-color-body, #6B6D72); font-size: 16px; line-height: 1.75; margin: 0 0 8px; padding: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-content a{ color: var(--poosch-glossar-color-accent, #2271B1); text-decoration: underline; text-underline-offset: 2px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-content img{ display: block; max-width: 100%; height: auto; } /* legacy wrapper — no longer used but keep for safety */ html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content{ flex: 1; min-width: 0; } /* --- FAQ wrap (outside layout, full width) --- */ html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-wrap{ max-width: 1200px; margin: 20px; padding: 0 60px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-inner{ max-width: 100%; padding-left: 60px; } /* --- Sidebar --- */ html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-sidebar{ width: 220px; flex-shrink: 0; position: sticky; top: 80px; height: fit-content; display: flex; flex-direction: column; gap: 16px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-sidebar-box{ background: #F8FAFC; border: 1px solid #E7E9EE; border-radius: 16px; padding: 20px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-sidebar-label{ font-size: 12px; font-weight: 600; color: #6B6D72; text-transform: uppercase; letter-spacing: 0.06em; margin: 0 0 12px; } /* Share buttons */ html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share-buttons{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share-btn{ display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #EFF2F5; color: #3C3F44; transition: background 0.2s, color 0.2s, transform 0.15s; text-decoration: none; flex-shrink: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share-btn:hover{ transform: translateY(-2px); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share-btn--whatsapp:hover{ background: #25D366; color: #fff; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share-btn--twitter:hover{ background: #000; color: #fff; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share-btn--facebook:hover{ background: #1877F2; color: #fff; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share-btn--messenger:hover{ background: #0084FF; color: #fff; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share-btn--linkedin:hover{ background: #0A66C2; color: #fff; } /* TOC */ html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-list{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-item{ margin: 0 !important; padding: 0 !important; position: unset !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-link{ display: flex; align-items: flex-start; align-self: stretch; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-dot{ display: flex; align-items: center; flex-shrink: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-container .glossar-sidebar .glossar-toc .glossar-toc-list .glossar-toc-item .glossar-toc-link:hover{ color: #2271B1; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-link.active{ } /* --- FAQ Section --- */ html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-section{ margin-top: 56px; padding-top: 8px; margin-bottom: 120px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-title{ font-size: 36px; font-weight: 600; color: #1D2327; margin: 0 0 32px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-list{ display: flex; flex-direction: column; align-items: flex-start; max-width: 850px; align-self: stretch; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-item{ width: 100%; display: flex; flex-direction: column; gap: 0; background: #F3F8FB; border-radius: 16px; padding: 0; margin-bottom: 8px; overflow: hidden; transition: border-color 0.2s; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-item.is-open{ border-color: #2271B1; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-question{ width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 20px !important; background: #F3F8FB; border: none; cursor: pointer; text-align: left; font-size: 20px; font-weight: 500; color: #1D2327; transition: background 0.2s; min-height: 80px; box-sizing: border-box; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-question:hover{ background: #f8f9fa; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-question[aria-expanded="true"]{ color: #2271B1; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-icon{ flex-shrink: 0; transition: transform 0.2s; color: #6b7280; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-question[aria-expanded="true"] .glossar-faq-icon{ transform: rotate(45deg); color: #2271B1; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-question[aria-expanded="true"] .glossar-faq-icon path{ stroke: #2271B1; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-answer{ max-height: 0; overflow: hidden; padding-left: 20px; padding-right: 20px; padding-top: 0; padding-bottom: 0; font-size: 14px; line-height: 1.7; color: #374151; transition: max-height 0.35s ease, padding-bottom 0.35s ease, border-top-width 0.1s ease; } /* --- Related Posts --- */ html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-section{ background: #F3F8FB; padding: 64px 24px; margin-top: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-title{ font-size: 40px; font-weight: 500; color: #1D2327; text-align: center; margin: 0 auto 40px; max-width: 1200px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-carousel-wrap{ max-width: 1200px; margin: 0 auto; overflow: hidden; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-carousel{ display: flex; gap: 24px; transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-card{ flex: 0 0 calc(33.333% - 16px); min-width: 0; background: #fff; border: 1px solid #E7E9EE; border-radius: 16px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; transition: box-shadow 0.2s, transform 0.2s; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-card:hover{ box-shadow: 0 8px 32px rgba(34, 113, 177, 0.10); transform: translateY(-2px); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-card-title{ font-size: 18px; font-weight: 600; color: #1D2327; margin: 0 0 8px; line-height: 1.3; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-card-excerpt{ font-size: 14px; line-height: 1.65; color: #6B6D72; margin: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-card-link{ display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: #2271B1; text-decoration: none; transition: gap 0.15s; margin-top: 4px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-card-link:hover{ gap: 10px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-nav{ display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 32px; max-width: 1200px; margin-left: auto; margin-right: auto; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-prev, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-next{ display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #E7E9EE !important; background: #fff; color: #3C3F44; cursor: pointer; transition: background 0.15s, color 0.15s, border-color 0.15s; box-shadow: none !important; flex-shrink: 0; padding: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-prev:hover, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-next:hover{ background: #2271B1; color: #fff; border-color: #2271B1 !important; } /* --- Responsive --- */ @media (max-width: 1024px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-layout{ flex-direction: column-reverse; padding-bottom: 40px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-sidebar{ width: 100%; position: static; flex-direction: row; flex-wrap: wrap; gap: 12px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-sidebar-box{ flex: 1; min-width: 200px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-card{ flex: 0 0 calc(50% - 12px); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-sidebar-wrapper{ flex-direction: row-reverse !important; margin: 0 auto; } } @media (max-width: 768px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-title{ font-size: 32px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-hero{ padding: 24px 16px 40px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-layout{ padding: 0 16px 40px; margin-top: 32px; gap: 24px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-wrap{ padding: 0 16px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-sidebar{ flex-direction: column; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-sidebar-box{ min-width: unset; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-card{ flex: 0 0 80vw; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-title{ font-size: 28px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-title{ font-size: 28px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-page-container{ margin-top: 80px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-hero__title{ font-size: 40px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-alpha-nav-wrapper{ padding: 0 0 40px !important; margin-top: -70px !important; } } @media (max-width: 480px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-card{ flex: 0 0 90vw; } } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header{ display: flex; padding: 80px 297px; margin-bottom: 80px; flex-direction: column; align-items: flex-start; gap: 32px; background: #F3F8FB; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header-wrapper{ display: flex; flex-direction: column; align-items: center; gap: 8px; align-self: stretch; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__meta{ display: flex; align-items: center; gap: 12px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__meta span{ color: #1D2327; text-align: center; font-size: 12px; font-weight: 500; line-height: 160%; /* 19.2px */ } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__header-titles{ display: flex; flex-direction: column; align-items: flex-start; gap: 16px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__header-titles h1{ color: #1D2327 !important; text-align: center; font-size: 56px !important; font-weight: 600; margin: 0 auto; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__header-titles p{ color: #1D2327 !important; text-align: center; font-size: 16px !important; font-style: normal; font-weight: 400; line-height: 160%; /* 25.6px */ max-width: 846px; margin: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-sidebar-wrapper{ position: sticky; top: 60px; display: flex; flex-direction: column; justify-content: center; gap: 20px; align-self: flex-start; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share{ border-radius: 16px; background: #F3F8FB; display: flex; width: 304px; padding: 24px; flex-direction: column; align-items: flex-start; gap: 16px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share__label{ display: block; font-size: 16px; font-weight: 600; color: #1D2327; line-height: 160%; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share__icons{ display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share__link{ display: flex; align-items: center; justify-content: center; transition: color 0.2s, opacity 0.2s; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share__link svg [fill="black"]{ fill: currentColor; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share__link:hover{ opacity: 0.75; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-sidebar{ border-radius: 12px; overflow: hidden; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc{ width: 304px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; border-radius: 16px; padding: 20px; background: #F3F8FB; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-author{ padding: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-container .glossar-sidebar .glossar-toc .glossar-toc-title{ color: #1D2327; font-size: 16px; font-weight: 600; line-height: 160%; /* 25.6px */ margin: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-container .glossar-sidebar .glossar-toc .glossar-toc-list .glossar-toc-item .glossar-toc-link{ color: #1D2327; font-size: 16px; font-weight: 500; line-height: 160%; /* 25.6px */ } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-progress-wrap{ display: flex; align-items: flex-start; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-progress-track{ position: relative; width: 4px; background: rgba(211, 214, 222, 0.32); flex-shrink: 0; align-self: stretch; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-progress-bar{ position: absolute; top: 0; left: 0; width: 100%; background: #2271B1; height: 0%; transition: height 0.2s ease; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related{ display: flex; max-width: 1440px; flex-direction: column; justify-content: center; align-items: center; gap: 32px; margin: 100px 80px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__title{ color: #1D2327 !important; text-align: center; font-size: 48px !important; line-height: normal; font-weight: 500; margin: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__carousel{ overflow: hidden; width: 100%; max-width: 100%; align-self: stretch; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__track{ display: flex; gap: 20px; transition: transform 0.4s ease; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__card{ display: flex; width: calc(33.333% - 14px); flex-shrink: 0; padding: 24px; flex-direction: column; align-items: flex-start; gap: 16px; border-radius: 16px; background: linear-gradient(0deg, #F3F8FB 0%, #F3F8FB 100%), #F3F8FB; box-sizing: border-box; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__card h3, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__card p{ margin: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__card h3{ color: #1D2327 !important; font-size: 20px !important; font-weight: 600; line-height: 160%; /* 32px */ } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__card p{ color: #1D2327 !important; font-size: 16px !important; font-weight: 400; line-height: 160% !important; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; min-height: 100px !important; margin: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__card-link{ display: flex; align-items: center; gap: 4px; color: #2271B1; font-size: 16px; font-weight: 600; line-height: 160%; /* 25.6px */ } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__controls{ display: flex; justify-content: center; gap: 8px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__btn{ width: 60px; height: 60px; border-radius: 100px; border: 1px solid #2271B1; background: #fff; display: flex; align-items: center; justify-content: center; gap: 4px; cursor: pointer; transition: border-color 0.2s, background 0.2s; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__btn:hover{ border-color: #2271B1; background: #EFF6FF; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__btn:disabled{ opacity: 0.4; cursor: default; } @media (max-width: 768px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__card{ flex: 0 0 85%; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__meta{ margin-top: 40px; } } @media (max-width: 768px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-container{ display: flex; flex-direction: column; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-container .glossar-main-content{ padding: 0; margin: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-sidebar-wrapper{ position: static; width: 100%; display: contents; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-wrapper{ order: 1; width: 100%; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc{ width: 100%; box-sizing: border-box; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-main-content{ order: 2; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share-wrapper{ order: 3; width: 100%; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share{ width: 100%; justify-content: space-between; align-items: center; flex-direction: row; box-sizing: border-box; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__carousel{ overflow: hidden; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__track{ flex-direction: row; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__card{ width: calc(100% - 0px); flex: 0 0 100%; flex-shrink: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__controls{ display: flex; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header{ padding: 40px 20px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__header-titles h1{ font-size: 32px !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-title{ font-size: 20px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__title{ font-size: 28px !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related{ margin: 50px 20px; } } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-page-container, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-container, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-container, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related{ background: var(--poosch-glossar-color-page, #FFFFFF); color: var(--poosch-glossar-color-body, #6B6D72); scrollbar-color: var(--poosch-glossar-color-scrollbar, #D3D6DE) transparent; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-page-container *, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-container *, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related *{ scrollbar-color: var(--poosch-glossar-color-scrollbar, #D3D6DE) transparent; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-page-container ::-webkit-scrollbar, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-container ::-webkit-scrollbar, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related ::-webkit-scrollbar{ width: 8px; height: 8px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-page-container ::-webkit-scrollbar-thumb, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-container ::-webkit-scrollbar-thumb, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related ::-webkit-scrollbar-thumb{ background: var(--poosch-glossar-color-scrollbar, #D3D6DE); border-radius: 999px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-page-container ::-webkit-scrollbar-track, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-container ::-webkit-scrollbar-track, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related ::-webkit-scrollbar-track{ background: transparent; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-hero, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-sidebar-box, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-item, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-question, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-section, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-card, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__card{ background: var(--poosch-glossar-color-surface, #F3F8FB) !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-search-wrap, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-prev, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-next, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__btn{ background: var(--poosch-glossar-color-page, #FFFFFF); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-title, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-title, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-title, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-title, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__header-titles h1, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share__label, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-container .glossar-sidebar .glossar-toc .glossar-toc-title, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-card-title, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__title, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__card h3, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb-current{ color: var(--poosch-glossar-color-heading, #1D2327) !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-meta, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb a, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-sidebar-label, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-content, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-content p, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-answer, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-card-excerpt, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__card p, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__header-titles p{ color: var(--poosch-glossar-color-body, #6B6D72) !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb-sep, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-detail-dot, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-icon, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__btn:disabled{ color: var(--poosch-glossar-color-muted, #ACB1BC); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb a:hover, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-container .glossar-sidebar .glossar-toc .glossar-toc-list .glossar-toc-item .glossar-toc-link:hover, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-link.active, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-question[aria-expanded="true"], html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-question[aria-expanded="true"] .glossar-faq-icon, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-card-link, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__card-link, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-dot{ color: var(--poosch-glossar-color-accent, #2271B1) !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-container .glossar-sidebar .glossar-toc .glossar-toc-list .glossar-toc-item .glossar-toc-link, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share__link{ color: var(--poosch-glossar-color-heading, #1D2327); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-progress-track{ background: var(--poosch-glossar-color-scrollbar, #D3D6DE); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-progress-bar{ background: var(--poosch-glossar-color-accent, #2271B1); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-item.is-open, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-prev, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-next, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__btn{ border-color: var(--poosch-glossar-color-accent, #2271B1) !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-question:hover, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-prev:hover, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-next:hover, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__btn:hover{ background: var(--poosch-glossar-color-accent-hover, #0D4878) !important; color: var(--poosch-glossar-color-button-text, #FFFFFF) !important; border-color: var(--poosch-glossar-color-accent-hover, #0D4878) !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related-card-link:hover, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__card-link:hover, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share__link:hover{ color: var(--poosch-glossar-color-accent-hover, #0D4878) !important; } /* --- Author Module --- */ html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-card{ display: flex; width: 304px; max-height: 196px; box-sizing: border-box; padding: 24px; flex-direction: column; align-items: flex-start; gap: 16px; border-radius: 16px; background: var(--poosch-glossar-color-surface, #F3F8FB); color: var(--poosch-glossar-color-heading, #1D2327); text-decoration: none !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-card:hover{ color: var(--poosch-glossar-color-heading, #1D2327); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-card__header{ display: flex; align-items: center; gap: 16px; width: 100%; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-card__avatar, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-card__avatar img{ width: 56px; height: 56px; border-radius: 50%; flex-shrink: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-card__avatar img{ display: block; object-fit: cover; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-card__identity{ display: flex; min-width: 0; flex: 1; flex-direction: column; align-items: flex-start; gap: 4px; line-height: 160%; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-card__name{ width: 100%; color: var(--poosch-glossar-color-heading, #1D2327); font-size: 16px; font-weight: 600; line-height: 160%; word-break: break-word; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-card__label{ width: 100%; color: var(--poosch-glossar-color-body, #6B6D72); font-size: 12px; font-weight: 400; line-height: 160%; word-break: break-word; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-card__bio{ display: -webkit-box; width: 100%; max-height: 4.8em; margin: 0; overflow: hidden; color: var(--poosch-glossar-color-heading, #1D2327) !important; font-size: 12px !important; font-weight: 400; line-height: 160% !important; word-break: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-page{ background: var(--poosch-glossar-color-page, #FFFFFF); color: var(--poosch-glossar-color-heading, #1D2327); font-family: inherit; padding-bottom: 160px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero{ position: relative; width: 100%; box-sizing: border-box; padding: 80px; background: var(--poosch-glossar-color-surface, #F3F8FB); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-breadcrumb{ position: absolute; top: 20px; left: 80px; display: flex; align-items: center; gap: 4px; color: var(--poosch-glossar-color-body, #6B6D72); font-size: 12px; line-height: 160%; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-breadcrumb a{ color: var(--poosch-glossar-color-body, #6B6D72); text-decoration: none; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-breadcrumb span:last-child{ color: var(--poosch-glossar-color-accent, #2271B1); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero__inner{ display: flex; gap: 20px; width: 100%; max-width: 1280px; margin: 0 auto; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero__avatar{ display: flex; width: 413px; min-height: 310px; box-sizing: border-box; padding: 24px 56px; align-items: center; justify-content: center; border-radius: 16px; background: var(--poosch-glossar-color-page, #FFFFFF); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero__avatar img{ width: 262px; height: 262px; border-radius: 50%; object-fit: cover; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero__content{ display: flex; min-width: 0; flex: 1; flex-direction: column; justify-content: center; gap: 16px; box-sizing: border-box; padding: 24px 56px; border-radius: 16px; background: var(--poosch-glossar-color-page, #FFFFFF); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero__content h1{ margin: 0; color: var(--poosch-glossar-color-heading, #1D2327) !important; font-size: 32px !important; font-weight: 500; line-height: 1.2; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero__role{ margin: 0; color: var(--poosch-glossar-color-heading, #1D2327) !important; font-size: 16px !important; font-weight: 600; line-height: 1.4; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero__description p{ margin: 0; color: var(--poosch-glossar-color-heading, #1D2327) !important; font-size: 16px !important; line-height: 160% !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-social{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-social a{ display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 24px; color: var(--poosch-glossar-color-heading, #1D2327); font-size: 12px; font-weight: 700; line-height: 1; text-decoration: none; transition: color 0.2s ease; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-social svg{ display: block; width: 24px; height: 24px; flex-shrink: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-social svg path{ transition: fill 0.2s ease; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-social a:hover, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-social a:focus-visible{ color: var(--poosch-glossar-color-accent, #2271B1); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-social a:hover svg path, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-social a:focus-visible svg path{ fill: var(--poosch-glossar-color-accent, #2271B1); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-body{ display: flex; gap: 20px; align-items: flex-start; justify-content: center; max-width: 1280px; box-sizing: border-box; margin: 80px auto 0; padding: 80px !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-body__main{ display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 40px; padding-right: 109px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-section{ display: flex; flex-direction: column; gap: 16px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-container{ padding: 40px 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-section h2{ margin: 0; color: var(--poosch-glossar-color-heading, #1D2327) !important; font-size: 32px !important; font-weight: 500; line-height: 1.2; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-section p, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-section li{ color: var(--poosch-glossar-color-heading, #1D2327) !important; font-size: 16px !important; font-weight: 400; line-height: 160% !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-section p{ margin: 0 0 8px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-education-list{ display: flex; flex-direction: column; gap: 8px; margin: 0; padding-left: 24px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-education-list li::marker{ color: var(--poosch-glossar-color-accent, #2271B1); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-body__sidebar{ position: sticky; top: 60px; display: flex; width: 304px; flex-shrink: 0; flex-direction: column; gap: 20px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-sidebox{ display: flex; box-sizing: border-box; width: 304px; padding: 24px; flex-direction: column; align-items: flex-start; gap: 16px; border-radius: 16px; background: var(--poosch-glossar-color-surface, #F3F8FB); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-sidebox p{ margin: 0; color: var(--poosch-glossar-color-heading, #1D2327) !important; font-size: 16px !important; font-weight: 600; line-height: 160%; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav__inner{ display: flex; gap: 12px; align-items: stretch; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav__inner > span{ display: block; width: 4px; border-radius: 6px; background: linear-gradient(to bottom, var(--poosch-glossar-color-accent, #2271B1) 0 68px, rgba(211, 214, 222, 0.32) 68px 100%); flex-shrink: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav ul{ display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0 0 0 8px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav li{ margin: 0; color: var(--poosch-glossar-color-heading, #1D2327); font-size: 16px; line-height: 160%; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav a{ color: var(--poosch-glossar-color-heading, #1D2327); font-size: 16px; font-weight: 500; line-height: 160%; text-decoration: none; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav .glossar-toc{ display: flex; width: 100%; flex-direction: column; gap: 16px; background: transparent !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav .glossar-toc-title{ margin: 0; color: var(--poosch-glossar-color-heading, #1D2327) !important; font-size: 16px !important; font-weight: 600; line-height: 160%; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav .glossar-toc-progress-wrap{ display: flex; gap: 12px; align-items: stretch; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav .glossar-toc-progress-track{ position: relative; width: 4px; min-height: 100%; border-radius: 6px; background: rgba(211, 214, 222, 0.32); flex-shrink: 0; overflow: hidden; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav .glossar-toc-progress-bar{ position: absolute; top: 0; left: 0; width: 100%; height: 0; border-radius: 6px; background: var(--poosch-glossar-color-accent, #2271B1); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav .glossar-toc-list{ display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav .glossar-toc-item{ margin: 0; list-style: none; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav .glossar-toc-link{ display: flex; gap: 4px; align-items: center; color: var(--poosch-glossar-color-heading, #1D2327) !important; font-size: 16px; font-weight: 500; line-height: 160%; text-decoration: none; transition: color 0.2s ease; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav .glossar-toc-dot{ display: inline-flex; width: 26px; height: 26px; align-items: center; justify-content: center; flex-shrink: 0; color: currentColor !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav .glossar-toc-link:hover, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav .glossar-toc-link:focus-visible, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-nav .glossar-toc-link.active{ color: var(--poosch-glossar-color-accent, #2271B1) !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-articles{ display: flex; max-width: 1280px; flex-direction: column; align-items: center; gap: 32px; box-sizing: border-box; margin: 100px auto 0; padding: 0 80px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-articles h2{ width: 100%; margin: 0; color: var(--poosch-glossar-color-heading, #1D2327) !important; text-align: center; font-size: 48px !important; font-weight: 500; line-height: 1.1; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-articles__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-article-card{ display: flex; min-width: 0; box-sizing: border-box; padding: 24px; flex-direction: column; align-items: flex-start; gap: 16px; border-radius: 16px; background: var(--poosch-glossar-color-surface, #F3F8FB); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-article-card h3{ margin: 0; color: var(--poosch-glossar-color-heading, #1D2327) !important; font-size: 20px !important; font-weight: 600; line-height: 160%; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-article-card p{ min-height: 100px; margin: 0; color: var(--poosch-glossar-color-heading, #1D2327) !important; font-size: 16px !important; font-weight: 400; line-height: 160% !important; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-article-card a{ display: inline-flex; align-items: center; gap: 4px; color: var(--poosch-glossar-color-accent, #2271B1); font-size: 16px; font-weight: 600; line-height: 160%; text-decoration: none; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-articles__empty{ width: 100%; text-align: center; color: var(--poosch-glossar-color-body, #6B6D72); } @media (max-width: 1024px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero{ padding: 64px 24px 48px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-breadcrumb{ left: 24px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero__inner, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-body{ flex-direction: column; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero__avatar, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero__content, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-body__sidebar, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-sidebox{ width: 100%; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-body{ padding: 0 24px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-body__main{ width: 100%; padding-right: 0; gap: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] #author-biography{ padding-top: 32px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-body__sidebar{ position: static; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-articles{ padding: 0 24px; } } @media (max-width: 768px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-card{ width: 100%; order: 1; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero{ padding: 56px 16px 40px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-breadcrumb{ left: 16px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero__avatar{ min-height: auto; padding: 24px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero__avatar img{ width: 180px; height: 180px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero__content{ padding: 24px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-hero__content h1{ font-size: 28px !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-body{ margin-top: 48px; padding: 0 18px !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-section h2{ font-size: 28px !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-articles{ margin-top: 64px; padding: 0 16px; padding-top: 80px !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-articles h2{ font-size: 36px !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-articles__grid{ grid-template-columns: 1fr; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-inner{ padding-left: 0 !important; } } /* * Theme-independent frontend layout. * Generic `.container` classes were removed from the markup; these scoped * rules now own the desktop and mobile geometry of glossary output. */ html body .ki-glossar-scope[data-ki-glossar-scope="archive"] > .glossar-page-container{ margin-top: 0 !important; margin-block-start: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-page-container, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-container, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related{ --poosch-full-bleed-offset: 0px; width: 100vw !important; max-width: none !important; margin-left: var(--poosch-full-bleed-offset) !important; margin-right: 0 !important; box-sizing: border-box; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-page-container, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-page-content, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-container, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content{ min-width: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-page-content, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content{ width: 100%; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header{ width: 100%; max-width: none; box-sizing: border-box; padding-right: clamp(24px, 10vw, 297px); padding-left: clamp(24px, 10vw, 297px); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__header-titles{ width: 100%; min-width: 0; align-items: center; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__header-titles h1, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__header-titles p{ max-width: 846px; overflow-wrap: anywhere; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content > .glossar-container{ display: grid !important; grid-template-columns: minmax(0, 1fr) 304px; align-items: start; gap: 20px; width: min(calc(100% - 160px), 1280px); max-width: 1280px; margin: 0 auto; padding: 0; box-sizing: border-box; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content > .glossar-container.glossar-no-sidebar{ grid-template-columns: minmax(0, 1fr); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-main-content, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-full-width{ width: 100%; min-width: 0; max-width: none; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-wrap{ width: min(calc(100% - 160px), 1280px); max-width: 1280px; margin: 20px auto 0 190px; padding: 0; box-sizing: border-box; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-inner{ width: 100%; max-width: none; padding-left: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related{ margin-top: 100px; margin-bottom: 0; padding: 0 clamp(24px, 5.55vw, 80px) 30px; overflow: hidden; } @media (max-width: 1024px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content > .glossar-container, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-wrap{ width: calc(100% - 48px); } } @media (max-width: 768px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-container, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content{ margin-bottom: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header{ margin-bottom: 48px; padding: 40px 20px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__meta{ justify-content: center; flex-wrap: wrap; margin-top: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__header-titles h1{ width: 100%; font-size: clamp(30px, 9vw, 40px) !important; line-height: 1.15; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__header-titles p{ width: 100%; font-size: 15px !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content > .glossar-container, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-wrap{ display: flex !important; width: calc(100% - 32px); max-width: none; flex-direction: column; gap: 24px; margin-right: auto; margin-left: auto !important; padding: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content > .glossar-container .glossar-sidebar-wrapper{ width: 100%; min-width: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-wrapper, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-sidebar, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share-wrapper, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share{ width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-link, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-text{ min-width: 0; overflow-wrap: anywhere; word-break: normal; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-content, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-content p{ width: 100%; max-width: 100%; overflow-wrap: anywhere; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-section{ margin-bottom: 64px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related{ gap: 24px; margin-top: 64px; padding: 0 16px 24px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-related__title{ width: 100%; font-size: 28px !important; overflow-wrap: anywhere; } } /* Mobile breadcrumb */ @media (max-width: 768px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb{ position: relative !important; top: auto !important; left: auto !important; display: flex !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; margin: 0 !important; padding: 16px !important; font-size: 12px !important; line-height: 1.4 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb a, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb .separator{ flex: 0 0 auto !important; white-space: nowrap !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb .current, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb .glossar-breadcrumb-current{ flex: 1 1 160px !important; min-width: 0 !important; max-width: 100% !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; } } @media (max-width: 420px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb{ padding: 12px 16px !important; font-size: 11px !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb .current, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-breadcrumb .glossar-breadcrumb-current{ flex-basis: 100% !important; } } /* Desktop: align FAQ with the main content */ @media (min-width: 769px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content{ --glossar-desktop-horizontal-space: clamp(48px, 11.111vw, 160px); } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content > .glossar-container, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content > .glossar-faq-wrap{ width: min( calc(100% - var(--glossar-desktop-horizontal-space)), 1280px ) !important; max-width: 1280px !important; margin-right: auto !important; margin-left: auto !important; box-sizing: border-box !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content > .glossar-faq-wrap{ padding-right: 0 !important; padding-left: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-inner{ width: 100% !important; max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-left: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-section, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-title, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-list{ margin-left: 0 !important; } } /* Final layout safeguards for customer themes. */ html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-section{ margin: 0 0 48px; scroll-margin-top: 96px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-section:last-child{ margin-bottom: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-faq-question{ padding: 18px 24px !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-faq-question > span{ flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-faq-answer{ padding-right: 24px; padding-left: 24px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .poosch-internal-links{ margin: 8px 0 48px; font-size: 16px; line-height: 1.7; } @media (max-width: 768px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-page-container{ margin-top: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__meta{ margin-top: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-section{ margin-bottom: 32px; scroll-margin-top: 72px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-faq-question{ min-height: 72px; padding: 16px !important; font-size: 18px; line-height: 1.35; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-faq-answer{ padding-right: 16px; padding-left: 16px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .poosch-internal-links{ margin-bottom: 32px; } } /* * Figma pixel-geometry layer. * Article: 1745:3906 / 1766:2154. Author: 2132:738 / 2150:733. * Kept at the end of the scoped stylesheet so customer themes cannot alter * component typography or spacing without relying on blanket !important use. */ html body .ki-glossar-scope[data-ki-glossar-scope], html body .ki-glossar-scope[data-ki-glossar-scope] *, html body .ki-glossar-scope[data-ki-glossar-scope] *::before, html body .ki-glossar-scope[data-ki-glossar-scope] *::after{ font-family: inherit; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-container{ padding: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header{ position: relative; width: 100%; margin: 0 0 80px; padding: 80px clamp(80px, 20.625vw, 297px); gap: 32px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header > .glossar-post-breadcrumb{ position: absolute !important; top: 20px !important; left: 80px !important; display: flex !important; width: auto !important; max-width: calc(100% - 160px) !important; margin: 0 !important; padding: 0 !important; align-items: center !important; flex-wrap: nowrap !important; gap: 4px !important; color: var(--poosch-glossar-color-body, #6B6D72) !important; font-size: 12px !important; font-weight: 400; line-height: 1.6 !important; z-index: 999; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header > .glossar-post-breadcrumb a, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header > .glossar-post-breadcrumb .glossar-breadcrumb-sep{ flex: 0 0 auto; color: var(--poosch-glossar-color-body, #6B6D72) !important; white-space: nowrap; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header > .glossar-post-breadcrumb .glossar-breadcrumb-current{ min-width: 0; overflow: hidden; color: var(--poosch-glossar-color-accent, #2D59F2) !important; text-overflow: ellipsis; white-space: nowrap; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header-wrapper{ gap: 8px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__meta{ gap: 12px; font-size: 12px; font-weight: 500; line-height: 1.6; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__dot{ display: block; flex: 0 0 4px; color: var(--poosch-glossar-color-accent, #2D59F2) !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__header-titles{ gap: 16px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__header-titles h1{ margin: 0 auto; font-size: 56px !important; font-weight: 500; line-height: normal; letter-spacing: normal; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__header-titles p{ margin: 0; color: var(--poosch-glossar-color-heading, #1D2327) !important; font-size: 16px !important; font-weight: 400; line-height: 1.6 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content > .glossar-container{ width: min(calc(100% - 160px), 1280px); max-width: 1280px; grid-template-columns: minmax(0, 1fr) 304px; gap: 20px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-main-content{ padding-right: 109px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-no-sidebar .glossar-main-content{ padding-right: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-section{ gap: 16px; margin: 0 0 40px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-section:last-child{ margin-bottom: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-title{ margin: 0; font-size: 32px !important; font-weight: 500; line-height: normal; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-content{ display: flex; width: 100%; flex-direction: column; gap: 16px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-content p, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-content li{ margin: 0; color: var(--poosch-glossar-color-heading, #1D2327) !important; font-size: 16px !important; font-weight: 400; line-height: 1.6 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-sidebar-wrapper{ width: 304px; gap: 20px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc{ width: 304px; padding: 24px; gap: 16px; border: 0; border-radius: 16px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share__link{ color: var(--poosch-glossar-color-heading, #1D2327); text-decoration: none; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share__link:hover, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share__link:focus-visible{ color: var(--poosch-glossar-color-accent, #2D59F2) !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-link{ text-decoration: none; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-wrap{ width: min(calc(100% - 160px), 1280px); max-width: 1280px; margin: 40px auto 0 !important; padding: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-inner{ width: calc(100% - 324px) !important; max-width: none !important; padding: 0 109px 0 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-wrap--full .glossar-faq-inner{ width: 100% !important; padding-right: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-section{ display: flex; flex-direction: column; gap: 24px; margin: 0 0 120px; padding: 0; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-title{ margin: 0; font-size: 32px !important; font-weight: 500; line-height: normal; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-list{ width: 100%; max-width: none; gap: 8px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-item{ margin: 0; border: 0; border-radius: 16px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-faq-question{ min-height: 72px; padding: 20px !important; background: var(--poosch-glossar-color-surface, #F3F8FB) !important; color: var(--poosch-glossar-color-heading, #1D2327) !important; font-size: 20px !important; font-weight: 600; line-height: 1.6; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-faq-question[aria-expanded="true"]{ color: var(--poosch-glossar-color-accent, #2D59F2) !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-faq-answer{ padding-right: 20px; padding-left: 20px; color: var(--poosch-glossar-color-heading, #1D2327) !important; font-size: 16px; font-weight: 400; line-height: 1.6; } /* Author page — desktop reference 2132:738. */ html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-page{ padding-bottom: 200px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-hero{ padding: 80px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-hero__inner{ max-width: 1280px; gap: 20px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-hero__avatar{ width: 413px; min-height: 310px; padding: 24px 56px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-hero__content{ padding: 24px 56px; gap: 16px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-hero__content h1{ font-size: 32px !important; font-weight: 500; line-height: normal; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-hero__role{ font-size: 16px !important; font-weight: 600; line-height: 1.6; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-social a svg path{ fill: currentColor; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-sidebox .glossar-author-social a{ color: var(--poosch-glossar-color-heading, #1D2327); text-decoration: none; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-sidebox .glossar-author-social a:hover, html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-sidebox .glossar-author-social a:focus-visible{ color: var(--poosch-glossar-color-accent, #2D59F2); } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-body{ width: min(calc(100% - 160px), 1280px); max-width: 1280px; margin: 80px auto 0; padding: 0 !important; gap: 20px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-body__main{ gap: 40px; padding-right: 109px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-section{ gap: 16px; margin: 0; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-section h2{ font-size: 32px !important; font-weight: 500; line-height: normal; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-section p, html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-section li{ margin: 0; font-size: 16px !important; line-height: 1.6 !important; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-sidebox{ width: 304px; padding: 24px; gap: 16px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-articles{ width: min(calc(100% - 160px), 1280px); max-width: 1280px; margin: 100px auto 0; padding: 0; gap: 32px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-articles h2{ font-size: 48px !important; font-weight: 500; line-height: normal; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-articles__viewport{ width: 100%; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-articles__grid{ width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-article-card{ padding: 24px; gap: 16px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-articles__controls{ display: none; } @media (max-width: 768px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header{ margin-bottom: 32px; padding: 80px 20px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header > .glossar-post-breadcrumb{ top: 20px !important; left: 20px !important; width: calc(100% - 40px) !important; max-width: calc(100% - 40px) !important; padding: 0 !important; flex-wrap: nowrap !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__header-titles h1{ font-size: 32px !important; line-height: normal; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-header__header-titles p{ font-size: 16px !important; line-height: 1.6 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content > .glossar-container, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-wrap{ width: calc(100% - 40px); gap: 32px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-main-content, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-inner{ width: 100% !important; padding-right: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-section{ margin-bottom: 32px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-title, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-title{ font-size: 28px !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-wrap{ margin-top: 32px !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-section{ margin-bottom: 80px; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-faq-question{ min-height: 72px; padding: 20px !important; font-size: 20px !important; line-height: 1.6; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-faq-answer{ padding-right: 20px; padding-left: 20px; font-size: 16px; line-height: 1.6; } /* Author page — mobile reference 2150:733. */ html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-page{ padding-bottom: 80px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-hero{ padding: 80px 20px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-breadcrumb{ top: 20px; left: 20px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-hero__inner{ gap: 20px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-hero__avatar{ width: 100%; min-height: 310px; padding: 24px 56px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-hero__avatar img{ width: 262px; height: 262px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-hero__content{ padding: 20px; gap: 16px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-hero__content h1{ font-size: 24px !important; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-social a{ width: 32px; height: 32px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-body{ width: calc(100% - 40px); margin-top: 80px; padding: 0 !important; gap: 32px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-body__sidebar{ order: 1; width: 100%; gap: 20px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-body__main{ order: 2; gap: 32px; padding-right: 0; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-nav{ order: -1; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-sidebox{ width: 100%; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] #author-biography{ padding-top: 0; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-section h2{ font-size: 28px !important; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-articles{ width: calc(100% - 40px); margin-top: 80px; padding: 0 !important; gap: 32px; overflow: hidden; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-articles h2{ font-size: 32px !important; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-articles__viewport{ overflow: hidden; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-articles__grid{ display: flex; gap: 20px; transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-article-card{ flex: 0 0 100%; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-articles__controls{ display: flex; justify-content: center; gap: 8px; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-articles__prev, html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-articles__next{ display: flex; width: 60px; height: 60px; margin: 0; padding: 0; align-items: center; justify-content: center; border: 1px solid var(--poosch-glossar-color-accent, #2D59F2); border-radius: 50%; background: var(--poosch-glossar-color-page, #FFFFFF); color: var(--poosch-glossar-color-accent, #2D59F2); box-shadow: none; cursor: pointer; } html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-articles__prev:disabled, html body .ki-glossar-scope[data-ki-glossar-scope="author"] .glossar-author-articles__next:disabled{ border-color: var(--poosch-glossar-color-scrollbar, #D3D6DE); color: var(--poosch-glossar-color-scrollbar, #D3D6DE); cursor: default; } } /* * Cross-theme rendering safeguards. * Keep this block last: customer themes can load broad article/button rules, * while these declarations must remain authoritative only inside Glossar UI. */ html body.single-glossar #reading-progress-bar{ display: none !important; } html body .ki-glossar-breadcrumb-scope[data-ki-glossar-scope="breadcrumb"]{ padding-bottom: 16px !important; background: var(--poosch-glossar-color-surface, #F3F8FB) !important; box-sizing: border-box; } html body .ki-glossar-breadcrumb-scope[data-ki-glossar-scope="breadcrumb"] .glossar-breadcrumb{ margin-bottom: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-section-title .glossar-section-number{ color: inherit !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content .glossar-faq-answer{ border: 0 !important; border-top: 0 !important; box-shadow: none !important; } @media (max-width: 1100px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content > .glossar-container, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-wrap{ display: flex !important; width: calc(100% - 48px) !important; max-width: none !important; margin-right: auto !important; margin-left: auto !important; flex-direction: column !important; gap: 32px !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-inner{ width: 100% !important; max-width: none !important; padding-right: 0 !important; padding-left: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content > .glossar-container .glossar-sidebar-wrapper{ display: contents !important; position: static !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-wrapper{ order: 1 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-main-content{ order: 2 !important; padding-right: 0 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share-wrapper{ order: 3 !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc-wrapper, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-sidebar, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-toc, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share-wrapper, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share{ width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-share{ align-items: center !important; justify-content: space-between !important; flex-direction: row !important; } } @media (min-width: 769px) and (max-width: 1100px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-author-card{ width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } } @media (max-width: 768px) { html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-post-content > .glossar-container, html body .ki-glossar-scope[data-ki-glossar-scope] .glossar-faq-wrap{ width: calc(100% - 40px) !important; } }