/* Imported BBT product and knowledge pages, using the approved brand styles. */
.legacy-hero{padding:45px 6%;background:var(--paper)}
.legacy-hero.with-image{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:7%;align-items:center}
.legacy-hero h1{font-size:clamp(30px,3.5vw,54px);line-height:1.12;letter-spacing:-1.2px;max-width:900px;overflow-wrap:anywhere}
.legacy-hero>img{width:100%;height:300px;object-fit:contain;mix-blend-mode:multiply}
.legacy-hero p{max-width:750px;color:var(--muted)}
.legacy-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr);gap:6%;padding:55px 6%;align-items:start}
.legacy-content{min-width:0;font-size:16px;line-height:1.75}
.legacy-content h2{font-size:27px;letter-spacing:-.5px;line-height:1.3;margin:30px 0 16px;overflow-wrap:anywhere}
.legacy-content h3{font-size:22px;letter-spacing:-.3px;line-height:1.4;margin:25px 0 12px}
.legacy-content p{margin-bottom:20px}
.legacy-content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legacy-content li{margin:7px 0}
.legacy-content ul,.legacy-content ol{padding-left:25px}
.legacy-content img{max-width:100%;width:auto;height:auto;max-height:600px;object-fit:contain;margin:15px 0}
.legacy-content a>img{display:inline-block;vertical-align:middle}
.legacy-content img[width="16"],.legacy-content img[width="24"],.legacy-content img[width="32"]{margin:0 5px 0 0}
.legacy-figure{margin:25px 0;padding:20px;background:var(--paper)}
.legacy-figure img{max-height:320px;margin:0 auto}
.legacy-content .table-scroll{width:100%;max-width:100%;overflow-x:auto;margin:25px 0 35px;border:1px solid var(--line);background:white;overscroll-behavior-x:contain}
.legacy-content table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.5;white-space:normal}
.legacy-content th,.legacy-content td{text-align:left;padding:11px 12px;border:1px solid var(--line);min-width:65px}
.legacy-content th{background:var(--navy);color:#fff;font-weight:600}
.legacy-content tbody tr:nth-child(even){background:var(--paper)}
.legacy-aside{position:sticky;top:125px;padding:28px;background:var(--paper);min-width:0}
.legacy-aside h2{font-size:25px;letter-spacing:-.5px;line-height:1.3}
.legacy-aside p{color:var(--muted);font-size:15px}
.legacy-aside .button{width:100%;gap:10px;margin:8px 0}
.legacy-aside .small-note{font-size:13px;margin-top:20px}
.catalog-links{padding:45px 6%;border-top:1px solid var(--line)}
.catalog-links h2{font-size:29px;letter-spacing:-.5px;line-height:1.3}
.catalog-links>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.catalog-links a{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px;min-height:48px;align-items:center;overflow-wrap:anywhere}
.catalog-links a:hover{color:var(--blue)}
.catalog-links a span{flex-shrink:0;color:var(--blue)}
@media(max-width:900px){.legacy-layout{grid-template-columns:minmax(0,1fr);gap:30px}.legacy-aside{position:static}.legacy-hero.with-image{grid-template-columns:minmax(0,1fr);gap:25px}.legacy-hero>img{height:230px}.legacy-hero{padding:35px 6%}.legacy-layout{padding:35px 6%}.legacy-hero h1{font-size:clamp(29px,6vw,42px)}}
@media(max-width:600px){.catalog-links>div{grid-template-columns:minmax(0,1fr)}.catalog-links{padding:35px 6%}.legacy-content h2,.catalog-links h2{font-size:25px}.legacy-content h3{font-size:21px}.legacy-aside{padding:24px}.legacy-content th,.legacy-content td{padding:9px 10px}.legacy-content table{min-width:520px}.legacy-content .table-scroll::before{content:"Tabelle seitlich wischen ↔";display:block;font-size:12px;padding:8px 12px;color:var(--muted);position:sticky;left:0;max-width:90vw}}