/*
Theme Name:  Conqil Theme
Author:       MJ
Description:  Custom WordPress Theme for Conqil Logistics
Version:      1.2
*/

/*  Google‑Font  ------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');

/*  Reset / Basics  ---------------------------------------------------- */
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;overflow-x:hidden}
body{
    font-family:'Inter',sans-serif;
    background:#111;
    color:#fff;
    line-height:1.4;
}
a{color:#fff;text-decoration:none;transition:color .3s;}

/*  Header & Logo  ----------------------------------------------------- */
.site-header{
    position:absolute;
    top:0;left:0;
    width:100%;
    padding:1rem 2rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    z-index:10;
    background:transparent;
}
.logo img,.custom-logo{
    height:62px;        /* 25 % größer (vorher ~50 px) */
    width:auto;
    max-width:none;
}
.primary-menu{
    list-style:none;
    display:flex;
    gap:2.25rem;
    font-weight:600;
    font-size:1rem;
}
.primary-menu li{display:inline-flex}
.primary-menu a:hover{color:#007bff}

/*  Hero / Video  ------------------------------------------------------ */
.home-hero{
    position:relative;
    height:100vh;
    overflow:hidden;
}
.bg-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:-1;
}
.hero-content{
    position:relative;
    top:35%;
    text-align:center;
    max-width:800px;
    margin:0 auto;
    padding:0 1rem;
}
.hero-content h1{
    font-size:3rem;
    font-weight:800;
    margin-bottom:1rem;
    line-height:1.2;
}
@media(min-width:768px){
    .hero-content h1{font-size:4rem}
}
.hero-content p{font-size:1.125rem;margin-bottom:2rem}
.btn-primary{
    background:#007bff;
    padding:.75rem 1.5rem;
    border-radius:4px;
    font-weight:600;
    display:inline-block;
}
.btn-primary:hover{background:#0056b3}

/*  Services Section  -------------------------------------------------- */
#services{
    padding:4rem 2rem;
    background:#141a1a;
    text-align:center;
}
#services h2{font-size:2rem;margin-bottom:2rem}
.service-targets{
    display:flex;
    flex-wrap:wrap;
    gap:3rem;
    justify-content:center;
}
.service-targets div{
    background:#1f1f1f;
    padding:1.5rem 2rem;
    border-radius:8px;
    max-width:300px;
}

/*  Footer (wenn benötigt)  ------------------------------------------- */
footer{
    padding:2rem 0;
    text-align:center;
    font-size:.875rem;
    color:#999;
}
/* ---- Service Card Grid ---- */
.services-grid{
  display:grid;
  gap:2rem;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  margin-block:3rem 5rem;
}
.service-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.15);}
.service-card .card-banner{height:110px;background-size:cover;background-position:center;}
.service-card header{padding:1rem;background:#000000cc;color:#fff;}
.service-card h3{margin:0;font-size:1.35rem;line-height:1.2;}
.service-card small{font-size:.85rem;opacity:.85;}
.service-card ul{list-style:none;margin:0;padding:1rem 1.25rem;line-height:1.5rem;}
.service-card li:not(:last-child){margin-bottom:.35rem;}

/* ---- Approach Grid ---- */
.approach{margin-block:4rem;}
.approach-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}
.approach-box{background:#1a1a1a;border-radius:12px;padding:2rem;}
.approach-box h3{color:#0f80ff;font-size:1.15rem;margin-top:0;margin-bottom:.75rem;}
.approach-box p{margin:0;color:#d2d2d2;font-size:.95rem;line-height:1.55rem;}