:root{
  --red:#cf1e2e;
  --red2:#e22c3d;
  --ink:#242424;
  --muted:#6f7378;
  --light:#f4f4f3;
  --line:#dedede;
  --dark:#303030;
  --max:1180px;
  --shadow:0 12px 34px rgba(0,0,0,.11);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
img{max-width:100%}
.container{max-width:var(--max);margin:0 auto;padding:0 24px}
.topline{background:#f3f3f1;border-bottom:1px solid #e6e6e4;font-size:12px}
.topline .container{height:34px;display:flex;align-items:center;justify-content:flex-end;gap:22px;color:#666}
.topline a{font-weight:700}
.header{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #eee}
.header-row{height:94px;display:flex;align-items:center;gap:30px}
.brand{display:block;width:285px;flex:0 0 285px}
.brand img{display:block;width:100%;height:auto}
.mainnav{display:flex;align-self:stretch;gap:2px;margin-left:auto}
.navitem{position:relative;display:flex;align-items:center}
.navitem>a{padding:0 16px;height:100%;display:flex;align-items:center;font-weight:700;font-size:15px;border-bottom:4px solid transparent}
.navitem:hover>a,.navitem.active>a{color:var(--red);border-bottom-color:var(--red)}
.dropdown{position:absolute;left:0;top:100%;min-width:250px;background:#fff;box-shadow:var(--shadow);border-top:3px solid var(--red);padding:9px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}
.navitem:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown a{display:block;padding:10px 17px;border-bottom:1px solid #eee;font-size:14px}
.dropdown a:last-child{border-bottom:0}
.mobile-toggle{display:none;margin-left:auto;background:#fff;border:1px solid #ddd;border-radius:4px;padding:10px 12px;font-size:18px}
.hero{min-height:570px;background:
  linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.90) 38%,rgba(255,255,255,.35) 67%,rgba(255,255,255,.08) 100%),
  url("../img/hero.jpg") center right/cover no-repeat;
  display:flex;align-items:center;border-bottom:6px solid var(--red)}
.hero-copy{width:58%;padding:55px 0 95px}
.eyebrow{font-size:15px;font-weight:700;color:var(--red);letter-spacing:.02em;text-transform:uppercase;margin-bottom:10px}
h1,h2,h3{line-height:1.16;margin-top:0}
h1{font-size:54px;margin-bottom:12px;font-weight:700;letter-spacing:-1.3px}
h2{font-size:32px;margin-bottom:16px}
h3{font-size:21px;margin-bottom:10px}
.hero h2{font-size:27px;font-weight:400;margin-bottom:26px}
.hero p{font-size:18px;color:#555;max-width:700px}
.btn{display:inline-block;border:2px solid var(--red);background:#fff;color:var(--red);padding:12px 19px;font-weight:700;font-size:14px;cursor:pointer}
.btn:hover{background:#fafafa;color:var(--red)}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:#b71928;color:#fff}
.btn-dark{border-color:#333;color:#333}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.tracking-wrap{margin-top:-58px;position:relative;z-index:5}
.tracking-panel{background:#fff;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1.35fr;min-height:118px;border-radius:2px}
.tracking-intro{padding:22px 28px;border-right:1px solid #e5e5e5}
.tracking-intro .eyebrow{margin-bottom:3px}
.tracking-intro h3{font-size:22px;margin:0}
.tracking-form{padding:22px 28px;display:flex;align-items:center;gap:10px}
.tracking-form input{height:48px;border:1px solid #bbb;padding:0 14px;font-size:15px;flex:1;min-width:0}
.tracking-links{display:flex;gap:9px}
.section{padding:70px 0}
.section-grey{background:#f4f4f2}
.section-red{background:var(--red);color:#fff}
.section-dark{background:#333;color:#fff}
.center{text-align:center}
.section-intro{max-width:760px;margin:0 auto 38px}
.section-intro p{color:var(--muted);font-size:17px}
.quicklinks{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:28px}
.quick-card{border:1px solid #d8d8d8;background:#fff;padding:25px 24px;min-height:225px;display:flex;flex-direction:column}
.quick-card .eyebrow{font-size:13px}
.quick-card p{color:#666;flex:1}
.quick-card .arrow{font-weight:700;color:var(--red)}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8}
.problem-card{background:#fff;padding:30px 27px;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;min-height:330px}
.problem-card .understand{color:var(--red);font-weight:700;font-size:23px;margin:4px 0 13px}
.problem-card p{color:#686868}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.solution-card{background:#fff;border:1px solid #ddd}
.solution-visual{height:160px;background:
  linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.15)),
  url("../img/hero.jpg") center/cover no-repeat}
.solution-copy{padding:23px}
.solution-copy p{color:#666;min-height:78px}
.benefits{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}
.benefit{text-align:center}
.bicon{width:76px;height:76px;border-radius:50%;border:3px solid var(--red);color:var(--red);display:flex;align-items:center;justify-content:center;margin:0 auto 13px;font-weight:700;font-size:22px}
.benefit h3{font-size:15px}
.benefit p{font-size:13px;color:#6d6d6d}
.cta-row{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta-row h2{font-size:35px;margin:0 0 5px}
.cta-row p{margin:0;opacity:.92}
.section-red .btn{border-color:#fff;color:#222;background:#fff}
.pagehero{background:#f1f1ef;padding:55px 0 42px;border-bottom:6px solid var(--red)}
.pagehero h1{font-size:44px;margin-bottom:10px}
.pagehero p{font-size:17px;color:#666;max-width:780px}
.subnav{border-bottom:1px solid #ddd;background:#fff}
.subnav .container{display:flex;gap:0;overflow:auto}
.subnav a{padding:14px 16px;white-space:nowrap;border-right:1px solid #eee;font-size:14px;font-weight:700}
.subnav a:hover{background:#f8f8f8}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.imagebox{min-height:360px;background:url("../img/hero.jpg") center/cover no-repeat}
.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.info-card{border:1px solid #ddd;padding:22px;background:#fff}
.info-card p{color:#676767}
.service-table{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.service-box{border:1px solid #d9d9d9;background:#fff;padding:25px}
.service-box ul{padding-left:18px;color:#666}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ddd;background:#fff}
.stat{padding:25px;text-align:center;border-right:1px solid #ddd}
.stat:last-child{border-right:0}
.stat strong{display:block;color:var(--red);font-size:33px}
.stat span{font-size:14px;color:#676767}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group.full{grid-column:1/-1}
label{font-weight:700;font-size:14px}
input,select,textarea{font:inherit;border:1px solid #bbb;background:#fff;padding:12px}
textarea{min-height:135px;resize:vertical}
.notice{padding:14px 16px;background:#fff7f7;border-left:4px solid var(--red);color:#555}
.footer{background:#303030;color:#eee;padding:48px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}
.footer h3{font-size:16px;color:#fff}
.footer a{display:block;color:#d8d8d8;font-size:13px;margin:6px 0}
.footer .logo-box{background:transparent;padding:0;display:inline-block;margin-bottom:15px}
.footer .logo-box img{width:245px;display:block}
.footer p{font-size:13px;color:#c7c7c7}
.footer-bottom{border-top:1px solid #4c4c4c;margin-top:28px;padding-top:18px;font-size:12px;color:#aaa}
.cookie-overlay{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:9998;display:none}
.cookie-banner{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100% - 30px));background:#fff;z-index:9999;padding:28px;box-shadow:0 20px 65px rgba(0,0,0,.35);display:none}
.cookie-banner h2{font-size:24px;margin-bottom:10px}
.cookie-banner p{color:#666;font-size:14px}
.cookie-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.cookie-show{display:block}
.success{max-width:760px;margin:70px auto;padding:35px;border:1px solid #ddd;text-align:center}
@media(max-width:900px){
  .topline{display:none}.header-row{height:72px}.brand{width:220px;flex-basis:220px}
  .mobile-toggle{display:block}.mainnav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;border-top:1px solid #ddd;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
  .mainnav.open{display:flex}.navitem{display:block}.navitem>a{height:auto;padding:14px 24px;border-bottom:1px solid #eee}.dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:0;display:none;background:#fafafa}.navitem.open .dropdown{display:block}
  .hero{min-height:520px;background-position:62% center}.hero-copy{width:82%;padding:50px 0 95px}h1{font-size:43px}
  .tracking-panel{grid-template-columns:1fr}.tracking-intro{border-right:0;border-bottom:1px solid #eee}.tracking-form{flex-direction:column;align-items:stretch}.tracking-links{flex-wrap:wrap}
  .quicklinks,.problem-grid,.solution-grid,.info-cards{grid-template-columns:1fr}
  .benefits{grid-template-columns:repeat(3,1fr)}.two-col{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid #ddd}
  .footer-grid{grid-template-columns:1fr 1fr}.service-table{grid-template-columns:1fr}
}
@media(max-width:560px){
  .container{padding:0 17px}.hero-copy{width:100%}.hero h1{font-size:36px}.hero h2{font-size:21px}
  .benefits{grid-template-columns:1fr 1fr}.quicklinks{gap:10px}.cta-row{align-items:flex-start;flex-direction:column}
  .form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.stat{border-right:0!important;border-bottom:1px solid #ddd}.stat:last-child{border-bottom:0}
}


/* Final logo alignment */
.header-row{
  position: relative;
  overflow: visible;
}
.brand{
  position: relative;
  top: -18px;
  z-index: 60;
}
.brand img{
  display:block;
  width:100%;
  height:auto;
}
@media(max-width:900px){
  .brand{
    top:-12px;
  }
}


/* Sticky header fix:
   Keep the contact/info bar visible while scrolling and keep the header
   at a constant height so the transparent EPPLER logo is never clipped. */
.topline{
  position: sticky;
  top: 0;
  z-index: 80;
}

.header{
  position: sticky;
  top: 34px;
  z-index: 90;
}

.header-row{
  min-height: 94px;
  height: 94px;
  overflow: visible;
}

/* Keep the logo's visual alignment without letting it hit the viewport edge */
.brand{
  top: -18px;
}

@media(max-width:900px){
  .topline{
    position: static;
  }
  .header{
    top: 0;
  }
  .header-row{
    min-height:72px;
    height:72px;
  }
  .brand{
    top:-10px;
  }
}


/* External partner links and GEL explanatory videos */
.partner-link-box{
  margin-top:22px;
  padding:18px 20px;
  border-left:5px solid var(--red);
  background:#f4f4f2;
}
.partner-link-box p{margin:0 0 12px;color:#555}
.partner-link-box .btn{margin-right:8px;margin-bottom:8px}

.video-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin-top:28px;
}
.video-card{
  border:1px solid #d8d8d8;
  background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.07);
}
.video-frame{
  aspect-ratio:16/9;
  background:#111;
  overflow:hidden;
}
.video-frame video{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#111;
}
.video-copy{padding:20px}
.video-copy h3{margin-bottom:7px}
.video-copy p{color:#666;margin:0 0 12px}
.video-source{
  font-size:12px;
  color:#777;
}
@media(max-width:760px){
  .video-grid{grid-template-columns:1fr}
}


/* TKS-inspired UX improvements, adapted to EPPLER */
.usecase-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:24px;
}
.usecase{
  border:1px solid #d9d9d9;
  background:#fff;
  padding:19px 18px;
  min-height:155px;
}
.usecase .use-icon{
  width:46px;height:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#fff3f4;color:var(--red);font-weight:700;
  margin-bottom:12px;
}
.usecase h3{font-size:17px;margin-bottom:7px}
.usecase p{font-size:14px;color:#666;margin:0}

.personal-service{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:28px;
  align-items:center;
}
.personal-card{
  background:#fff;
  border:1px solid #ddd;
  padding:25px;
}
.personal-card strong{color:var(--red)}
.personal-card ul{padding-left:18px;color:#666}

.process-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border:1px solid #ddd;
  background:#fff;
}
.process-step{
  padding:22px;
  border-right:1px solid #ddd;
}
.process-step:last-child{border-right:0}
.process-step .nr{
  display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;
  border-radius:50%;background:var(--red);color:#fff;font-weight:700;margin-bottom:10px;
}
.process-step p{font-size:14px;color:#666;margin:0}

.highlight-band{
  background:#303030;color:#fff;
}
.highlight-band .container{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:30px;
  align-items:center;
  padding-top:38px;padding-bottom:38px;
}
.highlight-band p{color:#ddd}
.highlight-band .btn{background:#fff}

.service-badges{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:16px 0;
}
.service-badge{
  border:1px solid #ccc;
  padding:8px 11px;
  background:#fff;
  font-size:13px;
  font-weight:700;
}

.faq-list{border-top:1px solid #ddd}
.faq-item{border-bottom:1px solid #ddd;padding:20px 0}
.faq-item h3{font-size:18px;margin-bottom:7px}
.faq-item p{color:#666;margin:0}

@media(max-width:900px){
  .usecase-grid{grid-template-columns:1fr 1fr}
  .personal-service{grid-template-columns:1fr}
  .process-grid{grid-template-columns:1fr 1fr}
  .process-step:nth-child(2){border-right:0}
  .process-step:nth-child(-n+2){border-bottom:1px solid #ddd}
  .highlight-band .container{grid-template-columns:1fr}
}
@media(max-width:560px){
  .usecase-grid,.process-grid{grid-template-columns:1fr}
  .process-step{border-right:0;border-bottom:1px solid #ddd}
  .process-step:last-child{border-bottom:0}
}


/* GEL XXL claim */
.gel-xxl-claim{
  margin-top:18px;
  padding:15px 18px;
  border-left:5px solid var(--red);
  background:rgba(255,255,255,.88);
  max-width:720px;
}
.gel-xxl-claim strong{
  display:block;
  color:var(--red);
  font-size:20px;
  margin-bottom:3px;
}
.gel-xxl-claim span{
  display:block;
  color:#4f4f4f;
  font-size:15px;
}

.gel-xxl-pageclaim{
  display:inline-block;
  margin:4px 0 14px;
  padding:8px 12px;
  background:var(--red);
  color:#fff;
  font-weight:700;
  font-size:20px;
}


/* Index-Anpassungen August 2026 */

/* Oberste Kontaktleiste weiß statt grau */
.topline{
  background:#fff;
}

/* Die drei Schnellwahl-Kästen auf der Startseite rot hervorheben */
.quick-card.quick-card-red{
  background:var(--red);
  border-color:var(--red);
  color:#fff;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.quick-card.quick-card-red:hover{
  background:#b71928;
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.quick-card.quick-card-red .eyebrow,
.quick-card.quick-card-red h3,
.quick-card.quick-card-red p,
.quick-card.quick-card-red .arrow{
  color:#fff;
}


/* Obere Trennlinie entfernt, damit keine Linie durch das EPPLER-Logo läuft */
.topline{
  border-bottom:none !important;
}
.header{
  border-top:none !important;
}


/* Bildnummern für die gemeinsame Bildauswahl */
.imagebox,
.solution-visual{
  position:relative;
}
.imagebox::after,
.solution-visual::after{
  content:attr(data-imgno);
  position:absolute;
  top:12px;
  right:12px;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(207,30,46,.92);
  color:#fff;
  border:3px solid #fff;
  font-size:22px;
  font-weight:700;
  line-height:1;
  box-shadow:0 3px 10px rgba(0,0,0,.28);
  z-index:5;
}

/* Finale Bildauswahl – Bildnummern ausblenden */
.imagebox::after,
.solution-visual::after{
  display:none !important;
}

/* Individuelle Bildmotive */
[data-imgno="1"]{
  background-image:url("https://www.gel-express.de/wp-content/uploads/2022/05/GEL_Image_B2C_grosses_Paket-1-scaled.jpg") !important;
  background-position:center 42% !important;
}
[data-imgno="2"]{
  background-image:url("https://www.gel-express.de/wp-content/uploads/2022/05/GEL_Image_B2C_Zustellung_Privatkunde-1-scaled.jpg") !important;
  background-position:center 45% !important;
}
/* sim cargo: offizielles Motiv wird extern von der sim-cargo-Seite eingebunden.
   Falls der externe Server das Hotlinking verhindert, bleibt das bisherige Bild als Fallback sichtbar. */
[data-imgno="3"]{
  background-image:
    url("https://www.simcargo.eu/images/2022/sim-cargo.jpg"),
    url("../img/hero.jpg") !important;
  background-position:center !important;
}
/* Kühlschrankzustellung: zunächst externes Referenzmotiv */
[data-imgno="4"]{
  background-image:url("https://mashburndelivery.com/wp-content/uploads/2023/12/lawrenceville-appliance-delivery-and-installation-1.jpg") !important;
  background-position:center !important;
}
/* Bild 5 bleibt zunächst unverändert */

/* modernes Logistikcenter */
[data-imgno="6"]{
  background-image:url("https://de.freogroup.com/site/wp-content/uploads/2016/02/LDZ-Berlin_Hallen_12-2000x1335.jpg") !important;
  background-position:center !important;
}
/* verschiedene Verkehrsträger */
[data-imgno="7"]{
  background-image:url("https://static.wixstatic.com/media/5cdccb_cfba4bf8ac524b3a91fbefa22d18f32a~mv2.png/v1/fill/w_1280,h_772,al_c,q_90/5cdccb_cfba4bf8ac524b3a91fbefa22d18f32a~mv2.png") !important;
  background-position:center !important;
}
/* 8–10 bleiben bis zur endgültigen Auswahl unverändert */


/* Startseite: Bilder 1-3 sauber in die vorgesehenen drei Kacheln einpassen */
[data-imgno="1"],
[data-imgno="2"],
[data-imgno="3"]{
  width:100% !important;
  height:220px !important;
  min-height:220px !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  overflow:hidden !important;
}

/* Motivbezogener Ausschnitt */
[data-imgno="1"]{ background-position:center center !important; }
[data-imgno="2"]{ background-position:center center !important; }
[data-imgno="3"]{ background-position:center center !important; }

/* Alle drei Startseiten-Kacheln gleichmäßig */
.home-solutions .solution-card,
.solution-grid .solution-card{
  height:100%;
}
.home-solutions .solution-visual,
.solution-grid .solution-visual{
  aspect-ratio:16/9;
}

@media(max-width:760px){
  [data-imgno="1"],
  [data-imgno="2"],
  [data-imgno="3"]{
    height:200px !important;
    min-height:200px !important;
  }
}


/* Unternehmensseite – Wofür wir stehen: aktive Verladung */
.unternehmen-werte{
  background-image:url("../img/unternehmen-wofuer-wir-stehen.jpg") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}


/* =========================================================
   BILDAUSWAHL – eindeutige Nummerierung 2026-08-23
   Nur für die Abstimmungsfassung. Vor Livegang wieder entfernen.
   ========================================================= */
.hero[data-imgno],
.imagebox[data-imgno],
.solution-visual[data-imgno]{
  position:relative;
}

.hero[data-imgno]::after,
.imagebox[data-imgno]::after,
.solution-visual[data-imgno]::after{
  content:attr(data-imgno) !important;
  display:flex !important;
  position:absolute;
  top:14px;
  right:14px;
  width:54px;
  height:54px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(207,30,46,.95);
  color:#fff;
  border:3px solid #fff;
  font-size:24px;
  font-weight:700;
  line-height:1;
  box-shadow:0 3px 12px rgba(0,0,0,.35);
  z-index:20;
  pointer-events:none;
}

/* GEL Branchenlösungen */
.gel-industry-grid,.download-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.gel-industry-card{display:block;background:#fff;border:1px solid #e4e4e4;border-radius:10px;overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 5px 18px rgba(0,0,0,.06);transition:.2s}.gel-industry-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.gel-industry-card img{width:100%;height:210px;object-fit:cover;object-position:center 20%;display:block}.gel-industry-card h3,.gel-industry-card p{margin-left:18px;margin-right:18px}.gel-industry-card h3{margin-top:16px;margin-bottom:6px;color:#cf1e2e}.gel-industry-card p{margin-top:0;margin-bottom:20px}.download-grid .info-card{height:100%}@media(max-width:980px){.gel-industry-grid,.download-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.gel-industry-grid,.download-grid{grid-template-columns:1fr}}


/* =========================================================
   Index-Fix 2026-08-23
   Verhindert, dass der obere Startseitentext vom fixierten
   Header bzw. dem nach oben versetzten Logo abgeschnitten wird.
   ========================================================= */
.hero{
  overflow:visible !important;
}

.hero-copy{
  padding-top:86px !important;
  padding-bottom:95px !important;
}

.hero-copy .eyebrow,
.hero-copy h1,
.hero-copy h2,
.hero-copy p,
.hero-copy .gel-xxl-claim,
.hero-actions{
  position:relative;
  z-index:3;
}

@media(max-width:900px){
  .hero-copy{
    padding-top:74px !important;
  }
}

@media(max-width:560px){
  .hero-copy{
    padding-top:66px !important;
  }
}


/* =========================================================
   INDEX HERO – ENDGÜLTIGER CLIPPING-FIX 2026-08-23
   Ursache: alte globale [data-imgno="1"]-Regel hatte den Hero
   auf 220px Höhe gesetzt und overflow:hidden aktiviert.
   ========================================================= */
body .hero[data-imgno="1"]{
  width:auto !important;
  height:auto !important;
  min-height:570px !important;
  overflow:visible !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.90) 38%,rgba(255,255,255,.35) 67%,rgba(255,255,255,.08) 100%),
    url("../img/hero.jpg") center right/cover no-repeat !important;
  display:flex !important;
  align-items:center !important;
  padding-top:0 !important;
  border-bottom:6px solid var(--red) !important;
}

body .hero[data-imgno="1"] .container{
  width:100% !important;
}

body .hero[data-imgno="1"] .hero-copy{
  width:58% !important;
  padding:55px 0 95px !important;
  margin:0 !important;
  overflow:visible !important;
}

body .hero[data-imgno="1"] .hero-copy > *{
  position:relative;
  z-index:3;
}

@media(max-width:900px){
  body .hero[data-imgno="1"]{
    min-height:520px !important;
    background-position:62% center !important;
  }
  body .hero[data-imgno="1"] .hero-copy{
    width:82% !important;
    padding:50px 0 95px !important;
  }
}

@media(max-width:560px){
  body .hero[data-imgno="1"] .hero-copy{
    width:100% !important;
    padding:45px 0 90px !important;
  }
}


/* Kategorienbilder auf der Startseite */
.usecase{
  padding:0 0 18px 0;
  overflow:hidden;
}
.usecase-image{
  display:block;
  width:100%;
  height:128px;
  object-fit:cover;
  object-position:center;
  margin:0 0 16px 0;
}
.usecase h3,
.usecase p{
  margin-left:18px;
  margin-right:18px;
}
.usecase h3{
  margin-bottom:7px;
}

/* GEL-Branchenkarten: Originalfoto der ersten Flyer-Seite statt kompletter Flyer-Seite */
.gel-industry-card img{
  height:210px;
  object-fit:cover;
  object-position:center;
}


/* E-Commerce: GEL-Bilder für Laufzeit, Avisierung, Zustellung und Optionen */
.service-table-visual{
  align-items:stretch;
}
.service-box-visual{
  padding:0 !important;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.service-box-image{
  display:block;
  width:100%;
  height:220px;
  object-fit:cover;
  object-position:center;
  border:0;
}
.service-box-body{
  padding:24px 25px 25px;
  flex:1;
}
.service-box-body h2{
  margin-bottom:13px;
}
.service-box-body ul{
  margin-bottom:0;
}

@media(max-width:900px){
  .service-box-image{
    height:240px;
  }
}
@media(max-width:560px){
  .service-box-image{
    height:200px;
  }
}


/* Startseite – Bilder 2 bis 4 mit GEL-Motiven */
[data-imgno="2"]{
  background-image:url("../img/gel-index/bild2-b2c.jpg") !important;
  background-size:cover !important;
  background-position:center 42% !important;
}
[data-imgno="3"]{
  background-image:url("../img/gel-index/bild3-b2b.jpg") !important;
  background-size:cover !important;
  background-position:center center !important;
}
[data-imgno="4"]{
  background-image:url("../img/gel-index/bild4-europa.jpg") !important;
  background-size:cover !important;
  background-position:center center !important;
}


/* Startseite – Bilder 2 und 3 getauscht */
[data-imgno="2"]{
  background-image:url("../img/gel-index/bild3-b2b.jpg") !important;
  background-size:cover !important;
  background-position:center center !important;
}
[data-imgno="3"]{
  background-image:url("../img/gel-index/bild2-b2c.jpg") !important;
  background-size:cover !important;
  background-position:center 42% !important;
}

/* Bilder 2 bis 4 exakt gleich groß */
[data-imgno="2"],
[data-imgno="3"],
[data-imgno="4"]{
  width:100% !important;
  height:220px !important;
  min-height:220px !important;
  aspect-ratio:auto !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  overflow:hidden !important;
}


/* Startseite – Services: 4 Kreise pro Zeile, zentriert */
.benefits{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:24px 18px !important;
  justify-content:center !important;
  align-items:start !important;
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}

.benefit{
  text-align:center !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}

.benefit .bicon{
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:900px){
  .benefits{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    max-width:620px;
  }
}

@media(max-width:560px){
  .benefits{
    grid-template-columns:1fr !important;
    max-width:360px;
  }
}


/* Leistungen – Hybridübersicht: B2C und B2B als erste Hauptbereiche */
.leistungen-b2c{
  background-image:url("../img/gel-index/bild3-b2b.jpg") !important;
  background-size:cover !important;
  background-position:center center !important;
}
.leistungen-b2b{
  background-image:url("../img/gel-index/bild2-b2c.jpg") !important;
  background-size:cover !important;
  background-position:center center !important;
}

#b2c .eyebrow,
#b2b .eyebrow{
  color:var(--red);
  font-weight:700;
}

#b2c ul,
#b2b ul{
  padding-left:20px;
  color:#5f5f5f;
}

#b2c .two-col,
#b2b .two-col{
  gap:38px;
}


/* Leistungen – Bildausbau 23.08.2026 */
.leistungen-b2b-neu{
  background-image:url("../img/leistungen-cards/b2b-neu.jpg") !important;
  background-size:cover !important;
  background-position:center !important;
}

.leistung-card-image{
  width:100%;
  height:155px;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  margin:-24px -24px 20px -24px;
  width:calc(100% + 48px);
  border-radius:8px 8px 0 0;
}

.express-overnight{background-image:url("../img/leistungen-cards/express-overnight.jpg");}
.express-sameday{background-image:url("../img/leistungen-cards/express-sameday.jpg");}
.express-direkt{background-image:url("../img/leistungen-cards/express-direkt.jpg");}
.europa-stueckgut{background-image:url("../img/leistungen-cards/europa-stueckgut.jpg");}
.europa-direkt{background-image:url("../img/leistungen-cards/europa-direkt.jpg");}
.weltweit{background-image:url("../img/leistungen-cards/weltweit.jpg");}

@media(max-width:700px){
  .leistung-card-image{height:190px;}
}


/* =========================================================
   Index: finale Bilder 2–4 behalten, nur Nummern ausblenden
   WICHTIG: data-imgno bleibt erhalten, da darüber die finalen
   Bildmotive ausgewählt werden.
   ========================================================= */
body .solution-visual[data-imgno="2"]::after,
body .solution-visual[data-imgno="3"]::after,
body .solution-visual[data-imgno="4"]::after{
  display:none !important;
  content:none !important;
}


/* =========================================================
   Leistungen – Express-Karten sauber ausgerichtet
   ========================================================= */
#express .express-card-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}

#express .express-card{
  padding:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  border:1px solid #ddd !important;
  background:#fff !important;
}

#express .express-card .leistung-card-image{
  width:100% !important;
  height:190px !important;
  min-height:190px !important;
  margin:0 !important;
  border-radius:0 !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

#express .express-card h3{
  margin:20px 22px 8px !important;
}

#express .express-card p{
  margin:0 22px 22px !important;
  flex:1 1 auto !important;
}

@media(max-width:900px){
  #express .express-card-grid{
    grid-template-columns:1fr !important;
  }
  #express .express-card .leistung-card-image{
    height:240px !important;
    min-height:240px !important;
  }
}

@media(max-width:560px){
  #express .express-card .leistung-card-image{
    height:200px !important;
    min-height:200px !important;
  }
}


/* =========================================================
   Leistungen – Europa und weltweit exakt wie Express-Block
   ========================================================= */
#international .express-card-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}

#international .express-card{
  padding:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  border:1px solid #ddd !important;
  background:#fff !important;
}

#international .express-card .leistung-card-image{
  width:100% !important;
  height:190px !important;
  min-height:190px !important;
  margin:0 !important;
  border-radius:0 !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

#international .express-card h3{
  margin:20px 22px 8px !important;
}

#international .express-card p{
  margin:0 22px 22px !important;
  flex:1 1 auto !important;
}

@media(max-width:900px){
  #international .express-card-grid{
    grid-template-columns:1fr !important;
  }
  #international .express-card .leistung-card-image{
    height:240px !important;
    min-height:240px !important;
  }
}

@media(max-width:560px){
  #international .express-card .leistung-card-image{
    height:200px !important;
    min-height:200px !important;
  }
}


/* Überarbeitete Unternehmens-/Leistungsseiten August 2026 */
.red-bullet-list,
.company-services{
  list-style:none;
  padding:0;
  margin:22px 0;
}
.red-bullet-list li,
.company-services li{
  position:relative;
  padding:9px 0 9px 24px;
  border-bottom:1px solid #e7e7e7;
}
.red-bullet-list li::before,
.company-services li::before{
  content:"•";
  position:absolute;
  left:5px;
  top:7px;
  color:var(--red);
  font-size:20px;
  font-weight:700;
}
.procurement-grid{
  align-items:stretch !important;
}
.procurement-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:190px;
}
.procurement-card h3{
  color:var(--red) !important;
  font-weight:700 !important;
  margin-bottom:12px;
}
.procurement-card p{
  flex:1 1 auto;
}
.legal-copy{
  max-width:980px;
}
.legal-copy h2{
  margin-top:34px;
}
.legal-copy code{
  background:#f2f2f2;
  padding:2px 5px;
  border-radius:4px;
}


/* Datenschutzseite – bewusst kleinere Schrift */
.legal-copy{
  font-size:12px !important;
  line-height:1.5 !important;
}
.legal-copy h2{
  font-size:16px !important;
  line-height:1.25 !important;
  margin-top:24px !important;
  margin-bottom:7px !important;
}
.legal-copy p,
.legal-copy li{
  font-size:12px !important;
}

/* Cookie-Einwilligung */
.cookie-banner a{
  color:var(--red);
  font-weight:700;
}
.cookie-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
@media(max-width:560px){
  .cookie-actions{
    flex-direction:column-reverse;
  }
  .cookie-actions .btn{
    width:100%;
    text-align:center;
  }
}


/* =========================================================
   V1.2 – Sprungmarken auf Leistungen unter fixem Header
   Alle Zielblöcke beginnen sichtbar unterhalb des Sticky-Headers.
   ========================================================= */
#b2c,
#b2b,
#beschaffung,
#express,
#international,
#lager,
#spezial{
  scroll-margin-top:150px !important;
}

@media(max-width:900px){
  #b2c,
  #b2b,
  #beschaffung,
  #express,
  #international,
  #lager,
  #spezial{
    scroll-margin-top:92px !important;
  }
}

@media(max-width:560px){
  #b2c,
  #b2b,
  #beschaffung,
  #express,
  #international,
  #lager,
  #spezial{
    scroll-margin-top:82px !important;
  }
}


/* =========================================================
   V1.3 – Bildkandidaten 1, 8, 9, 10, 11, 12
   Bestehende CSS-Größen/Layoutregeln bleiben unverändert.
   ========================================================= */

/* Bild 1 – Hero: GEL-Zustellung mit XXL-Langsendung */
body .hero[data-imgno="1"]{
  background:
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.90) 38%,rgba(255,255,255,.35) 67%,rgba(255,255,255,.08) 100%),
    url("../img/final-kandidaten/bild1-hero.jpg") center right/cover no-repeat !important;
}

/* Bild 8 – Lager & Kommissionierung */
[data-imgno="8"]{
  background-image:url("../img/final-kandidaten/bild8-lager.jpg") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

/* Bild 9 – B2B: Auflieger / Fahrzeugkapazität am Logistikstandort */
[data-imgno="9"]{
  background-image:url("../img/final-kandidaten/bild9-b2b.jpg") !important;
  background-position:center 48% !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

/* Bild 10 – GEL-Unterseite: Zusteller / Privatempfänger / XXL */
[data-imgno="10"]{
  background-image:url("../img/final-kandidaten/bild10-gel.jpg") !important;
  background-position:center 38% !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

/* Bild 11 – sim cargo: offizielles sim-cargo-Fahrzeug.
   Nur die Bildquelle wird geändert; das bestehende Bildformat bleibt erhalten. */
[data-imgno="11"]{
  background-image:url("https://www.simcargo.eu/images/2022/11/18/sim-cargo-iberia2.jpg") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

/* Bild 12 – Unternehmen: Mensch + Ware + operative Logistik */
[data-imgno="12"]{
  background-image:url("../img/final-kandidaten/bild12-unternehmen.jpg") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}


/* =========================================================
   V1.4 – finale Bildnummern 1, 9 und 11 nur ausblenden
   data-imgno bleibt erhalten, damit die zugeordneten Bilder
   und alle bisherigen CSS-Bildeinstellungen unverändert bleiben.
   ========================================================= */
.hero[data-imgno="1"]::after,
.imagebox[data-imgno="9"]::after,
.imagebox[data-imgno="11"]::after,
.solution-visual[data-imgno="9"]::after,
.solution-visual[data-imgno="11"]::after{
  display:none !important;
  content:none !important;
}


/* =========================================================
   V1.4.1 – Leistungen: neue, thematisch eindeutige Bildwelt
   Keine Bilddatei wird innerhalb von leistungen.html doppelt verwendet.
   ========================================================= */

/* Hauptbereiche */
.leistungen-b2c{
  background-image:url("../img/leistungen-v141/b2c.jpg") !important;
  background-position:center 35% !important;
  background-size:cover !important;
}
.leistungen-b2b-neu{
  background-image:url("../img/leistungen-v141/b2b.jpg") !important;
  background-position:center center !important;
  background-size:cover !important;
}

/* Express & Direktfahrt */
.express-overnight{
  background-image:url("../img/leistungen-v141/overnight.jpg") !important;
}
.express-sameday{
  background-image:url("../img/leistungen-v141/sameday.jpg") !important;
}
.express-direkt{
  background-image:url("../img/leistungen-v141/handling.jpg") !important;
  background-position:center 35% !important;
}

/* Europa und weltweit */
.europa-stueckgut{
  background-image:url("https://www.simcargo.eu/images/2022/sim-cargo.jpg") !important;
  background-position:center center !important;
}
.europa-direkt{
  background-image:url("../img/leistungen-v141/europa-direkt.jpg") !important;
  background-position:center 45% !important;
}
.weltweit{
  background-image:url("../img/leistungen-v141/luftfracht.jpg") !important;
  background-position:center center !important;
}

/* Beschaffungslogistik */
.visual-card-grid,
.procurement-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}
.visual-service-card{
  padding:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}
.visual-service-card .leistung-card-image{
  width:100% !important;
  height:185px !important;
  min-height:185px !important;
  margin:0 !important;
  border-radius:0 !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.visual-service-card h3{
  margin:20px 22px 8px !important;
}
.visual-service-card p{
  margin:0 22px 22px !important;
  flex:1 1 auto !important;
}

.proc-drop{
  background-image:url("../img/leistungen-v141/dropshipping.jpg") !important;
}
.proc-pickup{
  background-image:url("../img/leistungen-v141/lieferantenabholung.jpg") !important;
}
.proc-bundle{
  background-image:url("../img/leistungen-v141/buendelung.jpg") !important;
}

/* Spezialservices */
.spezial-sameday-img{
  background-image:url("../img/leistungen-v141/spezial-sameday.jpg") !important;
}
.spezial-stapler-img{
  background-image:url("../img/leistungen-v141/mitnahmestapler.jpg") !important;
}
.spezial-sea-img{
  background-image:url("../img/leistungen-v141/seefracht.svg") !important;
}

/* Lager */
[data-imgno="8"]{
  background-image:url("../img/leistungen-v141/lager.jpg") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

@media(max-width:900px){
  .visual-card-grid,
  .procurement-grid{
    grid-template-columns:1fr !important;
  }
  .visual-service-card .leistung-card-image{
    height:235px !important;
    min-height:235px !important;
  }
}
@media(max-width:560px){
  .visual-service-card .leistung-card-image{
    height:200px !important;
    min-height:200px !important;
  }
}


/* =========================================================
   V1.4.2 – Leistungen: Bilder vollständig im Kasten anzeigen
   Kein Beschnitt mehr durch background-size: cover.
   ========================================================= */

/* Die Bilder in den Karten vollständig sichtbar machen.
   contain skaliert das Original proportional so weit herunter,
   dass das komplette Motiv in die vorhandene Bildfläche passt. */
#express .leistung-card-image,
#international .leistung-card-image,
#beschaffung .leistung-card-image,
#spezial .leistung-card-image{
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#f4f4f4 !important;
}

/* Auch die größeren Bildflächen der Leistungsbereiche vollständig darstellen. */
#b2c .imagebox,
#b2b .imagebox,
#lager .imagebox{
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#f4f4f4 !important;
}


/* =========================================================
   V1.4.4 – Leistungen / International:
   offizielles sim-cargo-Motiv für europäischen Stückgutverkehr
   ========================================================= */
#international .europa-stueckgut{
  background-image:url("https://www.simcargo.eu/images/2022/11/18/sim-cargo-iberia2.jpg") !important;
  background-position:center center !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-color:#f4f4f4 !important;
}


/* =========================================================
   V1.4.5 – weitere sim-cargo-Motive auf leistungen.html
   ========================================================= */

/* International / europäisches Stückgut:
   offizielle sim-cargo-Netzwerkkarte */
#international .europa-stueckgut{
  background-image:url("https://www.simcargo.eu/images/2021/04/28/europa-vernetzung-neu.png") !important;
  background-position:center center !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-color:#f4f4f4 !important;
}

/* International / Direktverkehre:
   Fahrzeuge an den Toren des sim-cargo-Umschlagpunkts */
#international .europa-direkt{
  background-image:url("https://www.simcargo.eu/images/2020/01/30/tore.jpg") !important;
  background-position:center 55% !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-color:#f4f4f4 !important;
}

/* Beschaffungslogistik / Bündelung:
   sim-cargo-Umschlaghalle mit Stückgut und Paletten */
#beschaffung .proc-bundle{
  background-image:url("https://www.simcargo.eu/images/2020/01/28/hub2.jpg") !important;
  background-position:center center !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-color:#f4f4f4 !important;
}


/* =========================================================
   V1.4.6 – Beschaffungslogistik: bewusst ohne Bilder
   ========================================================= */
#beschaffung .procurement-card{
  padding:24px !important;
  min-height:190px !important;
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}
#beschaffung .procurement-card h3{
  margin:0 0 12px !important;
  color:var(--red) !important;
  font-weight:700 !important;
}
#beschaffung .procurement-card p{
  margin:0 !important;
  flex:1 1 auto !important;
}


/* =========================================================
   V1.4.7 – Leistungen: Mitnahmestapler + Kommissionierung
   Nur Bildquellen/Bilddarstellung geändert.
   Karten- und Layoutabmessungen bleiben erhalten.
   ========================================================= */

/* Spezialservices / Mitnahmestapler:
   offizielles PALFINGER FLM 15 Motiv */
#spezial .spezial-stapler-img{
  background-image:url("https://s7g10.scene7.com/is/image/palfinger/FLM%2015_copyright%20PALFINGER_1?wid=1200&fmt=jpeg&qlt=85") !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#f4f4f4 !important;
}

/* Bild 8 / Lagerlogistik:
   Mitarbeiter bei Kommissionierung im Palettenlager */
#lager [data-imgno="8"]{
  background-image:url("https://images.pexels.com/photos/4481260/pexels-photo-4481260.jpeg?auto=compress&cs=tinysrgb&w=1400") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}


/* =========================================================
   V1.4.8 – Luft-/Seefrachtbild + Nummern 8 und 12 ausblenden
   data-imgno bleibt vollständig erhalten.
   ========================================================= */

/* Spezialservices / Luft- & Seefracht:
   Flugzeug + Hafen/Containerschiff in einem gemeinsamen Motiv */
#spezial .spezial-sea-img{
  background-image:url("https://images.pexels.com/photos/37258508/pexels-photo-37258508.jpeg?cs=srgb&dl=pexels-lucas-agustin-303343526-37258508.jpg&fm=jpg") !important;
  background-size:cover !important;
  background-position:center 55% !important;
  background-repeat:no-repeat !important;
}

/* Nur die sichtbaren Nummern ausblenden.
   Die data-imgno-Attribute bleiben stehen, damit bestehende
   Bildzuordnungen und CSS-Regeln unverändert funktionieren. */
[data-imgno="8"]::after,
[data-imgno="12"]::after{
  display:none !important;
  content:none !important;
}


/* =========================================================
   V1.4.9 – Leistungen: Nummern endgültig ausblenden,
   Mitnahmestapler zoomen, Sprinter-Motive für SameDay
   ========================================================= */

/* Die Bildnummern bleiben technisch im HTML erhalten, werden aber
   an allen bekannten Bildtypen sicher ausgeblendet. Dadurch bleiben
   bestehende CSS-Zuordnungen über data-imgno unverändert. */
body .imagebox[data-imgno="8"]::after,
body .solution-visual[data-imgno="8"]::after,
body .imagebox[data-imgno="10"]::after,
body .solution-visual[data-imgno="10"]::after,
body .imagebox[data-imgno="12"]::after,
body .solution-visual[data-imgno="12"]::after,
body [data-imgno="8"]::after,
body [data-imgno="10"]::after,
body [data-imgno="12"]::after{
  content:none !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

/* Mitnahmestapler: stärker in den Kasten hineinzoomen, damit die Fläche
   vollständig ausgefüllt wird. */
#spezial .spezial-stapler-img{
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* Spezialservices / SameDay & Direktfahrt:
   weißer Mercedes-Benz Sprinter dynamisch auf der Autobahn. */
#spezial .spezial-sameday-img{
  background-image:url("https://quicktranslogistic.com/services/quick-trans-1.webp") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* Express / SameDay:
   ähnliches, aber eigenständiges Mercedes-Benz Sprinter-Motiv. */
#express .express-sameday{
  background-image:url("https://s1.cdn.autoevolution.com/images/news/gallery/jeff-bezos-orders-20000-amazon-branded-mercedes-benz-sprinter-vans_5.jpg") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* V1.4.10 */
#spezial .spezial-sameday-img{
  background-image:url("https://dealerinspire-shared-assets.s3.amazonaws.com/public/oem/mercedes-benz-us/required-pages/vans/Desktop/Hero-desktop.jpg") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.btn-disabled{
  opacity:.55 !important;
  cursor:default !important;
  pointer-events:none !important;
}

body .imagebox[data-imgno="13"]{
  background-image:url("https://www.grandmart.me/_next/image?q=75&url=%2Fassets%2Fimages%2Fabout%2Fdistribution-vehicles-fmcg.jpg&w=3840") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}


/* =========================================================
   V1.4.11 – Leistungen: Bilder Overnight + Direktverkehre
   Nur Bildquellen/Ausschnitt geändert; Kartenlayout bleibt bestehen.
   ========================================================= */

/* Express / Overnight:
   Mercedes-Benz Sprinter dynamisch auf der Straße */
#express .express-overnight{
  background-image:url("https://www.pappas.at/vehicle-models/mercedes-benz/nfz/sprinter-kastenwagen/2018/111780/image-thumb__111780__hero-full/Sprinter-Kastenwagen%20-3-%402x.d8c66f43.jpg") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* International / Direktverkehre:
   schwerer LKW auf europäischer Autobahn */
#international .europa-direkt{
  background-image:url("https://images.ctfassets.net/ysln10zw0yzg/37CcB2JICcHIRRkfvhJp5w/95f8b4af9e81bb2305360b208687ed9a/shutterstock_1231303000__1_.jpg?fm=webp&q=75&w=1600") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}


/* =========================================================
   V1.4.12 – Overnight-Bild wiederhergestellt
   Nachtansicht Halle mit LKW vor der Halle.
   ========================================================= */
#express .express-overnight{
  background-image:url("../img/leistungen-v141/overnight.jpg") !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#f4f4f4 !important;
}


/* =========================================================
   V1.4.13 – Overnight übernimmt exakt das Direktverkehre-Bild aus V1.4.9
   ========================================================= */
#express .express-overnight{
  background-image:url("https://www.simcargo.eu/images/2020/01/30/tore.jpg") !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#f4f4f4 !important;
}


/* =========================================================
   V1.4.14 – Produktgerechtes Handling:
   vollständiges Bild im vorhandenen Kasten anzeigen
   ========================================================= */
#express .express-direkt{
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#f4f4f4 !important;
}


/* =========================================================
   V1.4.15 – Fuhrpark Bild 13:
   Fahrzeugvielfalt vom Transporter bis zum schweren LKW
   ========================================================= */
body .imagebox[data-imgno="13"]{
  background-image:url("https://www.ingenics.com/fileadmin/_processed_/d/6/csm_nutzfahrzeuge-lkw-transporter_a390c92d4a.jpg") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* Nur die sichtbare Nummer 13 entfernen.
   data-imgno="13" bleibt erhalten, damit die Bildzuordnung nicht verloren geht. */
body [data-imgno="13"]::after{
  content:none !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}


/* =========================================================
   V1.4.16 – Korrektur der zwei zuletzt nicht funktionierenden Änderungen
   ========================================================= */

/* Leistungen / Produktgerechtes Handling:
   komplette Bildfläche proportional anzeigen.
   Hohe Spezifität, damit ältere cover-Regeln tatsächlich überschrieben werden. */
#express .express-card .leistung-card-image.express-direkt{
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#f4f4f4 !important;
}

/* Fuhrpark / Bild 13:
   lokales Bild mit Fahrzeugvielfalt vom Transporter bis zum schweren LKW.
   Kein Hotlinking mehr. */
body .imagebox[data-imgno="13"]{
  background-image:url("../img/fuhrpark/fuhrpark-fahrzeugvielfalt-v1416.jpg") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* Nummer 13 nur optisch entfernen.
   data-imgno bleibt technisch erhalten. */
body .imagebox[data-imgno="13"]::after{
  content:none !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

/* V1.4.17 – Leistungen: Querformatbilder + Spezialservices */
.leistungen-b2c{background-image:url("../img/gel-service/optionen.jpg") !important;background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;}
#express .express-card .leistung-card-image.express-direkt{background-image:url("../img/leistungen-v141/b2b.jpg") !important;background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;background-color:#fff !important;}
#spezial .spezial-unoduo-img{background-image:url("../img/gel-service/zustellung.jpg") !important;background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;}
#spezial .spezial-stapler-img,#spezial .spezial-sameday-img{background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;}


/* =========================================================
   V1.4.18 – International / Luft- & Seefracht
   Exaktes früheres Motiv aus V1.4.16 / Spezialservices übernommen.
   ========================================================= */
#international .weltweit{
  background-image:url("https://images.pexels.com/photos/37258508/pexels-photo-37258508.jpeg?cs=srgb&dl=pexels-lucas-agustin-303343526-37258508.jpg&fm=jpg") !important;
  background-size:cover !important;
  background-position:center 55% !important;
  background-repeat:no-repeat !important;
}


/* =========================================================
   V1.4.19 – GEL-Seite (ehemals netzwerk.html)
   Neues offizielles GEL-Motiv oben rechts.
   ========================================================= */
body .imagebox[data-imgno="10"]{
  background-image:url("https://www.gel-express.de/wp-content/uploads/2022/05/GEL_Image_B2C_grosses_Paket-1-scaled.jpg") !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#f4f4f4 !important;
}

/* Nummer 10 weiterhin nur optisch ausblenden;
   data-imgno bleibt für die stabile CSS-Zuordnung bestehen. */
body .imagebox[data-imgno="10"]::after{
  content:none !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}


/* V1.4.20 – Live-Test: Formular- und Tracking-Anpassungen */
.mail-error{
  margin:0 0 24px;
  padding:16px 18px;
  border:1px solid #c91d2d;
  background:#fff3f4;
  color:#333;
}
.mail-error strong{
  display:block;
  color:#c91d2d;
  margin-bottom:5px;
}
.tracking-panel > .tracking-links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
@media(max-width:760px){
  .tracking-panel > .tracking-links{
    justify-content:flex-start;
  }
}

/* V1.4.23 – Tracking-Button auf Startseite weiter nach links */
.tracking-panel{
  grid-template-columns:minmax(0,1fr) minmax(220px,320px) !important;
  column-gap:32px !important;
}
.tracking-panel > .tracking-links{
  justify-content:flex-start !important;
  padding-left:0 !important;
}
@media(max-width:900px){
  .tracking-panel{
    grid-template-columns:1fr !important;
    row-gap:18px !important;
  }
  .tracking-panel > .tracking-links{
    justify-content:flex-start !important;
  }
}

/* V1.4.24 – Tracking-Button direkt beim Textblock */
.tracking-panel{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:42px !important;
}
.tracking-panel .tracking-intro{
  flex:0 0 auto !important;
}
.tracking-panel > .tracking-links{
  flex:0 0 auto !important;
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
}
@media(max-width:760px){
  .tracking-panel{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:16px !important;
  }
}

/* V1.4.25 – Mobiler Header: Logo vollständig sichtbar */
@media (max-width: 760px){
  .site-header .header-inner{
    min-height: 122px !important;
    height: auto !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    align-items: center !important;
    overflow: visible !important;
  }

  .site-header .brand{
    height: auto !important;
    max-height: none !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
  }

  .site-header .brand img,
  .site-header .logo img,
  .site-header img.logo,
  .site-header a.brand img{
    width: auto !important;
    height: auto !important;
    max-width: 70vw !important;
    max-height: 96px !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 !important;
  }

  .site-header .menu-toggle{
    flex: 0 0 auto !important;
    align-self: center !important;
  }
}

/* V1.4.26 – Mobiler Header: Logo weiter nach unten */
@media (max-width: 760px){
  .site-header .header-inner{
    min-height: 136px !important;
    padding-top: 28px !important;
    padding-bottom: 8px !important;
    align-items: flex-end !important;
  }

  .site-header .brand{
    transform: translateY(8px) !important;
  }

  .site-header .brand img,
  .site-header .logo img,
  .site-header img.logo,
  .site-header a.brand img{
    max-height: 96px !important;
  }

  .site-header .menu-toggle{
    align-self: flex-end !important;
    margin-bottom: 8px !important;
  }
}

/* =========================================================
   V1.4.27 – Mobiler Header, tatsächliche Header-Klassen
   ========================================================= */
@media (max-width:900px){
  .header{
    top:0 !important;
    overflow:visible !important;
  }

  .header .header-row{
    height:150px !important;
    min-height:150px !important;
    padding-top:22px !important;
    padding-bottom:12px !important;
    box-sizing:border-box !important;
    align-items:center !important;
    overflow:visible !important;
  }

  .header .brand{
    position:relative !important;
    top:10px !important;
    transform:none !important;
    width:220px !important;
    flex:0 0 220px !important;
    height:auto !important;
    overflow:visible !important;
  }

  .header .brand img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    object-fit:contain !important;
  }

  .header .mobile-toggle{
    display:block !important;
    margin-left:auto !important;
    align-self:center !important;
  }

  .header .mainnav{
    top:150px !important;
  }
}

@media (max-width:560px){
  .header .header-row{
    height:156px !important;
    min-height:156px !important;
    padding-top:26px !important;
    padding-bottom:10px !important;
  }

  .header .brand{
    top:12px !important;
    width:min(220px,68vw) !important;
    flex-basis:min(220px,68vw) !important;
  }

  .header .mainnav{
    top:156px !important;
  }
}

/* =========================================================
   V1.4.28 – Mobiler Header kompakter, Logo höher positioniert
   ========================================================= */
@media (max-width:900px){
  .header .header-row{
    height:132px !important;
    min-height:132px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    align-items:center !important;
  }

  .header .brand{
    top:0 !important;
    transform:none !important;
  }

  .header .mobile-toggle{
    align-self:center !important;
    margin-bottom:0 !important;
  }

  .header .mainnav{
    top:132px !important;
  }
}

@media (max-width:560px){
  .header .header-row{
    height:136px !important;
    min-height:136px !important;
    padding-top:10px !important;
    padding-bottom:8px !important;
  }

  .header .brand{
    top:0 !important;
  }

  .header .mainnav{
    top:136px !important;
  }
}