:root{color-scheme:dark;--bg:#0b1016;--panel:#131b24;--line:#293541;--white:#f1f6f7;--muted:#9baab6;--accent:#9ff0bd;--blue:#73aef4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.top{height:86px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid #ffffff1b}.brand{display:flex;align-items:center;gap:13px;font-family:"Segoe UI",system-ui,sans-serif;font-size:19px;font-weight:700;letter-spacing:.06em}.brand>span:last-child{line-height:1}.brand small{display:block;font-size:9px;letter-spacing:.31em;margin-top:6px;color:#a9b5bf}.brand-accent{color:var(--accent)}.brand-icon{border:1px solid #a5eac0;border-radius:9px;width:43px;height:43px;display:grid;place-items:center;font-size:16px;letter-spacing:-.09em;position:relative}.spark{position:absolute;right:-5px;top:-8px;color:var(--accent);font-size:13px}.top nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#c5d0d9}.top nav a:hover{color:var(--accent)}.nav-cta{border:1px solid #829b9b;border-radius:6px;padding:12px 17px}.menu{display:none;background:none;color:white;border:0;font-size:26px}.hero{height:min(850px,100svh);min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/p8.webp') center 36%/cover no-repeat;filter:saturate(.62)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#091018 4%,#091018ed 31%,#09101880 65%,#09101840),linear-gradient(0deg,#091018 0%,transparent 40%)}.hero-content{position:relative;z-index:1;padding:110px max(7vw,28px) 40px;max-width:950px}.eyebrow,.section-label{font-size:11px;letter-spacing:.24em;color:var(--accent);font-weight:700}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px;box-shadow:0 0 13px var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Segoe UI",system-ui,sans-serif}h1{font-size:clamp(65px,8vw,124px);line-height:.99;letter-spacing:-.065em;margin:32px 0}h1 em,h2 em{font-style:normal;color:var(--accent)}.hero-content>p{max-width:570px;color:#c3cfd7;line-height:1.85;font-size:16px}.hero-actions{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 23px;border-radius:6px;font-size:13px;font-weight:700}.primary{background:var(--accent);color:#0a1b16}.primary:hover{background:#d0ffe0}.secondary{border:1px solid #647481;color:#e5edf1}.secondary:hover{border-color:var(--accent)}.hero-meta{display:flex;gap:34px;margin-top:75px;font-size:10px;color:#879ba7;letter-spacing:.14em}.hero-side{position:absolute;right:35px;bottom:60px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.18em;color:#c4cfd6}.section{padding:110px max(7vw,28px);scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:25px 0 44px}.section-heading h2,.about h2,.contact h2{font-size:clamp(42px,5vw,75px);letter-spacing:-.06em;line-height:1.1;margin:0}.section-heading p{max-width:330px;color:var(--muted);line-height:1.75;font-size:14px;margin:0}.areas,.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.area{background:#141d26;border:1px solid var(--line);border-radius:10px;padding:32px;min-height:290px;position:relative;transition:.2s}.area:hover{transform:translateY(-5px);border-color:#8acba6}.area-number{font-size:11px;color:#778997}.area-icon{font-size:43px;color:var(--accent);margin:24px 0}.area h3{font-size:23px;letter-spacing:-.03em;margin-bottom:12px}.area p,.equip p{color:var(--muted);font-size:14px;line-height:1.75}.area>span{display:block;margin-top:24px;font-size:12px;color:var(--accent)}.work{background:#0e151c}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.filters button{border:1px solid #33424f;background:transparent;color:#a9b9c4;border-radius:100px;padding:11px 17px;font-size:12px}.filters button:hover,.filters button.active{background:var(--accent);color:#0b1a14;border-color:var(--accent)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.project{border:1px solid #26343f;border-radius:10px;overflow:hidden;background:#15202a;text-align:left;color:inherit;padding:0;transition:transform .2s,border-color .2s}.project:hover{transform:translateY(-4px);border-color:#8acba6}.project-photo{height:280px;background:#1a252e;overflow:hidden}.project-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project:hover img{transform:scale(1.05)}.project-info{padding:20px 22px 23px}.project-info small{font-size:10px;letter-spacing:.14em;color:var(--accent)}.project-info h3{font-size:20px;margin:10px 0 4px}.project-info p{font-size:13px;color:var(--muted);margin:0}.count{text-align:center;color:#8294a2;font-size:12px;margin:32px 0 0}.equip{border:1px solid var(--line);background:#131c25;border-radius:10px;padding:27px;overflow:hidden}.equip>span{font-size:10px;letter-spacing:.2em;color:var(--accent)}.equip h3{font-size:25px;margin:20px 0 10px}.equip p{min-height:75px}.equip-photo{height:200px;margin:25px -27px -27px;background-position:center;background-size:cover;filter:saturate(.8)}.about{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;background:#101820}.about-visual{position:relative}.about-visual img{width:100%;height:500px;object-fit:cover;border-radius:8px}.about-visual span{position:absolute;bottom:25px;left:25px;background:#0c141bdc;padding:14px;font-size:11px;letter-spacing:.2em}.about-copy h2{margin:24px 0 26px}.about-copy p{line-height:1.9;color:#adbdc7;font-size:15px}.text-link{display:inline-block;margin-top:20px;color:var(--accent);font-size:14px}.contact{text-align:center;padding-top:120px;padding-bottom:130px;background:radial-gradient(ellipse at center,#1d3332,#0b1016 67%)}.contact h2{margin:26px 0}.contact p{max-width:530px;margin:0 auto 32px;color:#b6c5cd;line-height:1.8}.contact small{display:block;color:#7e919a;font-size:11px;margin-top:17px}footer{padding:35px max(7vw,28px);border-top:1px solid #2a3943;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#8497a4}.footer-logo{font-family:"Segoe UI",system-ui,sans-serif;font-size:17px;color:white;font-weight:700}.footer-logo span{color:var(--accent)}.footer-logo small{font-size:8px;color:#8d9ca6}footer a:hover{color:var(--accent)}dialog{border:0;padding:0;background:#0d151e;color:white;max-width:min(1100px,95vw);max-height:94vh;border-radius:10px;box-shadow:0 20px 90px #000a}dialog::backdrop{background:#02080de8}.viewer-inner{width:min(1000px,90vw)}.viewer-inner img{display:block;width:100%;height:min(74vh,780px);object-fit:contain;background:#0a0f14}.viewer-bottom{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;gap:20px}.viewer-bottom small{display:block;color:#9aadb8;margin-top:4px}.viewer-controls{display:flex;gap:12px;align-items:center}.viewer-controls button,.close{background:#263641;border:0;border-radius:5px;color:white;padding:8px 12px}.close{position:absolute;right:12px;top:12px;font-size:23px;z-index:2}.legal{max-width:820px;margin:140px auto 80px;padding:0 25px;line-height:1.8}.legal h1{font-size:50px}.legal p{color:#b8c6ce}@media(max-width:900px){.areas,.equipment-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.top nav{gap:15px}.hero-side{display:none}.about{gap:35px}.about-visual img{height:400px}}@media(max-width:650px){.top{height:72px}.menu{display:block}.top nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b1219;padding:22px;flex-direction:column;align-items:stretch}.top nav.open{display:flex}.hero{min-height:700px;height:94svh}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,#091018ee,#09101880),linear-gradient(0deg,#091018 0%,transparent 65%)}.hero-content{padding-top:120px}.hero-meta{gap:15px;flex-wrap:wrap;margin-top:45px}.section{padding:75px 22px}.section-heading{display:block}.section-heading p{margin-top:20px}.areas,.equipment-grid,.project-grid,.about{grid-template-columns:1fr}.area{min-height:250px}.project-photo{height:310px}.about-visual img{height:340px}.contact{padding-top:85px;padding-bottom:95px}footer{flex-direction:column;text-align:center}.viewer-bottom{padding:12px;align-items:start}.viewer-inner{width:94vw}.viewer-inner img{height:68vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* CM Leitner: hellgraue Inhalte, Fotokopf und eigene Logos. Keine externen Fonts. */
:root{color-scheme:light;--bg:#e8edf1;--panel:#f7f9fb;--line:#cbd5de;--white:#23333f;--muted:#627380;--accent:#087fc4;--blue:#087fc4}
body{font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}.top{color:#f1f7fa}.brand{letter-spacing:.025em}.brand-image{display:block;width:135px;height:48px;object-fit:contain;border-radius:5px}.brand-wordmark{font-size:16px}.brand-accent{color:#71c9fb}.brand small{color:#bdcbd4}.top nav{gap:22px;color:#e4edf3}.top nav a:hover{color:#71c9fb}.pv-link{border-color:#6cc2f2;color:#94d9ff}.hero{color:#f1f7fa;max-height:780px}.hero-content{max-width:970px}.hero h1{font-size:clamp(46px,8vw,110px);line-height:1.06}.hero h1 em{color:#71c9fb}.hero .eyebrow{color:#a5dbfc}.live-dot{background:#71c9fb;box-shadow:none}.primary{background:#087fc4;color:white}.primary:hover{background:#056aa5}.hero .secondary{color:#e6f1f7}.section{scroll-margin-top:18px}.areas .area,.equip{background:#f7f9fb;border-color:#d0dae2}.area:hover,.project:hover{border-color:#1786c4}.area-logo{margin:17px 0 22px;background:#101a24;border-radius:7px;overflow:hidden;height:140px}.area-logo img{width:100%;height:100%;object-fit:contain;display:block}.area{padding:26px;min-height:unset}.area h3{margin-bottom:11px}.work{background:#dfe7ed}.project{background:#f7f9fb;border-color:#c8d5de}.project-photo{height:auto;aspect-ratio:4/3;background:#d5dee5}.project-info{padding:21px}.project-info small{font-weight:700}.project-info p{line-height:1.55}.filters button{color:#48616f;border-color:#b8c9d5}.filters button.active,.filters button:hover{color:white}.equipment{background:#e8edf1}.equip h3{font-size:24px}.equip p{min-height:76px}.about{background:#f4f7f9}.about-copy p{color:#5b6d7a}.about-visual span{color:#edf5fa}.contact{background:radial-gradient(ellipse at center,#f6fafc,#e0e8ee 72%)}.contact p{color:#5b6d7a}.contact-placeholder{display:inline-block;border:1px dashed #96afbf;border-radius:8px;background:#f2f7fa;padding:13px 20px;color:#526b7d;font-size:14px}footer{background:#d9e3ea;border-color:#bacbd6;color:#506674;line-height:1.7}.footer-logo{color:#223644}.footer-logo span{color:#087fc4}.footer-logo small{color:#526979}.count{color:#526c7c}dialog{color:#edf5fa;overscroll-behavior:contain}.viewer-inner img{max-width:100%;touch-action:pan-y}.viewer-bottom strong{line-height:1.4}.viewer-bottom small{line-height:1.4}.viewer-controls{white-space:nowrap}.viewer-controls button,.close{min-width:42px;min-height:42px}.menu{min-width:42px;min-height:42px}.inner-page .top{position:relative;background:#101c27}.inner-page .legal{margin:60px auto 90px;min-height:44vh}.inner-page .legal p{color:#5b6d7a}.legal-note{padding:22px;background:#f7fafc;border:1px solid #cbd8e1;border-left:4px solid #1684c6;border-radius:8px}.category-hero{padding:72px max(7vw,28px) 42px;display:grid;grid-template-columns:1fr 300px;align-items:center;gap:50px}.category-hero h1{font-size:clamp(42px,6vw,76px);margin:15px 0 20px}.category-hero p{color:#5e7180;line-height:1.75;max-width:58ch}.category-logo{width:100%;max-width:320px;border-radius:12px;box-shadow:0 15px 35px #24313d19}.inner-page .work{padding-top:52px}.inner-page .work .section-heading{margin-top:0}.hero-meta{line-height:1.5}.viewer-bottom>div:first-child{min-width:0}img{max-width:100%}
@media(max-width:1000px){.top nav{gap:12px}.brand-wordmark{display:none}.areas .area{padding:22px}.area-logo{height:120px}}
@media(max-width:650px){.top{padding:0 22px}.brand-wordmark{display:block;font-size:14px}.brand-image{width:104px;height:42px}.top nav{background:#132431;color:#e6eff5}.hero{min-height:690px;height:94svh}.hero-content{padding-inline:24px}.hero .eyebrow{font-size:9px;letter-spacing:.13em;line-height:1.8;max-width:300px}.hero h1{font-size:clamp(44px,11vw,64px);letter-spacing:-.055em}.hero-meta{gap:12px;font-size:9px}.section-heading h2,.about h2,.contact h2{font-size:clamp(34px,10vw,49px)}.area-logo{height:165px}.project-photo{height:auto;aspect-ratio:4/3}.viewer-bottom{flex-direction:column;gap:12px}.viewer-controls{align-self:flex-end}.viewer-inner img{height:62svh}.viewer-inner{width:94vw}.category-hero{padding:45px 22px 32px;grid-template-columns:1fr;gap:18px}.category-logo{max-width:265px}.category-hero h1{font-size:45px}.inner-page .legal h1{font-size:42px}.brand small{font-size:8px}.hero-content>p{font-size:15px}.btn{padding:14px 17px}}
.viewer-open{overflow:hidden}

.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.equip-album{font:inherit;text-align:left;cursor:pointer;color:var(--text);overflow:hidden}.equip-album>img{display:block;width:100%;height:330px;object-fit:cover;border-radius:12px;margin-bottom:22px}.equip-album:focus-visible{outline:3px solid #087fc4;outline-offset:4px}.contact>p{font-size:clamp(22px,3vw,38px);font-weight:600;margin-bottom:32px}.project-info p:empty{display:none}@media(max-width:650px){.equipment-grid{grid-template-columns:1fr}.equip-album>img{height:260px}}

.software-tools{margin-top:36px;padding:28px;border:1px solid #cbd7df;border-radius:14px;background:#f7f9fb}.software-tools h3{margin:0 0 12px}.software-tools p{margin:0;line-height:1.9;color:#526879}