*{margin:0;padding:0;box-sizing:border-box}
:root{--blue:#07337f;--dark:#25262b;--gold:#e8b63d;--light:#f4f5f7;--text:#5e626a}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,92%);margin:auto}
.header{height:76px;background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0001}
.nav{height:76px;display:flex;align-items:center;gap:28px}
.logo{width:180px;display:flex;flex-direction:column;align-items:center;line-height:1}
.logo-mark{font-size:23px;font-weight:800;letter-spacing:2px;color:#252a31}
.logo-mark span{color:var(--blue)}
.logo small{font-size:7px;letter-spacing:4px;margin-top:5px;color:#777}
.main-nav{display:flex;align-self:stretch;margin-left:auto}
.main-nav a{display:flex;align-items:center;padding:0 16px;font-size:10px;font-weight:700;color:#444;border-top:3px solid transparent}
.main-nav a:hover,.main-nav .active{background:var(--blue);color:#fff;border-top-color:var(--gold)}
.nav-dropdown{position:relative;display:flex;align-items:stretch}
.nav-dropdown-link{gap:7px}
.nav-dropdown-link i{font-size:8px}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:205px;background:#fff;box-shadow:0 5px 12px #0002;z-index:2}
.dropdown-menu a{padding:14px 16px;border-top:0;border-left:3px solid transparent;white-space:nowrap}
.dropdown-menu a:hover{border-left-color:var(--gold)}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown.show .dropdown-menu{display:block}
.nested-dropdown{position:relative}
.nested-dropdown-link{justify-content:space-between;gap:12px}
.nested-dropdown-link i{font-size:8px}
.nested-menu{display:none;position:absolute;top:0;left:100%;min-width:220px;background:#fff;box-shadow:0 5px 12px #0002}
.nested-dropdown:hover .nested-menu,.nested-dropdown:focus-within .nested-menu,.nested-dropdown.show .nested-menu{display:block}
.socials{display:flex;gap:13px;font-size:11px;color:#777}
.menu-toggle{display:none;border:0;background:none;font-size:22px}
.hero{height:540px;position:relative;overflow:hidden;background:#0b234d}
.hero-slider{position:absolute;inset:0}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1.2s ease-in-out;transform:scale(1.02)}
.hero-slide.active{opacity:1}
.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,51,127,.82),rgba(7,51,127,.28) 45%,rgba(7,51,127,.18))}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0008,#0002 65%,#0001)}
.hero-content{position:relative;z-index:2;height:100%;padding-top:190px;color:#fff}
.eyebrow{font-size:12px;letter-spacing:2px;margin-bottom:8px}
.hero h1{font-size:31px;line-height:1.1;font-weight:400}
.hero h1 strong{color:#fff;font-weight:800}
.hero-sub{background:#d99d27;display:inline-block;padding:3px 12px;font-size:14px;margin-top:5px}
.hero-buttons{display:flex;margin-top:25px}
.hero-dots{position:absolute;right:28px;bottom:28px;display:flex;flex-direction:column;gap:8px;z-index:3}
.hero-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45);border:0;cursor:pointer;transition:all .25s ease}
.hero-dot.active{height:28px;border-radius:6px;background:var(--gold)}
.square-btn{width:38px;height:34px;border:1px solid #fff;display:grid;place-items:center;background:#ffffff22;font-size:12px}
.section{padding:72px 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.section-label{font-size:10px;color:#777;font-weight:700;letter-spacing:1px}
.about h2,.gallery h2{font-size:25px;color:#222;margin:2px 0 18px;font-weight:800}
.about p{font-size:12px;margin-bottom:14px}
.outline-btn,.white-btn{display:inline-block;border:1px solid #26344b;padding:10px 17px;font-size:10px;font-weight:800;margin-top:12px}
.about-photo{position:relative;padding:0 10px 10px 0}
.about-photo img{height:330px;width:100%;object-fit:cover;position:relative;z-index:2}
.photo-accent{position:absolute;right:0;top:15px;width:82%;height:92%;border:4px solid var(--blue);z-index:1}
.services{background:#f4f5f7;padding:60px 0}
.services-grid{display:grid;grid-template-columns:31% 69%;min-height:430px}
.service-feature{position:relative;overflow:hidden}
.service-feature img{height:100%;width:100%;object-fit:cover}
.feature-overlay{position:absolute;left:0;top:0;width:100%;padding:25px;background:linear-gradient(#07337fe8,transparent);color:#fff}
.feature-overlay h3{font-size:13px}.feature-overlay p{font-size:9px}
.service-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-left:15px}
.service-card{background:#fff;padding:28px 20px;display:flex;gap:17px;box-shadow:0 1px 8px #00000008}
.service-icon{min-width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px}
.blue{background:#16428f}.gold{background:#e8b63d}.orange{background:#e49b1f}
.service-card h3{font-size:10px;color:#333;line-height:1.5;margin-bottom:9px}
.service-card p{font-size:9px;line-height:1.6}
.certificates{padding:45px 0 50px;text-align:center}
.certificates h2{font-size:18px;color:#222;margin-bottom:28px}
.certificate-row{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;align-items:center}
.cert{height:70px;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#3b4148;font-weight:800;font-size:17px}
.cert small{font-size:6px;font-weight:500;margin-top:3px}
.gallery{background:#fff;text-align:center;padding-top:40px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}
.gallery-grid img{height:210px;width:100%;object-fit:cover}
.jobs{background:var(--blue);color:#fff;padding:45px 0}
.jobs-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.jobs h2{font-size:25px;color:#fff}.jobs p{font-size:11px;max-width:650px}
.jobs .section-label{color:#b9c6df}
.white-btn{border-color:#fff;color:#fff;white-space:nowrap}
.footer{background:#292a30;color:#aaa;padding-top:45px}
.footer-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr 1.5fr;gap:40px;padding-bottom:35px}
.footer h3{color:#fff;font-size:10px;margin-bottom:17px}
.footer a,.footer p{display:block;font-size:9px;margin:7px 0}.footer i{width:18px;color:var(--gold)}
.footer-bottom{background:var(--blue);padding:12px 0;font-size:8px}
.footer-bottom .container{display:flex;justify-content:space-between;align-items:center}
.footer-socials{display:flex;gap:8px}.footer-socials a{width:27px;height:27px;border-radius:50%;background:var(--gold);color:#222;display:grid;place-items:center}
.footer-submenu{display:none;margin:8px 0 0 12px;padding-left:12px;border-left:2px solid rgba(232,182,61,.5)}
.footer-submenu a{display:block;color:#d7dfe7;margin:6px 0}
.footer-item-group:hover .footer-submenu,.footer-item-group:focus-within .footer-submenu,.footer-item-group.show .footer-submenu{display:block}


@media(max-width:900px){
 .main-nav{display:none;position:absolute;top:76px;left:0;right:0;height:auto;background:#fff;flex-direction:column;box-shadow:0 5px 12px #0002}
 .main-nav.show{display:flex}.main-nav a{padding:15px 25px}.socials{order:2;margin-left:auto}.menu-toggle{display:block;order:3;margin-left:12px}
 .nav-dropdown{display:block}.nav-dropdown-link{justify-content:space-between}.dropdown-menu{position:static;box-shadow:none;background:#f4f5f7}.dropdown-menu a{padding:12px 40px;border-left:0}.dropdown-menu a:hover{border-left:0;background:#e9edf4}
 .nested-menu{position:static;min-width:0;box-shadow:none;background:#e9edf4}.nested-menu a{padding-left:58px}.nested-dropdown-link i{transform:rotate(90deg)}
 .about-grid{gap:30px}.services-grid{grid-template-columns:35% 65%}
}
@media(max-width:680px){
 .header,.nav{height:68px}.nav{gap:12px}.logo{width:130px}.main-nav{top:68px}
 .socials{display:flex;gap:10px}.hero{height:470px}.hero-content{padding-top:145px}.hero h1{font-size:25px}
 .about-grid,.services-grid{grid-template-columns:1fr}.about-photo{margin-top:15px}.about-photo img{height:260px}
 .service-feature{height:300px}.service-cards{padding:15px 0 0;grid-template-columns:1fr}
 .certificate-row{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr}
 .jobs-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){.footer-grid{grid-template-columns:1fr}.hero h1{font-size:21px}.hero-dots{right:14px;bottom:18px}}



/* ─── LOGOS SLIDER ─── */
.logos-section { padding: 50px 0; background: white; overflow: hidden; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.logos-label { text-align: center; font-size: 0.72rem; letter-spacing: 3px; text-transform: uppercase; color: var(--text-light); margin-bottom: 30px; }
.slider { overflow: hidden; width: 100%; }
.slide-track { display: flex; width: calc(170px * 46); animation: scroll 40s linear infinite; }
.slider:hover .slide-track { animation-play-state: paused; }
.slide { width: 150px; height: 100px; margin: 0 10px; border-radius: 8px; overflow: hidden; flex-shrink: 0; border: 1px solid #edf0f7; background: white; display: flex; align-items: center; justify-content: center; }
.slide img { width: 100%; height: 100%; object-fit: contain; padding: 8px; transition: transform 0.3s ease; }
.slide img:hover { transform: scale(1.05); }
@keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

.hero-sub {
  font-family: "Grenze Gotisch", serif;
  font-optical-sizing: auto;
  font-weight: 1000;
  font-style: normal;
  
}