/* Systeme & Hersteller – ausschließlich auf diesen Abschnitt begrenzt. */
.mek-systems *{box-sizing:border-box}.mek-systems.systems{background:#022831;color:#f3f0e9;padding:72px 6% 42px;overflow:hidden;--reveal:0}.mek-systems .head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;max-width:1400px;margin:auto}.mek-systems .eyebrow{color:#ba7c53;margin-bottom:18px}.mek-systems h2{font-size:clamp(34px,4.5vw,70px);font-weight:750;line-height:1.08;letter-spacing:-.045em;margin:0}.mek-systems h2 span{color:#ba7c53}.mek-systems .copy{font-size:clamp(15px,1.15vw,18px);line-height:1.7;max-width:330px;margin:0 0 5px;color:#c3cfd0}.mek-systems .showcase{position:relative;max-width:1400px;margin:30px auto 0;padding:60px 0 55px}.mek-systems .line{position:absolute;top:53%;left:-20%;right:-20%;height:1px;background:#ba7c5340;transform:rotate(-5deg)}.mek-systems .brands{display:flex;justify-content:center;gap:0;position:relative;isolation:isolate;padding:10px 18px}.mek-systems .brand{width:21%;height:145px;background:#07343e;border:1px solid #45616a;display:grid;place-items:center;position:relative;box-shadow:0 16px 40px #00171c50;transform:translateY(calc((1 - var(--reveal))*70px)) rotate(calc(var(--angle)*var(--reveal)));margin-left:-8px;transition:transform .7s cubic-bezier(.22,1,.36,1),border-color .5s,background .5s;will-change:transform}.mek-systems .brand:nth-child(even){background:#0b3b45}.mek-systems .brand img{width:77%;max-width:185px;height:55px;object-fit:contain;display:block;filter:brightness(0) invert(1);opacity:.85;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s}.mek-systems .brand:hover{z-index:5;background:#124955;border-color:#ba7c53;transform:translateY(-9px) rotate(0)!important}.mek-systems .brand:hover img{opacity:1;transform:scale(1.06)}.mek-systems .bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #f3f0e926;padding-top:24px;max-width:1400px;margin:auto}.mek-systems .bottom p{margin:0;font-size:14px;color:#c3cfd0}.mek-systems .note{color:#ba7c53;font-size:9px}.mek-systems .hint{display:none}.mek-systems .brand:focus-visible{outline:2px solid #ba7c53;outline-offset:4px}
@media(max-width:700px){.mek-systems.systems{padding:44px 0 30px}.mek-systems .head{display:block;padding:0 6%}.mek-systems .eyebrow{font-size:9px;margin-bottom:16px}.mek-systems h2{font-size:clamp(34px,9vw,46px)}.mek-systems .copy{font-size:15px;line-height:1.7;max-width:100%;margin-top:22px}.mek-systems .showcase{margin-top:15px;padding:22px 0 16px}.mek-systems .brands{justify-content:flex-start;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:25px 8% 30px;scroll-padding-left:8%;scrollbar-width:none}.mek-systems .brands::-webkit-scrollbar{display:none}.mek-systems .brand{flex:0 0 70%;height:150px;margin:0;scroll-snap-align:center;transform:translateY(calc((1 - var(--reveal))*35px)) rotate(calc(var(--angle)*var(--reveal)*.4))}.mek-systems .brand img{width:73%;max-width:190px}.mek-systems .brand:hover{transform:rotate(0)!important}.mek-systems .bottom{margin:0 6%;display:block;padding-top:20px}.mek-systems .bottom p{font-size:13px;line-height:1.6}.mek-systems .note{display:block;margin-top:14px;line-height:1.6}.mek-systems .hint{display:block;color:#ba7c53;margin:5px 8% 0;font-size:8px}.mek-systems .line{top:45%;transform:rotate(-8deg)}}
@media(prefers-reduced-motion:reduce){.mek-systems.systems{--reveal:1!important}.mek-systems .brand,.mek-systems .brand img{transition:none!important}}.mek-systems /* Weiche Hover-Bewegung auf einer eigenen Ebene; Scrollen bewegt den äußeren Rahmen. */
.brand{flex:1;min-width:0;}.mek-systems .brand.more{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px;color:#f3f0e9;}.mek-systems .more .plus{font-size:34px;font-weight:400;color:#ba7c53;}.mek-systems .more strong{display:block;font-size:12px;font-weight:800;line-height:1.3;text-transform:uppercase;}.mek-systems .more small{display:block;margin-top:7px;font:8px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#a4b8bd;}.mek-systems .brand .logo-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .7s cubic-bezier(.22,1,.36,1);}
@media(hover:hover){.mek-systems .brand:hover{transform:translateY(calc((1 - var(--reveal))*70px)) rotate(calc(var(--angle)*var(--reveal)))!important;}.mek-systems .brand:hover .logo-inner{transform:translateY(-8px);}}
@media(max-width:700px){.mek-systems .showcase{padding:18px 6% 28px;margin-top:12px;}.mek-systems .brands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;padding:12px 0;}.mek-systems .brand{width:100%;height:108px;min-width:0;margin:0;flex:auto;transform:translateY(calc((1 - var(--reveal))*25px)) rotate(calc(var(--angle)*var(--reveal)*.14));box-shadow:0 8px 18px #00171c30;}.mek-systems .brand img{width:80%;max-width:155px;height:40px;}.mek-systems .brand.more{padding:12px;gap:8px;}.mek-systems .more strong{font-size:10px;}.mek-systems .more small{font-size:7px;letter-spacing:.02em;line-height:1.5;}.mek-systems .more .plus{font-size:27px;}.mek-systems .brand:hover{transform:translateY(calc((1 - var(--reveal))*25px)) rotate(calc(var(--angle)*var(--reveal)*.14))!important;}.mek-systems .line{display:none;}
}
@media(prefers-reduced-motion:reduce){.mek-systems .brand .logo-inner{transition:none!important;}}

/* Einheitliche MEK-Typografie gegenüber Elementor absichern. */
.mek-systems{font-family:Inter,Arial,sans-serif!important;width:100%;}
.mek-systems h2{font-family:Inter,Arial,sans-serif!important;font-size:clamp(34px,4.5vw,70px)!important;font-weight:750!important;line-height:1.08!important;letter-spacing:-.045em!important;text-transform:none!important;color:#f3f0e9!important;margin:0!important;}
.mek-systems h2 span{color:#ba7c53!important;}
.mek-systems .copy{font-family:Inter,Arial,sans-serif!important;font-size:clamp(15px,1.15vw,18px)!important;line-height:1.7!important;font-weight:400!important;}
.mek-systems .eyebrow,.mek-systems .note,.mek-systems .more small{font-family:'JetBrains Mono',monospace!important;}
.mek-systems .brand img{object-fit:contain!important;height:55px!important;width:77%!important;}
.mek-systems .more strong{font-family:Inter,Arial,sans-serif!important;}
@media(max-width:700px){.mek-systems h2{font-size:clamp(34px,9vw,46px)!important;}.mek-systems .copy{font-size:15px!important;}.mek-systems .brand img{height:40px!important;width:80%!important;}}

.mek-systems .eyebrow,.mek-systems .note{font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.15em;text-transform:uppercase;}
.mek-systems .note{font-size:9px;}
@media(max-width:700px){.mek-systems .eyebrow{font-size:9px;}}

.mek-systems{box-sizing:border-box;}