:root {
      --black:#090909;
      --dark:#121212;
      --soft:#f5f5f2;
      --card:#ffffff;
      --text:#1d1d1f;
      --muted:#696969;
      --red:#e1261c;
      --red-dark:#b81913;
      --line:rgba(0,0,0,.10);
      --radius-xl:46px;
      --radius-lg:28px;
      --radius-md:18px;
      --shadow:0 28px 80px rgba(0,0,0,.16);
      --shadow-soft:0 18px 50px rgba(0,0,0,.09);
      --max:1200px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter, Arial, Helvetica, sans-serif;
      color:var(--text);
      background:#fff;
      overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    .page-pad{padding:24px}

    .hero-shell{
      position:relative;
      min-height:760px;
      border-radius:var(--radius-xl);
      overflow:hidden;
      background:#111;
      isolation:isolate;
    }
    .hero-shell:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(180deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.28) 36%,rgba(0,0,0,.68) 100%),
        url("../images/expresskurier-24-kurierdienst-nachtlieferung.webp") center/cover no-repeat;
      z-index:-2;
    }
    .hero-shell:after{
      content:"";
      position:absolute;
      inset:0;
      background:radial-gradient(circle at 25% 30%, rgba(225,38,28,.22), transparent 32%);
      z-index:-1;
    }

    .topbar{
      position:fixed;
      z-index:1000;
      width:min(var(--max), calc(100% - 48px));
      left:50%;
      top:28px;
      transform:translateX(-50%);
      margin:0;
      background:rgba(255,255,255,.88);
      border:1px solid rgba(255,255,255,.6);
      border-radius:999px;
      backdrop-filter:blur(18px);
      box-shadow:0 18px 60px rgba(0,0,0,.16);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      padding:16px 22px;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:10px;
      font-weight:900;
      font-size:24px;
      letter-spacing:-.8px;
      color:#111;
      white-space:nowrap;
    }
    .brand-mark{
      width:38px;height:38px;border-radius:50%;
      background:var(--black);
      position:relative;
      display:grid;
      place-items:center;
      color:#fff;
      font-weight:900;
      flex:0 0 auto;
    }
    .brand-mark:after{
      content:"";
      width:14px;height:14px;
      border-top:4px solid var(--red);
      border-right:4px solid var(--red);
      transform:rotate(45deg);
      margin-left:-4px;
    }
    .brand small{
      display:block;
      color:var(--muted);
      font-weight:700;
      font-size:11px;
      letter-spacing:.2px;
      margin-top:-6px;
    }
    .desktop-nav{
      display:flex;
      align-items:center;
      gap:2px;
      margin-left:auto;
    }
    .nav-item{
      position:relative;
    }
    .nav-link{
      display:flex;
      align-items:center;
      gap:6px;
      padding:12px 13px;
      border-radius:999px;
      font-weight:800;
      font-size:14px;
      color:#1c1c1c;
    }
    .nav-link:hover{background:rgba(0,0,0,.06)}
    .chev{font-size:10px;opacity:.75}
    .mega{
      position:absolute;
      top:calc(100% + 18px);
      left:50%;
      transform:translateX(-50%) translateY(8px);
      width:680px;
      max-width:calc(100vw - 80px);
      background:#fff;
      border-radius:26px;
      box-shadow:var(--shadow);
      border:1px solid rgba(0,0,0,.08);
      padding:18px;
      opacity:0;
      pointer-events:none;
      transition:.22s ease;
    }
    .nav-item:hover .mega{
      opacity:1;
      pointer-events:auto;
      transform:translateX(-50%) translateY(0);
    }
    .mega-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:10px;
    }
    .mega-card{
      padding:16px;
      border-radius:18px;
      background:#f7f7f5;
      border:1px solid rgba(0,0,0,.06);
    }
    .mega-card strong{
      display:block;
      font-size:15px;
      margin-bottom:6px;
    }
    .mega-card span{
      display:block;
      color:var(--muted);
      font-size:13px;
      line-height:1.35;
    }
    .business-link{
      display:flex;align-items:center;gap:7px;
      font-weight:900;
      color:#252525;
      padding:12px 13px;
      border-radius:999px;
    }
    .business-link:hover{background:rgba(0,0,0,.06)}
    .business-icon{
      width:20px;height:20px;border-radius:6px;background:#d8eee0;
      display:inline-grid;place-items:center;color:var(--red);
      font-size:14px;
    }
    .header-cta{
      background:#111;
      color:#fff;
      padding:14px 20px;
      border-radius:999px;
      font-weight:900;
      font-size:13px;
      text-transform:uppercase;
      letter-spacing:.25px;
      box-shadow:0 12px 24px rgba(0,0,0,.18);
      white-space:nowrap;
    }
    .header-cta:hover{background:var(--red)}

    .mobile-toggle{display:none}
    .hamburger{
      display:none;
      width:44px;height:44px;
      border-radius:50%;
      border:0;
      background:#111;
      color:#fff;
      cursor:pointer;
      align-items:center;
      justify-content:center;
      flex-direction:column;
      gap:5px;
    }
    .hamburger span{
      width:18px;height:2px;background:#fff;border-radius:10px;
      transition:.2s ease;
    }
    .mobile-menu{
      display:none;
      position:fixed;
      inset:0;
      z-index:50;
      background:rgba(10,10,10,.62);
      backdrop-filter:blur(10px);
      padding:18px;
    }
    .mobile-panel{
      background:#fff;
      border-radius:30px;
      padding:18px;
      max-height:calc(100vh - 36px);
      overflow:auto;
      box-shadow:var(--shadow);
    }
    .mobile-top{
      display:flex;justify-content:space-between;align-items:center;
      padding-bottom:14px;
      border-bottom:1px solid var(--line);
      margin-bottom:14px;
    }
    .close-label{
      width:44px;height:44px;border-radius:50%;
      display:grid;place-items:center;
      background:#111;color:#fff;
      font-size:28px;
      cursor:pointer;
      line-height:1;
    }
    .mobile-list{
      display:grid;
      gap:10px;
    }
    details.mobile-section{
      border:1px solid rgba(0,0,0,.08);
      border-radius:20px;
      overflow:hidden;
      background:#f8f8f6;
    }
    .mobile-section summary{
      cursor:pointer;
      list-style:none;
      padding:18px;
      font-weight:900;
      display:flex;
      justify-content:space-between;
      align-items:center;
    }
    .mobile-section summary::-webkit-details-marker{display:none}
    .mobile-section summary:after{content:"+";font-size:24px;color:var(--red)}
    .mobile-section[open] summary:after{content:"–"}
    .mobile-sub{
      display:grid;
      gap:8px;
      padding:0 16px 16px;
    }
    .mobile-sub a{
      background:#fff;
      border-radius:14px;
      padding:13px 14px;
      color:#222;
      font-weight:700;
      border:1px solid rgba(0,0,0,.06);
    }
    .mobile-single{
      padding:18px;
      background:#f8f8f6;
      border:1px solid rgba(0,0,0,.08);
      border-radius:20px;
      font-weight:900;
    }
    .mobile-cta{
      margin-top:12px;
      display:block;
      text-align:center;
      background:var(--red);
      color:#fff;
      border-radius:999px;
      padding:16px 20px;
      font-weight:900;
      text-transform:uppercase;
    }
    #menu-toggle:checked ~ .mobile-menu{display:block}

    .hero-content{
      width:min(var(--max), calc(100% - 48px));
      margin:0 auto;
      min-height:660px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      text-align:center;
      color:#fff;
      padding:150px 0 170px;
    }
    .eyebrow{
      display:inline-flex;
      gap:10px;
      align-items:center;
      padding:10px 16px;
      border-radius:999px;
      background:rgba(255,255,255,.14);
      border:1px solid rgba(255,255,255,.24);
      backdrop-filter:blur(10px);
      font-weight:800;
      font-size:14px;
      margin-bottom:22px;
    }
    .pulse{
      width:9px;height:9px;border-radius:50%;background:var(--red);
      box-shadow:0 0 0 7px rgba(225,38,28,.22);
    }
    h1{
      font-size:clamp(44px, 7vw, 96px);
      line-height:.94;
      letter-spacing:-4px;
      margin:0 0 26px;
      max-width:980px;
    }
    .hero-sub{
      font-size:clamp(19px,2.2vw,30px);
      font-weight:800;
      line-height:1.25;
      max-width:950px;
      margin:0 0 24px;
      opacity:.94;
    }
    .hero-points{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:14px 22px;
      padding:0;
      margin:0 0 30px;
      list-style:none;
      font-weight:800;
    }
    .hero-points li{
      display:flex;align-items:center;gap:8px;
    }
    .check{
      width:20px;height:20px;border-radius:50%;
      background:var(--red);
      display:grid;place-items:center;
      font-size:13px;
    }
    .hero-buttons{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:14px;
    }
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      border-radius:999px;
      padding:16px 24px;
      font-weight:900;
      font-size:14px;
      text-transform:uppercase;
      letter-spacing:.3px;
    }
    .btn-primary{background:var(--red);color:#fff;box-shadow:0 18px 36px rgba(225,38,28,.32)}
    .btn-primary:hover{background:var(--red-dark)}
    .btn-secondary{background:#fff;color:#111}
    .btn-secondary:hover{background:#f0f0f0}

    .badges{
      position:absolute;
      left:50%;
      bottom:22px;
      transform:translateX(-50%);
      width:min(780px, calc(100% - 46px));
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:12px;
      z-index:5;
    }
    .badge{
      background:rgba(255,255,255,.88);
      border:1px solid rgba(255,255,255,.56);
      border-radius:18px;
      padding:14px;
      text-align:center;
      backdrop-filter:blur(14px);
      box-shadow:0 14px 30px rgba(0,0,0,.12);
    }
    .badge strong{
      display:block;font-size:21px;color:#111;line-height:1;
    }
    .badge span{
      display:block;font-size:11px;color:#555;font-weight:800;margin-top:6px;
      text-transform:uppercase;
    }

    section{padding:92px 24px}
    .wrap{width:min(var(--max), 100%);margin:0 auto}
    .section-kicker{
      color:var(--red);
      font-weight:900;
      letter-spacing:.14em;
      font-size:12px;
      text-transform:uppercase;
      margin-bottom:10px;
    }
    .section-title{
      font-size:clamp(34px,4.2vw,58px);
      line-height:1;
      letter-spacing:-2px;
      margin:0 0 18px;
      color:#111;
    }
    .section-lead{
      color:var(--muted);
      font-size:19px;
      max-width:760px;
      margin:0;
      line-height:1.55;
    }

    .split{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:56px;
      align-items:center;
    }
    .image-stack{
      position:relative;
      min-height:520px;
    }
    .main-photo{
      width:88%;
      height:520px;
      object-fit:cover;
      border-radius:38px;
      box-shadow:var(--shadow);
    }
    .float-photo{
      position:absolute;
      right:0;
      bottom:-38px;
      width:48%;
      height:240px;
      object-fit:cover;
      border-radius:28px;
      border:8px solid #fff;
      box-shadow:var(--shadow-soft);
    }
    .text-list{
      display:grid;
      gap:16px;
      margin-top:30px;
    }
    .text-row{
      display:grid;
      grid-template-columns:48px 1fr;
      gap:16px;
      align-items:start;
      padding:18px;
      background:#fff;
      border:1px solid rgba(0,0,0,.08);
      border-radius:22px;
      box-shadow:0 10px 34px rgba(0,0,0,.05);
    }
    .icon-dot{
      width:48px;height:48px;border-radius:16px;
      background:#111;color:#fff;
      display:grid;place-items:center;
      font-weight:900;
    }
    .text-row strong{display:block;font-size:18px;margin-bottom:4px}
    .text-row span{color:var(--muted)}

    .solutions{background:var(--soft)}
    .cards{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:22px;
      margin-top:46px;
    }
    .service-card{
      background:#fff;
      border-radius:30px;
      overflow:hidden;
      box-shadow:var(--shadow-soft);
      border:1px solid rgba(0,0,0,.06);
      display:flex;
      flex-direction:column;
      min-height:100%;
    }
    .service-card img{
      width:100%;
      height:250px;
      object-fit:cover;
    }
    .service-body{padding:26px}
    .service-body h3{
      margin:0 0 10px;
      font-size:24px;
      letter-spacing:-.8px;
    }
    .service-body p{
      color:var(--muted);
      margin:0 0 18px;
      line-height:1.55;
    }
    .learn{
      color:var(--red);
      font-weight:900;
      display:inline-flex;
      align-items:center;
      gap:8px;
    }

    .dark-band{
      background:#0d0d0d;
      color:#fff;
      padding:96px 24px;
    }
    .dark-band .section-title{color:#fff}
    .dark-band .section-lead{color:rgba(255,255,255,.72)}
    .stats{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
      margin-top:46px;
    }
    .stat{
      padding:28px 22px;
      border-radius:28px;
      background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.05));
      border:1px solid rgba(255,255,255,.12);
    }
    .stat strong{
      display:block;
      font-size:44px;
      line-height:1;
      letter-spacing:-2px;
    }
    .stat span{
      display:block;
      color:rgba(255,255,255,.68);
      margin-top:8px;
      font-weight:700;
    }

    .process-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:22px;
      margin-top:46px;
    }
    .step{
      position:relative;
      background:#fff;
      border:1px solid rgba(0,0,0,.07);
      border-radius:32px;
      overflow:hidden;
      box-shadow:var(--shadow-soft);
    }
    .step img{
      width:100%;
      height:250px;
      object-fit:cover;
    }
    .step-content{padding:26px}
    .number{
      display:inline-flex;
      width:48px;height:48px;
      align-items:center;justify-content:center;
      background:#111;color:#fff;
      border-radius:16px;
      font-weight:900;
      margin-bottom:14px;
    }
    .step h3{margin:0 0 10px;font-size:23px;letter-spacing:-.7px}
    .step p{margin:0;color:var(--muted);line-height:1.55}

    .quote-block{
      padding:0;
      background:#111;
      color:#fff;
    }
    .quote-inner{
      display:grid;
      grid-template-columns:1fr 1fr;
      min-height:560px;
    }
    .quote-image{
      background:url("../images/endkundenlogistik-persoenliche-paketuebergabe.webp") center/cover no-repeat;
      min-height:420px;
    }
    .quote-copy{
      padding:82px 8vw;
      display:flex;
      flex-direction:column;
      justify-content:center;
    }
    .quote-copy h2{
      font-size:clamp(36px,4.4vw,64px);
      letter-spacing:-2px;
      line-height:1;
      margin:0 0 22px;
    }
    .quote-copy p{
      color:rgba(255,255,255,.72);
      font-size:19px;
      line-height:1.55;
      margin:0 0 28px;
    }

    .gallery-grid{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:20px;
      margin-top:44px;
    }
    .gallery-grid img{
      width:100%;
      height:100%;
      min-height:320px;
      object-fit:cover;
      border-radius:30px;
      box-shadow:var(--shadow-soft);
    }
    .gallery-side{
      display:grid;
      gap:20px;
    }
    .gallery-side img{min-height:0;height:250px}

    .contact{
      background:var(--soft);
      padding-bottom:60px;
    }
    .contact-card{
      margin-top:42px;
      background:#fff;
      border-radius:38px;
      padding:42px;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:34px;
      box-shadow:var(--shadow-soft);
      border:1px solid rgba(0,0,0,.06);
    }
    .contact-info{
      display:grid;
      gap:14px;
    }
    .contact-line{
      padding:18px 20px;
      border-radius:22px;
      background:#f7f7f5;
      font-weight:800;
    }
    .contact-line span{display:block;color:var(--muted);font-weight:700;font-size:13px;margin-bottom:4px}
    .form{
      display:grid;
      gap:12px;
    }
    .form input,.form textarea{
      width:100%;
      border:1px solid rgba(0,0,0,.12);
      border-radius:18px;
      padding:16px 18px;
      font:inherit;
      background:#fff;
      outline:none;
    }
    .form textarea{min-height:130px;resize:vertical}
    .form button{
      border:0;
      cursor:pointer;
      background:var(--red);
      color:#fff;
      border-radius:999px;
      padding:17px 24px;
      font-weight:900;
      text-transform:uppercase;
    }

    footer{
      background:#080808;
      color:#fff;
      padding:54px 24px 28px;
    }
    .footer-grid{
      width:min(var(--max), 100%);
      margin:0 auto;
      display:grid;
      grid-template-columns:1.2fr repeat(3,1fr);
      gap:34px;
    }
    footer h4{margin:0 0 16px;font-size:15px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.58)}
    footer a{display:block;color:rgba(255,255,255,.76);margin:10px 0;font-weight:700}
    footer a:hover{color:#fff}
    .footer-brand{font-size:26px;font-weight:900;margin-bottom:12px}
    .footer-brand .red{color:var(--red)}
    .footer-copy{width:min(var(--max),100%);margin:34px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.52);font-size:14px}

    @media (max-width: 1060px){
      .desktop-nav,.header-cta,.business-link{display:none}
      .hamburger{display:flex}
      .topbar{padding:12px 14px}
      h1{letter-spacing:-2.5px}
      .cards,.process-grid{grid-template-columns:1fr 1fr}
      .split{grid-template-columns:1fr;gap:40px}
      .stats{grid-template-columns:repeat(2,1fr)}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media (max-width: 760px){
      .page-pad{padding:10px}
      .hero-shell{border-radius:28px;min-height:auto}
      .topbar{
        width:calc(100% - 24px);
        top:12px;
        left:50%;
        transform:translateX(-50%);
        margin:0;
      }
      .brand{font-size:20px}
      .brand-mark{width:34px;height:34px}
      .hero-content{
        width:calc(100% - 36px);
        min-height:auto;
        padding:124px 0 36px;
      }
      .eyebrow{font-size:12px}
      h1{font-size:50px;letter-spacing:-2px}
      .hero-sub{font-size:20px}
      .hero-points{display:grid;gap:10px;justify-content:start;text-align:left}
      .hero-buttons{
        display:grid;
        width:100%;
        gap:14px;
        margin-bottom:26px;
      }
      .btn{width:100%}
      .badges{
        position:relative;
        left:auto;
        bottom:auto;
        transform:none;
        width:calc(100% - 36px);
        margin:0 auto 22px;
        grid-template-columns:repeat(2,1fr);
        gap:8px;
      }
      .badge{padding:11px 8px;border-radius:14px}
      .badge strong{font-size:18px}
      .badge span{font-size:10px}
      section{padding:64px 18px}
      .section-title{letter-spacing:-1.2px}
      .section-lead{font-size:17px}
      .cards,.process-grid,.stats,.contact-card,.quote-inner,.gallery-grid,.footer-grid{
        grid-template-columns:1fr;
      }
      .service-card img,.step img{height:220px}
      .image-stack{min-height:auto}
      .main-photo{width:100%;height:380px;border-radius:28px}
      .float-photo{position:relative;right:auto;bottom:auto;width:82%;height:220px;margin:-70px 0 0 auto;border-width:6px}
      .quote-copy{padding:58px 22px}
      .gallery-side img,.gallery-grid img{height:230px;min-height:230px}
      .contact-card{padding:24px;border-radius:28px}
      .mobile-panel{border-radius:24px}
    }
    @media (max-width: 420px){
      h1{font-size:44px}
      .hero-sub{font-size:18px}
      .hero-content{padding-top:112px}
      .btn{padding:15px 18px;font-size:13px}
    }

    /* Menü-Überarbeitung: stärker wie prev.end, immer im Vordergrund */
    .hero-shell > .topbar{display:none;}
    .topbar-fixed{
      position:fixed;
      z-index:999999;
      top:24px;
      left:50%;
      transform:translateX(-50%);
      width:min(var(--max), calc(100% - 48px));
      margin:0;
      background:rgba(255,255,255,.94);
      border:1px solid rgba(255,255,255,.72);
      border-radius:999px;
      box-shadow:0 16px 55px rgba(0,0,0,.16);
      backdrop-filter:blur(20px);
      -webkit-backdrop-filter:blur(20px);
      padding:15px 20px;
      overflow:visible;
    }
    .topbar-fixed .brand{
      color:#111;
      letter-spacing:-.7px;
    }
    .topbar-fixed .brand-mark{
      background:#f1f1ee;
      border:1px solid rgba(0,0,0,.08);
      color:#111;
    }
    .topbar-fixed .desktop-nav{
      gap:3px;
    }
    .topbar-fixed .nav-link{
      color:#202020;
      font-size:13px;
      font-weight:800;
      padding:12px 12px;
      border-radius:999px;
      transition:background .18s ease, color .18s ease;
    }
    .topbar-fixed .nav-link:hover{
      background:#f0f0ed;
      color:#000;
      text-decoration:none;
    }
    .topbar-fixed .business-link{
      color:#242424;
      font-size:13px;
      border-radius:999px;
      padding:12px 12px;
    }
    .topbar-fixed .business-icon{
      background:#f0e9e8;
      color:var(--red);
    }
    .topbar-fixed .header-cta{
      background:#111;
      color:#fff;
      border-radius:999px;
      padding:14px 21px;
      font-size:12px;
      letter-spacing:.25px;
    }
    .topbar-fixed .header-cta:hover{
      background:var(--red);
      text-decoration:none;
    }
    .topbar-fixed .mega{
      z-index:1000000;
      top:calc(100% + 14px);
      border-radius:28px;
      box-shadow:0 30px 90px rgba(0,0,0,.20);
    }
    .topbar-fixed .mega-card{
      background:#f6f6f3;
      border-radius:20px;
      transition:transform .18s ease, background .18s ease;
    }
    .topbar-fixed .mega-card:hover{
      transform:translateY(-2px);
      background:#fff;
      text-decoration:none;
    }
    .mobile-menu{
      z-index:1000001;
    }
    @media (max-width: 1060px){
      .topbar-fixed{
        top:12px;
        width:calc(100% - 24px);
        padding:12px 14px;
      }
      .topbar-fixed .hamburger{
        display:flex;
        background:#111;
      }
    }
    @media (max-width: 760px){
      .topbar-fixed{
        top:10px;
        width:calc(100% - 20px);
        padding:10px 12px;
      }
      .topbar-fixed .brand{font-size:20px;}
      .topbar-fixed .brand-mark{width:34px;height:34px;}
      .hero-content{
        padding-top:116px;
      }
    }
    @media (max-width: 420px){
      .topbar-fixed .brand{font-size:18px;}
      .topbar-fixed .brand small{font-size:10px;}
      .topbar-fixed .hamburger{width:40px;height:40px;}
    }


    /* Menü-Update: bündig oben, nicht rund */
    .topbar-fixed{
      top:0 !important;
      left:0 !important;
      transform:none !important;
      width:100% !important;
      max-width:none !important;
      border-radius:0 !important;
      margin:0 !important;
      padding:15px 34px !important;
      border-left:0 !important;
      border-right:0 !important;
      border-top:0 !important;
      background:rgba(255,255,255,.96) !important;
      box-shadow:0 10px 35px rgba(0,0,0,.10) !important;
    }
    .page-pad{
      padding-top:84px !important;
    }
    .hero-shell{
      border-top-left-radius:0 !important;
      border-top-right-radius:0 !important;
    }
    @media (max-width:1060px){
      .topbar-fixed{
        top:0 !important;
        width:100% !important;
        padding:12px 18px !important;
      }
      .page-pad{
        padding-top:68px !important;
      }
    }
    @media (max-width:760px){
      .topbar-fixed{
        top:0 !important;
        width:100% !important;
        padding:10px 14px !important;
      }
      .page-pad{
        padding-top:62px !important;
      }
      .hero-content{
        padding-top:84px !important;
      }
    }


    /* Hero-Text etwas nach oben rücken */
    .hero-content{
      justify-content:flex-start !important;
      padding-top:118px !important;
      padding-bottom:150px !important;
    }
    @media (max-width:1060px){
      .hero-content{
        padding-top:104px !important;
        padding-bottom:130px !important;
      }
    }
    @media (max-width:760px){
      .hero-content{
        padding-top:62px !important;
        padding-bottom:34px !important;
      }
    }
    @media (max-width:420px){
      .hero-content{
        padding-top:52px !important;
      }
    }


    /* Floating Kontakt-Buttons rechts unten */
    .floating-contact{
      position:fixed;
      right:24px;
      bottom:110px;
      z-index:999998;
      display:flex;
      flex-direction:column;
      gap:12px;
    }
    .floating-contact a{
      width:58px;
      height:58px;
      border-radius:18px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      box-shadow:0 16px 40px rgba(0,0,0,.22);
      border:1px solid rgba(255,255,255,.25);
      transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
      position:relative;
    }
    .floating-contact a:hover{
      transform:translateY(-3px);
      box-shadow:0 20px 48px rgba(0,0,0,.28);
      text-decoration:none;
    }
    .floating-contact .mail-float{
      background:#111;
    }
    .floating-contact .mail-float:hover{
      background:var(--red);
    }
    .floating-contact .whatsapp-float{
      background:#25D366;
    }
    .floating-contact .whatsapp-float:hover{
      background:#1fbd5a;
    }
    .floating-contact svg{
      width:27px;
      height:27px;
      fill:currentColor;
    }
    .floating-contact a span{
      position:absolute;
      right:72px;
      top:50%;
      transform:translateY(-50%);
      background:#111;
      color:#fff;
      padding:9px 12px;
      border-radius:999px;
      font-size:13px;
      font-weight:900;
      white-space:nowrap;
      opacity:0;
      pointer-events:none;
      transition:opacity .18s ease, transform .18s ease;
      box-shadow:0 12px 30px rgba(0,0,0,.18);
    }
    .floating-contact a:hover span{
      opacity:1;
      transform:translateY(-50%) translateX(-3px);
    }
    @media (max-width:760px){
      .floating-contact{
        right:14px;
        bottom:92px;
        gap:10px;
      }
      .floating-contact a{
        width:52px;
        height:52px;
        border-radius:16px;
      }
      .floating-contact svg{
        width:24px;
        height:24px;
      }
      .floating-contact a span{
        display:none;
      }
    }

  

/* WordPress Unterseiten */
.wp-page-main{
  padding-top:84px;
}
.wp-page-hero{
  background:var(--soft);
  padding:92px 24px 62px;
}
.wp-page-content-section{
  padding:64px 24px 92px;
}
.wp-page-content{
  max-width:900px;
  font-size:18px;
  line-height:1.7;
}
.wp-page-content h2,
.wp-page-content h3{
  letter-spacing:-.8px;
  color:#111;
}
.wp-page-content a{
  color:var(--red);
  font-weight:800;
}
@media(max-width:760px){
  .wp-page-main{
    padding-top:62px;
  }
  .wp-page-hero{
    padding:64px 18px 42px;
  }
  .wp-page-content-section{
    padding:44px 18px 68px;
  }
}


/* ExpressKurier-24.de Logo im Header/Footer */
.brand-logo{
  gap:0 !important;
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto;
}
.brand-logo img{
  display:block;
  width:220px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}
.footer-logo img{
  display:block;
  width:230px;
  max-width:100%;
  height:auto;
  background:#fff;
  border-radius:14px;
  padding:8px 10px;
}
@media (max-width:1060px){
  .brand-logo img{
    width:205px;
  }
}
@media (max-width:760px){
  .brand-logo img{
    width:178px;
  }
}
@media (max-width:420px){
  .brand-logo img{
    width:160px;
  }
}






/* Transparentes ExpressKurier-24.de Logo */
.brand-logo{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 auto !important;
  gap:0 !important;
  min-width:0 !important;
}
.brand-logo img{
  display:block !important;
  width:auto !important;
  height:68px !important;
  max-width:420px !important;
  object-fit:contain !important;
  filter:none !important;
  background:transparent !important;
}
.topbar-fixed{
  min-height:92px !important;
  padding-top:12px !important;
  padding-bottom:12px !important;
}
.footer-logo{
  display:inline-flex;
  align-items:center;
}
.footer-logo img{
  display:block !important;
  width:auto !important;
  height:88px !important;
  max-width:460px !important;
  object-fit:contain !important;
  background:transparent !important;
}
@media (max-width:1060px){
  .brand-logo img{
    height:62px !important;
    max-width:380px !important;
  }
  .topbar-fixed{
    min-height:86px !important;
  }
}
@media (max-width:760px){
  .brand-logo img{
    height:50px !important;
    max-width:300px !important;
  }
  .topbar-fixed{
    min-height:74px !important;
  }
  .footer-logo img{
    height:74px !important;
    max-width:360px !important;
  }
}
@media (max-width:520px){
  .brand-logo img{
    height:42px !important;
    max-width:250px !important;
  }
  .topbar-fixed{
    min-height:68px !important;
  }
  .footer-logo img{
    height:62px !important;
    max-width:300px !important;
  }
}


/* Vier Leistungskarten auf der Startseite */
.cards{
  grid-template-columns:repeat(4,1fr);
}
@media (max-width:1180px){
  .cards{
    grid-template-columns:repeat(2,1fr);
  }
}
@media (max-width:760px){
  .cards{
    grid-template-columns:1fr;
  }
}


/* Design-Fix: Leistungen, Vorteile, Quote und Footer */
.hero-shell:before{
  background:
    linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.30) 36%,rgba(0,0,0,.70) 100%),
    url("../images/expresskurier-24-kurierdienst-nachtlieferung.webp") center/cover no-repeat !important;
}
.service-cards-five,
.cards.service-cards-five{
  grid-template-columns:repeat(3,1fr) !important;
}
.service-card-muted{
  opacity:.92;
}
.service-card-muted .service-body{
  background:#fbfbf8;
}
.service-body h3{
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.service-body h3 br{
  display:block;
}
.advantage-grid{
  grid-template-columns:repeat(3,1fr) !important;
  align-items:stretch;
}
.advantage-grid div{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:7px;
  min-height:118px;
  padding:22px;
  line-height:1.35;
}
.advantage-grid div strong{
  display:block;
  color:#fff;
  font-size:18px;
  letter-spacing:-.3px;
}
.advantage-grid div span{
  display:block;
  color:rgba(255,255,255,.72);
  font-weight:700;
}
.quote-image{
  min-height:560px;
  background:none !important;
}
.quote-image img{
  width:100%;
  height:100%;
  min-height:560px;
  object-fit:cover;
  display:block;
}
.target-grid{
  grid-template-columns:repeat(3,1fr) !important;
}
.target-grid div{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-height:124px;
  padding:24px;
}
.target-grid div strong{
  display:block;
  font-size:19px;
  letter-spacing:-.4px;
}
.target-grid div span{
  color:var(--muted);
  font-weight:700;
  line-height:1.45;
}
.footer-logo-contrast,
.footer-logo.footer-logo-contrast{
  background:#fff;
  display:inline-flex;
  border-radius:18px;
  padding:10px 14px;
  box-shadow:0 14px 35px rgba(0,0,0,.28);
}
.footer-logo-contrast img,
.footer-logo.footer-logo-contrast img{
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
}
@media (max-width:1180px){
  .service-cards-five,
  .cards.service-cards-five,
  .advantage-grid,
  .target-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }
}
@media (max-width:760px){
  .service-cards-five,
  .cards.service-cards-five,
  .advantage-grid,
  .target-grid{
    grid-template-columns:1fr !important;
  }
  .quote-image,
  .quote-image img{
    min-height:320px;
  }
}


/* Kompaktere Vorteile- und Zielkundenbereiche */
.dark-band .wrap{
  display:block;
}
.advantage-compact{
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 16px;
  max-width:980px;
}
.advantage-item{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:flex-start;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:16px 17px;
  min-height:auto;
}
.advantage-item:before{
  content:"✓";
  width:34px;
  height:34px;
  border-radius:12px;
  background:var(--red);
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:900;
  line-height:1;
}
.advantage-item strong{
  display:block;
  color:#fff;
  font-size:17px;
  letter-spacing:-.25px;
  margin-bottom:4px;
}
.advantage-item span{
  display:block;
  color:rgba(255,255,255,.72);
  font-weight:700;
  font-size:14px;
  line-height:1.4;
}

.target-compact{
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 16px;
  max-width:980px;
}
.target-compact div{
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  padding:17px 18px;
  box-shadow:0 10px 28px rgba(0,0,0,.055);
}
.target-compact strong{
  display:block;
  font-size:18px;
  letter-spacing:-.3px;
  color:#111;
}
.target-compact span{
  color:var(--muted);
  font-weight:700;
  font-size:14px;
  line-height:1.42;
}
@media (min-width:1181px){
  .advantage-compact,
  .target-compact{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:760px){
  .advantage-compact,
  .target-compact{
    grid-template-columns:1fr;
    max-width:none;
  }
  .advantage-item,
  .target-compact div{
    padding:15px;
  }
}


/* Finaler Fix: Vorteile ohne rote Häkchen-Felder */
.advantage-compact,
.advantage-grid{
  display:none !important;
}
.advantage-summary{
  margin-top:34px;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);
  gap:28px;
  align-items:start;
  max-width:1120px;
}
.advantage-copy{
  display:grid;
  gap:16px;
}
.advantage-copy p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:18px;
  line-height:1.62;
  font-weight:700;
  max-width:780px;
}
.advantage-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-start;
}
.advantage-tags span{
  display:inline-flex;
  align-items:center;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
  border-radius:999px;
  padding:11px 14px;
  font-weight:850;
  font-size:14px;
  white-space:normal;
}

/* Footer-Logo deutlicher auf dunklem Hintergrund */
.footer-logo-strong,
.footer-logo.footer-logo-strong,
.footer-logo-contrast.footer-logo-strong{
  background:#ffffff !important;
  border:2px solid rgba(255,255,255,.95) !important;
  border-radius:22px !important;
  padding:16px 20px !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.42),
    0 0 0 8px rgba(255,255,255,.08) !important;
  filter:none !important;
}
.footer-logo-strong img,
.footer-logo.footer-logo-strong img,
.footer-logo-contrast.footer-logo-strong img{
  height:104px !important;
  max-width:520px !important;
  background:#fff !important;
  filter:contrast(1.15) saturate(1.08) brightness(1.03) !important;
  image-rendering:auto;
}
footer{
  background:
    radial-gradient(circle at 12% 8%, rgba(255,255,255,.10), transparent 26%),
    linear-gradient(180deg,#161616 0%, #090909 100%) !important;
}
@media (max-width:900px){
  .advantage-summary{
    grid-template-columns:1fr;
    gap:20px;
  }
  .advantage-copy p{
    font-size:16px;
  }
  .footer-logo-strong img,
  .footer-logo.footer-logo-strong img,
  .footer-logo-contrast.footer-logo-strong img{
    height:86px !important;
    max-width:420px !important;
  }
}
@media (max-width:520px){
  .advantage-tags span{
    width:100%;
    justify-content:center;
    text-align:center;
  }
  .footer-logo-strong,
  .footer-logo.footer-logo-strong,
  .footer-logo-contrast.footer-logo-strong{
    padding:12px 14px !important;
    border-radius:18px !important;
  }
  .footer-logo-strong img,
  .footer-logo.footer-logo-strong img,
  .footer-logo-contrast.footer-logo-strong img{
    height:auto !important;
    width:260px !important;
    max-width:100% !important;
  }
}


/* Finale Footer-Logo-Lesbarkeit */
.footer-brand.footer-logo.footer-logo-strong,
.footer-logo.footer-logo-strong{
  background:#ffffff !important;
  border:3px solid #ffffff !important;
  border-radius:24px !important;
  padding:18px 22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  max-width:100% !important;
  box-shadow:
    0 24px 65px rgba(0,0,0,.50),
    0 0 0 10px rgba(255,255,255,.10) !important;
}
.footer-brand.footer-logo.footer-logo-strong img,
.footer-logo.footer-logo-strong img{
  display:block !important;
  height:118px !important;
  width:auto !important;
  max-width:560px !important;
  object-fit:contain !important;
  background:#ffffff !important;
  filter:contrast(1.22) saturate(1.12) brightness(1.06) !important;
}
@media (max-width:900px){
  .footer-brand.footer-logo.footer-logo-strong img,
  .footer-logo.footer-logo-strong img{
    height:94px !important;
    max-width:430px !important;
  }
}
@media (max-width:520px){
  .footer-brand.footer-logo.footer-logo-strong,
  .footer-logo.footer-logo-strong{
    padding:13px 15px !important;
    border-radius:19px !important;
  }
  .footer-brand.footer-logo.footer-logo-strong img,
  .footer-logo.footer-logo-strong img{
    height:auto !important;
    width:280px !important;
    max-width:100% !important;
  }
}


/* Kontaktformular auf Startseite entfernt: nur CTA zur Kontaktseite */
.contact-cta-only{
  padding-bottom:90px;
}
.contact-cta-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  background:#111;
  color:#fff;
  border-radius:34px;
  padding:42px;
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}
.contact-cta-card:before{
  content:"";
  position:absolute;
  inset:auto -80px -120px auto;
  width:320px;
  height:320px;
  background:radial-gradient(circle, rgba(225,38,28,.34), transparent 65%);
  pointer-events:none;
}
.contact-cta-card .section-title{
  color:#fff;
  margin-bottom:12px;
}
.contact-cta-card .section-lead{
  color:rgba(255,255,255,.72);
  margin-bottom:0;
}
.contact-action-btn{
  position:relative;
  z-index:1;
  white-space:nowrap;
  background:var(--red);
  color:#fff;
}
.contact-action-btn:hover{
  background:#fff;
  color:#111;
}
@media (max-width:820px){
  .contact-cta-card{
    grid-template-columns:1fr;
    padding:30px;
  }
  .contact-action-btn{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}


/* Feinschliff Leistungenbereich: einheitlich weißer Hintergrund */
.solutions{
  background:#ffffff !important;
}
.solutions .wrap{
  background:transparent !important;
}
.service-card-muted,
.service-card-muted .service-body{
  background:#ffffff !important;
}
.cards.service-cards-five,
.service-cards-five{
  align-items:stretch;
}


/* ===== Startseite und Service-Unterseiten – Update 5 Unterseiten ===== */
.center{text-align:center;}
.ek-home-hero{
  position:relative;
  min-height:720px;
  padding:150px 0 90px;
  color:#fff;
  background:
    linear-gradient(90deg, rgba(0,0,0,.80) 0%, rgba(0,0,0,.58) 42%, rgba(0,0,0,.12) 78%),
    url("../images/expresskurier-24-kurierdienst-nachtlieferung.webp") center center/cover no-repeat;
}
.ek-home-hero-overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.15)); pointer-events:none;}
.ek-home-hero-grid{position:relative; z-index:2; display:grid; grid-template-columns:minmax(0, 620px) 1fr; gap:24px; align-items:center;}
.ek-home-hero-copy h1{font-size:clamp(2.3rem,5vw,4.7rem); line-height:1.03; margin:14px 0 14px; color:#fff; max-width:700px;}
.ek-home-hero-sub{font-size:1.35rem; font-weight:700; margin:0 0 12px; color:#fff;}
.ek-home-hero-text{font-size:1.08rem; max-width:640px; color:rgba(255,255,255,.92); margin:0 0 18px;}
.ek-home-hero .section-kicker{color:#ff4a36;}
.ek-home-hero-points{display:flex; flex-wrap:wrap; gap:12px; margin:0 0 28px;}
.ek-home-hero-points span{display:inline-flex; align-items:center; padding:10px 14px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); font-size:.96rem;}
.ek-services-section{background:#fff; padding-top:78px;}
.ek-service-card-grid{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; align-items:stretch;}
.ek-service-card{background:#fff; border:1px solid #e8e8ed; border-radius:24px; box-shadow:0 14px 30px rgba(16,24,40,.06); overflow:hidden; display:flex; flex-direction:column;}
.ek-service-card-head{padding:26px 24px 14px;}
.ek-service-card-head h3{font-size:1.35rem; line-height:1.15; margin:0 0 6px;}
.ek-service-card-head p{margin:0; color:#555; min-height:48px;}
.ek-service-card img{width:100%; aspect-ratio:16/10; object-fit:cover; display:block;}
.ek-service-card ul{margin:0; padding:22px 24px 10px 44px; color:#1f2937; display:grid; gap:10px;}
.ek-service-card li{padding-left:0;}
.ek-service-card-note{margin:4px 24px 10px; padding-top:18px; border-top:1px solid #ececef; font-weight:700; color:#202124; min-height:64px;}
.ek-service-card .learn{margin:0 24px 24px; color:#c32114; font-weight:700; text-decoration:none;}
.ek-values-strip{padding:28px 0 10px; background:#fff;}
.ek-values-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:0; background:#f7f7f8; border:1px solid #ececef; border-radius:24px; overflow:hidden;}
.ek-values-grid>div{padding:24px 26px; display:flex; flex-direction:column; gap:4px; align-items:flex-start; position:relative;}
.ek-values-grid>div:not(:last-child)::after{content:""; position:absolute; right:0; top:18px; bottom:18px; width:1px; background:#dddddf;}
.ek-values-grid strong{font-size:1.1rem;}
.ek-values-grid span{color:#555;}
.ek-home-info{background:#fff; padding-top:26px;}
.ek-home-info-grid{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:28px; align-items:center;}
.ek-home-info-image img{width:100%; border-radius:28px; display:block; box-shadow:0 20px 40px rgba(15,23,42,.10);}
.ek-mini-feature-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:26px 0;}
.ek-mini-feature-grid div{padding:18px; border:1px solid #ececef; border-radius:18px; background:#fafafa;}
.ek-mini-feature-grid strong{display:block; margin-bottom:6px; font-size:1rem;}
.ek-mini-feature-grid span{color:#555; font-size:.96rem; line-height:1.5;}

.ek-service-page{background:#f5f5f7;}
.ek-service-hero{padding:140px 0 40px; background:linear-gradient(180deg, #ffffff 0%, #f6f6f8 100%);}
.ek-service-hero-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.95fr); gap:28px; align-items:center;}
.ek-service-visual img{width:100%; display:block; border-radius:28px; box-shadow:0 22px 46px rgba(15,23,42,.12);}
.ek-feature-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:28px;}
.ek-feature-grid article{background:#fff; border:1px solid #ececef; border-radius:20px; padding:20px; box-shadow:0 12px 28px rgba(15,23,42,.05);}
.ek-feature-grid strong{display:block; font-size:1rem; margin-bottom:8px;}
.ek-feature-grid span{display:block; color:#555; line-height:1.55; font-size:.95rem;}
.ek-service-detail{padding-top:8px;}
.ek-detail-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:24px; align-items:start;}
.ek-white-card{background:#fff; border:1px solid #e8e8ed; border-radius:26px; padding:30px; box-shadow:0 14px 34px rgba(15,23,42,.06);}
.ek-white-card h2{font-size:1.8rem; margin:0 0 12px;}
.ek-white-card p{color:#4b5563; line-height:1.65;}
.ek-check-list{list-style:none; margin:18px 0 0; padding:0; display:grid; gap:12px;}
.ek-check-list li{position:relative; padding-left:28px; color:#1f2937; line-height:1.6;}
.ek-check-list li::before{content:"✓"; position:absolute; left:0; top:0; color:#d92c1a; font-weight:800;}
.ek-card-footnote{margin-top:18px; padding-top:18px; border-top:1px solid #ececef; font-weight:600; color:#202124;}
.ek-benefit-card .btn{margin-top:24px;}
.ek-page-closing-band{padding:0 0 72px;}
.ek-page-closing-band .wrap{background:linear-gradient(135deg,#d81712,#b41010); color:#fff; font-weight:800; text-align:center; padding:22px 24px; border-radius:22px; box-shadow:0 18px 36px rgba(176,16,16,.24);}

@media (max-width: 1240px){
  .ek-service-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 980px){
  .ek-home-hero{min-height:auto; padding:130px 0 70px; background-position:65% center;}
  .ek-home-hero-grid,
  .ek-home-info-grid,
  .ek-service-hero-grid,
  .ek-detail-grid{grid-template-columns:1fr;}
  .ek-service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 720px){
  .ek-home-hero-copy h1{font-size:2.45rem;}
  .ek-home-hero-points span{width:100%; justify-content:flex-start;}
  .ek-service-card-grid,
  .ek-values-grid,
  .ek-mini-feature-grid,
  .ek-feature-grid{grid-template-columns:1fr;}
  .ek-values-grid>div:not(:last-child)::after{display:none;}
  .ek-service-card-note{min-height:0;}
  .ek-service-card-head p{min-height:0;}
  .ek-white-card{padding:22px;}
}


/* Hilfsmittellogistik-Showcase wie Referenzbild */
.ek-hilfsmittel-showcase{
  background:#fff;
  padding:78px 0 86px;
  overflow:hidden;
}
.ek-hilfe-top{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);
  gap:34px;
  align-items:center;
}
.red-pill{
  display:inline-flex;
  align-items:center;
  background:#d81712;
  color:#fff;
  border-radius:9px;
  padding:10px 18px;
  font-size:.88rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
  margin-bottom:22px;
}
.ek-hilfe-copy h2{
  font-size:clamp(2.7rem,4.4vw,5rem);
  line-height:.98;
  letter-spacing:-.06em;
  margin:0 0 22px;
  color:#111;
}
.ek-hilfe-copy>p{
  font-size:1.22rem;
  line-height:1.65;
  color:#4b5563;
  max-width:700px;
  margin:0 0 30px;
}
.ek-hilfe-feature-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  background:#fff;
  border:1px solid #e7e7ea;
  border-radius:24px;
  box-shadow:0 16px 38px rgba(15,23,42,.08);
  overflow:hidden;
  max-width:860px;
}
.ek-hilfe-feature{
  padding:26px 22px;
  min-height:190px;
  border-right:1px solid #e9e9ec;
}
.ek-hilfe-feature:last-child{
  border-right:0;
}
.ek-hilfe-icon{
  width:46px;
  height:46px;
  margin-bottom:14px;
  color:#d81712;
}
.ek-hilfe-icon svg{
  width:46px;
  height:46px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ek-hilfe-feature strong{
  display:block;
  font-size:1.05rem;
  line-height:1.2;
  color:#111;
  margin-bottom:8px;
}
.ek-hilfe-feature span{
  display:block;
  color:#545b66;
  font-size:.92rem;
  line-height:1.45;
  font-weight:600;
}
.ek-hilfe-image{
  align-self:stretch;
  min-height:540px;
  border-radius:32px;
  overflow:hidden;
  box-shadow:0 28px 55px rgba(15,23,42,.14);
}
.ek-hilfe-image img{
  width:100%;
  height:100%;
  min-height:540px;
  object-fit:cover;
  display:block;
}
.ek-hilfe-bottom{
  margin-top:34px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:28px;
  align-items:stretch;
}
.ek-hilfe-card{
  background:#fff;
  border:1px solid #e8e8ed;
  border-radius:24px;
  padding:30px;
  box-shadow:0 15px 34px rgba(15,23,42,.07);
}
.ek-hilfe-card h3{
  margin:0 0 12px;
  font-size:1.55rem;
  letter-spacing:-.03em;
}
.ek-hilfe-card p{
  color:#4b5563;
  line-height:1.62;
  margin:0 0 22px;
}
.ek-hilfe-brand-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  align-items:center;
  padding:12px 0 24px;
}
.ek-hilfe-brand-row strong{
  font-size:1.25rem;
  letter-spacing:-.04em;
  color:#111;
  text-align:center;
}
.ek-hilfe-product-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border-top:1px solid #ececef;
  padding-top:18px;
}
.ek-hilfe-product-row span{
  padding:0 14px;
  border-right:1px solid #ececef;
  color:#222;
  font-weight:750;
  font-size:.92rem;
  line-height:1.35;
}
.ek-hilfe-product-row span:last-child{
  border-right:0;
}
.ek-hilfe-card .ek-check-list{
  gap:10px;
}
.ek-hilfe-card .ek-check-list li{
  font-weight:650;
}
.ek-hilfe-red-band{
  margin-top:28px;
  background:linear-gradient(135deg,#d81712,#af0f0b);
  color:#fff;
  border-radius:18px;
  padding:24px 32px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  box-shadow:0 20px 42px rgba(190,20,14,.22);
}
.ek-hilfe-red-band strong{
  font-size:1.25rem;
}
.ek-hilfe-red-band span{
  font-weight:800;
  opacity:.9;
  border-left:1px solid rgba(255,255,255,.35);
  padding-left:24px;
}
@media (max-width:1180px){
  .ek-hilfe-top,
  .ek-hilfe-bottom{
    grid-template-columns:1fr;
  }
  .ek-hilfe-image,
  .ek-hilfe-image img{
    min-height:420px;
  }
}
@media (max-width:900px){
  .ek-hilfe-feature-row{
    grid-template-columns:repeat(2,1fr);
  }
  .ek-hilfe-feature:nth-child(2){
    border-right:0;
  }
  .ek-hilfe-feature:nth-child(1),
  .ek-hilfe-feature:nth-child(2){
    border-bottom:1px solid #e9e9ec;
  }
  .ek-hilfe-brand-row,
  .ek-hilfe-product-row{
    grid-template-columns:repeat(2,1fr);
  }
  .ek-hilfe-product-row span{
    border-right:0;
    border-bottom:1px solid #ececef;
    padding:12px;
  }
  .ek-hilfe-red-band{
    grid-template-columns:1fr;
  }
  .ek-hilfe-red-band span{
    border-left:0;
    padding-left:0;
  }
}
@media (max-width:560px){
  .ek-hilfsmittel-showcase{
    padding:56px 0;
  }
  .ek-hilfe-copy h2{
    font-size:2.55rem;
  }
  .ek-hilfe-feature-row,
  .ek-hilfe-brand-row,
  .ek-hilfe-product-row{
    grid-template-columns:1fr;
  }
  .ek-hilfe-feature{
    border-right:0;
    border-bottom:1px solid #e9e9ec;
    min-height:auto;
  }
  .ek-hilfe-feature:last-child{
    border-bottom:0;
  }
  .ek-hilfe-card{
    padding:22px;
  }
  .ek-hilfe-image,
  .ek-hilfe-image img{
    min-height:310px;
  }
}


/* Wiederhergestellte große Startseite */
.ek-restored-intro{
  background:#fff;
  padding-top:82px;
}
.ek-restored-intro .image-stack .main-photo{
  min-height:420px;
}
.ek-restored-advantages{
  margin-top:0;
}
.ek-restored-process{
  background:#fff;
}
.ek-restored-quote .quote-image{
  min-height:560px;
  background:none !important;
}
.ek-restored-quote .quote-image img{
  width:100%;
  height:100%;
  min-height:560px;
  object-fit:cover;
  display:block;
}
.ek-restored-targets{
  background:#fff;
}
.ek-restored-gallery{
  background:#fff;
}
.target-compact{
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px 16px;
  max-width:1080px;
}
.target-compact div{
  display:grid;
  gap:6px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  padding:17px 18px;
  box-shadow:0 10px 28px rgba(0,0,0,.055);
}
.target-compact strong{
  display:block;
  font-size:18px;
  letter-spacing:-.3px;
  color:#111;
}
.target-compact span{
  color:var(--muted);
  font-weight:700;
  font-size:14px;
  line-height:1.42;
}
.advantage-summary{
  margin-top:34px;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);
  gap:28px;
  align-items:start;
  max-width:1120px;
}
.advantage-copy{
  display:grid;
  gap:16px;
}
.advantage-copy p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:18px;
  line-height:1.62;
  font-weight:700;
  max-width:780px;
}
.advantage-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-start;
}
.advantage-tags span{
  display:inline-flex;
  align-items:center;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
  border-radius:999px;
  padding:11px 14px;
  font-weight:850;
  font-size:14px;
}
@media (max-width:980px){
  .advantage-summary{
    grid-template-columns:1fr;
  }
  .target-compact{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ek-restored-quote .quote-image,
  .ek-restored-quote .quote-image img{
    min-height:360px;
  }
}
@media (max-width:720px){
  .target-compact{
    grid-template-columns:1fr;
  }
}



/* Hilfsmittellogistik-Showcase an Referenz angepasst */
.ek-hilfsmittel-showcase{
  background:#fff;
  padding:76px 0 86px;
  overflow:hidden;
}
.ek-hilfe-hero-panel{
  position:relative;
  min-height:720px;
  isolation:isolate;
}
.ek-hilfe-image-bg{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:min(62%, 860px);
  border-radius:34px;
  overflow:hidden;
  z-index:1;
}
.ek-hilfe-image-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.ek-hilfe-image-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.98) 7%, rgba(255,255,255,.94) 15%, rgba(255,255,255,.78) 25%, rgba(255,255,255,.44) 38%, rgba(255,255,255,.10) 48%, rgba(255,255,255,0) 56%);
  z-index:2;
}
.ek-hilfe-copy{
  position:relative;
  z-index:3;
  max-width:48%;
  padding-top:14px;
}
.red-pill{
  display:inline-flex;
  align-items:center;
  background:#d81712;
  color:#fff;
  border-radius:10px;
  padding:10px 18px;
  font-size:.88rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
  margin-bottom:22px;
  box-shadow:0 12px 26px rgba(216,23,18,.18);
}
.ek-hilfe-copy h2{
  font-size:clamp(2.8rem,4.8vw,5rem);
  line-height:.97;
  letter-spacing:-.065em;
  margin:0 0 22px;
  color:#111;
}
.ek-hilfe-copy>p{
  font-size:1.18rem;
  line-height:1.68;
  color:#4b5563;
  max-width:680px;
  margin:0 0 34px;
}
.ek-hilfe-feature-row{
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  width:min(860px, 88vw);
  background:#fff;
  border:1px solid #e7e7ea;
  border-radius:24px;
  box-shadow:0 18px 40px rgba(15,23,42,.08);
  overflow:hidden;
  margin-top:26px;
}
.ek-hilfe-feature{
  padding:26px 22px 22px;
  min-height:0;
  border-right:1px solid #e9e9ec;
}
.ek-hilfe-feature:last-child{border-right:0;}
.ek-hilfe-icon{width:42px;height:42px;margin-bottom:12px;color:#d81712;}
.ek-hilfe-icon svg{width:42px;height:42px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.ek-hilfe-feature strong{display:block;font-size:1.02rem;line-height:1.22;color:#111;margin-bottom:10px;letter-spacing:-.02em;}
.ek-hilfe-feature span{display:block;color:#555d68;font-size:.94rem;line-height:1.46;font-weight:600;}
.ek-hilfe-bottom{
  margin-top:34px;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);
  gap:26px;
  align-items:stretch;
}
.ek-hilfe-card{background:#fff;border:1px solid #e8e8ed;border-radius:24px;padding:30px;box-shadow:0 15px 34px rgba(15,23,42,.07);}
.ek-hilfe-card h3{margin:0 0 12px;font-size:1.55rem;letter-spacing:-.03em;color:#111;}
.ek-hilfe-card p{color:#4b5563;line-height:1.62;margin:0 0 22px;}
.ek-hilfe-brand-logos{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:center;
  padding:10px 0 22px;
}
.ek-hilfe-brand-logos img{
  width:100%;
  max-width:160px;
  height:54px;
  object-fit:contain;
  object-position:left center;
  display:block;
  filter:grayscale(.05);
}
.ek-hilfe-product-icons{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #ececef;
  padding-top:18px;
}
.ek-product-item{
  padding:0 14px;
  border-right:1px solid #ececef;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:start;
}
.ek-product-item:last-child{border-right:0;}
.ek-product-item img{width:30px;height:30px;object-fit:contain;opacity:.96;}
.ek-product-item span{color:#222;font-weight:750;font-size:.92rem;line-height:1.35;}
.ek-claim-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:2px solid #efb0ad;margin-bottom:18px;}
.ek-claim-check{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#d81712;color:#fff;font-weight:900;font-size:18px;box-shadow:0 10px 22px rgba(216,23,18,.18);}
.ek-claim-head h3{margin:0;}
.ek-hilfe-card .ek-check-list{gap:11px;margin-top:0;}
.ek-hilfe-card .ek-check-list li{font-weight:650;}
.ek-hilfe-red-band{margin-top:28px;background:linear-gradient(135deg,#d81712,#b5100d);color:#fff;border-radius:16px;padding:22px 30px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;box-shadow:0 20px 42px rgba(190,20,14,.22);}
.ek-hilfe-red-band strong{font-size:1.22rem;display:flex;align-items:center;gap:12px;}
.ek-hilfe-red-band strong::before{content:"❤";font-size:1.15rem;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14);}
.ek-hilfe-red-band span{font-weight:800;opacity:.95;border-left:1px solid rgba(255,255,255,.35);padding-left:24px;}
@media (max-width:1180px){
  .ek-hilfe-hero-panel{min-height:0;}
  .ek-hilfe-image-bg{position:relative;width:100%;height:430px;margin-top:26px;}
  .ek-hilfe-image-bg::before{background:linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.15));}
  .ek-hilfe-copy{max-width:100%;}
  .ek-hilfe-feature-row{width:100%;}
  .ek-hilfe-bottom{grid-template-columns:1fr;}
}
@media (max-width:980px){
  .ek-hilfe-feature-row{grid-template-columns:repeat(2,1fr);}
  .ek-hilfe-feature:nth-child(2){border-right:0;}
  .ek-hilfe-feature:nth-child(1), .ek-hilfe-feature:nth-child(2){border-bottom:1px solid #e9e9ec;}
  .ek-hilfe-brand-logos, .ek-hilfe-product-icons{grid-template-columns:repeat(2,1fr);}
  .ek-product-item{padding:14px 0;border-right:0;border-bottom:1px solid #ececef;}
  .ek-product-item:nth-last-child(-n+2){border-bottom:0;}
  .ek-hilfe-red-band{grid-template-columns:1fr;}
  .ek-hilfe-red-band span{border-left:0;padding-left:0;}
}
@media (max-width:560px){
  .ek-hilfsmittel-showcase{padding:56px 0 62px;}
  .ek-hilfe-copy h2{font-size:2.55rem;}
  .ek-hilfe-feature-row, .ek-hilfe-brand-logos, .ek-hilfe-product-icons{grid-template-columns:1fr;}
  .ek-hilfe-feature{border-right:0;border-bottom:1px solid #e9e9ec;}
  .ek-hilfe-feature:last-child{border-bottom:0;}
  .ek-product-item{grid-template-columns:32px 1fr;}
  .ek-product-item:last-child{border-bottom:0;}
  .ek-hilfe-card{padding:22px;}
  .ek-hilfe-image-bg{height:320px;border-radius:26px;}
}


/* Reihenfolge angepasst: Leistungen direkt nach Hero */
.ek-home-hero + .ek-services-section{
  padding-top:78px;
}
.ek-services-section + .ek-hilfsmittel-showcase{
  padding-top:70px;
}
.ek-hilfsmittel-showcase + .ek-restored-intro{
  padding-top:76px;
}


/* SEO-/Accessibility-Bildbeschreibungen: nicht sichtbar, aber sauber lesbar für Screenreader */
.seo-image-desc,
.sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}


/* Header-Menü: Leistungen-Dropdown mit 5 Unterpunkten */
.desktop-nav .nav-item.has-dropdown{
  position:relative;
}
.desktop-nav .nav-item.has-dropdown .mega{
  position:absolute;
  top:calc(100% + 14px);
  left:50%;
  transform:translateX(-50%) translateY(8px);
  width:min(920px, calc(100vw - 48px));
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:24px;
  box-shadow:0 24px 60px rgba(15,23,42,.16);
  padding:18px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index:9999;
}
.desktop-nav .nav-item.has-dropdown:hover .mega,
.desktop-nav .nav-item.has-dropdown:focus-within .mega{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.desktop-nav .nav-item.has-dropdown .mega-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.desktop-nav .nav-item.has-dropdown .mega-card{
  display:block;
  text-decoration:none;
  color:#111;
  background:#f7f7f8;
  border:1px solid rgba(0,0,0,.05);
  border-radius:18px;
  padding:16px;
  min-height:132px;
}
.desktop-nav .nav-item.has-dropdown .mega-card strong{
  display:block;
  font-size:15px;
  line-height:1.25;
  margin-bottom:8px;
}
.desktop-nav .nav-item.has-dropdown .mega-card span{
  display:block;
  color:#626975;
  font-size:13px;
  line-height:1.38;
  font-weight:650;
}
.desktop-nav .nav-item.has-dropdown .mega-card:hover{
  background:#fff;
  box-shadow:0 12px 24px rgba(15,23,42,.08);
}
@media (max-width:1180px){
  .desktop-nav .nav-item.has-dropdown .mega-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* Leistungen-Dropdown: klickbar + Hintergrundbilder */
.desktop-nav .nav-item.has-dropdown {
  position: relative;
  padding-bottom: 24px;
  margin-bottom: -24px;
}
.desktop-nav .nav-item.has-dropdown::after {
  content: "";
  position: absolute;
  left: -40px;
  right: -40px;
  top: 100%;
  height: 30px;
  z-index: 9998;
}
.desktop-nav .nav-item.has-dropdown .mega {
  top: calc(100% + 2px) !important;
  width: min(1120px, calc(100vw - 46px)) !important;
  padding: 16px !important;
  border-radius: 24px !important;
}
.desktop-nav .nav-item.has-dropdown .mega-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.desktop-nav .nav-item.has-dropdown .mega-card {
  min-height: 166px !important;
  padding: 18px 16px !important;
  overflow: hidden;
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg {
  position: relative;
  color: #fff !important;
  background-size: cover !important;
  background-position: center !important;
  isolation: isolate;
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.48), rgba(0,0,0,.70));
  z-index: -1;
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg strong,
.desktop-nav .nav-item.has-dropdown .mega-card-bg span {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.45);
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg strong {
  font-size: 15px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.03em;
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg span {
  font-size: 13px !important;
  line-height: 1.36 !important;
  font-weight: 750 !important;
}
.desktop-nav .nav-item.has-dropdown .bg-hilfsmittellogistik {
  background-image: url("../images/hilfsmittellogistik-elektromobil-auslieferung.webp") !important;
}
.desktop-nav .nav-item.has-dropdown .bg-kurierdienst {
  background-image: url("../images/kurierdienst-direktfahrten-expresskurier-koeln.webp") !important;
}
.desktop-nav .nav-item.has-dropdown .bg-endkundenlogistik {
  background-image: url("../images/endkundenlogistik-persoenliche-paketuebergabe.webp") !important;
}
.desktop-nav .nav-item.has-dropdown .bg-unternehmenslogistik {
  background-image: url("../images/unternehmenslogistik-disposition-zentrale.webp") !important;
}
.desktop-nav .nav-item.has-dropdown .bg-expresslogistik {
  background-image: url("../images/sonderfahrten-expresslogistik-flughafen.webp") !important;
}
@media (max-width: 1180px) {
  .desktop-nav .nav-item.has-dropdown .mega-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* Leistungen-Dropdown: kräftige Bilder + helle Textfläche unten */
.desktop-nav .nav-item.has-dropdown .mega{
  background:#ffffff !important;
  border:1px solid rgba(255,255,255,.75) !important;
  box-shadow:0 28px 70px rgba(15,23,42,.18) !important;
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg{
  position:relative;
  display:flex !important;
  flex-direction:column;
  justify-content:flex-end;
  min-height:184px !important;
  padding:0 !important;
  overflow:hidden;
  color:#111 !important;
  background-size:cover !important;
  background-position:center !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 12px 26px rgba(15,23,42,.08);
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.02) 0%,
      rgba(0,0,0,.04) 35%,
      rgba(255,255,255,.40) 62%,
      rgba(255,255,255,.94) 100%) !important;
  z-index:0;
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,0) 48%);
  z-index:0;
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg strong,
.desktop-nav .nav-item.has-dropdown .mega-card-bg span{
  position:relative;
  z-index:2;
  text-shadow:none !important;
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg strong{
  display:block !important;
  color:#101418 !important;
  font-size:15px !important;
  line-height:1.18 !important;
  letter-spacing:-.03em;
  padding:0 14px 6px 14px;
  margin:0 !important;
  background:transparent !important;
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg span{
  display:block !important;
  color:#333c48 !important;
  font-size:12.7px !important;
  line-height:1.32 !important;
  font-weight:750 !important;
  padding:0 14px 15px 14px;
  margin:0 !important;
  background:transparent !important;
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 38px rgba(15,23,42,.16) !important;
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg:hover::before{
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.00) 0%,
      rgba(0,0,0,.02) 35%,
      rgba(255,255,255,.32) 62%,
      rgba(255,255,255,.92) 100%) !important;
}


/* Leistungen-Dropdown: gleiche Bilder, aber weiße Schrift */
.desktop-nav .nav-item.has-dropdown .mega-card-bg::before{
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.02) 0%,
      rgba(0,0,0,.10) 35%,
      rgba(0,0,0,.42) 68%,
      rgba(0,0,0,.72) 100%) !important;
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg::after{
  background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,0) 48%) !important;
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg strong{
  color:#fff !important;
  text-shadow:0 2px 8px rgba(0,0,0,.55) !important;
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg span{
  color:rgba(255,255,255,.90) !important;
  text-shadow:0 2px 8px rgba(0,0,0,.55) !important;
}
.desktop-nav .nav-item.has-dropdown .mega-card-bg:hover::before{
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.00) 0%,
      rgba(0,0,0,.08) 35%,
      rgba(0,0,0,.36) 68%,
      rgba(0,0,0,.66) 100%) !important;
}


/* Mobiles Header-Menü: Desktop bleibt unverändert */
.mobile-menu-toggle{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.mobile-menu-button{
  display:none;
  width:46px;
  height:46px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:14px;
  background:#fff;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  box-shadow:0 10px 26px rgba(15,23,42,.10);
  flex:0 0 auto;
}
.mobile-menu-button span{
  display:block;
  width:22px;
  height:2px;
  border-radius:99px;
  background:#111;
}
.mobile-slide-menu{
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(0,0,0,.46);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease, visibility .22s ease;
}
.mobile-slide-panel{
  position:absolute;
  top:0;
  right:0;
  width:min(420px, 92vw);
  height:100%;
  background:#fff;
  box-shadow:-22px 0 70px rgba(0,0,0,.24);
  padding:22px;
  transform:translateX(100%);
  transition:transform .25s ease;
  overflow-y:auto;
}
.mobile-menu-toggle:checked ~ .mobile-slide-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.mobile-menu-toggle:checked ~ .mobile-slide-menu .mobile-slide-panel{
  transform:translateX(0);
}
.mobile-slide-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:18px;
  border-bottom:1px solid #ececef;
}
.mobile-slide-top .brand-logo img{
  height:56px;
  width:auto;
}
.mobile-close{
  width:44px;
  height:44px;
  border-radius:14px;
  background:#111;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  line-height:1;
  cursor:pointer;
}
.mobile-slide-list{
  display:grid;
  gap:10px;
  padding-top:20px;
}
.mobile-slide-list > a,
.mobile-slide-list summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px;
  background:#f6f6f7;
  border:1px solid #ececef;
  border-radius:16px;
  color:#111;
  text-decoration:none;
  font-weight:850;
  cursor:pointer;
}
.mobile-slide-list summary::-webkit-details-marker{
  display:none;
}
.mobile-slide-list summary:after{
  content:"▾";
  color:#d81712;
  font-size:14px;
}
.mobile-slide-sub{
  display:grid;
  gap:8px;
  padding:10px 0 2px;
}
.mobile-slide-sub a{
  display:block;
  padding:13px 16px;
  background:#fff;
  border:1px solid #ececef;
  border-radius:14px;
  color:#303843;
  text-decoration:none;
  font-weight:800;
  font-size:15px;
}
.mobile-slide-list .mobile-slide-cta{
  justify-content:center;
  margin-top:8px;
  background:#111;
  color:#fff;
  border-radius:999px;
}
@media (max-width:1120px){
  .desktop-nav,
  .header-cta{
    display:none !important;
  }
  .mobile-menu-button{
    display:flex !important;
  }
  .topbar,
  .topbar-fixed{
    justify-content:space-between;
  }
}
@media (min-width:1121px){
  .mobile-slide-menu,
  .mobile-menu-button{
    display:none !important;
  }
}


/* Mobiles Header-Menü: kompakter Dropdown statt Vollbildfläche */
@media (max-width:1120px){
  .mobile-slide-menu{
    position:fixed !important;
    inset:0 !important;
    z-index:99999 !important;
    background:rgba(0,0,0,.26) !important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .18s ease, visibility .18s ease;
  }
  .mobile-slide-panel{
    position:fixed !important;
    top:92px !important;
    left:14px !important;
    right:14px !important;
    width:auto !important;
    height:auto !important;
    max-height:calc(100dvh - 112px) !important;
    overflow-y:auto !important;
    background:rgba(255,255,255,.97) !important;
    border:1px solid rgba(255,255,255,.82) !important;
    border-radius:28px !important;
    box-shadow:0 24px 70px rgba(0,0,0,.26) !important;
    padding:16px !important;
    transform:translateY(-10px) scale(.985) !important;
    transform-origin:top right !important;
    transition:transform .2s ease, opacity .2s ease !important;
  }
  .mobile-menu-toggle:checked ~ .mobile-slide-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .mobile-menu-toggle:checked ~ .mobile-slide-menu .mobile-slide-panel{
    transform:translateY(0) scale(1) !important;
  }
  .mobile-slide-top{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:0 0 12px 0 !important;
    margin:0 0 12px 0 !important;
    border-bottom:1px solid rgba(0,0,0,.08) !important;
  }
  .mobile-slide-top .brand-logo{
    display:none !important;
  }
  .mobile-slide-top:before{
    content:'Menü';
    font-size:18px;
    font-weight:900;
    color:#111;
    letter-spacing:-.02em;
  }
  .mobile-close{
    width:38px !important;
    height:38px !important;
    border-radius:13px !important;
    background:#f3f3f4 !important;
    color:#111 !important;
    font-size:28px !important;
    box-shadow:none !important;
  }
  .mobile-slide-list{
    display:grid !important;
    gap:9px !important;
    padding-top:0 !important;
  }
  .mobile-slide-list > a,
  .mobile-slide-list summary{
    min-height:54px !important;
    padding:14px 16px !important;
    background:#f6f6f7 !important;
    border:1px solid rgba(0,0,0,.07) !important;
    border-radius:18px !important;
    box-shadow:0 5px 16px rgba(15,23,42,.04) !important;
    font-size:17px !important;
    font-weight:900 !important;
  }
  .mobile-slide-list details[open] summary{
    background:#111 !important;
    color:#fff !important;
    border-color:#111 !important;
  }
  .mobile-slide-list details[open] summary:after{
    color:#fff !important;
    transform:rotate(180deg);
  }
  .mobile-slide-sub{
    display:grid !important;
    gap:7px !important;
    padding:9px 0 2px !important;
  }
  .mobile-slide-sub a{
    display:block !important;
    padding:12px 14px !important;
    background:#fff !important;
    border:1px solid rgba(0,0,0,.08) !important;
    border-radius:15px !important;
    color:#26303b !important;
    font-size:14.5px !important;
    font-weight:850 !important;
    text-decoration:none !important;
    box-shadow:0 4px 14px rgba(15,23,42,.04) !important;
  }
  .mobile-slide-list .mobile-slide-cta{
    min-height:56px !important;
    margin-top:4px !important;
    background:linear-gradient(135deg,#111,#242424) !important;
    color:#fff !important;
    border-radius:999px !important;
    justify-content:center !important;
    box-shadow:0 16px 32px rgba(0,0,0,.18) !important;
  }
}
@media (max-width:420px){
  .mobile-slide-panel{
    top:88px !important;
    left:10px !important;
    right:10px !important;
    border-radius:24px !important;
    padding:14px !important;
  }
  .mobile-slide-list > a,
  .mobile-slide-list summary{
    font-size:16px !important;
  }
}


/* Hero: nur Menschen hochziehen, rote Symbole ergänzen, Buttons weiter links */
.ek-home-hero-copy h1{
  text-wrap:normal !important;
}
.ek-hero-feature-icons{
  display:flex !important;
  flex-wrap:wrap;
  gap:22px 32px !important;
  align-items:center;
  margin:0 0 28px !important;
}
.ek-hero-feature-icons .ek-hero-feature{
  display:inline-flex !important;
  align-items:center;
  gap:11px;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#fff !important;
  font-weight:800;
  line-height:1.18;
  font-size:.98rem;
}
.ek-hero-icon{
  width:38px;
  height:38px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 38px;
  background:#f23827;
  box-shadow:0 8px 20px rgba(242,56,39,.28);
}
.ek-hero-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:#fff;
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ek-hero-feature-icons .ek-hero-feature > span:last-child{
  display:block;
}
.hero-buttons{
  justify-content:flex-start !important;
  margin-left:0 !important;
}
@media (min-width:1121px){
  .ek-home-hero-copy{
    max-width:720px !important;
  }
  .ek-home-hero-copy h1{
    max-width:720px !important;
  }
  .hero-buttons{
    transform:translateX(-4px);
  }
}
@media (max-width:760px){
  .ek-hero-feature-icons{
    gap:14px !important;
  }
  .ek-hero-feature-icons .ek-hero-feature{
    width:calc(50% - 7px);
    font-size:.88rem;
  }
  .ek-hero-icon{
    width:34px;
    height:34px;
    flex-basis:34px;
  }
  .ek-hero-icon svg{
    width:18px;
    height:18px;
  }
}
@media (max-width:520px){
  .ek-hero-feature-icons .ek-hero-feature{
    width:100%;
  }
}


/* FINAL: Hero exakt korrigiert - 3 Zeilen, 4 Icons in einer Reihe, Buttons sichtbar */
@media (min-width:1121px){
  .ek-home-hero{
    min-height:620px !important;
    padding-top:62px !important;
    padding-bottom:48px !important;
    display:flex !important;
    align-items:center !important;
  }
  .ek-home-hero-grid{
    grid-template-columns:minmax(0, 1000px) 1fr !important;
    align-items:center !important;
  }
  .ek-home-hero-copy{
    max-width:1000px !important;
  }
  .ek-hero-title-fixed,
  .ek-home-hero-copy .ek-hero-title-fixed{
    max-width:1000px !important;
    font-size:clamp(3.25rem, 4.85vw, 5.25rem) !important;
    line-height:.98 !important;
    margin:10px 0 16px !important;
    letter-spacing:-.055em !important;
    font-weight:850 !important;
    color:#fff !important;
  }
  .ek-hero-title-fixed span{
    display:block !important;
    white-space:nowrap !important;
  }
  .ek-home-hero-sub{
    font-size:clamp(1.08rem, 1.45vw, 1.42rem) !important;
    line-height:1.22 !important;
    margin-bottom:12px !important;
  }
  .ek-home-hero-text{
    max-width:780px !important;
    font-size:clamp(.95rem, 1.05vw, 1.12rem) !important;
    line-height:1.42 !important;
    margin-bottom:22px !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final{
    display:grid !important;
    grid-template-columns:repeat(4, max-content) !important;
    align-items:center !important;
    gap:24px !important;
    margin:0 0 24px !important;
    max-width:1000px !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature{
    display:inline-flex !important;
    align-items:center !important;
    gap:11px !important;
    width:auto !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff !important;
    font-weight:800 !important;
    font-size:.95rem !important;
    line-height:1.16 !important;
    white-space:nowrap !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-icon{
    width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:999px !important;
    background:#ef3f2f !important;
    box-shadow:0 8px 18px rgba(239,63,47,.34) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-icon svg{
    width:21px !important;
    height:21px !important;
    fill:none !important;
    stroke:#fff !important;
    stroke-width:2.25 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    display:block !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature-text{
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    display:block !important;
  }

  .hero-buttons{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:16px !important;
    margin:0 !important;
    transform:translateX(-2px) !important;
  }
  .hero-buttons .btn{
    min-height:52px !important;
    padding:0 30px !important;
    font-size:.88rem !important;
  }
}

@media (max-width:1120px){
  .ek-hero-title-fixed span{
    display:inline !important;
    white-space:normal !important;
  }
  .ek-hero-feature-icons-final{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:14px !important;
  }
  .ek-hero-feature-icons-final .ek-hero-icon{
    background:#ef3f2f !important;
  }
}


/* FINAL FEINSCHLIFF: Hero größer, weiter runter, roter Kicker sichtbar, weißer Balken weg */
@media (min-width:1121px){
  .ek-home-hero{
    min-height:calc(100vh - 92px) !important;
    padding-top:92px !important;
    padding-bottom:64px !important;
    align-items:flex-start !important;
  }
  .ek-home-hero-grid{
    padding-top:12px !important;
  }
  .ek-home-hero-copy{
    max-width:1080px !important;
  }
  .ek-home-hero .section-kicker,
  .ek-home-hero .ek-hero-kicker{
    display:block !important;
    color:#ff4638 !important;
    font-size:1.02rem !important;
    line-height:1.1 !important;
    letter-spacing:.18em !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    margin:0 0 18px !important;
    text-shadow:0 2px 12px rgba(0,0,0,.72) !important;
  }
  .ek-hero-title-fixed,
  .ek-home-hero-copy .ek-hero-title-fixed{
    max-width:1080px !important;
    font-size:clamp(3.65rem, 5.15vw, 5.65rem) !important;
    line-height:1.01 !important;
    margin:0 0 18px !important;
    letter-spacing:-.055em !important;
  }
  .ek-hero-title-fixed span{
    display:block !important;
    white-space:nowrap !important;
  }
  .ek-home-hero-sub{
    font-size:clamp(1.18rem, 1.56vw, 1.54rem) !important;
    line-height:1.24 !important;
    margin:0 0 14px !important;
  }
  .ek-home-hero-text{
    max-width:850px !important;
    font-size:clamp(1rem, 1.12vw, 1.18rem) !important;
    line-height:1.45 !important;
    margin:0 0 26px !important;
  }
  .ek-home-hero-points.ek-hero-feature-icons-final{
    grid-template-columns:repeat(4, max-content) !important;
    gap:28px !important;
    margin:0 0 26px !important;
  }
  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature{
    font-size:1rem !important;
    gap:12px !important;
  }
  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-icon{
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
  }
  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-icon svg{
    width:22px !important;
    height:22px !important;
  }
  .hero-buttons{
    gap:18px !important;
    margin:0 !important;
    transform:translateX(-2px) !important;
  }
  .hero-buttons .btn{
    min-height:56px !important;
    padding:0 34px !important;
    font-size:.92rem !important;
  }
}

/* Bei sehr niedriger Desktop-Höhe nicht abschneiden, aber weiterhin kompakt bleiben */
@media (min-width:1121px) and (max-height:760px){
  .ek-home-hero{
    min-height:calc(100vh - 92px) !important;
    padding-top:56px !important;
    padding-bottom:42px !important;
  }
  .ek-home-hero-grid{
    padding-top:0 !important;
  }
  .ek-hero-title-fixed,
  .ek-home-hero-copy .ek-hero-title-fixed{
    font-size:clamp(3.25rem, 4.75vw, 5.1rem) !important;
    line-height:.98 !important;
    margin-bottom:12px !important;
  }
  .ek-home-hero .section-kicker,
  .ek-home-hero .ek-hero-kicker{
    margin-bottom:12px !important;
    font-size:.95rem !important;
  }
  .ek-home-hero-sub{
    margin-bottom:10px !important;
  }
  .ek-home-hero-text{
    margin-bottom:18px !important;
    line-height:1.38 !important;
  }
  .ek-home-hero-points.ek-hero-feature-icons-final{
    margin-bottom:18px !important;
  }
  .hero-buttons .btn{
    min-height:52px !important;
  }
}


/* ENDKORREKTUR HERO DESKTOP: kein weißer Balken, rote Zeile sichtbar */
@media (min-width:1121px){
  html, body{
    overflow-x:hidden;
  }

  .topbar,
  .topbar-fixed{
    height:92px !important;
    min-height:92px !important;
  }

  .ek-home-hero{
    min-height:calc(100vh - 0px) !important;
    height:auto !important;
    box-sizing:border-box !important;
    padding-top:118px !important;
    padding-bottom:72px !important;
    display:flex !important;
    align-items:flex-start !important;
    background-position:center center !important;
    overflow:hidden !important;
  }

  .ek-home-hero-grid{
    width:100% !important;
    padding-top:0 !important;
    align-items:start !important;
    grid-template-columns:minmax(0, 1080px) 1fr !important;
  }

  .ek-home-hero-copy{
    max-width:1080px !important;
  }

  .ek-home-hero .section-kicker,
  .ek-home-hero .ek-hero-kicker{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#ff3f32 !important;
    font-size:1.05rem !important;
    line-height:1.1 !important;
    letter-spacing:.18em !important;
    font-weight:950 !important;
    text-transform:uppercase !important;
    margin:0 0 18px !important;
    text-shadow:0 3px 16px rgba(0,0,0,.92) !important;
  }

  .ek-hero-title-fixed,
  .ek-home-hero-copy .ek-hero-title-fixed{
    max-width:1080px !important;
    font-size:clamp(3.65rem, 5vw, 5.45rem) !important;
    line-height:1.00 !important;
    letter-spacing:-.055em !important;
    font-weight:850 !important;
    margin:0 0 18px !important;
    color:#fff !important;
  }

  .ek-hero-title-fixed span{
    display:block !important;
    white-space:nowrap !important;
  }

  .ek-home-hero-sub{
    font-size:clamp(1.18rem, 1.48vw, 1.48rem) !important;
    line-height:1.24 !important;
    margin:0 0 14px !important;
    color:#fff !important;
  }

  .ek-home-hero-text{
    max-width:850px !important;
    font-size:clamp(1rem, 1.06vw, 1.16rem) !important;
    line-height:1.45 !important;
    margin:0 0 26px !important;
    color:rgba(255,255,255,.94) !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final{
    display:grid !important;
    grid-template-columns:repeat(4, max-content) !important;
    gap:28px !important;
    align-items:center !important;
    margin:0 0 26px !important;
    max-width:1080px !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature{
    display:inline-flex !important;
    align-items:center !important;
    gap:12px !important;
    width:auto !important;
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
    color:#fff !important;
    font-size:1rem !important;
    line-height:1.16 !important;
    font-weight:850 !important;
    white-space:nowrap !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-icon{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    background:#ef3f2f !important;
    border-radius:999px !important;
    border:0 !important;
    box-shadow:0 8px 20px rgba(239,63,47,.36) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-icon svg{
    width:22px !important;
    height:22px !important;
    fill:none !important;
    stroke:#fff !important;
    stroke-width:2.25 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    display:block !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature-text{
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
    color:#fff !important;
    display:block !important;
  }

  .hero-buttons{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:18px !important;
    margin:0 !important;
    transform:translateX(-2px) !important;
  }

  .hero-buttons .btn{
    min-height:56px !important;
    padding:0 34px !important;
    font-size:.92rem !important;
  }

  .ek-home-hero + .ek-services-section{
    margin-top:0 !important;
  }
}

/* Für niedrige Desktop-Fenster: trotzdem kein weißer Balken im ersten Blick */
@media (min-width:1121px) and (max-height:820px){
  .ek-home-hero{
    min-height:100vh !important;
    padding-top:96px !important;
    padding-bottom:56px !important;
  }
  .ek-home-hero .section-kicker,
  .ek-home-hero .ek-hero-kicker{
    font-size:.98rem !important;
    margin-bottom:14px !important;
  }
  .ek-hero-title-fixed,
  .ek-home-hero-copy .ek-hero-title-fixed{
    font-size:clamp(3.35rem, 4.75vw, 5.1rem) !important;
    line-height:.99 !important;
    margin-bottom:14px !important;
  }
  .ek-home-hero-sub{
    margin-bottom:10px !important;
  }
  .ek-home-hero-text{
    margin-bottom:20px !important;
    line-height:1.38 !important;
  }
  .ek-home-hero-points.ek-hero-feature-icons-final{
    margin-bottom:20px !important;
  }
  .hero-buttons .btn{
    min-height:52px !important;
  }
}


/* HERO DESKTOP FEINSCHLIFF: weniger gestaucht, mehr Luft, Buttons weiter unten */
@media (min-width:1121px){
  .ek-home-hero{
    min-height:100vh !important;
    padding-top:116px !important;
    padding-bottom:68px !important;
    display:flex !important;
    align-items:flex-start !important;
  }

  .ek-home-hero-grid{
    width:100% !important;
    align-items:stretch !important;
  }

  .ek-home-hero-copy{
    min-height:calc(100vh - 184px) !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    max-width:1080px !important;
  }

  .ek-home-hero .section-kicker,
  .ek-home-hero .ek-hero-kicker{
    margin:0 0 22px !important;
    font-size:1.02rem !important;
    letter-spacing:.17em !important;
  }

  .ek-hero-title-fixed,
  .ek-home-hero-copy .ek-hero-title-fixed{
    font-size:clamp(3.9rem, 5.05vw, 5.55rem) !important;
    line-height:1.02 !important;
    margin:0 0 22px !important;
    max-width:1120px !important;
  }

  .ek-hero-title-fixed span{
    display:block !important;
    white-space:nowrap !important;
  }

  .ek-home-hero-sub{
    font-size:clamp(1.18rem, 1.5vw, 1.5rem) !important;
    line-height:1.28 !important;
    margin:0 0 18px !important;
  }

  .ek-home-hero-text{
    max-width:860px !important;
    font-size:clamp(1rem, 1.08vw, 1.16rem) !important;
    line-height:1.48 !important;
    margin:0 0 28px !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final{
    display:grid !important;
    grid-template-columns:repeat(4, max-content) !important;
    gap:30px !important;
    align-items:center !important;
    margin:0 0 0 !important;
    max-width:1120px !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature{
    gap:12px !important;
    font-size:1.02rem !important;
    line-height:1.16 !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-icon{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
  }

  .hero-buttons{
    margin-top:auto !important;
    padding-top:30px !important;
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:18px !important;
    transform:translateX(-2px) !important;
  }

  .hero-buttons .btn{
    min-height:58px !important;
    padding:0 34px !important;
    font-size:.95rem !important;
  }
}

/* Etwas kompakter bei kleineren Desktop-Höhen, aber weiter locker */
@media (min-width:1121px) and (max-height:820px){
  .ek-home-hero{
    min-height:100vh !important;
    padding-top:104px !important;
    padding-bottom:54px !important;
  }

  .ek-home-hero-copy{
    min-height:calc(100vh - 160px) !important;
  }

  .ek-home-hero .section-kicker,
  .ek-home-hero .ek-hero-kicker{
    margin-bottom:18px !important;
    font-size:.98rem !important;
  }

  .ek-hero-title-fixed,
  .ek-home-hero-copy .ek-hero-title-fixed{
    font-size:clamp(3.55rem, 4.85vw, 5.15rem) !important;
    margin-bottom:18px !important;
  }

  .ek-home-hero-sub{
    margin-bottom:14px !important;
  }

  .ek-home-hero-text{
    margin-bottom:22px !important;
  }

  .hero-buttons{
    padding-top:22px !important;
  }
}


/* HERO SCHRIFT-FEINSCHLIFF: kräftiger, näher am Beispielbild */
@media (min-width:1121px){
  .ek-home-hero-copy{
    font-family:"Montserrat", "Poppins", "Aptos Display", "Arial", sans-serif !important;
  }

  .ek-hero-title-fixed,
  .ek-home-hero-copy .ek-hero-title-fixed{
    font-family:"Montserrat", "Poppins", "Aptos Display", "Arial", sans-serif !important;
    font-weight:900 !important;
    letter-spacing:-.038em !important;
    line-height:.99 !important;
    text-shadow:
      0 3px 0 rgba(0,0,0,.18),
      0 10px 26px rgba(0,0,0,.42) !important;
  }

  .ek-hero-title-fixed span{
    display:block !important;
    white-space:nowrap !important;
  }

  .ek-home-hero-sub{
    font-family:"Montserrat", "Poppins", "Aptos Display", "Arial", sans-serif !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
    text-shadow:0 4px 18px rgba(0,0,0,.48) !important;
  }

  .ek-home-hero-text{
    font-family:"Montserrat", "Poppins", "Aptos", "Arial", sans-serif !important;
    font-weight:650 !important;
    letter-spacing:-.012em !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature{
    font-family:"Montserrat", "Poppins", "Aptos", "Arial", sans-serif !important;
    font-weight:850 !important;
    letter-spacing:-.018em !important;
  }

  .hero-buttons .btn{
    font-family:"Montserrat", "Poppins", "Aptos", "Arial", sans-serif !important;
    font-weight:850 !important;
    letter-spacing:.035em !important;
  }

  .ek-home-hero .section-kicker,
  .ek-home-hero .ek-hero-kicker{
    font-family:"Montserrat", "Poppins", "Aptos", "Arial", sans-serif !important;
    font-weight:900 !important;
    letter-spacing:.19em !important;
  }
}

@media (max-width:1120px){
  .ek-home-hero-copy{
    font-family:"Montserrat", "Poppins", "Aptos Display", "Arial", sans-serif !important;
  }
  .ek-hero-title-fixed,
  .ek-home-hero-copy .ek-hero-title-fixed{
    font-family:"Montserrat", "Poppins", "Aptos Display", "Arial", sans-serif !important;
    font-weight:900 !important;
    letter-spacing:-.035em !important;
  }
}


/* Service-Karte: langer Titel Unternehmenslogistik sauber umbrechen */
.ek-service-card h3 br{
  display:block;
}
.ek-service-card h3{
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}


/* Normale WordPress-Seiten: Inhalt aus Editor sauber anzeigen */
.wp-page-content-section{
  background:#fff;
}
.wp-page-content{
  max-width:100%;
}
.wp-page-content > .ek-hl-page{
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}


/* Page.php ohne automatische Überschrift: Inhalt startet direkt unter dem Header */
.wp-page-main-clean{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  max-width:none !important;
  background:#fff;
}

.wp-page-main-clean > *:first-child{
  margin-top:0 !important;
}

/* Individuelle HTML-Seiten dürfen volle Breite nutzen */
.wp-page-main-clean .ek-hl-page{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}


/* ===== Mobile Header Fix 2026-07-07, korrigiert 2026-07-07 =====
   Behält das ursprüngliche schöne mobile Menü (.mobile-menu), entfernt das
   zusätzliche Slide-Menü und verhindert horizontales Verschieben mobil. */
html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden !important;
}

.mobile-toggle{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.mobile-menu-toggle,
.mobile-menu-button,
.mobile-slide-menu{
  display:none !important;
}

.topbar-fixed,
.topbar{
  left:0 !important;
  right:0 !important;
  transform:none !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
}

.mobile-menu{
  z-index:1000002 !important;
}

#menu-toggle:checked ~ .mobile-menu{
  display:block !important;
}

@media (max-width:1120px){
  .topbar-fixed,
  .topbar{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:10px 14px !important;
    min-height:64px !important;
    overflow:visible !important;
  }

  .desktop-nav,
  .header-cta,
  .business-link{
    display:none !important;
  }

  .hamburger{
    display:flex !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:14px !important;
    background:#111 !important;
    border:0 !important;
    box-shadow:0 10px 26px rgba(15,23,42,.16) !important;
    flex:0 0 46px !important;
    margin-left:auto !important;
  }

  .hamburger span{
    width:22px !important;
    height:2px !important;
    background:#fff !important;
  }

  .brand-logo,
  .topbar-fixed .brand,
  .topbar .brand{
    min-width:0 !important;
    max-width:calc(100% - 64px) !important;
    overflow:hidden !important;
  }

  .brand-logo img,
  .topbar-fixed .brand-logo img,
  .topbar .brand-logo img{
    max-width:220px !important;
    width:auto !important;
    height:auto !important;
  }

  .mobile-menu{
    padding-top:78px !important;
  }

  .mobile-panel{
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
  }

  .page-pad,
  .ek-home-hero,
  .ek-services-section,
  section,
  footer{
    max-width:100% !important;
  }

  .wrap{
    width:100% !important;
    max-width:var(--max) !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .ek-home-hero{
    overflow:hidden !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

@media (max-width:760px){
  .topbar-fixed,
  .topbar{
    padding:9px 12px !important;
    min-height:62px !important;
  }

  .page-pad{
    padding-left:0 !important;
    padding-right:0 !important;
    padding-top:62px !important;
  }

  .ek-home-hero{
    padding-top:86px !important;
    background-position:62% center !important;
  }

  .ek-home-hero-grid,
  .ek-home-hero-copy,
  .ek-home-hero-copy > *{
    max-width:100% !important;
  }

  .ek-hero-title-fixed,
  .ek-home-hero-copy .ek-hero-title-fixed{
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  .ek-hero-title-fixed span{
    display:inline !important;
    white-space:normal !important;
  }

  .hero-buttons{
    width:100% !important;
    transform:none !important;
  }

  .mobile-menu{
    padding:74px 10px 10px !important;
  }
}

@media (max-width:420px){
  .hamburger{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    flex-basis:44px !important;
  }

  .brand-logo img,
  .topbar-fixed .brand-logo img,
  .topbar .brand-logo img{
    max-width:190px !important;
  }

  .wrap{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}

/* ===== MOBILE VIEWPORT FIX V2 - volle Breite + lesbarer Hero =====
   Behebt den weißen rechten Rand und verhindert, dass Hero-Texte/Badges
   auf iPhone/Safari seitlich abgeschnitten werden. */
@media (max-width: 760px){
  html,
  body{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
  }

  body > *,
  .page-pad,
  main,
  section,
  footer{
    max-width:100% !important;
  }

  .topbar-fixed,
  .topbar{
    width:100vw !important;
    max-width:100vw !important;
    left:0 !important;
    right:auto !important;
    margin:0 !important;
    transform:none !important;
    border-radius:0 !important;
  }

  .page-pad{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .ek-home-hero{
    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    overflow:hidden !important;
    padding-left:0 !important;
    padding-right:0 !important;
    background-size:cover !important;
    background-position:center center !important;
  }

  .ek-home-hero-grid,
  .wrap.ek-home-hero-grid{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding-left:20px !important;
    padding-right:20px !important;
    box-sizing:border-box !important;
    display:block !important;
  }

  .ek-home-hero-copy,
  .ek-home-hero-copy > *{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  .ek-home-hero .section-kicker,
  .ek-home-hero .ek-hero-kicker{
    font-size:.78rem !important;
    line-height:1.25 !important;
    letter-spacing:.13em !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    max-width:100% !important;
  }

  .ek-hero-title-fixed,
  .ek-home-hero-copy .ek-hero-title-fixed{
    font-size:clamp(2.35rem, 11vw, 3.05rem) !important;
    line-height:1.04 !important;
    letter-spacing:-.045em !important;
    width:100% !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
  }

  .ek-hero-title-fixed span,
  .ek-home-hero-copy .ek-hero-title-fixed span{
    display:inline !important;
    white-space:normal !important;
  }

  .ek-home-hero-sub{
    font-size:1.18rem !important;
    line-height:1.24 !important;
    max-width:100% !important;
  }

  .ek-home-hero-text{
    font-size:1rem !important;
    line-height:1.42 !important;
    max-width:100% !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final,
  .ek-hero-feature-icons-final,
  .ek-hero-feature-icons{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px 12px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature,
  .ek-hero-feature-icons-final .ek-hero-feature,
  .ek-hero-feature-icons .ek-hero-feature{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    padding:10px 10px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.22) !important;
    white-space:normal !important;
    overflow:hidden !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-icon,
  .ek-hero-feature-icons-final .ek-hero-icon,
  .ek-hero-feature-icons .ek-hero-icon{
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature-text,
  .ek-hero-feature-icons-final .ek-hero-feature-text,
  .ek-hero-feature-icons .ek-hero-feature-text{
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    font-size:.93rem !important;
    line-height:1.14 !important;
  }

  .hero-buttons{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .hero-buttons .btn{
    width:100% !important;
    max-width:100% !important;
    justify-content:center !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  .floating-contact{
    right:12px !important;
  }
}

@media (max-width: 390px){
  .ek-home-hero-grid,
  .wrap.ek-home-hero-grid{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .ek-hero-title-fixed,
  .ek-home-hero-copy .ek-hero-title-fixed{
    font-size:clamp(2.15rem, 10.2vw, 2.75rem) !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final,
  .ek-hero-feature-icons-final,
  .ek-hero-feature-icons{
    grid-template-columns:1fr !important;
  }
}

/* ===== MOBILE HOTFIX V3 - rechte weisse Spalte endgueltig entfernen =====
   Ursache: der Hero wurde vorher per 100vw + calc(50% - 50vw) aus dem
   normalen Seitenfluss gezogen. Auf iPhone/Safari entstand dadurch rechts
   eine sichtbare weisse Spalte. Dieser Block setzt den Hero mobil wieder
   sauber auf die echte verfuegbare Breite und verhindert seitliches Clippen. */
@media (max-width: 760px){
  html,
  body{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
  }

  .page-pad,
  main,
  .site,
  .site-main,
  body > div,
  body > main{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }

  .ek-home-hero{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    padding:92px 0 46px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    background-size:cover !important;
    background-position:58% center !important;
  }

  .ek-home-hero-grid,
  .wrap.ek-home-hero-grid{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 16px !important;
    box-sizing:border-box !important;
  }

  .ek-home-hero-copy,
  .ek-home-hero-copy > *{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  .ek-home-hero .section-kicker,
  .ek-home-hero .ek-hero-kicker{
    font-size:.78rem !important;
    line-height:1.28 !important;
    letter-spacing:.12em !important;
    white-space:normal !important;
    overflow:visible !important;
    text-wrap:balance !important;
  }

  .ek-hero-title-fixed,
  .ek-home-hero-copy .ek-hero-title-fixed{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(2.25rem, 10.4vw, 2.85rem) !important;
    line-height:1.06 !important;
    letter-spacing:-.04em !important;
    white-space:normal !important;
    overflow:visible !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
  }

  .ek-hero-title-fixed span,
  .ek-home-hero-copy .ek-hero-title-fixed span{
    display:inline !important;
    white-space:normal !important;
  }

  .ek-home-hero-sub{
    font-size:1.12rem !important;
    line-height:1.28 !important;
  }

  .ek-home-hero-text{
    font-size:.98rem !important;
    line-height:1.42 !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final,
  .ek-hero-feature-icons-final,
  .ek-hero-feature-icons{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin:18px 0 22px !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature,
  .ek-hero-feature-icons-final .ek-hero-feature,
  .ek-hero-feature-icons .ek-hero-feature{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:9px 9px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.22) !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-icon,
  .ek-hero-feature-icons-final .ek-hero-icon,
  .ek-hero-feature-icons .ek-hero-icon{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature-text,
  .ek-hero-feature-icons-final .ek-hero-feature-text,
  .ek-hero-feature-icons .ek-hero-feature-text{
    min-width:0 !important;
    max-width:100% !important;
    font-size:.84rem !important;
    line-height:1.12 !important;
    white-space:normal !important;
    overflow:visible !important;
    word-break:normal !important;
  }

  .hero-buttons{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  .hero-buttons .btn{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    justify-content:center !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  .floating-contact{
    right:12px !important;
    max-width:56px !important;
  }
}

@media (max-width: 390px){
  .ek-home-hero-grid,
  .wrap.ek-home-hero-grid{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .ek-hero-title-fixed,
  .ek-home-hero-copy .ek-hero-title-fixed{
    font-size:clamp(2.05rem, 10vw, 2.55rem) !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final,
  .ek-hero-feature-icons-final,
  .ek-hero-feature-icons{
    grid-template-columns:1fr !important;
  }
}

/* ===== NOTFALL-FIX MOBILE HERO 2026-07-08 =====
   Der rechte weisse Streifen kam daher, dass der sichtbare Hero mobil
   effektiv schmaler als der echte iPhone-Viewport gerendert wurde. Dieser
   Block liegt absichtlich ganz am Ende und macht den Start-Hero mobil
   zwangsweise full-bleed. */
@media screen and (max-width: 760px){
  html,
  body{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
    background:#fff !important;
  }

  .topbar,
  .topbar-fixed{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    transform:none !important;
    box-sizing:border-box !important;
  }

  .ek-home-hero{
    position:relative !important;
    display:block !important;
    left:50% !important;
    right:auto !important;
    width:100dvw !important;
    max-width:100dvw !important;
    min-width:100dvw !important;
    margin-left:-50dvw !important;
    margin-right:0 !important;
    transform:none !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    padding:96px 0 44px !important;
    border:0 !important;
    border-radius:0 !important;
    background-color:#080808 !important;
    background-image:linear-gradient(180deg, rgba(0,0,0,.58), rgba(0,0,0,.48)), url("../images/expresskurier-24-kurierdienst-nachtlieferung.webp") !important;
    background-size:cover !important;
    background-position:58% center !important;
    background-repeat:no-repeat !important;
  }

  @supports not (width: 100dvw){
    .ek-home-hero{
      width:100vw !important;
      max-width:100vw !important;
      min-width:100vw !important;
      margin-left:-50vw !important;
    }
  }

  .ek-home-hero-overlay{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    max-width:none !important;
    background:linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.52)) !important;
    pointer-events:none !important;
  }

  .ek-home-hero .wrap,
  .ek-home-hero-grid,
  .wrap.ek-home-hero-grid{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding-left:16px !important;
    padding-right:16px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  .ek-home-hero-copy,
  .ek-home-hero-copy > *{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  .ek-home-hero .section-kicker,
  .ek-home-hero .ek-hero-kicker{
    display:block !important;
    color:#ff4a36 !important;
    font-size:.70rem !important;
    line-height:1.25 !important;
    letter-spacing:.13em !important;
    margin:0 0 16px !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }

  .ek-hero-title-fixed,
  .ek-home-hero-copy .ek-hero-title-fixed{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    font-size:clamp(2.0rem, 9.2vw, 2.55rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
    margin:0 0 16px !important;
    white-space:normal !important;
    overflow:visible !important;
    text-wrap:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    hyphens:none !important;
  }

  .ek-hero-title-fixed span,
  .ek-home-hero-copy .ek-hero-title-fixed span{
    display:inline !important;
    white-space:normal !important;
  }

  .ek-home-hero-sub{
    font-size:1.05rem !important;
    line-height:1.28 !important;
    margin:0 0 14px !important;
    overflow-wrap:break-word !important;
  }

  .ek-home-hero-text{
    font-size:.96rem !important;
    line-height:1.43 !important;
    margin:0 0 18px !important;
    overflow-wrap:break-word !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final,
  .ek-hero-feature-icons-final,
  .ek-hero-feature-icons{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:16px 0 22px !important;
    padding:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature,
  .ek-hero-feature-icons-final .ek-hero-feature,
  .ek-hero-feature-icons .ek-hero-feature{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:9px 8px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.22) !important;
    overflow:hidden !important;
    color:#fff !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-icon,
  .ek-hero-feature-icons-final .ek-hero-icon,
  .ek-hero-feature-icons .ek-hero-icon{
    width:32px !important;
    height:32px !important;
    flex:0 0 32px !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature-text,
  .ek-hero-feature-icons-final .ek-hero-feature-text,
  .ek-hero-feature-icons .ek-hero-feature-text{
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
    font-size:.78rem !important;
    line-height:1.12 !important;
    white-space:normal !important;
    overflow:visible !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }

  .hero-buttons{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    box-sizing:border-box !important;
  }

  .hero-buttons .btn{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:54px !important;
    padding:0 18px !important;
    justify-content:center !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  .floating-contact{
    right:10px !important;
    z-index:99999 !important;
  }
}

@media screen and (max-width: 390px){
  .ek-home-hero .wrap,
  .ek-home-hero-grid,
  .wrap.ek-home-hero-grid{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .ek-home-hero-points.ek-hero-feature-icons-final,
  .ek-hero-feature-icons-final,
  .ek-hero-feature-icons{
    grid-template-columns:1fr !important;
  }
  .ek-hero-title-fixed,
  .ek-home-hero-copy .ek-hero-title-fixed{
    font-size:clamp(1.9rem, 9.0vw, 2.35rem) !important;
  }
}

/* HERO DESKTOP: Inhalte gleichmaessig bis zu den Buttons verteilen */
@media (min-width:1121px){
  .ek-home-hero-copy{
    justify-content:space-between !important;
  }

  .hero-buttons{
    margin-top:0 !important;
    padding-top:0 !important;
  }
}

/* Bei niedrigen Desktop-Fenstern kompakt halten */
@media (min-width:1121px) and (max-height:820px){
  .ek-home-hero-copy{
    justify-content:flex-start !important;
    gap:14px !important;
  }

  .ek-home-hero-copy > *{
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  .hero-buttons{
    margin-top:8px !important;
  }
}

/* Desktop-Leistungsmenue: alle fuenf Karten vollstaendig im sichtbaren Bereich */
@media (min-width:1181px){
  .desktop-nav .nav-item.has-dropdown .mega{
    transform:translateX(calc(-50% - 120px)) translateY(8px) !important;
  }
  .desktop-nav .nav-item.has-dropdown:hover .mega,
  .desktop-nav .nav-item.has-dropdown:focus-within .mega{
    transform:translateX(calc(-50% - 120px)) translateY(0) !important;
  }
}

/* Startseite: Beschreibung unter "Unsere Leistungen" mittig ausrichten */
.ek-services-section .section-lead.center{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

/* Finale Desktop-Korrektur: Leistungsmenue am sichtbaren Header zentrieren */
@media (min-width:1181px){
  .topbar-fixed .desktop-nav .nav-item.has-dropdown{
    position:static !important;
  }
  .topbar-fixed .desktop-nav .nav-item.has-dropdown::after{
    display:none !important;
  }
  .topbar-fixed .desktop-nav .nav-item.has-dropdown .mega{
    left:50% !important;
    right:auto !important;
    width:min(1120px, calc(100vw - 46px)) !important;
    transform:translateX(-50%) translateY(8px) !important;
  }
  .topbar-fixed .desktop-nav .nav-item.has-dropdown:hover .mega,
  .topbar-fixed .desktop-nav .nav-item.has-dropdown:focus-within .mega{
    transform:translateX(-50%) translateY(0) !important;
  }
}

/* Desktop-Leistungsmenue: leicht rechts der Mitte und stabil beim Ueberfahren */
@media (min-width:1181px){
  .topbar-fixed .desktop-nav .nav-item.has-dropdown .mega{
    transform:translateX(calc(-50% + 65px)) translateY(8px) !important;
    transition:opacity .18s ease, transform .18s ease, visibility 0s linear .28s !important;
  }

  .topbar-fixed .desktop-nav .nav-item.has-dropdown:hover .mega,
  .topbar-fixed .desktop-nav .nav-item.has-dropdown:focus-within .mega,
  .topbar-fixed .desktop-nav .nav-item.has-dropdown .mega:hover{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateX(calc(-50% + 65px)) translateY(0) !important;
    transition-delay:0s !important;
  }

  .topbar-fixed .desktop-nav .nav-item.has-dropdown .mega::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-30px;
    height:32px;
    background:transparent;
  }
}


/* Desktop-Feinschliff Leistungen: kompakt, gerade und mit Werte-Leiste direkt darunter */
@media (min-width:1181px){
  .ek-services-section{
    padding:42px 0 16px !important;
  }
  .ek-services-section .wrap{
    width:min(1480px, calc(100% - 40px)) !important;
  }
  .ek-services-section .section-kicker{
    margin-bottom:8px !important;
    font-size:13px !important;
    letter-spacing:.19em !important;
  }
  .ek-services-section .section-title{
    font-size:clamp(2.55rem, 3.35vw, 3.65rem) !important;
    line-height:1.02 !important;
    letter-spacing:-.035em !important;
    margin:0 auto 14px !important;
  }
  .ek-services-section .section-lead.center{
    max-width:980px !important;
    margin:0 auto 22px !important;
    font-size:1rem !important;
    line-height:1.48 !important;
  }
  .ek-service-card-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:14px !important;
    align-items:stretch !important;
  }
  .ek-service-card{
    border-radius:16px !important;
    box-shadow:0 8px 22px rgba(16,24,40,.05) !important;
    min-width:0 !important;
  }
  .ek-service-card-head{
    padding:17px 18px 11px !important;
    min-height:118px !important;
    box-sizing:border-box !important;
  }
  .ek-service-card-head h3{
    font-size:1.05rem !important;
    line-height:1.13 !important;
    margin:0 0 6px !important;
  }
  .ek-service-card-head p{
    font-size:.87rem !important;
    line-height:1.35 !important;
    min-height:36px !important;
  }
  .ek-service-card img{
    width:100% !important;
    height:176px !important;
    aspect-ratio:auto !important;
    object-fit:cover !important;
  }
  .ek-service-card ul{
    list-style:none !important;
    margin:0 !important;
    padding:15px 16px 8px 34px !important;
    display:grid !important;
    gap:7px !important;
    min-height:142px !important;
    box-sizing:border-box !important;
    font-size:.84rem !important;
    line-height:1.28 !important;
  }
  .ek-service-card li{
    position:relative !important;
    padding:0 !important;
  }
  .ek-service-card li::before{
    content:"✓" !important;
    position:absolute !important;
    left:-20px !important;
    top:-1px !important;
    color:#cf2118 !important;
    font-weight:900 !important;
  }
  .ek-service-card-note{
    margin:0 16px 7px !important;
    padding:12px 0 0 !important;
    min-height:54px !important;
    font-size:.84rem !important;
    line-height:1.32 !important;
  }
  .ek-service-card .learn{
    margin:0 16px 14px !important;
    font-size:.80rem !important;
    line-height:1.2 !important;
  }
  .ek-values-strip{
    padding:0 0 32px !important;
    background:#fff !important;
  }
  .ek-values-strip .wrap{
    width:min(1320px, calc(100% - 64px)) !important;
  }
  .ek-values-grid{
    border-radius:18px !important;
    min-height:76px !important;
    box-shadow:0 8px 22px rgba(16,24,40,.035) !important;
  }
  .ek-values-grid>div{
    min-height:76px !important;
    padding:14px 24px 14px 66px !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }
  .ek-values-grid>div::before{
    content:"✓";
    position:absolute;
    left:24px;
    top:50%;
    transform:translateY(-50%);
    width:30px;
    height:30px;
    border:2px solid #cf2118;
    color:#cf2118;
    border-radius:50%;
    display:grid;
    place-items:center;
    font-size:16px;
    font-weight:900;
    line-height:1;
  }
  .ek-values-grid strong{
    font-size:.98rem !important;
    line-height:1.2 !important;
  }
  .ek-values-grid span{
    font-size:.84rem !important;
    line-height:1.2 !important;
  }
}

/* Mobile Hero Lesbarkeit - final */
@media (max-width: 760px){
  .ek-home-hero-copy .ek-hero-title-fixed span,
  .ek-hero-title-fixed span{
    display:inline !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final,
  .ek-hero-feature-icons-final,
  .ek-hero-feature-icons{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:10px !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature,
  .ek-hero-feature-icons-final .ek-hero-feature,
  .ek-hero-feature-icons .ek-hero-feature{
    gap:7px !important;
    padding:9px 9px !important;
    min-height:72px !important;
    overflow:visible !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-icon,
  .ek-hero-feature-icons-final .ek-hero-icon,
  .ek-hero-feature-icons .ek-hero-icon{
    width:28px !important;
    height:28px !important;
    flex:0 0 28px !important;
  }

  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature-text,
  .ek-hero-feature-icons-final .ek-hero-feature-text,
  .ek-hero-feature-icons .ek-hero-feature-text{
    font-size:clamp(.66rem, 2.95vw, .76rem) !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow-wrap:normal !important;
    word-break:keep-all !important;
    hyphens:none !important;
  }
}

@media (max-width: 390px){
  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature,
  .ek-hero-feature-icons-final .ek-hero-feature,
  .ek-hero-feature-icons .ek-hero-feature{
    gap:6px !important;
    padding:8px 7px !important;
  }
  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-icon,
  .ek-hero-feature-icons-final .ek-hero-icon,
  .ek-hero-feature-icons .ek-hero-icon{
    width:25px !important;
    height:25px !important;
    flex-basis:25px !important;
  }
  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature-text,
  .ek-hero-feature-icons-final .ek-hero-feature-text,
  .ek-hero-feature-icons .ek-hero-feature-text{
    font-size:.65rem !important;
  }
}

/* Mobile Hero: erster Vorteil kompakter, damit "Deutschsprachige Fahrer" sauber im Feld bleibt */
@media (max-width: 760px){
  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature:nth-child(1){
    padding-left:7px !important;
    padding-right:6px !important;
  }
  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature:nth-child(1) .ek-hero-feature-text{
    font-size:clamp(.58rem, 2.55vw, .70rem) !important;
    letter-spacing:-.01em !important;
    transform:translateX(-2px);
  }
}
@media (max-width: 390px){
  .ek-home-hero-points.ek-hero-feature-icons-final .ek-hero-feature:nth-child(1) .ek-hero-feature-text{
    font-size:.57rem !important;
  }
}