/*
 * Designsystem „Schulheft + Marktplatz“ – Familie: Materialsuche, Lieblingsprodukte, Über mich, Blog-Übersicht, Kontakt, Newsletter, Rechtstexte und übrige Seiten (body.gsr-sh-seite).
 * Wird von 064-gsr-testshop-schulheft.php nach gsr-schulheft.css eingebunden, sobald hier Regeln stehen
 * (eine Datei nur mit Kommentar wird nicht verlinkt). Tokens (--sh-…), Schriften, Kopf und Fuß kommen aus gsr-schulheft.css.
 * Teil „Seiten“ (Nacht 28./29.09.2026), siehe output/website-updates/20260928-schulheft-marktplatz/AUFTRAG-hauptseiten.md.
 *
 * Präfix #wp--skip-link--target#wp--skip-link--target (doppelte ID, Spezifität 2,0,0): Viele alte Regeln haben die Form
 * html body.gsr-rollout-20260909 #wp--skip-link--target … und laden NACH dieser Datei; mit einer ID wären sie gleich stark
 * oder stärker. Die Datei wird nur auf Seiten der Familie „seite“ eingebunden. !important nur gegen alte !important-Regeln.
 * Gruppenregeln stehen in :where() (bleiben bei 2,0,0), damit die Einzelregeln darunter sie sicher überschreiben.
 * Markup-Ergänzungen ohne Textänderung aus 067-gsr-testshop-schulheft-seiten.php: .gsr-sh-kopf (Kopf + Einleitung als eine
 * Heftseite), .gsr-sh-mark (Markerstrich unter einem Wort der H1), Body-Klasse gsr-sh-liniert (liniertes Blatt).
 * Korrektur nach Review 1 (29.09.2026): gemeinsame Vorgaben A–D aus KORREKTUR-review-1.md (Kachel-Fußzeile, Schriftskala,
 * Chips/Aufklapper, Randnotiz-Regel); Newsletter-Notiz unter den Punkten; Link-Kacheln als Chip-Reihe.
 */

body.gsr-sh-seite {
  --sh-lines: repeating-linear-gradient(transparent 0 22px, var(--sh-rule) 22px 23px, transparent 23px 32px); /* Lineatur-Regel: Linie bei 22 px = Grundlinie Inter 16–19/32 */
  --sh-randlinie: linear-gradient(90deg, transparent calc(var(--sh-margin) - 14px), var(--sh-margin-line) calc(var(--sh-margin) - 14px), var(--sh-margin-line) calc(var(--sh-margin) - 12px), transparent calc(var(--sh-margin) - 12px));
  --sh-karo: linear-gradient(var(--sh-grid) 1px, transparent 1px), linear-gradient(90deg, var(--sh-grid) 1px, transparent 1px);
  --sh-inset: calc(var(--sh-margin) + 48px);
  --sh-top: 96px;
  --sh-page: var(--gsr-standard-page-width, min(1480px, calc(100% - 64px)));
}

/* ---------- Seitenrahmen: gleiche Breite wie Kopf und Startseite ---------- */

#wp--skip-link--target#wp--skip-link--target {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: auto !important;
}

#wp--skip-link--target#wp--skip-link--target > .entry-content {
  margin: 0 !important;
  max-width: none !important;
  padding: 0 0 96px !important;
  width: auto !important;
}

#wp--skip-link--target#wp--skip-link--target > .entry-content > *,
#wp--skip-link--target#wp--skip-link--target > .entry-content > .seo-page:has(> .gsr-sh-kopf) > * {
  box-sizing: border-box !important;
  left: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: none !important;
  transform: none !important;
  width: var(--sh-page) !important;
}

#wp--skip-link--target#wp--skip-link--target > .entry-content > :is(.seo-page, .gsr-blog-list-section, .gsr-modern-favorites, .gsr-legal-doc, .gsr-bestseller-page, .gsr-fit-in-overview) {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target > .entry-content > :is(p, h2, h3, ol, ul, form) {
  max-width: 760px !important;
}

/* „Auf dieser Seite“ steht im Quelltext vor dem Kopf; sichtbar kommt die Heftseite zuerst (Reihenfolge im DOM bleibt). */
#wp--skip-link--target#wp--skip-link--target > .entry-content:has(> .seo-page > .gsr-sh-kopf) {
  display: flex !important;
  flex-direction: column;
}

#wp--skip-link--target#wp--skip-link--target > .entry-content > .seo-page:has(> .gsr-sh-kopf) {
  display: contents !important;
}

#wp--skip-link--target#wp--skip-link--target > .entry-content:has(> .seo-page > .gsr-sh-kopf) > .gsr-modern-jump-nav { order: 1; }
#wp--skip-link--target#wp--skip-link--target > .entry-content > .seo-page:has(> .gsr-sh-kopf) > * { order: 2; }
#wp--skip-link--target#wp--skip-link--target > .entry-content > .seo-page > .gsr-sh-kopf { order: 0; }

/* ---------- Heftseite oben: kariert (Standard) oder liniert ---------- */

#wp--skip-link--target#wp--skip-link--target :where(.gsr-sh-kopf, .gsr-search-hero, .gsr-modern-favorites-hero, .gsr-compact-page-intro, .gsr-modern-contact, .gsr-newsletter-landing, .gsr-test-wishlist-heading) {
  background: var(--sh-randlinie), var(--sh-karo), var(--sh-paper) !important;
  background-position: 0 0, 0 -1px, -1px 0 !important;
  background-size: 100% 100%, 24px 24px, 24px 24px !important;
  border: var(--sh-stroke) solid var(--sh-ink) !important;
  border-radius: var(--sh-radius) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: var(--sh-ink) !important;
  margin: 28px auto 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  padding: 64px 56px 52px var(--sh-inset) !important;
  position: relative;
  text-align: left !important;
  width: auto !important;
}

/* Liniertes Blatt: oben ein freier Kopfstreifen für die Randnotiz, darunter 32-px-Linien, auf denen der Text steht. */
.gsr-sh-liniert #wp--skip-link--target#wp--skip-link--target :where(.gsr-sh-kopf, .gsr-compact-page-intro, .gsr-modern-contact, .gsr-newsletter-landing) {
  background: var(--sh-randlinie), linear-gradient(var(--sh-paper), var(--sh-paper)) 0 0 / 100% var(--sh-top) no-repeat, var(--sh-lines) 0 var(--sh-top) / 100% 32px, var(--sh-paper) !important;
  padding-top: var(--sh-top) !important;
}

@media (min-width: 960px) {
  .gsr-sh-liniert #wp--skip-link--target#wp--skip-link--target .gsr-sh-kopf:not(:has(.seo-eyebrow)) { --sh-top: 64px; }
  .gsr-sh-liniert #wp--skip-link--target#wp--skip-link--target .gsr-newsletter-landing { --sh-top: 64px; }
}

/* Alte Deko-Kreise und Verläufe, die vorher abgeschnitten waren */
#wp--skip-link--target#wp--skip-link--target .gsr-modern-contact::after,
#wp--skip-link--target#wp--skip-link--target .gsr-freebie-spotlight::after,
#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorites-hero::before {
  content: none !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-sh-kopf > .seo-hero, .gsr-modern-favorites-hero__copy) {
  display: contents !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-sh-kopf, .gsr-search-hero, .gsr-modern-favorites-hero, .gsr-compact-page-intro, .gsr-modern-contact, .gsr-newsletter-landing, .gsr-test-wishlist-heading) h1 {
  color: var(--sh-ink) !important;
  font-family: var(--sh-display) !important;
  font-size: clamp(2rem, 1.2rem + 2.6vw, 3.5rem) !important;
  font-weight: 400 !important;
  letter-spacing: -.012em !important;
  line-height: 1.08 !important;
  margin: 0 !important;
  max-width: 19ch !important;
  padding: 0 !important;
  text-align: left !important;
  text-wrap: balance;
}

/* Auf Linien: 64 px Zeilenhöhe (zwei Heftzeilen), Grundlinie der Young Serif genau auf der Linie (Oberlänge 1,046 em, Unterlänge 0,366 em). */
.gsr-sh-liniert #wp--skip-link--target#wp--skip-link--target :where(.gsr-sh-kopf, .gsr-compact-page-intro, .gsr-modern-contact, .gsr-newsletter-landing) h1 {
  font-size: clamp(2rem, 1.2rem + 2.6vw, 2.5rem) !important; /* Lineatur-Regel: Oberlänge 0,8 em ≤ 32 px, Buchstaben stoßen höchstens an die nächste Linie */
  line-height: 64px !important;
  position: relative;
  top: calc(22.25px - .34em); /* Lineatur-Regel, Näherung ohne round() */
  top: calc(54px - round(down, (64px - round(1.046em, 1px) - round(.366em, 1px)) / 2, 1px) - round(1.046em, 1px)); /* Young Serif, 64-px-Zeile: Grundlinie exakt auf der Linie */
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-sh-kopf, .gsr-search-hero, .gsr-modern-favorites-hero, .gsr-compact-page-intro, .gsr-modern-contact__copy, .gsr-newsletter-copy, .gsr-test-wishlist-heading) :is(h1 + p, p + p, .seo-hero + p):not([class*="kicker"], [class*="eyebrow"], .gsr-modern-favorites-disclosure, .gsr-herbst-quicklinks) {
  color: var(--sh-ink-soft) !important;
  font-family: var(--sh-text) !important;
  font-size: 19px !important;
  line-height: 1.6 !important;
  margin: 20px 0 0 !important;
  max-width: 40em !important;
  text-align: left !important;
}

.gsr-sh-liniert #wp--skip-link--target#wp--skip-link--target :where(.gsr-sh-kopf, .gsr-compact-page-intro, .gsr-modern-contact__copy, .gsr-newsletter-copy) :is(h1 + p, p + p, .seo-hero + p):not([class*="kicker"], [class*="eyebrow"]) {
  color: var(--sh-ink) !important;
  font-size: 18px !important;
  line-height: 32px !important;
  margin: 32px 0 0 !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-sh-kopf, .gsr-search-hero, .gsr-modern-favorites-hero, .gsr-modern-contact__copy, .gsr-newsletter-copy) p strong {
  color: var(--sh-ink) !important;
  font-weight: 650 !important;
}

/* Textlinks: Tinte mit Marker-Rosé-Unterstreichung */
#wp--skip-link--target#wp--skip-link--target :where(.gsr-sh-kopf, .gsr-search-hero, .gsr-modern-favorites-hero, .gsr-compact-page-intro, .gsr-modern-contact__copy, .gsr-newsletter-copy, .gsr-page-nav-section, .seo-page > section, .gsr-materialien-intro, .gsr-freebie-spotlight-copy, .gsr-legal-doc, .gsr-favorites-footnote, .gsr-newsletter-disclaimer) p a:not([class*="button"], .gsr-modern-contact__mail),
#wp--skip-link--target#wp--skip-link--target :where(.gsr-legal-print, .gsr-blog-card-button, .gsr-freebie-spotlight-button:not(.is-primary)),
#wp--skip-link--target#wp--skip-link--target > .entry-content > h1.gsr-modern-legal-title + * a {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--sh-ink) !important;
  display: inline !important;
  overflow-wrap: anywhere;
  padding: 0 !important;
  text-decoration: underline !important;
  text-decoration-color: var(--sh-rose-mid) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-sh-kopf, .gsr-search-hero, .gsr-modern-favorites-hero, .gsr-compact-page-intro, .gsr-modern-contact__copy, .gsr-newsletter-copy, .gsr-page-nav-section, .seo-page > section, .gsr-materialien-intro, .gsr-freebie-spotlight-copy, .gsr-legal-doc, .gsr-favorites-footnote, .gsr-newsletter-disclaimer) p a:not([class*="button"], .gsr-modern-contact__mail):hover,
#wp--skip-link--target#wp--skip-link--target :where(.gsr-legal-print, .gsr-blog-card-button, .gsr-freebie-spotlight-button:not(.is-primary)):hover,
#wp--skip-link--target#wp--skip-link--target > .entry-content > h1.gsr-modern-legal-title + * a:hover {
  color: var(--sh-action) !important;
  text-decoration-color: var(--sh-action) !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-legal-print, .gsr-blog-card-button, .gsr-freebie-spotlight-button:not(.is-primary)) {
  align-items: center;
  cursor: pointer;
  display: inline-flex !important;
  font-family: var(--sh-text) !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  min-height: 44px !important;
  padding: 0 !important;
  text-underline-offset: 6px;
}

/* ---------- Randnotizen in Grundschrift ---------- */

#wp--skip-link--target#wp--skip-link--target :where(.seo-eyebrow, .gsr-search-kicker, .gsr-modern-eyebrow, .gsr-newsletter-kicker, .gsr-legal-kicker, .gsr-materialsuche-progress-summary, .gsr-blog-card-meta, .gsr-freebie-spotlight-badge, .gsr-newsletter-points > li > span, .gsr-materialsuche-field--sort > .gsr-materialsuche-field-label) {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--sh-action) !important;
  font-family: var(--sh-hand) !important;
  font-size: 25px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  padding: 0 !important;
  text-transform: none !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-materialsuche-progress-summary, .gsr-blog-card-meta, .gsr-freebie-spotlight-badge) {
  display: inline-block !important;
  transform: rotate(-2deg);
  white-space: nowrap;
  width: fit-content;
}

/* Dachzeilen werden Randnotizen oben rechts, wo im Heft das Datum steht (nie direkt über der Überschrift). */
#wp--skip-link--target#wp--skip-link--target :where(.seo-eyebrow, .gsr-search-kicker, .gsr-modern-favorites-hero .gsr-modern-eyebrow, .gsr-compact-page-intro > .gsr-modern-eyebrow, .gsr-modern-contact .gsr-modern-eyebrow, .gsr-legal-kicker) {
  background: url("motive/welle.svg") no-repeat 100% 100% / 86px 9px !important;
  font-size: 25px !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 0 10px !important;
  position: absolute;
  right: 44px;
  top: 20px;
  transform: rotate(-2deg);
  white-space: nowrap;
}

/* Auf dem linierten Blatt steht die Randnotiz in der Häuschen-Lineatur der Klasse 1: Dachlinie, rosa Erdgeschoss,
   Grundlinie, Kellerlinie. Aus den Schriftmaßen der Grundschrift (Oberlänge 0,899 em, Versal 0,807 em, x-Höhe 0,43 em)
   bei 1,6 em Zeilenhöhe und 0,2 em Abstand oben: Grundlinie 1,299 em, Dach 0,492 em, Erdgeschoss ab 0,869 em, Keller 1,729 em. */
.gsr-sh-liniert #wp--skip-link--target#wp--skip-link--target :where(.gsr-compact-page-intro > .gsr-modern-eyebrow, .gsr-modern-contact .gsr-modern-eyebrow, .gsr-newsletter-kicker) {
  --sh-hl: rgba(152, 76, 103, .3);
  background:
    linear-gradient(var(--sh-hl), var(--sh-hl)) 0 .492em / 100% 1px no-repeat,
    linear-gradient(rgba(152, 76, 103, .22), rgba(152, 76, 103, .22)) 0 .869em / 100% 1px no-repeat,
    linear-gradient(rgba(152, 76, 103, .6), rgba(152, 76, 103, .6)) 0 1.299em / 100% 1px no-repeat,
    linear-gradient(var(--sh-hl), var(--sh-hl)) 0 1.729em / 100% 1px no-repeat,
    linear-gradient(var(--sh-rose), var(--sh-rose)) 0 .869em / 100% .43em no-repeat,
    var(--sh-paper) !important;
  color: var(--sh-ink) !important;
  font-size: 25px !important;
  line-height: 1.6em !important;
  padding: .2em .8em .35em !important;
  right: 40px;
  top: 16px;
  transform: none;
}

/* Lineatur-Regel: Grundlinie exakt so gerundet wie die Schrift im Browser (ganze Pixel für Ober- und Unterlänge,
   halber Durchschuss abgerundet), alle Häuschen-Linien davon abgeleitet; ohne round() gilt die em-Näherung oben. */
@supports (top: round(1px, 1px)) {
  .gsr-sh-liniert #wp--skip-link--target#wp--skip-link--target :where(.gsr-compact-page-intro > .gsr-modern-eyebrow, .gsr-modern-contact .gsr-modern-eyebrow, .gsr-newsletter-kicker) {
    --sh-hb: calc(.2em + round(down, (1.6em - round(.899em, 1px) - round(.301em, 1px)) / 2, 1px) + round(.899em, 1px));
    background:
      linear-gradient(var(--sh-hl), var(--sh-hl)) 0 calc(var(--sh-hb) - .807em) / 100% 1px no-repeat,
      linear-gradient(rgba(152, 76, 103, .22), rgba(152, 76, 103, .22)) 0 calc(var(--sh-hb) - .43em) / 100% 1px no-repeat,
      linear-gradient(rgba(152, 76, 103, .6), rgba(152, 76, 103, .6)) 0 var(--sh-hb) / 100% 1px no-repeat,
      linear-gradient(var(--sh-hl), var(--sh-hl)) 0 calc(var(--sh-hb) + .43em) / 100% 1px no-repeat,
      linear-gradient(var(--sh-rose), var(--sh-rose)) 0 calc(var(--sh-hb) - .43em) / 100% .43em no-repeat,
      var(--sh-paper) !important;
  }
}

/* ---------- Markerstrich: einmal pro Seite unter einem Wort der H1 ---------- */

#wp--skip-link--target#wp--skip-link--target h1 .gsr-sh-mark {
  display: inline-block;
  isolation: isolate;
  position: relative;
  white-space: nowrap;
}

#wp--skip-link--target#wp--skip-link--target h1 .gsr-sh-mark::before {
  animation: gsr-sh-seite-marker .95s var(--sh-ease) .35s both;
  background: url("motive/markerstrich.webp") no-repeat 0 50% / 100% 100%;
  bottom: .04em;
  content: "";
  height: .5em;
  left: -.1em;
  opacity: .5;
  position: absolute;
  right: -.12em;
  z-index: -1;
}

@keyframes gsr-sh-seite-marker {
  from { clip-path: inset(0 100% 0 0); }
  to { clip-path: inset(0 0 0 0); }
}

/* ---------- Anfassbares: Chips, Pillen, Knöpfe (1,5 px Tinte) ---------- */

#wp--skip-link--target#wp--skip-link--target :where(.gsr-topic-pills, .gsr-search-quicklinks, .gsr-freebie-tabs, .gsr-legal-tabs, .gsr-modern-contact-socials, .gsr-freebie-spotlight-actions) {
  align-items: center !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: flex-start !important;
  margin: 28px 0 0 !important;
  padding: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-topic-pills, .gsr-freebie-tabs, .gsr-freebie-spotlight-actions, .gsr-blog-card-cover, .gsr-freebie-spotlight-cover-link, .gsr-overview-link-grid, .gsr-search-quicklinks) > br {
  display: none;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-topic-pills > a, .gsr-search-quicklinks > a, .gsr-freebie-tabs > a, .gsr-legal-tabs > a, .gsr-modern-contact-socials__link, .gsr-materialsuche-checkbox, details.gsr-modern-jump-nav > summary, details.gsr-modern-jump-nav > nav > a, .gsr-materialsuche-checkbox-group > summary, .gsr-page-section-menu-title, .gsr-overview-link-card > .gsr-overview-link-card-title, .gsr-filter-toolbar .gsr-materialsuche-mobile-filter-toggle, .gsr-materialsuche-reset, .gsr-load-more-button, .gsr-grid-footer > a, .gsr-modern-contact__mail, .gsr-material-card-icon-button, .gsr-materialsuche-select) {
  align-items: center !important;
  background: var(--sh-card) !important;
  border: var(--sh-stroke) solid var(--sh-ink) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: var(--sh-ink) !important;
  cursor: pointer;
  display: inline-flex !important;
  font-family: var(--sh-text) !important;
  font-size: 16px !important;
  font-weight: 620 !important;
  gap: 8px !important;
  height: auto !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  list-style: none !important;
  margin: 0 !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  text-decoration: none !important;
  text-transform: none !important;
  transition: transform .16s var(--sh-ease), box-shadow .16s var(--sh-ease), background-color .16s linear, color .16s linear;
  width: auto !important;
}

/* Hover/Fokus der Chips (Vorgabe C, Startseiten-Standard): Themenlinks, Schnelleinstiege, Reiter, Sprungmarken, Filter-Chips,
   Chip-Reihe der Link-Kacheln – Aktionsrosé, weiße Schrift, harter 3-px-Versatz. Ausgewählte Reiter und Filter behalten ihren Zustand. */
#wp--skip-link--target#wp--skip-link--target :where(.gsr-topic-pills > a, .gsr-search-quicklinks > a, .gsr-freebie-tabs > a:not(.is-active), .gsr-legal-tabs > a:not([aria-current="page"]), .gsr-modern-contact-socials__link, details.gsr-modern-jump-nav > nav > a):is(:hover, :focus-visible),
#wp--skip-link--target#wp--skip-link--target :where(.gsr-overview-link-card:is(:hover, :focus-visible) > .gsr-overview-link-card-title),
#wp--skip-link--target#wp--skip-link--target :where(.gsr-materialsuche-checkbox):is(:hover, :has(> input:focus-visible)) {
  background: var(--sh-action) !important;
  box-shadow: 3px 3px 0 var(--sh-ink) !important;
  color: #fff !important;
  transform: translate(-2px, -2px);
}

/* Aufklapper („Auf dieser Seite“, Filtergruppen, Abschnittsmenü): Rosé-Fläche, Tinte, harter 3-px-Versatz */
#wp--skip-link--target#wp--skip-link--target :where(details.gsr-modern-jump-nav > summary, .gsr-materialsuche-checkbox-group > summary):hover,
#wp--skip-link--target#wp--skip-link--target :where(.gsr-page-section-menu-summary:hover .gsr-page-section-menu-title) {
  background: var(--sh-rose) !important;
  box-shadow: 3px 3px 0 var(--sh-ink) !important;
  color: var(--sh-ink) !important;
  transform: translate(-2px, -2px);
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-filter-toolbar .gsr-materialsuche-section--filters:not(.is-mobile-open) > .gsr-materialsuche-mobile-filter-toggle, .gsr-load-more-button, .gsr-grid-footer > a, .gsr-modern-contact__mail):hover {
  background: var(--sh-rose) !important;
  box-shadow: 4px 4px 0 var(--sh-ink) !important;
  transform: translate(-2px, -2px);
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-reset:hover {
  background: var(--sh-rose) !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-icon-button:not(.gsr-material-card-eduki, .gsr-freebie-card-download):hover {
  background: var(--sh-rose) !important;
  color: var(--sh-ink) !important;
}

/* Aktiver Filter: Rosé-Fläche mit doppeltem Tintenrand, damit er sich vom Aktionsrosé beim Überfahren abhebt */
#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-checkbox:has(> input:checked) {
  background: var(--sh-rose) !important;
  box-shadow: inset 0 0 0 1.5px var(--sh-ink) !important;
  color: var(--sh-ink) !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-checkbox:has(> input:checked):is(:hover, :has(> input:focus-visible)) {
  box-shadow: inset 0 0 0 1.5px var(--sh-ink), 3px 3px 0 var(--sh-ink) !important;
}

/* Aktiver Reiter: Rosé mit Etikettenrand */
#wp--skip-link--target#wp--skip-link--target :where(.gsr-freebie-tabs > a.is-active, .gsr-legal-tabs > a[aria-current="page"]) {
  background: var(--sh-rose) !important;
  box-shadow: inset 0 0 0 3px var(--sh-card), inset 0 0 0 4.5px rgba(152, 76, 103, .42) !important;
}

/* Hauptknöpfe: dunkles Heftrosé, liegen mit 3 px Versatz auf */
#wp--skip-link--target#wp--skip-link--target :where(.gsr-materialsuche-submit, .sib-form-block__button, .gsr-freebie-spotlight-button.is-primary) {
  align-items: center;
  background: var(--sh-action) !important;
  border: var(--sh-stroke) solid var(--sh-ink) !important;
  border-radius: 999px !important;
  box-shadow: 3px 3px 0 var(--sh-ink) !important;
  color: #fff !important;
  display: inline-flex !important;
  font-family: var(--sh-text) !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  justify-content: center;
  line-height: 1.2 !important;
  min-height: 54px !important;
  padding: 0 28px !important;
  text-decoration: none !important;
  transition: transform .16s var(--sh-ease), box-shadow .16s var(--sh-ease), background-color .16s linear;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-materialsuche-submit, .sib-form-block__button, .gsr-freebie-spotlight-button.is-primary):hover {
  background: var(--sh-action-deep) !important;
  box-shadow: 5px 5px 0 var(--sh-ink) !important;
  transform: translate(-2px, -2px);
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-materialsuche-submit, .sib-form-block__button, .gsr-freebie-spotlight-button.is-primary):active {
  box-shadow: 1px 1px 0 var(--sh-ink) !important;
  transform: translate(2px, 2px);
}

/* Schnelleinstiege der Materialsuche: Chips auf einem Rosé-Feld */
#wp--skip-link--target#wp--skip-link--target .gsr-search-quicklinks {
  background: var(--sh-rose) !important;
  border: var(--sh-stroke) solid var(--sh-ink) !important;
  border-radius: var(--sh-radius) !important;
  margin-top: 56px !important;
  padding: 22px 28px !important;
}

/* „Auf dieser Seite“: kleines Etikett, aufgeklappt eine Reihe leiser Chips */
#wp--skip-link--target#wp--skip-link--target :where(details.gsr-modern-jump-nav, details.gsr-page-section-menu) {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-top: 24px !important;
  padding: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target details.gsr-modern-jump-nav > summary {
  gap: 12px !important;
  min-height: 44px !important;
}

/* „Auf dieser Seite“-Menü mit Titel und Unterzeile (Halbjahr, Jahreszeiten): der Titel ist der Chip, der Pfeil sitzt
   im Chip, die Unterzeile steht leise daneben (Vorgabe C). */
#wp--skip-link--target#wp--skip-link--target .gsr-page-section-menu-summary {
  align-items: center !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 16px !important;
  justify-content: flex-start !important;
  list-style: none !important;
  min-height: 0 !important;
  padding: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-page-section-menu-summary::-webkit-details-marker { display: none; }
#wp--skip-link--target#wp--skip-link--target .gsr-page-section-menu-summary-copy { display: contents !important; }
#wp--skip-link--target#wp--skip-link--target .gsr-page-section-menu-title { padding: 0 46px 0 20px !important; }

#wp--skip-link--target#wp--skip-link--target .gsr-page-section-menu-caret {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--sh-ink) !important;
  font-size: 14px !important;
  margin-left: -50px !important;
  order: 1;
  pointer-events: none;
  position: relative;
  transition: transform .16s var(--sh-ease);
  z-index: 1;
}

#wp--skip-link--target#wp--skip-link--target .gsr-page-section-menu-summary:hover .gsr-page-section-menu-caret { transform: translate(-2px, -2px); }

#wp--skip-link--target#wp--skip-link--target .gsr-page-section-menu-intro {
  color: var(--sh-ink-soft) !important;
  font-family: var(--sh-text) !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  order: 2;
  text-transform: none !important;
}

#wp--skip-link--target#wp--skip-link--target details.gsr-modern-jump-nav > summary::-webkit-details-marker { display: none; }

#wp--skip-link--target#wp--skip-link--target details.gsr-modern-jump-nav > summary::after {
  border: solid currentColor;
  border-width: 0 1.5px 1.5px 0;
  content: "";
  height: 7px;
  margin-top: -4px;
  transform: rotate(45deg);
  width: 7px;
}

#wp--skip-link--target#wp--skip-link--target details.gsr-modern-jump-nav[open] > summary::after {
  margin-top: 4px;
  transform: rotate(-135deg);
}

#wp--skip-link--target#wp--skip-link--target details.gsr-modern-jump-nav[open] > nav {
  background: none !important;
  border: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
}

/* ---------- Abschnitte unter der Heftseite ---------- */

#wp--skip-link--target#wp--skip-link--target :where(.gsr-page-nav-section, .seo-page > section:not(.gsr-materialien-shortcode, .gsr-newsletter-landing, .gsr-search-interface)) {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  margin-top: 64px !important;
  padding: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-page-nav-section, .seo-page > section, .gsr-favorites-group, .gsr-page-toc, .gsr-materialien-intro) > h2 {
  color: var(--sh-ink) !important;
  font-family: var(--sh-display) !important;
  font-size: clamp(2rem, 1.3rem + 1.9vw, 3rem) !important;
  font-weight: 400 !important;
  letter-spacing: -.012em !important;
  line-height: 1.08 !important;
  margin: 0 0 16px !important;
  max-width: 26ch;
  text-align: left !important;
  text-wrap: balance;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-page-nav-section, .seo-page > section:not(.gsr-materialien-shortcode, .gsr-newsletter-landing, .gsr-search-interface), .gsr-materialien-intro) > p {
  color: var(--sh-ink) !important;
  font-family: var(--sh-text) !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
  margin: 12px 0 0 !important;
  max-width: 40em !important;
  text-align: left !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-page-nav-section, .seo-page > section, .gsr-materialien-intro) p:empty {
  display: none !important;
}

/* ---------- Kacheln: flach weiß, Haarlinie, 8-px-Ecken; beim Hover harter Tintenversatz ---------- */

#wp--skip-link--target#wp--skip-link--target :where(.gsr-material-card, .gsr-modern-favorite-card, .gsr-blog-card) {
  background: var(--sh-card) !important;
  border: 1px solid var(--sh-hair) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-align: left !important;
  text-decoration: none !important;
  transition: transform .18s var(--sh-ease), box-shadow .18s var(--sh-ease), border-color .18s linear;
  width: auto !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-material-card, .gsr-modern-favorite-card, .gsr-blog-card):is(:hover, :focus-within) {
  border-color: var(--sh-ink) !important;
  box-shadow: 4px 4px 0 var(--sh-ink) !important;
  transform: translate(-3px, -3px) !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-materialien-grid) {
  background: none !important;
  display: grid !important;
  gap: 22px 20px !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  margin: 28px 0 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}

/* Textlinks „Weiterstöbern“, „Beliebte Mathematerialien“, „Passend dazu“ (.gsr-overview-link-card): keine weißen Textkarten,
   sondern eine Chip-Reihe wie „Weitere Themen“. Der Titel ist der Chip; eine vorhandene Beschreibung (Über mich) bleibt
   sichtbar als leise Inter-Zeile unter dem Chip, die Reihe wird dann eine ruhige Liste. Das alte „›“ und die <br> sind aus. */
#wp--skip-link--target#wp--skip-link--target .gsr-overview-link-grid {
  align-items: flex-start !important;
  background: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  grid-template-columns: none !important;
  margin: 24px 0 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: auto !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-overview-link-grid:has(> a > span + span) { gap: 22px 28px !important; }

#wp--skip-link--target#wp--skip-link--target .gsr-overview-link-card {
  align-items: flex-start !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  flex: 0 1 auto !important;
  flex-direction: column !important;
  gap: 8px !important;
  height: auto !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  text-align: left !important;
  text-decoration: none !important;
  transform: none !important;
  width: auto !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-overview-link-card:has(> span + span) { flex-basis: 250px !important; min-width: min-content !important; }
#wp--skip-link--target#wp--skip-link--target .gsr-overview-link-card:has(> span + span) > .gsr-overview-link-card-title { white-space: nowrap !important; }
#wp--skip-link--target#wp--skip-link--target .gsr-overview-link-card::after { content: none !important; }
#wp--skip-link--target#wp--skip-link--target .gsr-overview-link-card:focus-visible { outline-offset: 4px !important; }

#wp--skip-link--target#wp--skip-link--target .gsr-overview-link-card > .gsr-overview-link-card-title {
  line-height: 1.25 !important;
  max-width: 100%;
  padding: 8px 20px !important;
  text-align: left !important;
  white-space: normal !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-overview-link-card > span:not(.gsr-overview-link-card-title) {
  color: var(--sh-ink-soft) !important;
  display: block !important;
  font-family: var(--sh-text) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  padding: 0 4px !important;
  white-space: normal !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card h3 {
  color: var(--sh-ink) !important;
  font-family: var(--sh-display) !important;
  font-size: 23px !important;
  font-weight: 400 !important;
  letter-spacing: -.005em !important;
  line-height: 1.15 !important;
}

/* ---------- Materialraster (SEO-Landingseiten, Freebie Friday, Materialsuche) ---------- */

#wp--skip-link--target#wp--skip-link--target .gsr-materialien-shortcode {
  margin-top: 72px !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-materialien-shortcode, .gsr-materialien-panel, .gsr-materialsuche-shell, .gsr-materialsuche-main, .gsr-materialsuche-results, .gsr-materialien-intro, .gsr-search-interface) {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-materialien-panel, .gsr-materialsuche-shell, .gsr-materialsuche-main, .gsr-materialsuche-results, .gsr-materialien-intro) {
  margin-top: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialien-panel-head {
  align-items: end;
  display: grid !important;
  gap: 8px 32px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin: 0 0 28px !important;
  padding: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialien-results-hint {
  margin: 0 0 6px !important;
  padding: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialien-panel-head + * .gsr-materialien-grid,
#wp--skip-link--target#wp--skip-link--target .gsr-materialien-panel-head + .gsr-materialien-grid,
#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-results > .gsr-materialien-grid {
  margin-top: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-link {
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--sh-ink) !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  padding: 0 !important;
  text-decoration: none !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-link:focus-visible {
  outline-offset: -4px !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-material-card-image, .gsr-material-card-image-picture) {
  aspect-ratio: 520 / 751;
  background: #f6f3f1 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sh-hair) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  filter: none !important;
  height: auto !important;
  margin: 0 !important;
  max-height: none !important;
  object-fit: cover !important;
  padding: 0 !important;
  width: 100% !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-image-picture img {
  border: 0 !important;
  display: block;
  height: auto !important;
  width: 100% !important;
}

/* Falle: Alte Regeln geben dem Titel 12/12/5 px Innenabstand bei border-box. Hier content-box, Abstand außen, zwei Zeilen fest. */
#wp--skip-link--target#wp--skip-link--target .gsr-material-card-title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2 !important;
  background: none !important;
  box-sizing: content-box !important;
  color: var(--sh-ink) !important;
  display: -webkit-box !important;
  font-family: var(--sh-text) !important;
  font-size: 15.5px !important;
  font-weight: 620 !important;
  height: auto !important;
  letter-spacing: -.005em !important;
  line-height: 1.35 !important;
  margin: 12px 14px 0 !important;
  max-height: 2.7em !important;
  min-height: 2.7em !important;
  overflow: hidden !important;
  padding: 0 !important;
  white-space: normal !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card:not(:has(.gsr-material-card-toolbar)) .gsr-material-card-title {
  margin-bottom: 16px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-herbst-quicklinks {
  background: none !important;
  border: 0 !important;
  color: var(--sh-ink) !important;
  font-size: 16px !important;
  line-height: 32px !important;
  margin: 32px 0 0 !important;
  padding: 0 !important;
  row-gap: 0 !important; /* Lineatur-Regel: umbrechende Links bleiben im 32-px-Takt */
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar {
  align-items: center !important;
  background: none !important;
  border: 0 !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: wrap !important;
  gap: 6px 8px !important;
  height: auto !important;
  min-height: 0 !important;
  justify-content: space-between !important;
  margin: auto 0 0 !important;
  padding: 10px 10px 12px 14px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar-price {
  align-items: baseline;
  display: inline-flex !important;
  gap: 6px;
  flex: 1 0 auto !important;
  overflow: visible !important;
  width: auto !important;
  color: var(--sh-ink) !important;
  font-family: var(--sh-text) !important;
  font-size: 15px !important;
  font-variant-numeric: tabular-nums;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  white-space: nowrap;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar-price :is(.amount, bdi, span) {
  color: inherit !important;
  font: inherit !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar-price > del {
  color: var(--sh-ink-soft) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
}

/* Aktueller Preis zuerst, Streichpreis danach (wie auf den Hub-Kacheln; WooCommerce liefert del vor ins). */
#wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar-price > ins {
  order: -1;
  background: none !important;
  color: inherit !important;
  font: inherit !important;
  text-decoration: none !important;
}

/* %-Plakette (in dieser Familie von alten Regeln ausgeblendet) und „Bald auch hier kaufen“ nach Vorgabe A */
#wp--skip-link--target#wp--skip-link--target .gsr-material-card-badge.is-sale {
  background: var(--sh-rose) !important;
  border: 1px solid var(--sh-hair) !important;
  border-radius: 999px !important;
  color: var(--sh-ink) !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-coming-soon {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--sh-ink-soft) !important;
  font-family: var(--sh-text) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  min-height: 0 !important;
  opacity: 1 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  width: auto !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar-actions {
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 6px !important;
  margin: 0 0 0 auto !important;
  width: auto !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-icon-button:not(.gsr-material-card-eduki, .gsr-freebie-card-download) {
  background: var(--sh-paper) !important;
  color: var(--sh-ink) !important;
  flex: 0 0 auto !important;
  height: 36px !important;
  justify-content: center !important;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 36px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-wishlist[aria-pressed="true"] {
  background: var(--sh-rose) !important;
  color: var(--sh-action) !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-icon-button :is(svg, .gsr-material-card-icon) {
  height: 18px !important;
  max-height: 18px !important;
  max-width: 18px !important;
  width: 18px !important;
}

/* „Mehr anzeigen“ unter dem Raster */
#wp--skip-link--target#wp--skip-link--target .gsr-grid-footer {
  grid-column: 1 / -1;
  justify-content: center;
  margin: 18px 0 0 !important;
  text-align: center;
}

#wp--skip-link--target#wp--skip-link--target .gsr-grid-footer.has-button { display: flex !important; }

#wp--skip-link--target#wp--skip-link--target :where(.gsr-load-more-button, .gsr-grid-footer > a) {
  font-size: 17px !important;
  font-weight: 650 !important;
  min-height: 54px !important;
  padding: 0 30px !important;
}

/* ---------- Materialsuche ---------- */

#wp--skip-link--target#wp--skip-link--target .gsr-search-interface {
  margin-top: 24px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-top-search {
  align-items: stretch !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  gap: 12px !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}

/* Suchfeld als breite Tintenrand-Pille, Suchknopf rechts angesetzt (wie im Kopf) */
#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-searchbar {
  align-items: stretch !important;
  background: var(--sh-card) !important;
  border: var(--sh-stroke) solid var(--sh-ink) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  display: flex !important;
  min-height: 58px !important;
  overflow: hidden !important;
  padding: 0 !important;
  transition: box-shadow .18s var(--sh-ease);
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-searchbar:focus-within {
  box-shadow: 3px 3px 0 var(--sh-ink) !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-input {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--sh-ink) !important;
  flex: 1 1 auto !important;
  font-family: var(--sh-text) !important;
  font-size: 17px !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  outline: 0 !important;
  padding: 0 24px !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-materialsuche-input, .gsr-newsletter-form-panel input.input)::placeholder {
  color: var(--sh-ink-soft) !important;
  opacity: 1;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-icon-submit {
  align-items: center !important;
  background: var(--sh-action) !important;
  border: 0 !important;
  border-left: var(--sh-stroke) solid var(--sh-ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  display: flex !important;
  flex: 0 0 68px !important;
  height: auto !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 4px 0 0 !important;
  position: static !important;
  transform: none !important;
  width: 68px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-icon-submit:hover { background: var(--sh-action-deep) !important; }

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-icon-submit:focus-visible {
  outline-color: #fff !important;
  outline-offset: -8px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-icon-submit svg {
  color: #fff !important;
  height: 22px !important;
  width: 22px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-filter-toolbar .gsr-materialsuche-mobile-filter-toggle {
  gap: 10px !important;
  min-height: 58px !important;
  padding: 0 24px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-mobile-filter-icon > span { background: currentColor !important; }

/* Geöffnetes Filterblatt (mit JavaScript) bzw. Filter ohne JavaScript: Heftetiketten und Chips */
#wp--skip-link--target#wp--skip-link--target .gsr-filter-toolbar .gsr-materialsuche-section--filters.is-mobile-open {
  background: var(--sh-paper) !important;
  border: var(--sh-stroke) solid var(--sh-ink) !important;
  border-radius: var(--sh-radius) !important;
  box-shadow: 6px 6px 0 var(--sh-ink) !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-filter-toolbar .is-mobile-open > .gsr-materialsuche-mobile-filter-toggle {
  background: var(--sh-rose) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sh-hair) !important;
  border-radius: 16px 16px 0 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  width: 100% !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-filter-toolbar .is-mobile-open .gsr-materialsuche-actions {
  background: var(--sh-paper) !important;
  border-top: 1px solid var(--sh-hair) !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-checkbox-group {
  background: none !important;
  border: 0 !important;
  border-bottom: 1px dashed var(--sh-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 4px 0 14px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-field--sort > .gsr-materialsuche-field-label {
  color: var(--sh-ink) !important;
  padding: 10px 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-checkbox-group > summary { margin: 6px 0 !important; }
#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-checkbox-group > summary::-webkit-details-marker { display: none; }

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-checkbox-group > summary::after {
  background: none !important;
  color: var(--sh-ink) !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-checkbox-options {
  background: none !important;
  border: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 6px 0 2px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-checkbox {
  min-height: 44px !important;
  padding: 0 16px !important;
  position: relative;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-checkbox > input {
  height: 1px !important;
  margin: 0 !important;
  opacity: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-checkbox:has(> input:focus-visible) {
  outline: 3px solid var(--sh-action) !important;
  outline-offset: 3px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-select {
  appearance: none;
  background: var(--sh-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%233f3436' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 18px center / 12px 8px !important;
  min-height: 48px !important;
  padding: 0 44px 0 18px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-field--sort > .gsr-materialsuche-field-label::after { content: none !important; }

#wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-count {
  background: none !important;
  border: 0 !important;
  margin: 8px 0 22px 4px !important;
  padding: 0 !important;
}

/* Leerer Suchzustand (sichtbar ist .gsr-materialien-empty im Raster; die Feedback-Box bleibt wie bisher ausgeblendet):
   gemalte Lupe auf einem Heftblatt */
#wp--skip-link--target#wp--skip-link--target .gsr-materialien-empty {
  align-items: center;
  background: var(--sh-paper) !important;
  border: var(--sh-stroke) solid var(--sh-ink) !important;
  border-radius: var(--sh-radius) !important;
  color: var(--sh-ink) !important;
  column-gap: 28px;
  display: grid !important;
  font-family: var(--sh-display) !important;
  font-size: 23px !important;
  grid-column: 1 / -1;
  grid-template-columns: 132px minmax(0, 1fr);
  line-height: 1.35 !important;
  margin: 0 !important;
  max-width: 820px;
  padding: 24px 36px 24px 24px !important;
  text-align: left !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-materialien-empty::before {
  aspect-ratio: 1;
  background: url("motive/stilprobe-1/gouache/suche-leer-l.webp") no-repeat 50% 50% / contain;
  content: "";
  width: 100%;
}

/* ---------- Lieblingsprodukte ---------- */

#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorites-disclosure {
  background: none !important;
  border: 0 !important;
  border-top: 1px dashed var(--sh-rule) !important;
  color: var(--sh-ink-soft) !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  margin: 24px 0 0 !important;
  max-width: 52em !important;
  padding: 14px 0 0 !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-modern-favorites, .gsr-modern-favorites-browser) {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  max-width: none !important;
  padding: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorites-browser {
  margin: 0 !important;
  width: auto !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-favorites-group {
  background: none !important;
  border: 0 !important;
  border-top: 1px dashed var(--sh-rule) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  margin: 48px 0 0 !important;
  padding: 36px 0 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-favorites-group:first-child {
  border-top: 0 !important;
  margin-top: 64px !important;
  padding-top: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-favorites-group > h2 { scroll-margin-top: 24px; }

#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorites-grid {
  display: grid !important;
  gap: 20px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card {
  align-items: flex-start !important;
  color: var(--sh-ink) !important;
  gap: 0 !important;
  min-height: 0 !important;
  padding: 22px 22px 20px !important;
}

/* Kategorie-Symbole (Alex, 29.09.2026: Konzept 00_Uebergaben/konzept-amazon-lieblingsprodukte-icons-2026-09-29.md freigegeben).
   Gemalte Gouache-Motive, reine Deko (CSS-Hintergrund, kein <img>, Span bleibt aria-hidden). Texte, Links, Affiliate-Hinweis,
   Fußnote und rel="nofollow sponsored" unverändert.
   - Bereichsüberschrift: Symbol 64 px hinter dem letzten Wort (Handy 48 px). Vorhanden: Tafel, Tasse; für „Schulstart & kleine
     Geschenke“ bis zur 64er-Fassung der vorhandene Geschenkanhänger in seiner gemalten Größe 48 px.
   - Listenkachel: Symbol 56 px (Handy 48 px) oben rechts, ohne Fläche; der Platz ist von Anfang an reserviert (Titel mit
     Abstand rechts, Symbol absolut), damit nichts springt, wenn die Dateien kommen. Das alte Zeichen bleibt unsichtbar.
   - Sprung-Chips: Symbol 28 px, erst mit den -s-Dateien (Block unten einkommentieren).
   Vorbereitete Plätze: Datei nach motive/ legen (Namen laut 00_Uebergaben/auftrag-codex-amazon-icons-2026-09-29.md) und die
   passende Zeile einkommentieren; ohne Datei bleibt der Platz leer (none). */
#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card {
  position: relative !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card__icon {
  background: var(--sh-liebling, none) no-repeat 50% 50% / contain !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  display: block !important;
  font-size: 0 !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
  position: absolute !important;
  right: 16px !important;
  top: 16px !important;
  width: 56px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card h3 {
  margin: 0 0 10px !important;
  min-height: 50px;
  padding-right: 60px !important;
}

/* #wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card[href*="/list/ABS87QCX1PA3"] { --sh-liebling: url("motive/liebling-spiele-m.webp"); } */  /* Spiele für Kinder: Holzkreisel */
/* #wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card[href*="/list/1DUXH3I799B2P"] { --sh-liebling: url("motive/liebling-kinderbuecher-m.webp"); } */  /* Kinderbücher: aufgeschlagenes Bilderbuch */
/* #wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card[href*="/list/10U1VFYZNB8KJ"] { --sh-liebling: url("motive/liebling-alltagshelfer-m.webp"); } */  /* Alltagshelfer: Holzklammer */
/* #wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card[href*="/list/3B77WVB2FXNBU"] { --sh-liebling: url("motive/liebling-aufbewahrung-m.webp"); } */  /* Aufbewahrung: Stoffbox */
/* #wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card[href*="/list/1NNFDVCUHQEIK"] { --sh-liebling: url("motive/liebling-buerobedarf-m.webp"); } */  /* Bürobedarf: Klebezettel + Marker */
/* #wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card[href*="/list/28RV74TKWLBY5"] { --sh-liebling: url("motive/liebling-teacherstuff-m.webp"); } */  /* Teacherstuff: Lehrerplaner */
/* #wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card[href*="/list/2R4Q9JV39UWQN"] { --sh-liebling: url("motive/liebling-einschulung-m.webp"); } */  /* Deko zur Einschulung: Wimpelkette */
/* #wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card[href*="/list/197M80R1N3SNZ"] { --sh-liebling: url("motive/liebling-schulstartmaterial-m.webp"); } */  /* Material zum Schulstart: Postmappe */
/* #wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card[href*="/list/2T51HAWCMYD1J"] { --sh-liebling: url("motive/schulstart-m.webp"); } */  /* Ideen für die Schultüte: Schultüte (Welle 2, Anlass) */
/* #wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card[href*="/list/2LW9L11RWUI3O"] { --sh-liebling: url("motive/liebling-klassengeschenke-m.webp"); } */  /* Klassengeschenke: Kraftpapier-Tütchen */

#wp--skip-link--target#wp--skip-link--target .gsr-favorites-group > h2::after {
  background: var(--sh-liebling-h2, none) no-repeat 50% 50% / contain;
  content: "";
  display: inline-block;
  height: var(--sh-liebling-h2-groesse, 64px);
  margin-left: 16px;
  vertical-align: middle;
  width: var(--sh-liebling-h2-groesse, 64px);
}

#wp--skip-link--target#wp--skip-link--target #unterricht { --sh-liebling-h2: url("motive/schiefertafel-m.webp"); }
#wp--skip-link--target#wp--skip-link--target #organisation { --sh-liebling-h2: url("motive/kaffeetasse-m.webp"); }
#wp--skip-link--target#wp--skip-link--target #schulstart { --sh-liebling-h2: url("motive/geschenkanhaenger-m.webp"); --sh-liebling-h2-groesse: 48px; }
/* #wp--skip-link--target#wp--skip-link--target #schulstart { --sh-liebling-h2: url("motive/liebling-geschenke-m.webp"); --sh-liebling-h2-groesse: 64px; } */

/* Sprung-Chips mit S-Symbol (28 px): einkommentieren, sobald liebling-unterricht-s, -organisation-s und -geschenke-s liegen.
#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorites-hero .gsr-topic-pills > a { gap: 9px !important; padding: 0 20px 0 12px !important; }
#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorites-hero .gsr-topic-pills > a::before { background: var(--sh-liebling-s, none) no-repeat 50% 50% / contain; content: ""; flex: none; height: 28px; width: 28px; }
#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorites-hero .gsr-topic-pills > a[href="#unterricht"] { --sh-liebling-s: url("motive/liebling-unterricht-s.webp"); }
#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorites-hero .gsr-topic-pills > a[href="#organisation"] { --sh-liebling-s: url("motive/liebling-organisation-s.webp"); }
#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorites-hero .gsr-topic-pills > a[href="#schulstart"] { --sh-liebling-s: url("motive/liebling-geschenke-s.webp"); }
*/

@media (max-width: 639px) {
  #wp--skip-link--target#wp--skip-link--target .gsr-favorites-group > h2::after {
    height: calc(var(--sh-liebling-h2-groesse, 64px) * .75);
    margin-left: 10px;
    width: calc(var(--sh-liebling-h2-groesse, 64px) * .75);
  }

  #wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card__icon {
    height: 48px !important;
    right: 14px !important;
    top: 14px !important;
    width: 48px !important;
  }

  #wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card h3 {
    min-height: 40px;
    padding-right: 52px !important;
  }
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card p {
  color: var(--sh-ink-soft) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card p:last-child {
  margin-top: auto !important;
  padding-top: 18px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card__cta {
  white-space: nowrap;
  background: none !important;
  border: 0 !important;
  color: var(--sh-action) !important;
  font-family: var(--sh-text) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-favorite-card:is(:hover, :focus-visible) .gsr-modern-favorite-card__cta {
  text-decoration: underline 2px !important;
  text-underline-offset: 4px;
}

#wp--skip-link--target#wp--skip-link--target .gsr-favorites-footnote {
  border-top: 1px dashed var(--sh-rule) !important;
  color: var(--sh-ink-soft) !important;
  font-size: 15px !important;
  margin: 56px 0 0 !important;
  padding: 20px 0 0 !important;
  text-align: left !important;
}

/* ---------- Blog-Übersicht: Beitragskarten wie Kacheln, Datum als Randnotiz ---------- */

#wp--skip-link--target#wp--skip-link--target .gsr-blog-list {
  display: grid !important;
  gap: 28px 20px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 64px 0 0 !important;
  padding: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-blog-card { padding: 0 !important; }

#wp--skip-link--target#wp--skip-link--target .gsr-blog-card-cover {
  aspect-ratio: 1;
  background: #f6f3f1 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sh-hair) !important;
  border-radius: 0 !important;
  display: block !important;
  line-height: 0;
  margin: 0 !important;
  overflow: hidden;
  padding: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-blog-card-cover img {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  width: 100% !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-blog-card-body {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 18px 22px 20px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-blog-card-meta {
  align-self: flex-start;
  font-size: 25px !important;
  margin: 0 0 8px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-blog-card-body h2 {
  font-family: var(--sh-display) !important;
  font-size: 23px !important;
  font-weight: 400 !important;
  letter-spacing: -.005em !important;
  line-height: 1.2 !important;
  margin: 0 0 12px !important;
  text-wrap: balance;
}

#wp--skip-link--target#wp--skip-link--target .gsr-blog-card-body h2 a {
  color: var(--sh-ink) !important;
  text-decoration: none !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-blog-card-body h2 a:hover { color: var(--sh-action) !important; }

#wp--skip-link--target#wp--skip-link--target .gsr-blog-card-body > p:not(.gsr-blog-card-meta) {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  color: var(--sh-ink-soft) !important;
  display: -webkit-box !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  overflow: hidden;
}

#wp--skip-link--target#wp--skip-link--target .gsr-blog-card-body > p:last-child {
  display: block !important;
  margin-top: auto !important;
  padding-top: 14px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-blog-card-body p a:not(.gsr-blog-card-button) {
  color: inherit !important;
  text-decoration: none !important;
}

/* ---------- Über mich: liniertes Blatt mit Porträt als Sticker ---------- */

#wp--skip-link--target#wp--skip-link--target .seo-page--ueber-mich > .gsr-sh-kopf { padding-right: 330px !important; }

#wp--skip-link--target#wp--skip-link--target .seo-page--ueber-mich > .gsr-sh-kopf::after {
  background: url("../../uploads/grundschul-rose-logo-sharp-800-1-300x300.webp") no-repeat 50% 50% / cover content-box, var(--sh-card);
  border: var(--sh-stroke) solid var(--sh-ink);
  border-radius: 50%;
  content: "";
  height: 196px;
  padding: 6px;
  position: absolute;
  right: 72px;
  top: 76px;
  transform: rotate(-4deg);
  width: 196px;
}

#wp--skip-link--target#wp--skip-link--target .seo-page--ueber-mich > .gsr-sh-kopf::before {
  background: url("motive/washi-rose.webp") no-repeat 50% 50% / 100% 100%;
  content: "";
  height: 30px;
  position: absolute;
  right: 126px;
  top: 64px;
  transform: rotate(-9deg);
  width: 96px;
  z-index: 1;
}

/* ---------- Kontakt ---------- */

#wp--skip-link--target#wp--skip-link--target .gsr-modern-contact {
  column-gap: 56px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr) !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-modern-contact__copy, .gsr-newsletter-copy) {
  position: static !important;
  background: none !important;
  border: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-contact__copy > p:last-child { margin: 32px 0 0 !important; }

#wp--skip-link--target#wp--skip-link--target .gsr-modern-contact__mail {
  box-shadow: 3px 3px 0 var(--sh-ink) !important;
  gap: 14px !important;
  max-width: 100%;
  min-height: 64px !important;
  padding: 8px 28px 8px 9px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-contact__mail > svg {
  background: var(--sh-action);
  border-radius: 50%;
  box-sizing: border-box;
  color: #fff !important;
  flex: 0 0 46px;
  height: 46px !important;
  padding: 12px;
  width: 46px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-contact__mail > span {
  display: flex !important;
  flex-direction: column;
  min-width: 0;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-contact__mail small {
  color: var(--sh-ink-soft) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-contact__mail strong {
  color: var(--sh-ink) !important;
  font-size: 19px !important;
  font-weight: 650 !important;
  overflow-wrap: anywhere;
}

/* Rechte Spalte: Karteikarte, auf der die Kaffeetasse steht (statt des ♡-Zeichens) */
#wp--skip-link--target#wp--skip-link--target .gsr-modern-contact__visual {
  align-self: end;
  background: var(--sh-card) !important;
  border: var(--sh-stroke) solid var(--sh-ink) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  display: block !important;
  margin: 72px 0 0 !important;
  min-height: 0 !important;
  padding: 64px 28px 28px !important;
  position: relative;
  text-align: left !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-contact__rose {
  background: url("motive/kaffeetasse-m.webp") no-repeat 50% 50% / contain !important;
  border: 0 !important;
  color: transparent !important;
  display: block !important;
  font-size: 0 !important;
  height: 88px !important;
  left: 22px;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: absolute !important;
  top: -44px;
  transform: rotate(-6deg);
  width: 88px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-contact__visual > p {
  color: var(--sh-ink) !important;
  font-family: var(--sh-display) !important;
  font-size: 23px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-contact-socials { margin-top: 20px !important; gap: 10px !important; }

#wp--skip-link--target#wp--skip-link--target .gsr-modern-contact-socials__link {
  font-size: 15px !important;
  padding: 0 18px 0 14px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-contact-socials__link > span {
  clip: auto !important;
  height: auto !important;
  position: static !important;
  width: auto !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-modern-contact-socials__link svg {
  height: 18px !important;
  width: 18px !important;
}

/* ---------- Newsletter ---------- */

#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-landing {
  column-gap: 56px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr) !important;
}

/* Die drei Punkte stehen auf den Heftlinien, das Stichwort in Grundschrift am Rand */
#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-points {
  display: block !important;
  list-style: none !important;
  margin: 32px 0 0 !important;
  padding: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-points > li {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  align-items: start !important; /* Lineatur-Regel: keine Grundlinien-Ausrichtung, sonst wächst jeder Punkt um 1 px */
  column-gap: 20px;
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr);
  margin: 0 !important;
  padding: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-points > li::before { content: none !important; }

/* „Kostenloser Newsletter“ stand oben rechts über „Newsletter abonnieren“ und war damit eine Dachzeile. Jetzt Randnotiz
   unter den drei Punkten (Reihenfolge per order, DOM bleibt), −2° schräg, Häuschen-Lineatur bleibt. margin-top 23 px:
   Die Grundlinie der Notiz (1,299 em = 32,5 px) liegt dann genau auf der nächsten Heftlinie. */
#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-copy {
  display: flex !important;
  flex-direction: column;
}

#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-copy > .gsr-newsletter-kicker {
  align-self: flex-end;
  margin: 23px 0 0 !important;
  max-width: none !important;
  order: 9;
  position: static;
  transform: rotate(-2deg);
  white-space: nowrap;
}

#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-points > li > span {
  font-size: 25px !important;
  line-height: 32px !important;
  position: relative;
  top: calc(6.25px - .299em); /* Lineatur-Regel, Näherung ohne round() */
  top: calc(22px - round(down, (32px - round(.899em, 1px) - round(.301em, 1px)) / 2, 1px) - round(.899em, 1px)); /* Grundschrift, 32-px-Zeile */
}

#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-points > li > strong {
  color: var(--sh-ink) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
}

/* Anmeldekarte: weißes Blatt, mit Washi-Tape auf das Heft geklebt */
#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-form-panel {
  align-self: start;
  background: var(--sh-card) !important;
  border: var(--sh-stroke) solid var(--sh-ink) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 36px 32px 28px !important;
  position: relative;
}

#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-form-panel::before {
  background: url("motive/washi-rose.webp") no-repeat 50% 50% / 100% 100%;
  content: "";
  height: 30px;
  left: 50%;
  position: absolute;
  top: -15px;
  transform: translateX(-50%) rotate(-4deg);
  width: 104px;
}

#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-form-panel > h2 {
  color: var(--sh-ink) !important;
  font-family: var(--sh-display) !important;
  font-size: 27px !important;
  font-weight: 400 !important;
  letter-spacing: -.005em !important;
  line-height: 1.15 !important;
  margin: 0 0 10px !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-newsletter-form-panel > p, .gsr-newsletter-disclaimer) {
  color: var(--sh-ink-soft) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin: 0 0 18px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-disclaimer { margin: 18px 0 0 !important; }

#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-form-panel :is(.sib-form, .sib-form-container, #sib-container) {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-form-panel .entry__label {
  color: var(--sh-ink) !important;
  font-family: var(--sh-text) !important;
  font-size: 15px !important;
  font-weight: 620 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-form-panel .entry__specification {
  color: var(--sh-ink-soft) !important;
  font-size: 13.5px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-form-panel input.input {
  background: var(--sh-card) !important;
  border: var(--sh-stroke) solid var(--sh-ink) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: var(--sh-ink) !important;
  font-family: var(--sh-text) !important;
  font-size: 16px !important;
  min-height: 50px !important;
  padding: 0 16px !important;
  transition: box-shadow .16s var(--sh-ease);
}

#wp--skip-link--target#wp--skip-link--target .gsr-newsletter-form-panel input.input:focus {
  box-shadow: 3px 3px 0 var(--sh-ink) !important;
  outline: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .sib-form-block__button {
  letter-spacing: .02em !important;
  width: 100% !important;
}

/* ---------- Freebie Friday: Spotlight mit dem Cover als losem Blatt ---------- */

#wp--skip-link--target#wp--skip-link--target .gsr-freebie-spotlight-shell {
  align-items: center;
  background: var(--sh-card) !important;
  border: var(--sh-stroke) solid var(--sh-ink) !important;
  border-radius: var(--sh-radius) !important;
  box-shadow: none !important;
  column-gap: 56px;
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr);
  padding: 44px 56px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-freebie-spotlight-badge {
  font-size: 25px !important;
  margin: 0 0 10px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-freebie-spotlight-copy p {
  color: var(--sh-ink) !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  margin: 12px 0 0 !important;
  max-width: 40em;
}

#wp--skip-link--target#wp--skip-link--target .gsr-freebie-spotlight-copy :is(.gsr-freebie-spotlight-subtitle, .gsr-freebie-spotlight-meta) {
  color: var(--sh-ink-soft) !important;
  font-size: 15px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-freebie-spotlight-actions { gap: 16px 28px !important; }

#wp--skip-link--target#wp--skip-link--target .gsr-freebie-spotlight-cover {
  justify-self: center;
  margin: 12px 0 !important;
  max-width: 280px;
  position: relative;
  transform: rotate(-4deg);
  width: 100%;
}

#wp--skip-link--target#wp--skip-link--target .gsr-freebie-spotlight-cover::before {
  background: var(--sh-rose);
  border: var(--sh-stroke) solid var(--sh-ink);
  border-radius: 6px;
  content: "";
  inset: 0;
  position: absolute;
  transform: rotate(7deg) translate(14px, 4px);
  z-index: -1;
}

/* Washi-Tape wie auf allen losen Coverblättern (Startseite, Hubs, Produkt): ein Streifen oben mittig. */
#wp--skip-link--target#wp--skip-link--target .gsr-freebie-spotlight-cover::after {
  background: url("motive/washi-uni.webp") no-repeat 50% 50% / 100% 100%;
  content: "";
  height: 28px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: -14px;
  transform: translateX(-50%) rotate(-4deg);
  width: 96px;
  z-index: 1;
}

#wp--skip-link--target#wp--skip-link--target .gsr-freebie-spotlight-cover-link {
  background: var(--sh-card) !important;
  border: var(--sh-stroke) solid var(--sh-ink) !important;
  border-radius: 6px !important;
  display: block !important;
  line-height: 0;
  overflow: hidden;
}

#wp--skip-link--target#wp--skip-link--target .gsr-freebie-spotlight-image {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  height: auto !important;
  width: 100% !important;
}

/* ---------- Rechtstexte: ruhiges Papier ohne Deko, Lesemaß 68 Zeichen ---------- */

#wp--skip-link--target#wp--skip-link--target :where(.gsr-legal-head, .entry-content > h1.gsr-modern-legal-title) {
  background: var(--sh-randlinie), var(--sh-paper) !important;
  border: var(--sh-stroke) solid var(--sh-ink) !important;
  border-bottom: 0 !important;
  border-radius: var(--sh-radius) var(--sh-radius) 0 0 !important;
  box-shadow: none !important;
  margin: 28px auto 0 !important;
  padding: 64px 56px 0 var(--sh-inset) !important;
  position: relative !important;
  text-align: left !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-legal-head h1, .entry-content > h1.gsr-modern-legal-title) {
  color: var(--sh-ink) !important;
  font-family: var(--sh-display) !important;
  font-size: clamp(2rem, 1.3rem + 1.9vw, 3rem) !important;
  font-weight: 400 !important;
  letter-spacing: -.012em !important;
  line-height: 1.08 !important;
  text-wrap: balance;
}

#wp--skip-link--target#wp--skip-link--target .gsr-legal-head h1 {
  margin: 0 !important;
  max-width: 20ch !important;
  padding: 0 !important;
}

#wp--skip-link--target#wp--skip-link--target > .entry-content > h1.gsr-modern-legal-title {
  margin-bottom: 0 !important;
  padding-bottom: 12px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-legal-kicker {
  background: none !important;
  font-size: 25px !important;
  padding: 0 !important;
  right: 48px;
  top: 26px;
}

#wp--skip-link--target#wp--skip-link--target .gsr-legal-meta {
  align-items: center;
  color: var(--sh-ink-soft) !important;
  display: flex !important;
  flex-wrap: wrap;
  font-size: 15px !important;
  gap: 4px 24px !important;
  margin: 16px 0 0 !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-legal-print { font-size: 15px !important; }

#wp--skip-link--target#wp--skip-link--target .gsr-legal-tabs {
  border-top: 1px dashed var(--sh-rule) !important;
  gap: 10px !important;
  margin: 20px 0 0 !important;
  padding: 24px 0 8px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-legal-tabs > a {
  font-size: 15px !important;
  min-height: 44px !important;
  padding: 0 18px !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-legal-body, .entry-content > h1.gsr-modern-legal-title + *) {
  background: var(--sh-randlinie), var(--sh-paper) !important;
  border: var(--sh-stroke) solid var(--sh-ink) !important;
  border-radius: 0 0 var(--sh-radius) var(--sh-radius) !important;
  border-top: 0 !important;
  box-shadow: none !important;
  margin: 0 auto !important;
  padding: 24px 56px 64px var(--sh-inset) !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-legal-body, .entry-content > h1.gsr-modern-legal-title + *) > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 68ch !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-legal-body, .entry-content > h1.gsr-modern-legal-title + *) :is(p, li) {
  color: var(--sh-ink) !important;
  font-family: var(--sh-text) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-legal-body, .entry-content > h1.gsr-modern-legal-title + *) p {
  margin-bottom: 0 !important;
  margin-top: 16px !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-legal-body, .entry-content > h1.gsr-modern-legal-title + *) :is(h2, h3, h4) {
  color: var(--sh-ink) !important;
  font-family: var(--sh-display) !important;
  font-size: 23px !important;
  font-weight: 400 !important;
  letter-spacing: -.005em !important;
  line-height: 1.2 !important;
  border: 0 !important;
  margin: 44px 0 0 !important;
  padding: 0 !important;
  scroll-margin-top: 24px;
  text-transform: none !important;
}

#wp--skip-link--target#wp--skip-link--target :where(.gsr-legal-body, .entry-content > h1.gsr-modern-legal-title + *) :is(h3, h4) {
  font-size: 21px !important;
  margin-top: 32px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-legal-body > details.gsr-modern-jump-nav {
  margin: 0 0 8px !important;
  width: auto !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-legal-note {
  background: var(--sh-rose) !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-size: 15.5px !important;
  margin: 24px 0 8px !important;
  padding: 14px 18px !important;
}

/* ---------- Tablet ---------- */

@media (max-width: 1099px) {
  /* Die Live-Regel gsr-global-material-card-polish macht SEO-Raster ≤ 768 px zum Querlauf (grid-auto-flow: column);
     zusammen mit den festen Spalten hier lagen zwei Kacheln in 0-px-Spalten. Raster bleibt Raster (3 bzw. 2 Spalten). */
  #wp--skip-link--target#wp--skip-link--target .gsr-materialien-grid {
    grid-auto-columns: auto !important;
    grid-auto-flow: row !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
    scroll-snap-type: none !important;
  }

  #wp--skip-link--target#wp--skip-link--target :is(.gsr-blog-list, .gsr-modern-favorites-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #wp--skip-link--target#wp--skip-link--target :is(.gsr-favorites-group, .gsr-modern-contact, .gsr-newsletter-landing) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #wp--skip-link--target#wp--skip-link--target :is(.gsr-newsletter-form-panel, .gsr-modern-contact__visual) {
    margin-top: 56px !important;
    max-width: 560px;
  }
}

/* ---------- Handy ---------- */

@media (max-width: 959px) {
  body.gsr-sh-seite {
    --sh-inset: var(--sh-margin);
    --sh-top: 40px;
  }

  #wp--skip-link--target#wp--skip-link--target :is(.gsr-sh-kopf, .gsr-search-hero, .gsr-modern-favorites-hero, .gsr-compact-page-intro, .gsr-modern-contact, .gsr-newsletter-landing, .gsr-test-wishlist-heading) {
    padding: 40px 22px 34px var(--sh-inset) !important;
  }

  .gsr-sh-liniert #wp--skip-link--target#wp--skip-link--target :is(.gsr-sh-kopf, .gsr-compact-page-intro, .gsr-modern-contact, .gsr-newsletter-landing) {
    padding-top: var(--sh-top) !important;
  }

  /* Randnotiz ans Ende der Heftseite: erst finden, dann staunen (wie auf der Startseite) */
  #wp--skip-link--target#wp--skip-link--target :is(.gsr-sh-kopf, .gsr-search-hero, .gsr-modern-favorites-hero, .gsr-compact-page-intro, .gsr-modern-contact__copy, .gsr-newsletter-copy) {
    display: flex !important;
    flex-direction: column;
  }

  #wp--skip-link--target#wp--skip-link--target :is(.seo-eyebrow, .gsr-search-kicker, .gsr-modern-favorites-hero .gsr-modern-eyebrow, .gsr-compact-page-intro > .gsr-modern-eyebrow, .gsr-modern-contact .gsr-modern-eyebrow) {
    align-self: flex-end;
    font-size: 22px !important;
    margin: 28px 2px 0 0 !important;
    order: 9;
    position: static;
  }

  .gsr-sh-liniert #wp--skip-link--target#wp--skip-link--target :is(.gsr-compact-page-intro > .gsr-modern-eyebrow, .gsr-modern-contact .gsr-modern-eyebrow) {
    margin-top: 32px !important;
  }

  .gsr-sh-liniert #wp--skip-link--target#wp--skip-link--target .gsr-newsletter-copy > .gsr-newsletter-kicker {
    font-size: 22px !important;
    margin-top: 27px !important;
  }

  #wp--skip-link--target#wp--skip-link--target :is(.gsr-sh-kopf, .gsr-search-hero, .gsr-modern-favorites-hero, .gsr-compact-page-intro, .gsr-modern-contact, .gsr-newsletter-landing, .gsr-test-wishlist-heading, .gsr-legal-head) h1,
  #wp--skip-link--target#wp--skip-link--target .entry-content > h1.gsr-modern-legal-title {
    font-size: 30px !important;
    max-width: none !important;
    overflow-wrap: break-word;
  }

  .gsr-sh-liniert #wp--skip-link--target#wp--skip-link--target :is(.gsr-sh-kopf, .gsr-compact-page-intro, .gsr-modern-contact, .gsr-newsletter-landing) h1 {
    font-size: 30px !important;
    line-height: 32px !important;
    top: calc(6.25px - .34em);
    top: calc(22px - round(down, (32px - round(1.046em, 1px) - round(.366em, 1px)) / 2, 1px) - round(1.046em, 1px));
  }

  #wp--skip-link--target#wp--skip-link--target :is(.gsr-legal-head, .entry-content > h1.gsr-modern-legal-title) {
    padding: 40px 22px 0 var(--sh-inset) !important;
  }

  #wp--skip-link--target#wp--skip-link--target :is(.gsr-legal-body, .entry-content > h1.gsr-modern-legal-title + *) {
    padding: 16px 22px 44px var(--sh-inset) !important;
  }

  #wp--skip-link--target#wp--skip-link--target .gsr-legal-kicker {
    display: inline-block !important;
    font-size: 22px !important;
    margin: 0 0 20px !important;
    position: static;
  }

  #wp--skip-link--target#wp--skip-link--target .seo-page--ueber-mich > .gsr-sh-kopf {
    padding-bottom: 176px !important;
    padding-right: 22px !important;
  }

  #wp--skip-link--target#wp--skip-link--target .seo-page--ueber-mich > .gsr-sh-kopf::after {
    bottom: 26px;
    height: 124px;
    right: 26px;
    top: auto;
    width: 124px;
  }

  #wp--skip-link--target#wp--skip-link--target .seo-page--ueber-mich > .gsr-sh-kopf::before {
    bottom: 140px;
    height: 26px;
    right: 58px;
    top: auto;
    width: 80px;
  }

  #wp--skip-link--target#wp--skip-link--target .gsr-freebie-spotlight-shell {
    grid-template-columns: minmax(0, 1fr);
    padding: 32px 22px 36px var(--sh-inset) !important;
    row-gap: 40px;
  }

  #wp--skip-link--target#wp--skip-link--target .gsr-freebie-spotlight-cover { max-width: 220px; }
}

@media (max-width: 639px) {
  #wp--skip-link--target#wp--skip-link--target :is(.gsr-sh-kopf, .gsr-search-hero, .gsr-modern-favorites-hero, .gsr-compact-page-intro, .gsr-modern-contact__copy, .gsr-newsletter-copy, .gsr-test-wishlist-heading) :is(h1 + p, p + p, .seo-hero + p):not([class*="kicker"], [class*="eyebrow"], .gsr-modern-favorites-disclosure, .gsr-herbst-quicklinks) {
    font-size: 17px !important;
  }

  #wp--skip-link--target#wp--skip-link--target .gsr-materialien-grid {
    gap: 14px 12px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #wp--skip-link--target#wp--skip-link--target :is(.gsr-blog-list, .gsr-modern-favorites-grid) {
    gap: 14px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #wp--skip-link--target#wp--skip-link--target .gsr-material-card-title {
    -webkit-line-clamp: 4 !important;
    font-size: 15px !important;
    max-height: 5.4em !important;
  }

  #wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar { padding: 8px 8px 10px 12px !important; }
  #wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar-actions { gap: 4px !important; }

  #wp--skip-link--target#wp--skip-link--target .gsr-overview-link-card:has(> span + span) { flex-basis: 100% !important; }
  #wp--skip-link--target#wp--skip-link--target .gsr-blog-card-meta { font-size: 22px !important; }

  #wp--skip-link--target#wp--skip-link--target .gsr-materialien-panel-head { grid-template-columns: minmax(0, 1fr); }
  #wp--skip-link--target#wp--skip-link--target .gsr-materialien-results-hint { justify-self: start; }

  #wp--skip-link--target#wp--skip-link--target :is(.gsr-topic-pills, .gsr-search-quicklinks, .gsr-freebie-tabs) > a { padding: 0 16px !important; }

  #wp--skip-link--target#wp--skip-link--target .gsr-search-quicklinks { padding: 18px !important; }

  #wp--skip-link--target#wp--skip-link--target :is(.gsr-materialsuche-searchbar, .gsr-filter-toolbar .gsr-materialsuche-mobile-filter-toggle) {
    min-height: 54px !important;
  }

  #wp--skip-link--target#wp--skip-link--target .gsr-filter-toolbar .gsr-materialsuche-mobile-filter-toggle {
    gap: 6px !important;
    padding: 0 14px !important;
  }

  #wp--skip-link--target#wp--skip-link--target .gsr-filter-toolbar .gsr-materialsuche-section--filters:not(.is-mobile-open) > .gsr-materialsuche-mobile-filter-toggle::after { content: none !important; }

  #wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-input {
    font-size: 16px !important;
    padding: 0 16px !important;
  }

  #wp--skip-link--target#wp--skip-link--target .gsr-materialsuche-icon-submit {
    flex-basis: 56px !important;
    width: 56px !important;
  }

  #wp--skip-link--target#wp--skip-link--target .gsr-materialien-empty {
    column-gap: 16px;
    font-size: 21px !important;
    grid-template-columns: 80px minmax(0, 1fr);
    padding: 16px 18px 16px 14px !important;
  }
  #wp--skip-link--target#wp--skip-link--target .gsr-newsletter-points > li { grid-template-columns: minmax(0, 1fr); }

  #wp--skip-link--target#wp--skip-link--target :is(.gsr-newsletter-form-panel, .gsr-modern-contact__visual) {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}

/* ---------- Weniger Bewegung ---------- */

@media (prefers-reduced-motion: reduce) {
  #wp--skip-link--target#wp--skip-link--target h1 .gsr-sh-mark::before { animation: none; }

  #wp--skip-link--target#wp--skip-link--target :where(.gsr-material-card, .gsr-materialsuche-checkbox, .gsr-overview-link-card > .gsr-overview-link-card-title, details.gsr-modern-jump-nav > summary, details.gsr-modern-jump-nav > nav > a, .gsr-materialsuche-checkbox-group > summary, .gsr-page-section-menu-title, .gsr-page-section-menu-caret, .gsr-modern-favorite-card, .gsr-blog-card, .gsr-topic-pills > a, .gsr-search-quicklinks > a, .gsr-freebie-tabs > a, .gsr-legal-tabs > a, .gsr-load-more-button, .gsr-modern-contact__mail, .gsr-modern-contact-socials__link, .gsr-materialsuche-submit, .sib-form-block__button, .gsr-freebie-spotlight-button, .gsr-materialsuche-mobile-filter-toggle) {
    transform: none !important;
    transition: none !important;
  }
}

/* ---------- Kachel-Aktion als Pille (Alex, 29.09.2026: „Ansehen … bitte einen modernen Stil passend zu unserem Shop“) ----------
   Seiten (Materialsuche, Freebie Friday, Landingseiten): live wird aus dem Warenkorb-Symbol der Textlink „Ansehen“.
   Kleine Umriss-Pille: 32 px hoch (Trefferfläche 44 px über ::before), 1,5-px-Tintenrand, Papierfläche, Inter 13,5/650 in
   Tinte, einzeilig; Pfeil als SVG-Maske (Download: Pfeil nach unten). Überfahren/Fokus der Kachel oder des Links:
   Aktionsrosé, weiße Schrift, 2 px Tintenversatz. Runde 36-px-Knöpfe bleiben den echten Symbolknöpfen (Warenkorb/Merken). */
#wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar-actions > a.gsr-material-card-icon-button.gsr-material-card-eduki,
#wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar-actions > a.gsr-material-card-icon-button.gsr-freebie-card-download,
#wp--skip-link--target#wp--skip-link--target .gsr-modern-topic-card__toolbar > a.gsr-modern-topic-card__more {
  align-items: center !important;
  align-self: auto !important;
  background: var(--sh-paper) !important;
  border: var(--sh-stroke) solid var(--sh-ink) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: var(--sh-ink) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-family: var(--sh-text) !important;
  font-size: 13.5px !important;
  font-style: normal !important;
  font-weight: 650 !important;
  gap: 6px !important;
  height: 32px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
  max-height: 32px !important;
  max-width: none !important;
  min-height: 32px !important;
  min-width: 0 !important;
  padding: 0 11px 0 13px !important;
  position: relative !important;
  text-decoration: none !important;
  text-transform: none !important;
  transform: none;
  transition: background-color .16s linear, color .16s linear, box-shadow .16s var(--sh-ease), transform .16s var(--sh-ease) !important;
  white-space: nowrap !important;
  width: auto !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar-actions > a.gsr-material-card-icon-button.gsr-material-card-eduki::before,
#wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar-actions > a.gsr-material-card-icon-button.gsr-freebie-card-download::before,
#wp--skip-link--target#wp--skip-link--target .gsr-modern-topic-card__toolbar > a.gsr-modern-topic-card__more::before {
  content: "" !important;
  display: block !important;
  inset: -7px -4px !important;
  position: absolute !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar-actions > a.gsr-material-card-icon-button.gsr-material-card-eduki::after,
#wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar-actions > a.gsr-material-card-icon-button.gsr-freebie-card-download::after,
#wp--skip-link--target#wp--skip-link--target .gsr-modern-topic-card__toolbar > a.gsr-modern-topic-card__more::after {
  background: currentColor !important;
  content: "" !important;
  display: block !important;
  flex: 0 0 auto !important;
  height: 10px !important;
  margin: 0 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5h9.2M6.6 1.4 10.2 5 6.6 8.6' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5h9.2M6.6 1.4 10.2 5 6.6 8.6' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  position: static !important;
  width: 12px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar-actions > a.gsr-material-card-icon-button.gsr-freebie-card-download::after {
  height: 12px !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M5 1v9M1.6 6.8 5 10.2l3.4-3.4' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M5 1v9M1.6 6.8 5 10.2l3.4-3.4' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  width: 10px !important;
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card:is(:hover, :focus-within) .gsr-material-card-toolbar-actions > a.gsr-material-card-icon-button:is(.gsr-material-card-eduki, .gsr-freebie-card-download),
#wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar-actions > a.gsr-material-card-icon-button:is(.gsr-material-card-eduki, .gsr-freebie-card-download):focus-visible,
#wp--skip-link--target#wp--skip-link--target .gsr-modern-topic-card:is(:hover, :focus-within) .gsr-modern-topic-card__toolbar > a.gsr-modern-topic-card__more,
#wp--skip-link--target#wp--skip-link--target .gsr-modern-topic-card__toolbar > a.gsr-modern-topic-card__more:focus-visible {
  background: var(--sh-action) !important;
  box-shadow: 2px 2px 0 var(--sh-ink) !important;
  color: #fff !important;
  transform: translate(-1px, -1px);
}

@media (prefers-reduced-motion: reduce) {
#wp--skip-link--target#wp--skip-link--target .gsr-material-card:is(:hover, :focus-within) .gsr-material-card-toolbar-actions > a.gsr-material-card-icon-button:is(.gsr-material-card-eduki, .gsr-freebie-card-download),
#wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar-actions > a.gsr-material-card-icon-button:is(.gsr-material-card-eduki, .gsr-freebie-card-download):focus-visible,
#wp--skip-link--target#wp--skip-link--target .gsr-modern-topic-card:is(:hover, :focus-within) .gsr-modern-topic-card__toolbar > a.gsr-modern-topic-card__more,
#wp--skip-link--target#wp--skip-link--target .gsr-modern-topic-card__toolbar > a.gsr-modern-topic-card__more:focus-visible {
    transform: none;
  }
}

#wp--skip-link--target#wp--skip-link--target .gsr-material-card-toolbar:is(.is-compact-eduki-toolbar, :has(> .gsr-material-card-toolbar-actions > .gsr-freebie-card-download)) {
  align-items: baseline !important;
}

@media (max-width: 639px) {
  #wp--skip-link--target#wp--skip-link--target :is(.gsr-material-card-toolbar-actions > a.gsr-material-card-icon-button.gsr-material-card-eduki, .gsr-material-card-toolbar-actions > a.gsr-material-card-icon-button.gsr-freebie-card-download, .gsr-modern-topic-card__toolbar > a.gsr-modern-topic-card__more) {
    font-size: 13px !important;
    gap: 4px !important;
    padding: 0 8px 0 10px !important;
  }
}

/* ---------- Nur live (Vorbereitung Live-Übernahme, 28.09.2026) ----------
   Gratis-Kacheln tragen live statt des Warenkorbsymbols den Textknopf „Download“ (a.gsr-freebie-card-download,
   u. a. /herbst-mathe-grundschule/, /vorschule-herbst/). Im 36-px-Symbolkreis lief das Wort über Preis und Merken-Knopf.
   Hier eine kleine Pille mit Text. Die Klasse gibt es auf der Testseite nicht. */
/* jetzt Kachel-Aktion als Pille (Abschnitt „Kachel-Aktion als Pille“) */