/* Mobil und Tablet, Runde 1 (23.10.2026). Seitenübergreifend, nach allen anderen Styles geladen.
   Desktop ab 1100 px bleibt unverändert, Ausnahmen: Trennung in Überschriften (8), Abstand H2 → Absatz (9), Platzhalter (13). */

/* 8 Keine automatische Silbentrennung in Überschriften */
h1,h2,h3{-webkit-hyphens:manual!important;hyphens:manual!important}
/* 9 Erster Absatz nach einer H2: 14 px */
h2+p{margin-top:14px!important}
/* Container mit Seitenrand: Rand zählt zur Breite */
[style*="max-width:1200px"][style*="padding:0 24px"],[style*="calc((100vw - 1200px) / 2 + 24px)"]{box-sizing:border-box}
/* 13 Platzhalter nachgeladener Bilder = Kartenfarbe */
img[data-foto],[data-uu-kachel] img,[data-uu-gf-bild] img{background:var(--bg-1)!important}
/* 7 Mobilmenü deckend */
[data-dmvnav-sheet]{background:rgba(14,13,12,.98)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important}

@media (max-width:1023.98px){
  /* 10 Webdesign „Sie sehen, wer da war": Liste → Karte */
  [data-lead-grid]>figure{margin-top:28px!important}
}

@media (max-width:900px){
  /* 4 „Kraftwerk": einspaltig, Text vor Grafik */
  [data-stop-grid]{grid-template-columns:minmax(0,1fr)!important}
  [data-stop-grid]>*{grid-column:1!important;grid-row:auto!important;max-width:none!important;width:100%!important}
  /* 3 Tab-Module mit Referenzen: Chip-Zeile, die scrollt */
  [data-pb-grid]{grid-template-columns:minmax(0,1fr)!important;row-gap:20px!important}
  [data-pb-grid]>*{min-height:0!important;height:auto!important;position:relative!important;top:auto!important}
  [data-pb-scroll]{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:0!important;padding:0 16px 6px 0!important;scroll-padding-left:0!important;scrollbar-width:thin;scrollbar-color:rgba(var(--ink-rgb),.22) transparent}
  [data-pb-scroll]::-webkit-scrollbar{height:3px}
  [data-pb-scroll]::-webkit-scrollbar-thumb{background:rgba(var(--ink-rgb),.22);border-radius:2px}
  [data-pb-scroll]>*{flex:none!important;scroll-snap-align:start}
  [data-pb-scroll] button{white-space:nowrap!important;width:auto!important}
  [data-pb-fade]{display:none!important}
  [data-pb-scroll]{align-items:flex-start!important;height:auto!important}
  [data-pb-scroll]>*{height:auto!important}
  /* 16 Diagrammachsen */
  .gk-ylab,.gk-xlab{font-size:12px!important}
  /* 14 Sektionen mit voller Bildschirmhöhe: Höhe nach Inhalt */
  section[data-screen][style*="min-height:100vh"]{min-height:auto!important;padding-top:var(--space-section,72px)!important;padding-bottom:var(--space-section,72px)!important}
  /* 16 Mindestschrift 12 px */
  [style*="font-size:9px"],[style*="font-size:9.5px"],[style*="font-size:10px"],[style*="font-size:10.5px"],[style*="font-size:11px"],[style*="font-size:11.5px"],[style*="font-size:.6875rem"],[style*="font-size:.625rem"]{font-size:12px!important}
}

@media (max-width:640px){
  /* 5 Vergleich IndustryStock.com / andere Portale: je Zeile ein Block */
  div:has(>[data-vrow])>div:first-child:not([data-vrow]){display:none!important}
  div:has(>[data-vrow])>:not([data-vrow])[style*="position:absolute"]{display:none!important}
  [data-vrow]{flex-wrap:wrap!important;gap:8px!important;padding:14px 0!important;border-top:1px solid rgba(var(--ink-rgb),.1)}
  [data-vrow]>span:first-child{flex:1 1 100%!important;padding:0!important;border-top:0!important;font-weight:600!important}
  [data-vrow]>span:nth-child(n+2){flex:1 1 0!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:4px;padding:10px 12px!important;border-radius:10px!important;border-top:0!important;overflow-wrap:anywhere}
  [data-vrow]>span:nth-child(2){box-shadow:inset 0 0 0 1.5px #96BE0D!important}
  [data-vrow]>span:nth-child(2)::before,[data-vrow]>span:nth-child(3)::before{display:block;font-size:12px;line-height:1.3;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-a5)}
  [data-vrow]>span:nth-child(2)::before{content:"IndustryStock.com";text-transform:none;letter-spacing:0}
  [data-vrow]>span:nth-child(3)::before{content:"Andere Portale"}
}

@media (max-width:600px){
  /* 2 Ergebnis-Stapel: Zahl passt in die Breite */
  html body [data-sc-gross],html body [data-claims-sec][data-cd-hell-claims] [data-sc-gross]{font-size:clamp(40px,15vw,112px)!important}
  [data-sc-gross]>span{white-space:nowrap}
  /* 6 Hero-Kennzahlen */
  html body header[data-screen][data-screen] [data-usp-grid][data-usp-grid]>*>span[aria-hidden="true"]+span,html body header[data-screen][data-screen] [data-usp-grid][data-usp-grid]>*>span[data-usp-wert],html body header[data-screen][data-screen] [data-usp-grid][data-usp-grid] [data-count],html body header[data-screen][data-screen] [data-hi-grid][data-hi-grid] [data-count]{font-size:clamp(26px,8vw,34px)!important;white-space:normal!important;overflow-wrap:anywhere;max-width:100%}
  html body [data-usp-grid]>*>span[aria-hidden="true"]+span *,html body [data-usp-grid] [data-usp-wert] *{white-space:normal!important}
}

@media (max-width:480px){
  /* 12 Startseite: drei Portraits nebeneinander */
  [data-ua-portraits]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  [data-ua-portraits] figcaption p:first-child{font-size:13px!important}
  [data-ua-portraits] figcaption p:last-child{font-size:12px!important}
}

/* 15 Ohne Bewegung: alles sofort sichtbar */
@media (prefers-reduced-motion:reduce){
  .anim-on [data-anim],.anim-on [data-anim] *{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
}

/* ── Runde 2 (Prompt 15) ─────────────────────────────────────────────── */
/* 5 Menü-Button im Sheet: volle Breite auch in Safari */
[data-dmvnav-sheet] button[data-eg-kal-auf]{width:100%!important;flex:0 0 auto!important;align-self:stretch!important;-webkit-appearance:none;appearance:none;box-sizing:border-box}
/* 7 /leistungen: Hero in der Kante der Kopfleiste */
@media (min-width:769px){
  main>header[data-blk]{padding-left:var(--kante-rand)!important;padding-right:var(--kante-rand)!important}
  main>header[data-blk]>div{max-width:var(--kante-inhalt)!important}
}
/* 1 Komplementär „Unsere Partner": Logos in festen Zellen */
@media (max-width:1023.98px){
  html body ul[data-partner]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
  html body ul[data-partner]{justify-items:stretch!important}
  html body ul[data-partner]>li{min-width:0!important;width:100%!important;justify-self:stretch!important}
  html body ul[data-partner] [data-logo]{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:56px!important;min-width:0!important}
  html body ul[data-partner] [data-logo] img{width:100%!important;height:100%!important;max-width:160px!important;object-fit:contain!important;margin:0 auto}
  html body ul[data-partner] [data-name-nur]{font-size:14px!important;line-height:1.3;text-align:center;color:var(--text-2)!important;white-space:normal!important}
}
@media (max-width:600px){
  html body ul[data-partner]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:900px){
  /* 2 Komplementär „Vier Beispiele": Karten untereinander statt Fächer */
  html body [data-faelle][data-an]{display:grid!important;gap:20px!important;position:static!important;height:auto!important;margin:0!important}
  html body [data-faelle][data-an]>li{position:static!important;left:auto!important;top:auto!important;width:100%!important;transform:none!important;opacity:1!important;visibility:visible!important;cursor:auto!important;transition:none!important}
  html body [data-buehne]{height:auto!important;min-height:0!important;position:static!important}
  html body [data-pfeile]{display:none!important}
  /* 4 /leistungen Stationen: einspaltig */
  html body [data-zeile]{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  html body [data-zeile]>*{grid-column:1!important;grid-row:auto!important;position:static!important;min-width:0!important;width:auto!important}
  html body [data-zeile] [data-nr]{position:static!important;flex-direction:row!important;align-items:center!important;font-size:14px!important;color:var(--kicker)!important}
  html body [data-zeile] [data-ziel]{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important}
  html body [data-zeile] [data-ziel] a{white-space:nowrap!important;-webkit-hyphens:none!important;hyphens:none!important}
  /* 6 SEO-Referenzkarte: Höhe aus dem Inhalt */
  html body .graph-card{height:auto!important;min-height:auto!important;flex-shrink:0!important;max-height:none!important;padding-bottom:20px!important;overflow:visible!important}
}
@media (max-width:600px){
  /* 3 Komplementär: Schrittleiste zweispaltig */
  html body [data-faelle] ul[style*="repeat(4,minmax(0,1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  html body [data-faelle] ul[style*="repeat(4,minmax(0,1fr))"]>li>*{overflow-wrap:anywhere!important;min-width:0}
  html body [data-faelle] ul[style*="repeat(4,minmax(0,1fr))"]>li>span:last-child{font-size:12px!important}
}