*{box-sizing:border-box}body{margin:0;background:#eef2f5;font-family:Arial,Helvetica,sans-serif;color:#263238}.shop-shell{max-width:1180px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 24px rgba(0,0,0,.12)}.shop-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 28px;background:#fff;border-bottom:5px solid #27628d}.brand{display:flex;align-items:center;gap:18px}.brand img{width:210px;max-width:35vw;height:auto}.brand strong{display:block;font-size:23px;color:#1f567e}.brand span{display:block;color:#71808b;margin-top:4px}.shop-search input.text{padding:8px;border:1px solid #b8c4cc}.shop-search input.submit{padding:8px 12px}.topnav{background:#2f6388;padding:0 24px}.topnav ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.topnav li{list-style:none}.topnav a{display:block;padding:12px 14px;color:#fff;text-decoration:none}.topnav ul ul{display:none}.shop-body{display:grid;grid-template-columns:210px 1fr;min-height:650px}.sidebar{padding:22px;background:#f5f7f8;border-right:1px solid #d9e0e5}.sidebar h3{margin-top:0;color:#2f6388}.sidebar a{display:inline-block;margin:5px 0;color:#345f7d}.loginbox{margin-top:24px;padding-top:15px;border-top:1px solid #ccd5db}.maincontent{padding:28px;min-width:0}.maincontent h1{color:#245d85;border-bottom:2px solid #d9e5ed;padding-bottom:8px}.maincontent h2{color:#3f687f}.officico-hero{display:flex;align-items:center;gap:28px;background:#f3f8fb;border:1px solid #d7e6ef;padding:24px;border-radius:10px;margin-bottom:24px}.officico-hero img{width:250px;max-width:40%;height:auto}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.product-card{display:flex;flex-direction:column;border:1px solid #d9e0e5;border-radius:10px;padding:16px;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.06)}.product-card img{width:100%;height:170px;object-fit:contain;margin-bottom:12px}.product-card h3{margin:0 0 8px;color:#275f85;font-size:18px}.product-card p{flex:1}.mailorder{display:inline-block;padding:9px 12px;background:#2f6388;color:#fff!important;text-decoration:none;border-radius:5px;font-weight:bold}.mailorder:hover{background:#214b68}.hint,.firmlivo-impressum{padding:18px;border-radius:8px;background:#f7f9fa;border:1px solid #dce3e7}.firmlivo-impressum table{background:#fff}.firmlivo-impressum th{background:#e8f0f5;text-align:left}.firmlivo-impressum td,.firmlivo-impressum th{padding:8px}footer{display:flex;justify-content:space-between;gap:20px;padding:18px 28px;background:#253d4c;color:#dce5ea;font-size:13px}@media(max-width:850px){.shop-body{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #d9e0e5}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.shop-header,.officico-hero{display:block}.brand img{max-width:70%;margin-bottom:12px}.shop-search{margin-top:16px}.product-grid{grid-template-columns:1fr}.maincontent{padding:18px}.officico-hero img{max-width:80%;display:block;margin:auto}.firmlivo-impressum{overflow-x:auto}footer{display:block}footer span{display:block;margin:5px 0}}

/* FIRMLIVO 1.1.6: stable Officico navigation */
.topnav{position:sticky;top:0;z-index:50;box-shadow:0 2px 7px rgba(0,0,0,.12)}
.topnav a,.topnav a:link,.topnav a:visited{color:#fff!important;background:#2f6388!important;transition:background .15s ease}
.topnav a:hover,.topnav a:focus{color:#fff!important;background:#3979a5!important;outline:none}
.topnav a:active,.topnav li.sdoc>a,.topnav li.sdocs>a,.topnav li.current>a,.topnav .active>a{color:#fff!important;background:#f28c00!important}
.mailorder-disabled{cursor:default;user-select:none}.mailorder-disabled:hover,.mailorder-disabled:focus{background:#2f6388}

/* FIRMLIVO 1.1.7: active Officico menu item keeps normal alignment */
.topnav li.sdoc > span,
.topnav li.sdocs > span,
.topnav li.current > span,
.topnav li.active > span {
    display: block;
    padding: 12px 14px;
    color: #f28c00;
    background: #2f6388;
    text-decoration: none;
    line-height: normal;
    white-space: nowrap;
}
.topnav li.sdoc,
.topnav li.sdocs,
.topnav li.current,
.topnav li.active {
    display: block;
    margin: 0;
    padding: 0;
}