/* ===== Blexon Home Redesign — scoped unter #blx-home (Enfold-Header/Footer bleiben) ===== */

/* Startseite: Content-Bereich auf Full-Width zwingen (Enfold boxt sonst) */
.home #main .container{max-width:none !important;width:100% !important;padding-left:0 !important;padding-right:0 !important}
.home #main .post-entry,
.home #main .entry-content-wrapper,
.home #main .entry-content-wrapper.clearfix{padding:0 !important;margin:0 !important;max-width:none !important}
.home #main{padding-top:0 !important}
.home #main .container.av-section-cont-open{padding:0 !important}

#blx-home{
  --bg:#eef0f2; --surface:#ffffff; --surface-2:#f6f7f9;
  --ink:#16181d; --muted:#5d646e; --faint:#8a919b;
  --line:#e0e3e8; --line-strong:#cfd3da;
  --accent:#efbb20; --accent-deep:#d9a512; --on-accent:#1c1600;
  --steel-2:#9aa2ad; --steel-3:#3a3f47;
  --shadow:0 1px 2px rgba(20,24,32,.04),0 12px 32px -12px rgba(20,24,32,.18);
  --shadow-lg:0 2px 6px rgba(20,24,32,.06),0 40px 80px -28px rgba(20,24,32,.30);
  --radius:14px; --maxw:1160px;
  --sans:"Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Mono",Consolas,"Liberation Mono",monospace;
  font-family:var(--sans) !important;color:var(--ink);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;background:var(--bg)
}
#blx-home *{box-sizing:border-box}
#blx-home h1,#blx-home h2,#blx-home h3{font-family:var(--sans) !important;text-wrap:balance;letter-spacing:-.02em !important;line-height:1.05 !important;font-weight:800 !important;color:var(--ink) !important;margin:0;padding:0;text-transform:none !important}
#blx-home p{margin:0;color:inherit}
#blx-home a{color:inherit;text-decoration:none;border:0}
#blx-home img{max-width:100%;height:auto}
#blx-home .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;width:100%}
#blx-home .mono{font-family:var(--mono)}
#blx-home .eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);font-weight:500;display:inline-block}

/* buttons */
#blx-home .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:700;font-size:.95rem;padding:12px 20px;border-radius:10px;cursor:pointer;border:1px solid transparent;transition:transform .12s,box-shadow .2s,background .15s;white-space:nowrap;text-decoration:none;line-height:1.1}
#blx-home .btn:active{transform:translateY(1px)}
#blx-home .btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 1px 0 var(--accent-deep)}
#blx-home .btn-primary:hover{background:var(--accent-deep);color:var(--on-accent);box-shadow:var(--shadow)}
#blx-home .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}
#blx-home .btn-ghost:hover{background:var(--surface-2);color:var(--ink)}
#blx-home .btn-lg{padding:15px 26px;font-size:1.02rem;border-radius:11px}

/* hero */
#blx-home .hero{position:relative;padding:64px 0 84px;overflow:hidden}
#blx-home .hero-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(120% 90% at 78% 8%,#000 0%,transparent 62%);mask-image:radial-gradient(120% 90% at 78% 8%,#000 0%,transparent 62%);opacity:.55}
#blx-home .hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
#blx-home .hero h1{font-size:clamp(2.7rem,5.6vw,4.7rem) !important;letter-spacing:-.035em !important;line-height:1.0 !important;margin:.5rem 0 0}
#blx-home .hero h1 em{font-style:normal;position:relative;background-image:linear-gradient(transparent 60%,color-mix(in srgb,var(--accent) 62%,transparent) 60%);padding:0 .04em}
#blx-home .hero .lede{font-size:clamp(1.05rem,1.6vw,1.28rem);color:var(--muted);max-width:34ch;margin:22px 0 30px;line-height:1.55}
#blx-home .hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
#blx-home .trust{display:flex;align-items:center;gap:12px;margin-top:30px;flex-wrap:wrap}
#blx-home .stars{color:var(--accent);letter-spacing:2px;font-size:1.05rem}
#blx-home .trust .t-txt{font-size:.9rem;color:var(--muted)}
#blx-home .trust .t-txt b{color:var(--ink);font-weight:700}
#blx-home .gbadge{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--surface);border:1px solid var(--line);font-weight:800;font-size:.72rem}

/* CAD viewer card */
#blx-home .blueprint{position:relative}
#blx-home .bp-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:20px}
#blx-home .bp-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;color:var(--faint);text-transform:uppercase;border-bottom:1px dashed var(--line-strong);padding-bottom:12px;margin-bottom:8px}
#blx-home .viewer3d{position:relative;height:238px;border-radius:12px;overflow:hidden;background:#ffffff url(/wp-content/mu-plugins/blexon-home/img/portal-editor.png) center/cover no-repeat}
#blx-home .viewer3d .hero3d{position:absolute;inset:0;z-index:1;touch-action:pan-y}
#blx-home .viewer3d .v-badge{position:absolute;top:12px;right:12px;z-index:3;font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:var(--muted);display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--line);padding:4px 9px;border-radius:7px}
#blx-home .viewer3d .v-badge .rot{width:11px;height:11px;border:1.6px solid var(--accent-deep);border-top-color:transparent;border-radius:50%;animation:blxrot 2.6s linear infinite}
@keyframes blxrot{to{transform:rotate(360deg)}}
#blx-home .viewer3d .shadow3d{position:absolute;left:50%;top:80%;width:200px;height:38px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(20,24,32,.22),transparent 72%);filter:blur(2px)}
#blx-home .stage{position:absolute;left:50%;top:50%;transform-style:preserve-3d;transform:translate(-50%,-56%)}
#blx-home .model{position:absolute;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(-30deg);animation:blxorbit 15s ease-in-out infinite}
@keyframes blxorbit{0%,100%{transform:rotateX(-24deg) rotateY(-28deg)}50%{transform:rotateX(-26deg) rotateY(-56deg)}}
#blx-home .model .geo{position:absolute;left:50%;top:50%;transform-style:preserve-3d;transform:translate3d(-84px,20px,0)}
#blx-home .seg{position:absolute;left:0;top:0;transform-style:preserve-3d}
#blx-home .joint{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:translateX(var(--l)) rotateZ(var(--a,0deg))}
#blx-home .slab{position:absolute;transform-style:preserve-3d;transform:translateX(calc(var(--l)/2))}
#blx-home .slab i{position:absolute;left:50%;top:50%;display:block;box-sizing:border-box;border:1px solid rgba(66,76,88,.30)}
#blx-home .slab .top{width:var(--l);height:120px;margin:-60px 0 0 calc(var(--l)/-2);background:#e6eaef;transform:rotateX(90deg) translateZ(6px)}
#blx-home .slab .bot{width:var(--l);height:120px;margin:-60px 0 0 calc(var(--l)/-2);background:#828b96;transform:rotateX(-90deg) translateZ(6px)}
#blx-home .slab .front{width:var(--l);height:12px;margin:-6px 0 0 calc(var(--l)/-2);background:#bdc4cc;transform:translateZ(60px)}
#blx-home .slab .back{width:var(--l);height:12px;margin:-6px 0 0 calc(var(--l)/-2);background:#949ba5;transform:rotateY(180deg) translateZ(60px)}
#blx-home .slab .rcap{width:120px;height:12px;margin:-6px 0 0 -60px;background:#aab1bb;transform:rotateY(90deg) translateZ(calc(var(--l)/2))}
#blx-home .slab .lcap{width:120px;height:12px;margin:-6px 0 0 -60px;background:#c8cfd6;transform:rotateY(-90deg) translateZ(calc(var(--l)/2))}
#blx-home .hole{position:absolute;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 40% 38%,#3b414a,#22262d 62%);box-shadow:0 0 0 3px #d3d9df,inset 0 1px 2px rgba(0,0,0,.55);border:0}
#blx-home .quote{position:absolute;right:-14px;bottom:-26px;background:#16181d;color:#fff;border:1px solid #2a2f37;border-radius:12px;padding:15px 18px;box-shadow:var(--shadow-lg);min-width:196px}
#blx-home .quote .q-lbl{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#9aa2ad}
#blx-home .quote .q-price{font-family:var(--mono);font-weight:600;font-size:1.5rem;margin:2px 0 8px;color:#fff}
#blx-home .quote .q-price .cur{color:var(--accent);font-size:.8rem;margin-right:4px}
#blx-home .quote .q-row{display:flex;justify-content:space-between;font-size:.78rem;color:#c3c9d1;padding:3px 0}
#blx-home .quote .q-row b{color:#fff;font-family:var(--mono);font-weight:500}
#blx-home .quote .ok{color:var(--accent)}
/* Quote-Karte: Lade-Sequenz (Machbarkeit -> Preis zaehlt -> Lieferung) */
#blx-home .quote .q-feas,#blx-home .quote .q-price,#blx-home .quote .q-ship{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
#blx-home .quote .q-feas.show,#blx-home .quote .q-price.show,#blx-home .quote .q-ship.show{opacity:1;transform:none}
#blx-home .quote .q-feas .ok{opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .35s cubic-bezier(.2,1.5,.4,1)}
#blx-home .quote .q-feas .ok.show{opacity:1;transform:none}
#blx-home .quote .q-num{font-variant-numeric:tabular-nums;color:var(--accent)}
#blx-home .quote .q-pre{font-size:.8rem;font-weight:500;color:#9aa2ad;margin-right:5px}
#blx-home .quote .q-ship b{color:var(--accent)}
#blx-home .quote .q-feas .ok{color:var(--accent)}
#blx-home .pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px;animation:blxpulse 1.8s infinite}
@keyframes blxpulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 70%,transparent)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* stat band */
#blx-home .stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-2)}
#blx-home .stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);padding:0}
#blx-home .stat{background:var(--surface-2);padding:26px 22px;text-align:center}
#blx-home .stat .n{font-family:var(--mono);font-size:1.7rem;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
#blx-home .stat .n .u{color:var(--accent);font-size:1rem}
#blx-home .stat .l{font-size:.82rem;color:var(--muted);margin-top:2px}

/* sections */
#blx-home section{padding:88px 0;position:relative}
#blx-home .sec-head{max-width:640px;margin-bottom:44px}
#blx-home .sec-head h2{font-size:clamp(1.9rem,3.4vw,2.75rem) !important;margin:12px 0 0}
#blx-home .sec-head p{color:var(--muted);font-size:1.08rem;margin-top:14px}

/* usp */
#blx-home .usp{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
#blx-home .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}
#blx-home .card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-strong)}
#blx-home .card .ic{width:46px;height:46px;border-radius:11px;background:color-mix(in srgb,var(--accent) 16%,var(--surface));display:grid;place-items:center;margin-bottom:18px;color:var(--accent-deep)}
#blx-home .card h3{font-size:1.16rem !important;letter-spacing:-.01em}
#blx-home .card p{color:var(--muted);font-size:.96rem;margin-top:8px}

/* process */
#blx-home .proc{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
#blx-home .proc::before{content:"";position:absolute;top:34px;left:8%;right:8%;height:2px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 8px,transparent 8px 16px)}
#blx-home .step{text-align:center;padding:0 22px;position:relative}
#blx-home .step .badge{width:68px;height:68px;border-radius:16px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow);display:grid;place-items:center;margin:0 auto 22px;font-family:var(--mono);font-weight:600;font-size:1.5rem;color:var(--ink);position:relative;z-index:1}
#blx-home .step .badge .k{position:absolute;bottom:-11px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--on-accent);width:30px;height:30px;border-radius:50%;font-size:.95rem;display:grid;place-items:center;font-weight:700;box-shadow:0 2px 6px rgba(20,24,32,.18)}
#blx-home .step h3{font-size:1.22rem !important}
#blx-home .step-link{display:inline-block;margin-top:12px;font-weight:700;font-size:.9rem;color:var(--accent-deep);text-decoration:none}
#blx-home .step-link:hover{text-decoration:underline}
#blx-home .step p{color:var(--muted);font-size:.96rem;margin-top:9px;max-width:30ch;margin-inline:auto}

/* services */
#blx-home .serv{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#blx-home .svc{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .18s,transform .18s,box-shadow .18s}
#blx-home .svc:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow)}
#blx-home .svc-media{aspect-ratio:4/3;overflow:hidden;background:var(--surface-2)}
#blx-home .svc-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
#blx-home .svc:hover .svc-media img{transform:scale(1.05)}
#blx-home .svc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px}
#blx-home .svc .sname{font-weight:700;font-size:1rem;letter-spacing:-.01em;color:var(--ink)}
#blx-home .svc-arrow{color:var(--accent-deep);font-weight:700;transition:transform .18s}
#blx-home .svc:hover .svc-arrow{transform:translateX(3px)}

/* reviews */
#blx-home .reviews{background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#blx-home .rev-top{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:38px}
#blx-home .rev-score{font-family:var(--mono);font-size:3.4rem;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--ink)}
#blx-home .rev-meta .stars{font-size:1.3rem}
#blx-home .rev-meta .rm-sub{color:var(--muted);font-size:.92rem;margin-top:4px}
#blx-home .rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
#blx-home .rcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:12px}
#blx-home .rcard .rq{font-size:1rem;line-height:1.6;color:var(--ink)}
#blx-home .rcard .rby{display:flex;align-items:center;gap:11px;margin-top:auto}
#blx-home .rcard .av{width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-weight:700;font-size:.92rem}
#blx-home .rcard .rby .rn{font-weight:700;font-size:.9rem}
#blx-home .rcard .rby .rd{font-size:.76rem;color:var(--faint);font-family:var(--mono)}
#blx-home .rcard .rstars{color:var(--accent);letter-spacing:1px;font-size:.9rem}

/* cta */
#blx-home .cta{background:#141519;color:#fff;border:1px solid #23272e;border-radius:24px;padding:60px;text-align:center;position:relative;overflow:hidden}
#blx-home .cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(80% 120% at 50% -20%,#000,transparent 70%);mask-image:radial-gradient(80% 120% at 50% -20%,#000,transparent 70%)}
#blx-home .cta>*{position:relative}
#blx-home .cta h2{color:#fff !important;font-size:clamp(2rem,3.6vw,3rem) !important}
#blx-home .cta p{color:#c3c9d1;max-width:46ch;margin:16px auto 30px;font-size:1.1rem}
#blx-home .cta .u-accent{color:var(--accent)}

/* ===== NEUE INHALTS-SEKTIONEN (v2) ===== */
/* Feature: Bild + Text (Story, Fertigung, Success Story) */
#blx-home .feature{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
#blx-home .feature.reverse .feature-media{order:2}
#blx-home .feature-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);display:block}
#blx-home .feature-body .eyebrow{margin-bottom:12px}
#blx-home .feature-body h2{font-size:clamp(1.8rem,3.2vw,2.5rem) !important}
#blx-home .feature-body p{color:var(--muted);font-size:1.06rem;margin-top:16px;line-height:1.6}
#blx-home .feature-body b{color:var(--ink);font-weight:700}
#blx-home .feature-body .btn{margin-top:26px}

/* Meilensteine */
#blx-home .milestones{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:11px}
#blx-home .milestones li{display:flex;gap:14px;align-items:baseline;font-size:.98rem;color:var(--ink)}
#blx-home .milestones .yr{font-family:var(--mono);font-weight:600;color:var(--accent-deep);min-width:46px;font-size:.86rem}

/* Länder-Karten */
#blx-home .countries{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
#blx-home .country{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:3px}
#blx-home .country .cc{font-family:var(--mono);font-weight:700;font-size:.72rem;letter-spacing:.08em;color:var(--accent-deep);background:color-mix(in srgb,var(--accent) 16%,var(--surface));width:36px;height:24px;display:grid;place-items:center;border-radius:6px;margin-bottom:7px}
#blx-home .country b{font-size:1rem;font-weight:700}
#blx-home .country span{font-size:.85rem;color:var(--muted)}

/* Referenz-Logos */
#blx-home .logos{display:grid;grid-template-columns:repeat(6,1fr);gap:28px;align-items:center;margin-top:8px}
#blx-home .logos img{width:100%;max-height:52px;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .2s,opacity .2s}
#blx-home .logos img:hover{filter:none;opacity:1}

/* Impressionen-Fotostrip */
#blx-home .impressions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
#blx-home .impressions img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid var(--line);display:block}

/* Neuigkeiten */
#blx-home .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
#blx-home .news-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}
#blx-home .news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-strong)}
#blx-home .news-card .thumb{aspect-ratio:16/10;object-fit:cover;width:100%;display:block;background:var(--surface-2)}
#blx-home .news-card .nc-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
#blx-home .news-card .nc-date{font-family:var(--mono);font-size:.72rem;color:var(--faint);text-transform:uppercase;letter-spacing:.05em}
#blx-home .news-card h3{font-size:1.06rem !important;line-height:1.28 !important}
#blx-home .news-card .nc-more{margin-top:auto;font-weight:700;font-size:.9rem;color:var(--accent-deep)}

/* Social-Band */
#blx-home #social .social-band{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:34px 40px}
#blx-home .social-band h2{font-size:clamp(1.6rem,2.6vw,2.1rem) !important;margin-top:6px}
#blx-home .social-links{display:flex;gap:12px;flex-wrap:wrap}
#blx-home .social-links a{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:.92rem;padding:11px 16px;border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);transition:border-color .18s,background .18s}
#blx-home .social-links a:hover{border-color:var(--accent);background:var(--surface-2)}
#blx-home .social-links svg{width:19px;height:19px}

/* Aktions-Banner: Streifen ueber die volle Seitenbreite, ueber dem Hero (WP-Widget, sprachabhaengig) */
#blx-home .hero-banner{background:#000;color:var(--accent)}
#blx-home .hero-banner .wrap{display:flex;align-items:center;justify-content:center;gap:9px;padding-top:12px;padding-bottom:12px;font-size:.93rem;line-height:1.35;font-weight:600}
#blx-home .hb-ico{flex:none;width:17px;height:17px;color:var(--accent)}
#blx-home .hb-text :first-child{margin:0}
#blx-home .hero-banner a{color:var(--accent);text-decoration:none;font-weight:600}
#blx-home .hero-banner a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
#blx-home .hb-title{display:none}
/* Desktop: Enfold-Header ist fixed/transparent (~90px) und liegt ueber dem Inhalt.
   Nur wenn ein Banner vorhanden ist: Inhalt um Header-Hoehe nach unten, damit der Streifen frei liegt. */
@media (min-width:990px){
  #blx-home.blx-has-banner{padding-top:90px}
}
@media (max-width:560px){
  #blx-home .hero-banner .wrap{font-size:.85rem;padding-top:10px;padding-bottom:10px}
}

@media (max-width:900px){
  #blx-home .feature{grid-template-columns:1fr;gap:30px}
  #blx-home .feature.reverse .feature-media{order:0}
  #blx-home .logos{grid-template-columns:repeat(3,1fr);gap:22px}
  #blx-home .news-grid{grid-template-columns:1fr 1fr}
  #blx-home #social .social-band{padding:28px}
}
@media (max-width:560px){
  #blx-home .countries{grid-template-columns:1fr}
  #blx-home .impressions,#blx-home .news-grid{grid-template-columns:1fr}
  #blx-home .logos{grid-template-columns:repeat(2,1fr)}
  #blx-home #social .social-band{flex-direction:column;align-items:flex-start;gap:18px}
}

/* Mobile-only "Alle …"-Buttons: am Desktop ausgeblendet */
#blx-home .blx-only-mob{display:none}

/* reveal */
#blx-home .reveal{opacity:1;transform:none}
#blx-home .reveal.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  #blx-home *{animation:none !important;transition:none !important}
  #blx-home .reveal{opacity:1;transform:none}
}
@media (max-width:900px){
  #blx-home .hero .wrap{grid-template-columns:1fr;gap:44px}
  #blx-home .blueprint{max-width:440px}
  #blx-home .usp,#blx-home .rev-grid{grid-template-columns:1fr 1fr}
  #blx-home .serv{grid-template-columns:1fr 1fr}
  #blx-home .proc{grid-template-columns:1fr;gap:34px}
  #blx-home .proc::before{display:none}
  #blx-home .stats .wrap{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  #blx-home{font-size:16px}
  #blx-home .usp,#blx-home .rev-grid,#blx-home .serv{grid-template-columns:1fr}
  #blx-home .cta{padding:40px 24px}
  /* Quote-Karte weiterhin ueber die 3D-Karte gelegt (Zusammengehoerigkeit wie am Desktop) */
  #blx-home .quote{right:10px;bottom:-22px;min-width:0;width:78%;max-width:260px}
  #blx-home .rev-top{gap:14px}
  /* "Alle …"-Buttons mobil unter die Inhalte, linksbuendig */
  #blx-home .blx-hide-mob{display:none !important}
  #blx-home .blx-only-mob{display:block !important;margin-top:24px;text-align:left}
  #blx-home .blx-only-mob .btn{display:inline-flex}
  /* Leistungen & Blogbeitraege: horizontaler Slider mit Peek (naechste Karte schaut rechts hervor) */
  #blx-home .serv,
  #blx-home .news-grid{display:flex;grid-template-columns:none;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 24px 10px 0;margin:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  #blx-home .serv::-webkit-scrollbar,#blx-home .news-grid::-webkit-scrollbar{display:none}
  #blx-home .serv>*,#blx-home .news-grid>*{flex:0 0 78%;scroll-snap-align:start}
  /* Button am Ende der horizontalen Liste */
  #blx-home .blx-slide-more{display:inline-flex !important;flex:0 0 auto;align-self:center;scroll-snap-align:end;white-space:nowrap;margin:0 0 0 2px}
}