/* ===== Polygon One — Responsive-Layer (Tablet & Smartphone) ===== */
img,svg,iframe{max-width:100%}
canvas{max-width:100%}
@media (max-width:1180px){
  .wrap,.wrap-wide{padding:0 28px}
}
@media (max-width:1020px){
  .nav-links{display:none !important}
  .nav .nav-textlink{display:none !important}
  .nav-actions .btn-primary{display:none !important}
  .nav-burger{display:flex !important}
}
@media (max-width:900px){
  html{-webkit-text-size-adjust:100%}
  /* Top-Level-Grids (inline gestylt) untereinander stapeln */
  section > .wrap > div[style*="grid-template-columns"],
  section > .wrap > a[style*="grid-template-columns"]{grid-template-columns:1fr !important;gap:44px !important}
  /* Footer: 2-spaltig */
  footer .wrap > div[style*="grid-template-columns"]{grid-template-columns:1fr 1fr !important;gap:36px 28px !important}
  /* EUDR-Hero */
  .hero-grid{grid-template-columns:1fr !important;gap:48px !important;padding:0 28px}
  .hero-grid > *{min-width:0;max-width:100%}
  .hero-globe-col{min-height:440px;overflow:hidden}
  .hero-globe-col > *{max-width:100%}
  .hero-globe-col canvas{aspect-ratio:1/1;height:auto !important}
  /* Bento-Kacheln volle Breite */
  #pflichten .rq-bento > *{grid-column:1 / -1 !important}
  #pflichten .rq-head{grid-template-columns:1fr !important;align-items:start !important}
  .p1-chat{max-width:100%}
  #blog .blog-item{padding:14px 10px}
  .guest-post{gap:18px !important}
  .jr-feat{grid-template-columns:1fr !important}
  .jr-feat-img{min-height:240px !important}
  /* Startseiten-Hero: Förderer-Zeile umbrechen statt überlaufen */
  .home-head{flex-wrap:wrap}
  .home-meta{min-width:0;max-width:100%}
  .home-meta .fl{flex-wrap:wrap}
}
@media (max-width:640px){
  .wrap,.wrap-wide{padding:0 18px}
  .h-display{font-size:clamp(34px,9.5vw,46px) !important}
  .h-section{font-size:clamp(27px,7.6vw,36px) !important}
  .lede{font-size:16.5px !important}
  section > .wrap > div[style*="grid-template-columns"]{gap:36px !important}
  /* Marquee-Logos kleiner */
  .customer-logo{height:84px}
  .ue-partners .customer-logo{height:34px;width:104px}
  .customer-marquee{gap:44px}
  /* Countdown-Ziffern */
  .cd-digits{flex-wrap:wrap !important;justify-content:center !important;gap:8px 18px !important}
  .cd-digits > div > div:first-child{font-size:clamp(42px,13vw,64px) !important}
  .cd-digits > span{display:none !important}
  /* Rohstoff-Mosaik */
  #pflichten .com-grid{grid-template-columns:repeat(3,1fr) !important}
  /* Journal */
  .jr-grid{grid-template-columns:1fr !important}
  .jr-filter{gap:6px}
  .jf{padding:8px 13px;font-size:11px}
  /* Über uns */
  .crew-grid{grid-template-columns:1fr 1fr !important}
  .crew-grid.crew-founders{grid-template-columns:1fr !important;max-width:320px !important}
  /* Artikel */
  .art-visual{height:200px !important}
  .art-ghost{font-size:70px !important}
  .art-doc h2{font-size:22px !important}
  /* Startseite */
  .home-head{padding:6px 18px 0 !important}
  .home-meta{display:none !important}
  .hp-col{padding:40px 20px !important}
  /* Footer 1-spaltig */
  footer .wrap > div[style*="grid-template-columns"]{grid-template-columns:1fr !important;gap:32px !important}
  /* Buttons dürfen umbrechen */
  .hero-cta-row,.home-cta-row{flex-wrap:wrap}
  .btn-lg{padding:13px 22px;font-size:15px}
  /* Startseiten-Hero: Text passend, nichts abgeschnitten */
  .home-head{flex-direction:column;align-items:flex-start}
  .home-head > div:first-child{min-width:0;max-width:100%}
  .home-h1{font-size:clamp(22px,6.6vw,38px) !important}
  .home-lede{font-size:16px !important;max-width:100%}
  .home-mark{right:12px !important;top:78px !important;width:46px !important;height:46px !important}
  .home-panel .ghost{font-size:clamp(64px,22vw,105px) !important}
  /* Produkt-Heros (EUDR/PPWR) */
  .hero-h1{font-size:clamp(30px,8.8vw,46px) !important}
  .hero-lede{font-size:16.5px !important}
  .hero-copy{padding:28px 0 40px !important}
  .hero-funders-row img{height:132px}
  .hero-partners-row img{height:52px}
  /* EUDR/PPWR-Hero kompakt */
  .hero-grid{padding:0 18px !important;min-height:0}
  .hero-dark{padding-top:96px !important}
  .cta-grain section{padding-top:64px !important}
  .k-dark.cta-grain{background:linear-gradient(180deg,rgba(7,20,31,0) 45%,rgba(7,20,31,0.5) 100%),linear-gradient(180deg,#0C1830 0%,#14233F 100%) !important}
  .hero-copy{max-width:100% !important}
  .hero-trust{flex-wrap:wrap;row-gap:6px}
  .hero-trust li{white-space:normal}
  .eyebrow{flex-wrap:wrap;white-space:normal}
  .hero-globe-col{min-height:0}
  /* Globus: quadratisch skalieren statt verzerren, Chain-Karte darunter statt daneben */
  .hero-globe-col > div:has(> canvas), .hero-globe-col div:has(> canvas){width:100% !important;height:auto !important}
  .hero-globe-col canvas{width:100% !important;height:auto !important;aspect-ratio:1/1}
  .hero-globe-col > div:has(> canvas) > div{position:static !important;margin:6px 0 0 !important;width:100% !important;box-sizing:border-box;transform:none !important}
  .fcard{transform:scale(0.5) !important;transform-origin:top left;left:12px !important;right:auto !important;top:14px !important}
  .fpanel{height:240px !important}
  .ue-hero > .ue-poly{width:440px !important;height:440px !important;max-width:none !important;right:-170px !important;opacity:0.3 !important;top:36px !important;transform:none !important}
  /* Über-uns-Hero kompakt: kleinere Förderer-Logos, weniger Padding */
  .ue-hero{padding:136px 0 56px !important}
  .ue-facts-row{gap:10px 18px !important}
  .ue-facts-row img{height:88px !important;width:auto !important;max-width:44vw}
  .hp-art{width:340px !important;height:340px !important;max-width:none !important;right:-70px !important;bottom:-70px !important}
  .crew-card .ph{overflow:hidden}
  .ue-facts-row img{margin:0 !important}
  /* Sektions-Headlines */
  .ind-h{font-size:clamp(16px,5.5vw,46px) !important}
  .hp-h{font-size:clamp(28px,8.4vw,44px) !important}
  .hp-col .days{font-size:clamp(60px,16vw,84px) !important}
  /* Inline-3-Spalten-Grids (z.B. PPWR-Timeline) stapeln */
  div[style*="repeat(3, 1fr)"]{grid-template-columns:1fr !important;gap:44px !important}
  div[style*="position: absolute"][style*="height: 1px"]{display:none}
  /* Lösung-Panel (EUDR): Kind-Spalten dürfen schrumpfen */
  .sol-panel{grid-template-columns:1fr !important;gap:28px !important;padding:26px 20px !important}
  .sol-panel > div{min-width:0;max-width:100%}
  .sol-panel > div:last-child{overflow:hidden}
  .sol-panel > div:last-child div{min-width:0;overflow-wrap:break-word;hyphens:auto}
  /* ERP-Diagramm: untereinander statt 3 Spalten */
  .erp-sync{flex-direction:column !important;align-items:stretch !important}
  .erp-sync .erp-arrows{transform:rotate(90deg);align-self:center}
  .erp-sync .erp-hub{width:100% !important;align-self:center}
  /* Datenerfassung: Wert unter dem Label statt daneben */
  .cap-row{flex-wrap:wrap}
  .cap-row .cap-l{flex:1 1 auto;hyphens:none;overflow-wrap:normal}
  .cap-row .cap-v{flex-basis:100%;margin-left:32px;hyphens:none}
  /* Rohstoff-Kacheln: 3 Spalten, damit „Kautschuk" nicht abschneidet */
  #pflichten .com-grid{grid-template-columns:repeat(3,1fr) !important}
  #pflichten .com-tile{padding:44px 10px 11px !important}
  #pflichten .com-tile b{font-size:12.5px !important;hyphens:auto;overflow-wrap:break-word;display:block}
  /* Branchen-Karten: Stagger-Versatz aufheben → gleichmäßige Abstände */
  .ind-card{--stag:0px !important}
  /* Über uns */
  .ue-h1{font-size:clamp(24px,8.2vw,64px) !important}
  .kr-h1{font-size:clamp(24px,7.8vw,64px) !important}
  .ue-lede{font-size:16.5px !important}
  .ue-nums .un-cell{padding:6px 14px 10px !important}
  html,body{overflow-x:clip}
}
/* Mobile-Menü */
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;margin-left:auto;background:none;border:none;cursor:pointer}
.nav-burger span{display:block;height:2px;border-radius:2px;background:var(--ink);transition:transform .3s,opacity .3s}
.nav[data-over="dark"] .nav-burger span{background:#fff}
.nav-burger[data-open="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger[data-open="true"] span:nth-child(2){opacity:0}
.nav-burger[data-open="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mob{position:absolute;top:calc(100% + 10px);left:16px;right:16px;z-index:99;display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:20px;background:rgba(250,252,254,0.97);backdrop-filter:blur(18px);box-shadow:0 24px 60px rgba(4,8,20,0.28);border:1px solid rgba(12,24,48,0.08)}
.nav[data-over="dark"] .nav-mob{background:rgba(13,24,44,0.97);border-color:rgba(255,255,255,0.12)}
.nav-mob a{padding:13px 16px;border-radius:12px;font-size:16px;font-weight:500;color:var(--ink);text-decoration:none}
.nav[data-over="dark"] .nav-mob a{color:rgba(255,255,255,0.9)}
.nav-mob a:hover{background:rgba(12,24,48,0.06)}
.nav[data-over="dark"] .nav-mob a:hover{background:rgba(255,255,255,0.08)}
.nav-mob .btn-primary{margin-top:8px;justify-content:center;color:#0C1830}