*{box-sizing:border-box} :root{--blue:#0054a6;--blue2:#087acb;--cyan:#06aeea;--red:#ef2929;--yellow:#ffc928;--pale:#eaf6fd;--pale2:#f5fbff;--ink:#12345a;--muted:#51677c;--line:#c8e0f3;--white:#fff}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f4faff;font:16px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}.top{background:linear-gradient(115deg,#e9f7ff,#fff 58%,#e7f5ff);border-bottom:1px solid #b8d9f3}.brandrow{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0 10px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand img{width:70px;height:54px;object-fit:contain;object-position:left center}.brand strong{display:block;color:var(--blue);font:800 23px/1.1 system-ui,sans-serif;letter-spacing:.015em}.brand span{display:block;font-size:14px;color:#15558e}.toplinks{display:flex;align-items:center;gap:22px;font-size:13px;color:var(--blue)}.toplinks a,.nav a{text-decoration:none;font-weight:650}.search{border:1px solid #9acdf2;background:#fff;padding:9px 12px;border-radius:22px;color:#687d91;min-width:170px}.nav{display:flex;align-items:center;gap:clamp(12px,2.1vw,34px);padding:9px 0 11px;font-size:13px;flex-wrap:wrap;background:transparent}.top:has(.nav){position:relative}.nav a{padding:7px 10px;border-radius:3px;color:#174c7c}.nav a:hover,.nav a.active{color:white;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:inset 0 -3px var(--yellow)}.hero{height:290px;position:relative;background:#064b91 url('hero-shop-crop.jpg') center 48%/cover no-repeat;color:#fff;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,58,126,.96),rgba(0,72,147,.84) 34%,rgba(0,68,132,.2) 70%,rgba(0,30,75,.05))}.hero .wrap{position:relative;z-index:1}.hero h1{font:800 clamp(34px,4vw,48px)/1.04 Georgia,serif;max-width:650px;margin:0 0 12px;text-shadow:0 2px 8px #002d62}.hero p{font-size:16px;max-width:550px;margin:0 0 18px}.btn{display:inline-flex;align-items:center;gap:16px;background:linear-gradient(110deg,#0061b8,#04a8e5);color:#fff;text-decoration:none;border:1px solid #a4e1ff;border-left:7px solid var(--yellow);border-radius:11px;padding:11px 19px;font-weight:750;box-shadow:0 4px 12px #003d7b30;transition:transform .2s,filter .2s}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.showroom-intro{padding:30px 0;background:#fff;border-bottom:1px solid #d4eafa}.showroom-inner{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);align-items:center;gap:34px}.eyebrow{display:inline-block;color:#087acb;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;margin-bottom:7px}.showroom-copy h2,.category-intro h2{font:800 clamp(25px,3vw,34px)/1.13 Georgia,serif;color:var(--blue);margin:0 0 10px}.showroom-copy p{margin:0 0 10px;max-width:760px;color:#294d70}.showroom-copy .showroom-note{padding-left:13px;border-left:4px solid var(--yellow);margin:14px 0 0}.showroom-cta{display:flex;flex-direction:column;gap:9px;padding:22px;border-radius:12px;background:linear-gradient(145deg,#e9f7ff,#f7fcff);border:1px solid #b8dcf5;text-decoration:none;color:var(--blue);box-shadow:0 5px 18px #0054a610}.showroom-cta strong{font-size:18px}.showroom-cta>span:last-child{font-size:14px;line-height:1.5;color:#385b7c}.cta-icon{display:grid;place-items:center;width:42px;height:42px;background:linear-gradient(120deg,var(--blue),var(--cyan));border-left:4px solid var(--yellow);border-radius:8px;color:white;font-size:24px}.showroom-cta:hover{border-color:var(--cyan);transform:translateY(-2px)}.category-intro{max-width:820px;margin:0 auto 18px;text-align:center}.category-intro h2{font-size:27px;margin-bottom:7px}.category-intro p{margin:0;color:#42617e;font-size:15px}.categories .cards{margin-top:0}
@media(max-width:700px){.showroom-inner{grid-template-columns:1fr;gap:18px}.showroom-intro{padding:24px 0}.showroom-cta{padding:17px}.category-intro{text-align:left}.category-intro h2{font-size:25px}}
.categories{padding:18px 0 14px;background:linear-gradient(#f5fbff,#e9f7ff)}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.cat{min-height:235px;overflow:hidden;border-radius:8px;position:relative;background:var(--blue);color:white;text-decoration:none;isolation:isolate;box-shadow:0 4px 14px #06477c19}.cat img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;z-index:-2;transition:transform .4s}.cat:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,64,132,.98));z-index:-1}.cat:hover img{transform:scale(1.04)}.cattext{position:absolute;left:16px;right:13px;bottom:13px}.cat .symbol{width:43px;height:43px;margin-bottom:7px;display:grid;place-items:center;color:#fff;background:#0064b6;border:1px solid #a7e2ff;border-radius:10px}.cat .symbol svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cat h2{font:750 19px/1.12 system-ui,sans-serif;margin:0 0 7px}.cat p{font-size:12px;line-height:1.4;margin:0 0 4px}.cat .arrow{position:absolute;right:0;bottom:0;font-size:23px}.training{background:linear-gradient(110deg,#e4f4ff,#f5fbff 50%,#e6f5ff);padding:12px 0 12px;border-top:1px solid #d4eafa}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px}.sectionhead h2{font:800 29px/1.1 Georgia,serif;margin:0 0 3px;color:var(--blue)}.sectionhead p{margin:0;font-size:15px;color:#155a9b}.sectionhead>a{text-decoration:none;white-space:nowrap;font-weight:650;color:var(--blue);font-size:13px}.sectionhead>a:hover{text-decoration:underline}.learncards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.learn{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;min-height:138px;padding:12px 10px;background:linear-gradient(145deg,#fff,#edf8ff);border:1px solid #b9defa;border-radius:8px;text-decoration:none;color:var(--blue);transition:.2s}.learn:hover{border-color:var(--cyan);box-shadow:0 6px 18px #0755a51b;transform:translateY(-2px)}.learn .ico{display:grid;place-items:center;color:var(--blue);height:44px}.learn .ico svg{width:38px;height:38px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.learn strong{font:750 15px system-ui,sans-serif}.learn small{font-size:11px;line-height:1.3;min-height:29px}.learn .arrow{margin-top:0;font-size:18px}.trust{background:linear-gradient(90deg,#f4fbff,#fff,#eff9ff);padding:15px 0 16px;border-top:1px solid #d6ebf9}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.trustitem{display:flex;align-items:center;gap:11px;padding-right:12px;border-right:1px solid #b8ddf8}.trustitem:last-child{border-right:0}.trusticon{width:46px;height:46px;border:1px solid #a5d6f4;color:var(--blue);border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#fff}.trusticon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.trustitem strong{display:block;font:750 14px system-ui,sans-serif;color:var(--blue)}.trustitem span{display:block;color:var(--muted);font-size:11px;line-height:1.35}.footer{background:linear-gradient(115deg,#034b97,#0067b7 70%,#008ed5);color:#fff;padding:22px 0 14px;position:relative;overflow:hidden}.footgrid{display:grid;grid-template-columns:1.4fr 1fr .8fr .8fr;gap:28px;position:relative;z-index:1}.footbrand{display:flex;gap:12px;align-items:center}.footbrand img{width:58px;height:48px;object-fit:contain;object-position:left center}.footbrand strong{font:800 16px system-ui,sans-serif}.footbrand span{display:block;font-size:12px;color:#d9efff}.footer h3{font-size:13px;margin:0 0 6px}.footer a{display:block;text-decoration:none;color:#eef8ff;font-size:12px;margin:3px 0}.footer a:hover{text-decoration:underline;color:#fff}.social{display:flex;gap:14px}.social a{font-size:17px}.copyright{border-top:1px solid #6cb4e5;margin-top:16px;padding-top:10px;font-size:11px;color:#d8efff;position:relative;z-index:1}.pagehero{background:linear-gradient(110deg,#e5f5ff,#f7fcff);padding:40px 0;border-bottom:1px solid var(--line)}.pagehero h1{font:800 40px Georgia,serif;color:var(--blue);margin:0 0 10px} .brand-showcase{margin:0 0 14px}.brand-showcase-title{font:750 13px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#456b8d;margin-bottom:13px}.brandmarks{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:14px 30px}.brandmark{display:flex;align-items:center;justify-content:center;min-height:46px;color:#12345a;font-weight:800;letter-spacing:.04em;line-height:1;text-align:center;white-space:nowrap}.brandmark.falke{font-size:25px;letter-spacing:.12em;flex-direction:column;gap:3px}.brandmark.falke small{font-size:9px;letter-spacing:.32em}.brandmark.meopta{font-size:24px;letter-spacing:.02em}.brandmark.walther{font-size:22px;font-style:italic;letter-spacing:.01em}.brandmark.leica{font-family:Georgia,serif;font-size:27px;letter-spacing:.04em}.brandmark.sb{font-size:13px;letter-spacing:.02em;max-width:135px;white-space:normal;line-height:1.2}.content{padding:36px 0 52px;max-width:900px}.content h2{font:750 26px Georgia,serif;color:var(--blue);margin-top:28px}.content p,.content li{line-height:1.7}.content a{color:var(--blue)}.formbox{background:#f2f9ff;border:1px solid #c4e0f4;padding:22px;border-radius:10px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formbox label{display:block;font-weight:650;font-size:14px}.formbox input,.formbox textarea,.formbox select{width:100%;padding:11px;border:1px solid #aacde6;border-radius:6px;margin-top:5px;font:inherit;background:#fff;color:var(--ink)}.formbox textarea{min-height:130px}.formbox button,.formbox input[type=submit]{background:linear-gradient(110deg,#0054a6,#079fdb);color:#fff;border:1px solid #70c8f6;border-left:6px solid var(--yellow);border-radius:7px;padding:12px 18px;font-weight:750;cursor:pointer}.full{grid-column:1/-1}.note{color:var(--muted);font-size:13px}.mobilemenu{display:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}@media(max-width:900px){.cards,.learncards{grid-template-columns:repeat(3,1fr)}.cat{min-height:230px}.trustgrid{grid-template-columns:repeat(2,1fr)}.trustitem:nth-child(2){border-right:0}.footgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.wrap{width:min(100% - 28px,1200px)}.brandrow{align-items:flex-start}.brand img{width:48px;height:42px}.brand strong{font-size:16px}.brand span{font-size:11px}.toplinks{gap:9px;flex-wrap:wrap;justify-content:flex-end;font-size:11px}.search{display:none}.nav{gap:5px 9px;font-size:11px}.nav a{padding:6px}.hero{height:360px;background-position:58% center}.hero h1{font-size:34px}.hero p{font-size:15px}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.cat{min-height:230px}.cattext{left:12px;bottom:12px}.cat h2{font-size:17px}.sectionhead{display:block}.sectionhead>a{display:inline-block;margin-top:10px}.sectionhead h2{font-size:26px}.learncards{grid-template-columns:repeat(2,1fr);gap:9px}.learn{min-height:145px}.trustgrid{gap:16px 10px}.trustitem{align-items:flex-start;gap:8px;border:0;padding:0}.trusticon{width:37px;height:37px}.trustitem strong{font-size:12px}.trustitem span{font-size:10px}.footgrid{grid-template-columns:1fr 1fr;gap:22px 14px}.footbrand{grid-column:1/-1}.pagehero h1{font-size:33px}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}}


/* Zielfernrohr-Markenübersicht */
.scope-showcase{padding:22px 0 8px}.scope-showcase-title{font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.2;margin:0 0 22px;color:#0756a6}.scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.scope-card{background:#fff;border:1px solid #dce5ef;border-radius:14px;padding:16px;box-shadow:0 5px 18px rgba(0,45,90,.08);text-align:center;min-width:0}.scope-card h2{font-size:1.12rem;line-height:1.3;min-height:2.8em;margin:0 0 10px;color:#0756a6;display:flex;align-items:center;justify-content:center}.scope-card a{display:flex;align-items:center;justify-content:center;height:155px;background:#f7f9fb;border-radius:9px;overflow:hidden}.scope-card img{display:block;width:100%;height:100%;object-fit:contain}.scope-card p{font-size:.94rem;margin:12px 0 0;color:#34495e}.scope-note{font-size:.9rem;color:#526477;margin:18px 0 0}@media(max-width:800px){.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.scope-grid{grid-template-columns:1fr}.scope-card a{height:190px}.scope-card h2{min-height:0}}

/* Optik-Herstellerbilder: einheitliche Bildfläche */
.scope-card img{display:block;width:100%;height:190px;object-fit:contain;background:#fff;border-radius:8px;padding:10px;box-sizing:border-box}
.scope-card h2{margin-bottom:12px}
.scope-card p{margin-top:12px}


/* Warme, lebendige Unterseiten – Showroom statt Onlineshop */
.subhero{padding:34px 0 38px;background:radial-gradient(circle at 90% 10%,#d9f2ff 0,transparent 32%),linear-gradient(115deg,#eaf7ff,#fff 56%,#f1faff);border-bottom:1px solid #cfe6f7}
.subhero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:42px;align-items:center}
.subhero-copy h1{font:800 clamp(34px,4vw,48px)/1.08 Georgia,serif;color:#064f98;margin:0 0 15px;max-width:720px}
.subhero-copy>p{font-size:17px;line-height:1.75;color:#345673;max-width:700px;margin:0 0 21px}
.subhero-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.subhero-note{font-size:12px;color:#58748b;font-weight:650}
.subhero-image{position:relative;min-height:280px;border-radius:18px;overflow:hidden;box-shadow:0 16px 38px #064b8526;border:5px solid #fff;background:#dcecf6}.subhero-image img{width:100%;height:320px;object-fit:cover}.subhero-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,48,94,.55));pointer-events:none}.image-caption{position:absolute;z-index:1;bottom:15px;left:18px;color:#fff;font-size:13px;font-weight:750;text-shadow:0 2px 4px #00254d}
.subcontent{padding:42px 0 46px;max-width:1120px}.subcontent-heading{max-width:790px;margin:0 auto 24px;text-align:center}.subcontent-heading h2{font:800 clamp(27px,3vw,35px)/1.15 Georgia,serif;color:#0756a6;margin:0 0 12px}.subcontent-heading p{font-size:16px;line-height:1.75;color:#3c5e7c;margin:0}.subcontent-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.subfeature{border:1px solid #cde4f5;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 8px 22px #074f8810}.subfeature:first-child{padding:27px 28px;background:linear-gradient(145deg,#fff,#f1f9ff)}.subfeature-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#e2f4ff;color:#087acb;border-left:4px solid #ffc928;font-size:24px;margin-bottom:12px}.subfeature h3{font:750 22px Georgia,serif;color:#0756a6;margin:0 0 12px}.subfeature ul{padding-left:20px;margin:0;color:#345673;line-height:1.85}.subfeature li{padding-left:3px;margin:5px 0}.subfeature li::marker{color:#08a8df}.subfeature-highlight{display:flex;flex-direction:column}.subfeature-highlight>img{width:100%;height:185px;object-fit:cover}.subfeature-body{padding:22px 25px 25px}.subfeature-body p{line-height:1.75;color:#345673;margin:0 0 15px}.text-link{font-weight:750;color:#0756a6;text-decoration:none}.text-link:hover{text-decoration:underline}.personal-band{background:linear-gradient(110deg,#e4f4ff,#f7fcff 56%,#e1f4ff);border-top:1px solid #cfe7f8;border-bottom:1px solid #cfe7f8;padding:29px 0}.personal-band-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.personal-band h2{font:800 clamp(25px,3vw,32px) Georgia,serif;color:#0756a6;margin:0 0 7px}.personal-band p{margin:0;color:#345673;max-width:700px;line-height:1.65}.personal-band .eyebrow{margin-bottom:4px}
@media(max-width:760px){.subhero-grid{grid-template-columns:1fr;gap:22px}.subhero-image{min-height:220px}.subhero-image img{height:240px}.subcontent-grid{grid-template-columns:1fr}.subcontent-heading{text-align:left}.personal-band-inner{align-items:flex-start;flex-direction:column}.subfeature:first-child{padding:22px}}
/* Interne, responsive Volltextsuche */
.site-search{position:relative;display:flex;align-items:center;min-width:210px;border:1px solid #9acdf2;background:#fff;border-radius:22px;z-index:20}
.site-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:9px 2px 9px 13px;color:var(--ink);font:inherit;font-size:13px;border-radius:22px}
.site-search input::placeholder{color:#687d91;opacity:1}
.site-search button{flex:0 0 38px;height:36px;border:0;background:transparent;color:var(--blue);font-size:25px;line-height:1;cursor:pointer;border-radius:50%}
.site-search button:hover,.site-search:focus-within button{background:#e7f5ff}
.search-results{position:absolute;right:0;top:calc(100% + 8px);width:min(420px,calc(100vw - 32px));max-height:65vh;overflow:auto;background:#fff;border:1px solid #b8d9f3;border-radius:12px;box-shadow:0 12px 34px #003d7b26;padding:8px;color:var(--ink);z-index:100}
.search-summary{margin:5px 9px 8px;font-size:12px;color:#51677c}
.search-hit{display:block;padding:10px 11px;text-decoration:none;border-radius:8px;border-bottom:1px solid #e5f1fa}
.search-hit:last-child{border-bottom:0}.search-hit:hover,.search-hit:focus{background:#eef8ff;outline:2px solid #9acdf2;outline-offset:-2px}
.search-hit strong{display:block;color:var(--blue);font-size:14px;margin-bottom:3px}.search-hit span{display:block;color:#405d78;font-size:12px;line-height:1.45}
.search-empty{margin:10px;padding:8px;color:#405d78;font-size:13px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.brandrow{align-items:flex-start;flex-wrap:wrap}.toplinks{width:100%;gap:12px;flex-wrap:wrap}.site-search{flex:1;min-width:160px;max-width:100%}.search-results{right:auto;left:0}.toplinks a{padding:8px 0}}
