/* Brothaus Designbibliothek | Lokale, offlinefähige Ansicht | Stand 2026-10-29 */
:root{--blau:#007DB6;--dunkel:#414042;--hell:#F0EEED}*{box-sizing:border-box}body{margin:0;font:16px/1.55 'Segoe UI',Arial,sans-serif;color:#263b43;background:#f5f8fa}header{background:linear-gradient(115deg,#007DB6,#37676B);color:white;padding:48px max(5vw,20px)}header h1{font-size:clamp(30px,4vw,52px);margin:0}header p{max-width:820px}main{max-width:1250px;margin:auto;padding:30px 20px 70px}nav{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 30px}nav a,.button,button{background:#007DB6;color:white;border:0;border-radius:9px;padding:9px 14px;text-decoration:none;cursor:pointer;font:inherit}h2{margin-top:46px;border-bottom:3px solid #B2D9D0;padding-bottom:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.card{background:white;border:1px solid #dce7eb;border-radius:14px;padding:17px;box-shadow:0 3px 13px #153a4a0a}.card img{display:block;width:100%;height:155px;object-fit:contain;background:#f8fafb;border-radius:8px}.card.dark img{background:#233e4b}.code{font-weight:800;color:#007DB6;letter-spacing:.04em}.small{font-size:13px;color:#52616a}.swatch{height:95px;border-radius:9px;border:1px solid #d9e0e2}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}button{font-size:13px;padding:7px 10px}.note{padding:17px;border-left:5px solid #F7BC49;background:#fff8e8;border-radius:6px}input{width:100%;max-width:460px;padding:13px;border:1px solid #bdcfd6;border-radius:8px}footer{padding:30px;background:#e7eff2;text-align:center}a{color:#006fa6} @media print{header{padding:20px;background:white;color:black}nav,.actions,input{display:none}main{padding:0}.card{break-inside:avoid}h2{break-after:avoid}}