/* THOP AG – Wissensdatenbank: Zusatzstile fuer Artikelseiten.
   Ergaenzt style.css (wird zusaetzlich eingebunden, ersetzt es nicht). */

.wissen-hero{ background:var(--grey-50); padding:168px 0 48px; border-bottom:1px solid var(--grey-100); }
.wissen-hero .wrap{ max-width:800px; }
.wissen-hero.wide .wrap{ max-width:1160px; }
.wissen-hero h1{ font-size:clamp(28px,4vw,40px); margin:10px 0 18px; }
.wissen-hero .lead{ font-size:17px; line-height:1.65; color:var(--grey-600); max-width:70ch; }

.wissen-body{ padding:56px 0 80px; }
.wissen-body .wrap{ max-width:760px; }
.wissen-body.wide .wrap{ max-width:1160px; }

.lang-switch{ position:relative; font-size:14px; display:flex; align-items:center; }
.lang-switch summary{ list-style:none; cursor:pointer; color:rgba(255,255,255,0.75); font-weight:500; padding:4px 2px; user-select:none; transition:color .35s; display:flex; align-items:center; line-height:1; }
.lang-switch summary::-webkit-details-marker{ display:none; }
.lang-switch:hover summary{ color:#fff; }
.lang-switch[open] summary{ color:#fff; }
.lang-menu{ position:absolute; top:calc(100% + 8px); left:0; background:#fff; border:1px solid var(--grey-100); border-radius:2px; box-shadow:0 10px 24px rgba(20,30,50,.14); min-width:60px; overflow:hidden; z-index:30; }
.lang-menu a{ display:block; padding:8px 14px; color:var(--anthracite) !important; text-decoration:none !important; font-size:12.5px; }
.lang-menu a:hover{ background:var(--grey-50); }
.lang-menu a.active{ color:var(--blue) !important; font-weight:600; }
header.scrolled .lang-switch summary, header.force-light .lang-switch summary{ color:var(--grey-600); }
header.scrolled .lang-switch:hover summary, header.force-light .lang-switch:hover summary,
header.scrolled .lang-switch[open] summary, header.force-light .lang-switch[open] summary{ color:var(--anthracite); }
.wissen-body h2{ font-size:24px; margin:44px 0 16px; color:var(--anthracite); }
.wissen-body h2:first-child{ margin-top:0; }
.wissen-body p{ font-size:16px; line-height:1.75; color:var(--anthracite); margin-bottom:18px; }
.wissen-body p a, .wissen-body li a{ color:var(--blue); text-decoration:underline; text-decoration-color:rgba(19,57,123,.35); text-underline-offset:2px; font-weight:500; }
.wissen-body p a:hover, .wissen-body li a:hover{ text-decoration-color:var(--blue); }
.wissen-body ul{ margin:0 0 22px; padding-left:22px; }
.wissen-body li{ font-size:16px; line-height:1.7; color:var(--anthracite); margin-bottom:10px; }
.wissen-body li strong{ color:var(--anthracite); }
.wissen-body ol{ margin:0 0 22px; padding-left:22px; }
.wissen-body ol li{ font-size:16px; line-height:1.7; margin-bottom:8px; }

.callout{ border-radius:var(--radius); padding:22px 26px; margin:0 0 32px; border:1px solid var(--grey-100); }
.callout-label{ font-family:'IBM Plex Mono'; font-size:11px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:8px; display:block; font-weight:600; }
.callout p{ margin:0; font-size:15.5px; line-height:1.7; }

.callout-answer{ background:var(--blue-light); border-color:#d5deec; }
.callout-answer .callout-label{ color:var(--blue); }
.callout-answer p{ color:var(--anthracite); }

.callout-tip{ background:var(--grey-50); border-left:3px solid var(--blue); }
.callout-tip .callout-label{ color:var(--grey-600); }

.wissen-table-wrap{ overflow-x:auto; margin-bottom:32px; }
.wissen-body table{ width:100%; border-collapse:collapse; font-size:14.5px; min-width:520px; }
.wissen-body th{ background:var(--blue); color:#fff; text-align:left; padding:12px 14px; font-weight:600; font-size:13.5px; }
.wissen-body td{ padding:12px 14px; border-bottom:1px solid var(--grey-100); vertical-align:top; color:var(--anthracite); }
.wissen-body tr:last-child td{ border-bottom:none; }
.wissen-body tr:nth-child(even) td{ background:var(--grey-50); }

.formula-box{ background:var(--anthracite); color:#fff; border-radius:var(--radius); padding:34px 28px; margin:0 0 28px; text-align:center; overflow-x:auto; }
.formula-label{ font-family:'IBM Plex Mono'; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--blue-dim); display:block; margin-bottom:22px; font-weight:600; text-align:left; }
.formula-box .formula-line{ font-family:'IBM Plex Mono'; font-size:17px; line-height:1.8; color:#fff; margin:0 0 24px; white-space:nowrap; }
.formula-box .formula-line:last-of-type{ margin-bottom:0; }
.formula-box .formula-legend{ font-family:'IBM Plex Mono'; font-size:12.5px; color:var(--grey-400); margin:18px 0 0; white-space:nowrap; }
.formula-box strong{ color:#fff; }

.frac{ display:inline-flex; flex-direction:column; vertical-align:middle; text-align:center; margin:0 12px; line-height:1.35; }
.frac-num{ border-bottom:1.5px solid currentColor; padding:0 8px 4px; }
.frac-den{ padding:4px 8px 0; }

.calc-tool{ background:var(--grey-50); border:1px solid var(--grey-100); border-radius:var(--radius); padding:28px 30px; margin:0 0 28px; }
.calc-header{ margin-bottom:20px; }
.calc-header h3{ font-size:18px; margin:6px 0 0; color:var(--anthracite); }
.calc-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:20px; }
.calc-field label{ font-family:'IBM Plex Mono'; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--grey-400); display:block; margin-bottom:6px; }
.calc-field input{ width:100%; border:1px solid var(--grey-100); border-radius:var(--radius); padding:10px 12px; font-family:'IBM Plex Mono'; font-size:15px; color:var(--anthracite); background:#fff; box-sizing:border-box; }
.calc-field input:focus{ outline:none; border-color:var(--blue); }
.calc-result{ background:#fff; border:1px solid var(--grey-100); border-radius:var(--radius); padding:6px 20px; }
.calc-result-row{ display:flex; justify-content:space-between; align-items:baseline; padding:12px 0; font-size:14.5px; }
.calc-result-row + .calc-result-row{ border-top:1px solid var(--grey-100); }
.calc-result-row span:first-child{ color:var(--grey-600); }
.calc-result-row span:last-child{ font-family:'IBM Plex Mono'; font-weight:600; color:var(--blue); }
@media (max-width:560px){ .calc-grid{ grid-template-columns:1fr; } }

.download-card{ display:flex; align-items:center; gap:22px; background:#fff; border:1px solid var(--grey-100); border-radius:var(--radius); padding:26px 30px; margin:36px 0 0; flex-wrap:wrap; }
.download-icon{ flex-shrink:0; }
.download-text{ flex:1; min-width:200px; }
.download-text h3{ font-size:16px; margin:0 0 6px; color:var(--anthracite); }
.download-text p{ font-size:14px; color:var(--grey-600); margin:0; }
.download-card .btn{ flex-shrink:0; white-space:nowrap; }
@media (max-width:560px){ .download-card{ flex-direction:column; align-items:flex-start; } }

.wissen-index-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:22px; margin-top:36px; }
.wissen-card{ border:1px solid var(--grey-100); border-radius:var(--radius); text-decoration:none; display:flex; flex-direction:column; transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease; background:#fff; overflow:hidden; }
.wissen-card:hover{ border-color:var(--blue); transform:translateY(-3px); box-shadow:0 10px 24px rgba(19,57,123,.10); }
.wissen-card-thumb{ height:132px; background:var(--blue-light); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.wissen-card-thumb-bar{ position:relative; height:150px; background:#fff; border-bottom:1px solid var(--grey-100); display:flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden; }
.wissen-card-thumb-bar img{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; }
.wissen-card-thumb-bar svg{ position:relative; z-index:2; }
.wissen-card-body{ padding:26px 28px 28px; display:flex; flex-direction:column; flex:1; }
.wissen-card .eyebrow{ margin-bottom:10px; }
.wissen-card .eyebrow::before{ flex-shrink:0; }
.wissen-card h3{ font-size:19px; color:var(--anthracite); margin:0 0 10px; line-height:1.4; }
.wissen-card p{ font-size:14.5px; color:var(--grey-600); line-height:1.65; margin:0 0 20px; flex:1; }
.wissen-card .wissen-card-link{ font-family:'IBM Plex Mono'; font-size:12.5px; color:var(--blue); font-weight:600; display:inline-flex; align-items:center; gap:6px; }
@media (max-width:980px){ .wissen-index-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ .wissen-index-grid{ grid-template-columns:1fr; } }
@media (max-width:980px){ .wissen-hero{ padding-top:140px; } }

.wissen-teaser-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:22px; margin-top:32px; }
@media (max-width:980px){ .wissen-teaser-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ .wissen-teaser-grid{ grid-template-columns:1fr; } }